VSCode で PHP 開発するならインテリセンス最強の intelephense を使おう
こんにちは。 開発チームのワイルド担当、まんだいです。 今年はずっと PHP 開発をしていて、環境面については色々試行錯誤した一年だったと思います。 その甲斐もあってかなり便利に整備できてきたので棚卸しの意味も込めて記事にまとめたいと思います。 Visual Studio Code で行う PHP 開発 Visual Studio Code（以下、 VSCode ）で開発するにあたって、初期のころは若干の不安もありました。 実は開発に入る前に PhpStorm の導入を検討していたのですが、諦めたという経緯があります。 PHP 開発のために開発されている IDE ですから、機能面では申し分ないと感じましたが、どうしても GUI が好きになれず。 こんなしょうもない理由ですが、1年以上付き合うわけですから、見てくれは重要なポイントだと思っています。 そんなわけで VSCode で開発をする、
[VS Code]PHP Intelephense 有料版を導入してみた | Unity Indies
名前のリファクタしたい！ したい！ 絶対したい！ 食う寝る食べるリファクタする、というくらい私は日常的に「名前のリファクタ」をすることが多いです。 最初に考えていた名前が少しずつ機能とずれていったり、そもそも名前がイマイチだな、と後で思ったり…。 accessLog::Log("abc") -> accessLog::Write("abc") こういうのがしょうちゅうあるので、VS Code で php 言語のリファクタできる環境がないか探しておりました。 Intelephense という拡張機能がよさげです。（Intellisense ではない。似た名前に注意） ErrorLog を選択して 右クリック > Find All Referense とするだけで、使っているコードを全て表示してくれます。 ただ、リファクタは有料のようだ…。
![[VS Code]PHP Intelephense 有料版を導入してみた | Unity Indies](https://cdn-ak-scissors.b.st-hatena.com/image/square/e33b63326e19d1fc9b5fc577a311f5c13f82d84d/height=288;version=1;width=512/https%3A%2F%2Fwww.create-forever.games%2Fwp-content%2Fuploads%2F2021%2F12%2F20211211.jpg)
Vue.jsやReactなど、JavaScriptライブラリのコードスニペットを利用できるVS Codeの拡張機能 -Snipsnap
サポートしているJavaScriptライブラリの一覧（上記以外にもたくさんあります） Snipsnapは現在のプロジェクトで使用している言語やパッケージに基づいて、ライブラリで使用可能なスニペットをナビゲートし、必要なスニペットを選択します。 Snipsnapのインストール Snipsnapのインストールは、VS Code Marketplaceから。 VS Codeで開いたら、「Install」をクリック Snipsnapの使い方 Snipsnapは、手動でアクティブ化する必要はありません。ワークスペースフォルダにpackage.jsonファイルが含まれ、すぐに使用できます。トリガーが必要な場合は、コマンドパレットのReload Windowを使用します。 設定 利用可能な設定オプションは、スニペットのリクエストから特定のライブラリを除外することだけです。Snipsnapはロックファイル
かなり便利！VS CodeでCSSを書きながらFlexboxのチートシートを利用できる -CSS Flexbox Cheatsheet
Visual Studio CodeでCSSを書きながら、CSS Flexboxのチートシートを利用できる機能拡張を紹介します。 justify-contentやalign-itemsはどう使うんだっけ？ justify-contentの値は？ など、Flexboxの各プロパティや値がどのように配置されるか、一目で分かります。 CSSを書きながらFlexboxのチートシートをVS Codeに表示中 CSS Flexboxのチートシートは、当ブログで翻訳したチートシートなどを参考にしているとのことで、Flexboxの各プロパティや値の挙動が簡単に分かります。 参考: CSS Flexbox の基礎知識と使い方を詳しく解説 機能拡張のダウンロードは、下記ページから。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
