プログラミング

プログラミング

MacbookProを購入してから開発環境を準備するまで

【環境】 MacOS Sierra 10.13 Dockをカスタマイズ Dockとは、画面下にある(デフォルト)ショートカットバーです。ここによく使うアプリを追加することができます。 まずは、エンジニアの基本ツールと...
プログラミング

最初に覚えた共同開発におけるgit rebaseの使い方

git rebaseは、ブランチの変更点(コミット)をまとめて見やすくするコマンド。margeがコミットされた順にバラバラに結合されるのに対して、git rebaseは、ブランチのコミット群単位で結合される。しかも、結合先ブランチ(作業ブラ...
PHP

「Laradock」で簡単にLaravel + Docker開発環境を構築する手順

Laravel には、Laradockという、Laravel をDocker上で利用するための環境を簡単に構築できるフレームワークが用意されています。今回は、その手順を解説していきます。 Docker for Macのインストール...
Firebase

Firebase Cloud Firestoreに都道府県データベースをインポートする方法

Firebase Cloud Firestoreにデータをインポートする方法がわかったので備忘録として記事にしました。 今回は、Firebase Cloud Firestoreにデータを登録する方法を実際に都道府県データを登録して解説...
プログラミング

gitで前のコミットに戻す方法

エラーが起こった時に少し前のコミットに戻せれば、どこの部分でエラーが起こっているのかわかり、早い対応が可能になります。その為にも、こまめにコミットはするようにしましょう! 今回は、過去のgit commitにロールバックする手順を備忘...
プログラミング

Vagrant+Laradock上のMySQLコンテナに接続する方法まとめ

この記事は、vagrant + laradock環境にLaravelプロジェクトが乗っかっていることを前提に説明しています。 【環境】 vagrant laradock(Laravelフレームワーク) doc...
Firebase

Nuxt × Firebaseでデータベース(firestore)を扱う

この記事は、Nuxt+firebase環境が用意されている前提の記事です。まだの方は以下の記事で、Nuxt+firebase環境を用意してください。 「Nuxt.js × FirebaseでPWAアプリを公開する」 Vuex...
プログラミング

スマートにリモートリポジトリに登録・git pushまでの流れ

・リモートリポジトリ ・git登録したいプロジェクト 以上が用意できた前提でスタート gitの登録先を確認 $ cd    // プロジェクトディレクトリに移動 $ git remote -v ・すでに...
PHP

Laravel × Vue.js × Bulmaの環境構築の手順

Laravel × Vue.js × Bulmaの組み合わせが非常に使いやすかったので、プロジェクトのセットアップまでを備忘録代わりに投稿します。 Laravelプロジェクトを作成 ここでは、laravel-bulma_appと...
JavaScript

Nuxt.js製のPWAアプリをFirebaseホスティングで公開する

【前提条件】 ・node.js (npm) ・yarn ・vue 以上が導入済み Firebaseでプロジェクト作成 Firebaseは、Googleが提供しているサービスのためGoogleアカウントでロ...
プログラミング

Virtualbox上で開発したアプリをスマホ実機で動作確認する手順

仮想環境で開発したアプリは、Chomeのディベロッパーツールだけでなく、スマホ実機で動作確認しておきたいところです。同じWiFi(ネットワーク)内にPCとモバイルが接続している状態なら簡単に、スマホの動作確認が可能になります。今回は、そんな...
Ruby

【Windows10】Ruby on Railsの環境構築(Ruby 2.4.4-1 + Rails 5.2.0)

Ruby初心者が初めてRails環境構築した際のメモです。バージョンの違いで何度かエラーが出ましたが、いくつかバージョンを試したのでメモ。今回紹介する環境構築の手順は、お手軽にRuby on Railsを動かせる環境が欲しい方に向けた方法で...
PHP

Laravelでマイグレーションを変更(DB設計変更)する方法

Laravelのマイグレーション処理は仕様の癖が多少あり、特に外部キー追加ではエラーに苦しめられました。 ある時、テーブルに外部キーを追加(カラム追加)しようと、作成したマイグレーションに再定義して、以下のコマンドを実行しました。 ...
プログラミング

MacのXcode Simulatorがwebサイト開発で超便利って話

今まで、webサイト開発のモバイル動作確認をChomeのディベロッパーツールで行っていました。しかし、Chomeのディベロッパーツールのモバイルシュミレーターと実際のモバイル画面では、多少表示に違いがあり正確なモバイル動作テストはできないの...
JavaScript

Nuxt.js+Bulmaのレイアウトを爆速で実装する

Nuxt.js+Bulmaの組み合わせがとても使いやすかったので、プロジェクト作成からレイアウト作成までを共有したいと思います。 なぜNuxt.js+Bulmaなのか? Vue.jsベースでフロントエンドを作成するにあたって、b...