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レコードの基礎的な部分についての理解がないまま利用していると、何が起こっているか分 […]
viとvim まず、vimとviの違いですが、「viの進化系がvim」くらいの認識で問題ないと思います。細かな機能の部分で違いがあったりしますが、viの機能はvimに含まれており「使いやすくなってる」viがvimです。 vimの基本コマンド 「vim ファイルパス」 vimコマンドは「vim」に続けて、編集対象のファイルパスを入力することでファイルの編集を開始できます。今回はAWSのCloud9上 […]
Laravelアプリケーションの設定 AWS SDK for PHPのインストール まずはLaravelとS3を連携に必要なパッケージをインストールします。 設定項目の追加 続いて認証情報などをアプリケーション設定に記述します。今回は.envに記述します。configなどに直接書くことも可能ですが、環境によって変更が必要な設定については.envに記述して環境によって容易に変更できるようにしておくと […]
デバッグは大事だけどめんどくさい デバッグ、つまりバグを発見する作業ですが、そもそも開発時にデバッグツールを使って効率よく開発を進めることが多々あります。コンパイル言語であればIDEの機能でブレークポイント設定したり、ステップ実行したりとIDEだけで解決することがほとんどです。しかし、PHP開発はそうはいかない。。。(というよりインタプリタ言語だと??)元々コンパイル言語メインで仕事をしてきた私に […]
なんでこの記事を書いているのか 私はLaravelを用いてプログラミングを教えています。Laravelの基礎的な勉強を終えて「ポートフォリオを作ろう」と思っても「Webシステム」ひいては「システム」というものがイメージできず、作るものが決まらない方が多いように見受けられました。 また、プログラミングの勉強しているときは参考資料通りに作っていたから大丈夫だったものの、DBやシステムの位置関係やそれぞ […]
ColorfulBoxとは 株式会社カラフルラボが運営する、高速・高機能・高コストパフォーマンスのクラウド型レンタルサーバーです。法人・個人問わず、あらゆる運用規模に最適化できる柔軟さと高速化と安全性を実現したレンタルサーバーです。 ColorfulBox ColorfulBoxの特徴 最新・高速 最新のピュアSSDを10台搭載RAID構成の超高性能サーバーを採用! 表示速度を高速化するHTTP/ […]
前回 前回作成したDocker環境を用いて、プロジェクトの作成を行います。Laravelプロジェクト作成は最初の一回のみとなりますが、Dockerの起動等は何度も行うことになると思います。 Dockerコンテナの起動 WSL内のDockerを起動する WSLを起動し、WSL内でDockerを起動します。WSLはWindowsでDockerを使用するために使用しています。Linuxのため、WSL内で […]
今回の環境について 今回の記事ではLaravelの開発環境をDockerで作成していきます。マシンはWindowsを使用していますが、wsl上での構築となるため、Macでも同様に使用可能だと思います。 むしろ、Windowsマシンを使用している場合については、色々と都合の悪い挙動があり苦労しました。Windowsマシンの場合については、ファイルを含めwsl上に配置してしまう方が良いという結論になり […]