開発用IDEプラグイン

JetBrains系IDEとVS Codeで使える、Naifyの開発用プラグインです。コードのつながりを一覧で確かめられ、NaifyViewのテンプレートも補完や説明つきで書けます。

NAIFY FOR IDE

コードを追いかけなくても、
つながりが見えます。

Controllerを開くと、使っているパッケージ、描画するテンプレート、渡している変数、受け持つルートが自動で並びます。項目をクリックすれば、その行へすぐに移動できます。

AIが書いたコードを人間が確かめるときにも、「何を使っているか」がひと目で分かります。

Naifyプラグインのパネル(現在のPHPタブ)
JetBrains:Naifyパネル:SignupController.php を開いたところ
VS Code版 SignupController.php を開いたところ
VS Code:Naifyパネル:SignupController.php を開いたところ

パネルの5つのタブ

開いているファイルを起点に、知りたいことをタブで切り替えて見られます。

現在のPHP

使っているパッケージ・クラス・メソッドと、その使用箇所。

テンプレート

描画するテンプレートと、渡している変数・フォーム項目。

ルート

そのControllerが受け持つURLとHTTPメソッド。

ノート・互換

コードに残したノートや、PHPバージョンの互換情報。

問題

使われていない変数など、気をつけたい点。

できること

CURRENT PHP

何を使っているかが分かる

開いているPHPファイルが使っているNaifyのパッケージ・クラス・メソッドを、種類ごとにまとめて表示します。

  • 使用中のパッケージ(NaifyForm・NaifyMail・NaifyView など)
  • インポートしているクラスと、その使用回数
  • メソッドごとの使用箇所。クリックでその行へ移動
  • パッケージ・クラス名・メソッド・コードで絞り込み
たとえば 「NaifyForm::create() はどこで呼んでいる?」が、検索せずにすぐ分かります。
現在のPHPタブ
JetBrains:現在のPHP:パッケージ・クラス・メソッドの使用箇所
VS Code版 現在のPHP
VS Code:現在のPHP:使用パッケージ・クラス・利用箇所
テンプレートタブ
JetBrains:テンプレート:描画先・アサイン変数・フォーム項目
VS Code版 テンプレート
VS Code:テンプレート:描画先・アサイン変数・フォーム定義
TEMPLATES

画面とのつながりが分かる

ControllerとNaifyViewのテンプレートを行き来しなくても、どの画面にどの値を渡しているかが分かります。

  • 描画するテンプレートと、呼び出している行
  • テンプレートへ渡している変数(アサイン変数)
  • NaifyFormのフォーム項目と、その表示名
  • テンプレート側で使っていない変数も確認できる
たとえば 確認画面に渡し忘れた変数や、もう使っていない変数に気づけます。
ROUTES

URLとの対応が分かる

そのControllerがどのURLを受け持っているかを、HTTPメソッドとルート名つきで一覧にします。

  • ANY・POST などのHTTPメソッドを色分け
  • URL、ルート名、呼び出されるメソッド
  • ルート定義の行へすぐに移動
たとえば 「/register/commit はどのメソッド?」を、ルート定義ファイルを開かずに確かめられます。
ルートタブ
JetBrains:ルート:URL・HTTPメソッド・Controllerの対応
VS Code版 ルート
VS Code:ルート:URL・HTTPメソッド・Controllerの対応
NAIFYVIEW EDITOR

テンプレートを書きやすく

NaifyViewのテンプレートを開くと、nf-layout・nf-slot・nf-include などのタグが色分けされ、入力の補完やタグの説明が表示されます。

  • nf- タグと属性のシンタックスハイライト
  • タグ名・属性の入力補完
  • カーソルを合わせると、タグの意味と書き方を表示
  • nf-include の読み込み先へ移動
NaifyViewテンプレートの編集画面
NaifyViewテンプレート:nf-slot にカーソルを合わせると説明が表示されます

ご契約者様に無償でご提供しています

Naifyでのシステム開発・保守をご契約いただいているお客様には、JetBrains版・VS Code版のプラグインを無償でご提供しています。