2018.07.31仮想環境で開発したアプリは、Chomeのディベロッパーツールだけでなく、スマホ実機で動作確認しておきたいところです。同じWiFi(ネットワーク)内にPCとモバイルが接続している状態なら簡単に、スマホの動作確認が可能になります。今回は、そんなVirtualbox上のnginxで動作するアプリをスマホで動作させる手順を解説していきます。サーバー)目次nginxドキュメントルート変更するVagrantfileのipアドレスの設定Virtualboxの設定vagrantを起動スマホのブラウザで動作確認nginxドキュメントルート変更するnginxドキュメントルートをLaravelアプリのデキュメントルートに変更します。以下のファイルを編集してください。アプリのドキュメントルート先/var/www/html/[プロジェクト名]/publicVagrantfileのipアドレスの設定Vagrantfileを開きipアドレスを設定します。以下の手順で、WiFi環境のipアドレスでnginxが起動できるようなネットワークを作成していきます。構築したvagrant環境を選択し、「設定」をクリック「ネットワーク」を選択し、「ブリッジアダプター」のアダプターを追加これで、接続しているWiFiのipアドレスでnginxが起動可能になります。同一WiFi環境に接続しているデバイスはそのipアドレスでアプリの動作確認が可能になるということです。s192.168.33.〇〇以外に192.168で接続できるネットワークが存在するはずです。それが、WiFi環境で接続できるipアドレスです。スマホのブラウザで動作確認WiFi環境のipアドレスをブラウザに入力して、動作確認できます!プログラミングシェアするTwitterFacebookはてブPocketLINEtaikishiinoかぴトラベル関連記事FirebaseFirestoreでドキュメントの追加・編集(更新)・検索・削除の方法Firestoreは、Googleの柔軟でスケーラブルなNoSQLクラウドデータベースです。「オフラインデータアクセスに対応」や「リアルタイムデータ同期」などに加えてデータが非常に簡単に扱いやすくなっています。今回は、Firestoreのド...PHPロリポップにcomposerをインストールしてLaravel5.5を公開する当ブログでも使っているロリポップで、Laravelで作ったアプリを公開しました。(2018年9月現在開発中)その時の手順を備忘録がわりに記事にします。以下のファイルを作成する。config/initializer...プログラミングGoogleAdsenseのレスポンシブ広告がモバイル表示ではみ出る問題をCSSで解決GoogleAdsenseのレスポンシブ広告を使用していて、モバイル表示の時に画面幅いっぱいに設定されてしまって困っていました。他の記事に解決法としてよく公開されている、Ads...プログラミングgitで前のコミットに戻す方法エラーが起こった時に少し前のコミットに戻せれば、どこの部分でエラーが起こっているのかわかり、早い対応が可能になります。Rails(Rails+MySQL)をdockerで動かしてみる最近、触り始めているRubyonRailsをdocker,awsと合わせて勉強していきたいと思っている今日この頃でございます。今回は、railsをdocker環境で動かすための、docker+rails環境構築を記事にしていきます。