執筆者
S.G.
VSCode拡張機能の紹介#1・2・3
Visual Studio Code（VSCode）は、拡張機能を入れるか入れないかで開発効率が大きく変わります。
今回は、Laravel開発において実際に役立っているおすすめのVSCode拡張機能を厳選してご紹介します。
拡張機能#1.Laravel Extension Pack
◆最初にこれを入れるべき総合パック
Laravel Extension Packは、Laravel開発に必要な複数の拡張機能をまとめてインストールできるパッケージです。
個別に探してインストールする手間が省けるため、まずはこれを入れることをおすすめします。
・Laravel Blade
Bladeテンプレートの構文ハイライトと補完機能を提供します。
・Laravel Artisan
VSCode内からArtisanコマンドを直接実行できます。
・Laravel Snippets
よく使うLaravelのコードスニペットを素早く挿入できます。
➤これひとつでLaravel開発の基本的な環境が整います。
拡張機能＃2.Laravel Blade Snippets
◆ Bladeテンプレートの入力を効率化
LaravelのテンプレートエンジンであるBladeの記法を素早く入力できるようになります。
例えば @foreach や @if といったディレクティブを数文字入力するだけで補完してくれます。
タイピング量が減りスペルミスも防ぐことができ、開発効率が大幅に向上します。
➤数文字の入力だけでBladeディレクティブが自動補完されます。
◆補完される主なディレクティブ
@foreach … ループ処理
@if / @else … 条件分岐
@extends … レイアウト継承
@section … セクション定義
@yield … コンテンツ出力
@include … ビューの読み込み
拡張機能#3.Laravel Artisan
◆ VSCode内でArtisanコマンドを実行
通常、Artisanコマンドはターミナルで実行しますが、この拡張機能を使えばVSCode内から直接実行できます。
［Ctrl+Shift+P］（Macは［Cmd+Shift+P］）でコマンドパレットを開き「Laravel Artisan」と入力すれば、
マイグレーションの実行、コントローラーの作成、キャッシュのクリアなど、様々なArtisanコマンドをGUIで選択して実行できます。
いちいちターミナルに切り替える必要がなくなり、作業の流れが途切れません。
VSCode拡張機能の紹介#4・5・6
拡張機能#4.PHP Intelephense
◆ PHP開発の必須拡張機能
PHP全般の開発において、最も重要な拡張機能の一つです。
コード補完、定義へのジャンプ、エラー検出など、IDE並みの機能を提供してくれます。
・コード補完
Eloquentモデルのメソッドやプロパティ、ルートヘルパー関数の補完も行ってくれます。
・定義へのジャンプ
関数やクラスの定義箇所にすばやくジャンプでき、既存コードの理解に役立ちます。
・エラー検出
コードを書きながらリアルタイムでエラーや問題箇所を検出してくれます。
拡張機能#5.PHP Namespace Resolver
◆ 名前空間の自動追加
PHPのクラスを使用する際、ファイルの先頭に use 文を追加する必要がありますが、この拡張機能があれば自動で追加してくれます。
毎回手動で書く手間が省けるだけでなく、名前空間の間違いによるエラーも防げます。
➤ショートカットキー一発で名前空間を自動解決です。
◆使い方の例
コード内で User モデルを使おうとしたときなどです。
拡張機能#6.Better Comments
◆ コメントを見やすく色分け
コメントを種類ごとに色分けして表示してくれる拡張機能です。
コード内の重要なコメントが一目で分かるようになります。
// TODO:
→オレンジ色で表示 — 今後対応が必要なタスクを示します。
// !
→ 赤色（重要な注意事項）
// ?
→ 青色（疑問点）
// *
→ 緑色（ハイライト）
VSCode拡張機能の紹介#7・番外編
拡張機能#7.GitLens
◆ Gitの情報を詳細に表示
各行のコードが「誰が」「いつ」「なぜ」変更したのかをエディタ上で確認できます。
複数人で開発している場合「このコードは誰が書いたんだろう」「なぜこういう実装になっているんだろう」と思うことがあります。
・誰が書いたか
各行の作者をエディタ上でインラインに表示します。
・いつ変更したか
コミット日時をすばやく確認できます。
・なぜ変更したか
コミットメッセージからその理由を把握できます。
➤GitLensがあればコミット履歴やブランチ情報をすばやく確認でき、チーム開発がスムーズになります。
拡張機能#番外編.その他の便利な拡張機能
◆Error Lens
エラーや警告を該当する行に直接表示してくれます。
わざわざ下部のエラーパネルを見なくても、問題箇所がすぐに分かります。
◆Prettier - Code formatter
コードを自動で整形してくれます。
保存時に自動フォーマットする設定にしておけば常に綺麗なコードを保てます。
チームで開発する際にコードスタイルを統一するのにも役立ちます。
◆Path Intellisense
ファイルパスを入力する際に自動補完してくれます。
［require］や［include］でファイルを読み込むとき、画像パスを指定するときなどに便利です。
拡張機能を使いこなすためのヒント
◆拡張機能を入れすぎない
便利な拡張機能はたくさんありますが、入れすぎるとVSCodeの動作が重くなることがあります。
使っていない拡張機能は無効化または削除することで快適な開発環境を保てます。
◆拡張機能のインストール方法
VSCodeの左側のサイドバーにある「拡張機能」アイコン（四角が4つ並んだアイコン）をクリックします。
検索ボックスに拡張機能の名前を入力し「インストール」ボタンをクリックすれば完了です。
まとめ・総括
Laravel開発において、適切な拡張機能を導入することで開発効率は大きく向上します。
特に以下の3つは、Laravel開発の基本となる拡張機能です。
01 Laravel Extension Pack
必要な拡張機能をまとめてインストールできる総合パック。まず最初に入れるべき一本です。
02 PHP Intelephense
コード補完・定義ジャンプ・エラー検出など、IDE並みの機能を提供する必須拡張機能です。
03 Laravel Artisan
ターミナルに切り替えることなく、VSCode内からArtisanコマンドを実行できます。
まだ導入していない方はぜひ試してみてください。
拡張機能は一度設定すれば、その後の開発がずっと快適になります。
初期投資として、環境構築に少し時間をかける価値は十分にあります。
快適な開発環境で効率的にLaravel開発を進めていきましょう！
