Laravel10でVueのtemplateが描画されなかった理由が単純なことだった話
今回の事象 Laravel10のプロジェクトにVueを導入。認証機能もVueを利用したものを導入して動作している。 Vueファイルを作成し、Laravelのbladeに組み込もうとしたが、テンプレートが展開されない。 解決方法 vite.config.jsに以下を追記 理由 Laravel10ではデフォルトではランタイムバージョンが参照されるため、テンプレート機能が動作しない。 テンプレートのコン […]
プログラミングの初学者向けの情報!ちょこっとプログラミングをやってみたいという方のアドバイスや、初めて触るフレームワークの入門的な内容をご紹介。
今回の事象 Laravel10のプロジェクトにVueを導入。認証機能もVueを利用したものを導入して動作している。 Vueファイルを作成し、Laravelのbladeに組み込もうとしたが、テンプレートが展開されない。 解決方法 vite.config.jsに以下を追記 理由 Laravel10ではデフォルトではランタイムバージョンが参照されるため、テンプレート機能が動作しない。 テンプレートのコン […]
今回の環境 開発機のWindows11に仮想マシンを作成。仮想マシンはUbuntu 22.04.2 LTSにて構築。 必要なソフトのインストール 今回は「Nginx」「MySQL」「PHP」で環境を構築していきます。 Nginx 動作確認は以下コマンド IPアドレスを指定してブラウザからアクセスするとNginxのウェルカムページが表示されます。表示されない場合はStatusが「active」になっ […]
今回の記事 Laravelでのデータ取得の基本に触れながら、暗黙の結合について触れていきます。ルートモデル結合やモデル結合ルートとも呼ばれる技術になります。 暗黙の結合は便利な機能ながら、これを前提として実装されているLaravel入門の記事をみました。もちろん便利機能なので活用することは大切だとは思うのですが、DBレコードの基礎的な部分についての理解がないまま利用していると、何が起こっているか分 […]
Laravelアプリケーションの設定 AWS SDK for PHPのインストール まずはLaravelとS3を連携に必要なパッケージをインストールします。 設定項目の追加 続いて認証情報などをアプリケーション設定に記述します。今回は.envに記述します。configなどに直接書くことも可能ですが、環境によって変更が必要な設定については.envに記述して環境によって容易に変更できるようにしておくと […]
デバッグは大事だけどめんどくさい デバッグ、つまりバグを発見する作業ですが、そもそも開発時にデバッグツールを使って効率よく開発を進めることが多々あります。コンパイル言語であればIDEの機能でブレークポイント設定したり、ステップ実行したりとIDEだけで解決することがほとんどです。しかし、PHP開発はそうはいかない。。。(というよりインタプリタ言語だと??)元々コンパイル言語メインで仕事をしてきた私に […]
なんでこの記事を書いているのか 私はLaravelを用いてプログラミングを教えています。Laravelの基礎的な勉強を終えて「ポートフォリオを作ろう」と思っても「Webシステム」ひいては「システム」というものがイメージできず、作るものが決まらない方が多いように見受けられました。 また、プログラミングの勉強しているときは参考資料通りに作っていたから大丈夫だったものの、DBやシステムの位置関係やそれぞ […]
前回 前回作成したDocker環境を用いて、プロジェクトの作成を行います。Laravelプロジェクト作成は最初の一回のみとなりますが、Dockerの起動等は何度も行うことになると思います。 Dockerコンテナの起動 WSL内のDockerを起動する WSLを起動し、WSL内でDockerを起動します。WSLはWindowsでDockerを使用するために使用しています。Linuxのため、WSL内で […]
今回の環境について 今回の記事ではLaravelの開発環境をDockerで作成していきます。マシンはWindowsを使用していますが、wsl上での構築となるため、Macでも同様に使用可能だと思います。 むしろ、Windowsマシンを使用している場合については、色々と都合の悪い挙動があり苦労しました。Windowsマシンの場合については、ファイルを含めwsl上に配置してしまう方が良いという結論になり […]
IPアドレスの固定化 まずはIPアドレスの固定化を行っていきます。IPアドレスを固定化しておかないと、IPアドレスが変わってしまうことがあるため、「あれ?昨日はアクセスできたのにアクセスできない。。。」といった問題が生じる可能性があります。その場合、IPを確認しなおせばOKですが、ちょっとめんどくさいですよね。 まず、対象のインスタンスの右上メニューから「Manage」を選択します。 Networ […]
今回の環境 今回の環境はこちら Laravel 9 ※ブログ記事で実装 AWS Lightsail git 開発環境からgit経由でソースを持ってくることを想定するため、開発方法に関係なく同じような手順でデプロイが出来ると思います。 AWS Lightsailを使用する理由ですが、 無料期間が存在する(執筆時点(2023/10/2)で一部のインスタンスが3ヵ月無料) LAMPテンプレートの使用によ […]