82
NetBeansではじめる FuelPHP Framework @junichi_11

NetBeansではじめる FuelPHP

Embed Size (px)

DESCRIPTION

NetBeans(Plugin)の使い方です。 FulePHPの使い方はドキュメントや他の方が書いた資料を参考にして下さい。 とりあえず書いたものをアップしているので、おかしな部分があれば修正していきます。 [追記:2013/09/12] 実行時のwebルートの設定の説明を追加しました。

Citation preview

Page 1: NetBeansではじめる FuelPHP

NetBeansではじめる

FuelPHP Framework@junichi_11

Page 2: NetBeansではじめる FuelPHP

はじめに

● NetBeansではじめると書きましたが、主に

NetBeans(プラグイン)の機能についての説明

だと思って下さい。

● FuelPHPのことについては詳しくないので、

FuelPHPの使い方については、ドキュメントを参

照して下さい。http://fuelphp.jp/

Page 3: NetBeansではじめる FuelPHP

環境

● FuelPHP 1.6.1

● NetBeans 7.3 +

● PHP 5.4

● NetBeans FuelPHP Plugin (v 0.8.0)

● PHP組込みWebサーバー

● 埋込みWebKitブラウザ

Page 4: NetBeansではじめる FuelPHP

準備

Page 5: NetBeansではじめる FuelPHP

NetBeansのインストール

● ダウンロード

https://netbeans.org/downloads/index.html

● 7.3 以降

● 全部入りでもPHPのみでも

OK

Page 6: NetBeansではじめる FuelPHP

NetBeansのインストール

全部入りはどうなの?

● 全部入りのものでも必要なものだけ選択してイ

ンストールすることができます。

● また、あとでやっぱり、あれも入れたかったなぁ

(´・ω・`)という感じになっても、インストーラを起

動すれば、追加インストール可能です。

Page 7: NetBeansではじめる FuelPHP

FuelPHP プラグインのインストール

● ダウンロード (Plugin Portal)http://plugins.netbeans.org/plugin/44665/php-fuelphp-frameworkツール > プラグイン >ダウンロード済(ダウンロードしたnbmを選択)

● ダウンロード (NetBaeansから直接)ツール > プラグイン > 使用可能なプラグインPHP FuelPHP Framework

Page 8: NetBeansではじめる FuelPHP

なぜ直接DLできるものとできないものが

あるの?

● Plugin Portalにプラグインを登録することは比較的簡単で、手動だとすべてDL可能

● IDEから直接DLできる条件○ nbmへの署名○ virificationのリクエスト○ 2人以上のverifierの"GO"が必要○ など

● 上の検証に通ったものだけ、DL可能な仕組みになっています

Page 9: NetBeansではじめる FuelPHP

残念なお知らせ

● 原因はまだはっきりとはわかっていないのですが、おそらく他のモジュールを使っていることでの依存関係で問題があるようで、直接DLできなくなりそうです。。。(問い合わせ中 : 返答がきてチェックを修正してもらえそうな感じです)

● もしVerificationできないようであれば、他のサイトにUpdate Centerをつくるか、手動でダウンロードすることになると思います。

Page 10: NetBeansではじめる FuelPHP

Composerの設定

● Composerについてはこちらを

http://getcomposer.org/

● ダウンロード

http://getcomposer.org/download/

● とりあえずcomposer.pharさえどこかにおとしてこれたら問題なし

● FuelPHPのルートにも含まれてます

Page 11: NetBeansではじめる FuelPHP

ツール > オプション > PHP > コンポーザ

Page 12: NetBeansではじめる FuelPHP

ツール > オプション > PHP > コンポーザ

● composerのパスを設定

● グローバルにインストールした場合はそのパス

を設定

● コンポーザの準備完了

Page 13: NetBeansではじめる FuelPHP

デフォルトのconfig.phpの設定

● fuel/app/config/config.phpは設定がコメントアウトされてるので修正が必要

Page 14: NetBeansではじめる FuelPHP

新規プロジェクト作成時に

毎回編集するのは面倒?

● オプションでデフォルトの内容を設定可

● ファイルを指定するのではなくテキストを設定

● 既存のプロジェクトからも設定可能

● デフォルトでは機能はオフになっているので使

用する場合はチェックを入れることを忘れないよ

うに。。。

Page 15: NetBeansではじめる FuelPHP

ツール > オプション > PHP > FuelPHP

Page 16: NetBeansではじめる FuelPHP

プロジェクトの作成

Page 17: NetBeansではじめる FuelPHP

新規プロジェクトの作成 (Zip)

● Zipからの展開のみ説明

● Gitはgitコマンドが使える時のみ実行可

● NetBeansから展開しなくて、git cloneしたもの

や直接ファイルをダウンロードして展開したもの

も使用可(別途説明)

Page 18: NetBeansではじめる FuelPHP

新規プロジェクトの作成 (Zip)

新規プロジェクト作成ウィザードの立ち上げ方は次

の3通り

● ファイル > 新規プロジェクト

● Ctrl + Shift + N

● アイコンをクリック

Page 19: NetBeansではじめる FuelPHP

プロジェクトを選択

PHP : PHPアプリケーション

Page 20: NetBeansではじめる FuelPHP

プロジェクト名の設定

Page 21: NetBeansではじめる FuelPHP

実行構成の設定(後で変更可能)

Page 22: NetBeansではじめる FuelPHP

PHPフレームワークの選択

Page 23: NetBeansではじめる FuelPHP

作成すると何が設定・実行されるの?

● 自動補完用ファイルの作成

● config.phpの書き換え

裏でこれらのことを自動で実行します。

Page 24: NetBeansではじめる FuelPHP

Composer の実行

1.6からはプロジェクトを作成したあとに、

Composerを実行する必要がある

プロジェクト メニュー >

コンポーザ >

更新!

Page 25: NetBeansではじめる FuelPHP

Composerの実行も自動でやってほしい

● NetBeans 7.4で実装予定

● 7.3でも実装できますが、ビルドバージョンに依

存するので、複数のnbmを配布する必要になる

ため実装しません

Page 26: NetBeansではじめる FuelPHP

既存フォルダをプロジェクトに設定した

い!

プロジェクト:既存のソースを使用する…を選択

Page 27: NetBeansではじめる FuelPHP

NBから作成したものと

既存のものを使う場合の違い

● 既存のものをプロジェクトに設定した場合は補

完用のファイルの作成を自動で行わない

● 補完ファイルの作成、PHPUnitの設定はアク

ションで実行すること可能

Page 28: NetBeansではじめる FuelPHP

プロジェクトは作れたんだけど。。。

● あれ、FuelPHPプロジェクトとして認識しないよ?

a. oilファイルを削除してないですか?> 消さないで!

b. fuelフォルダ名を変更してないですか?> プロジェクトプロパティ > フレームワーク > FuelPHPから変更可能

c. ディレクトリ構造をデフォルトから変更させてないですか?> 変更すると動作する保証はできません

Page 29: NetBeansではじめる FuelPHP

GITで管理したい? (最初だけ説明)

● プロジェクトペインでプロジェクトを選択

● チーム > Git > 初期化

これでinit完了

● プロジェクトメニューに

Gitが追加される

● Gitに関する説明は省略

Page 30: NetBeansではじめる FuelPHP

プロジェクトペインでのノードの対応

Page 31: NetBeansではじめる FuelPHP

とりあえず実行

Page 32: NetBeansではじめる FuelPHP

Webルートの設定

プロジェクトプロパティ > ソース > Webルート

をpublicに設定します。

この設定がないと実行するときのアドレスにpublic/

を追加する必要があります。(http://localhost:

8000/public/)

Page 33: NetBeansではじめる FuelPHP

PHP組込みWebサーバーの使用

プロジェクトプロパティ > 実行構成 > 実行方法

Page 34: NetBeansではじめる FuelPHP

実行構成は複数設定することが可能

● 構成 > 新規 で構成名をつける(日本語はバグ)● 実行方法等を設定

Page 35: NetBeansではじめる FuelPHP

実行構成は複数設定することが可能

● ツールバーで使いたい実行構成を選択

設定さえしておけば簡単に切り替えることが可能

Page 36: NetBeansではじめる FuelPHP

埋込みWebKitブラウザ

ツール > オプション > 一般

Page 37: NetBeansではじめる FuelPHP

実行してみる

● プロジェクトノードでメニューを開いて実行

● もしくはF6● もしくはツールバーのアイコンをクリック

Page 38: NetBeansではじめる FuelPHP

実行結果

Page 39: NetBeansではじめる FuelPHP

fuel/app/config/rotes.php

ルートがwelcom/indexになっているのでルートのアクションを変更したい場合は、ここを修正

Page 40: NetBeansではじめる FuelPHP

ファイル作成

Page 41: NetBeansではじめる FuelPHP

ファイルの作成

Controller等のファイルを作成しますが、それら自

体についての説明は、ドキュメントを参照。

http://fuelphp.jp/

ここでは、Generateアクションを利用してファイル

を作成します。

Page 42: NetBeansではじめる FuelPHP

GUIツールの起動 : Generate アクション

● プロジェクト > メニュー > Fuel > Generate

● oil generateコマンドをGUIで実行

Page 43: NetBeansではじめる FuelPHP

Generateアクション

Page 44: NetBeansではじめる FuelPHP

Controllerの作成

Page 45: NetBeansではじめる FuelPHP

Controllerの作成

出力ウィンドウに結果を表示。続けてファイルを作成したい場合はRun without closingをクリック。

Page 46: NetBeansではじめる FuelPHP

作成したControllerのアクションを実行

Page 47: NetBeansではじめる FuelPHP

Model,View等の作成

他のファイルもControllerと同様

● 作成したいファイルのタブをクリック

● 値を設定

● 実行

Page 48: NetBeansではじめる FuelPHP

ユニットテスト

Page 49: NetBeansではじめる FuelPHP

ユニットテスト

● NetBeansはPHPUnitに対応

● PHPUnit テストの作成も可能

今回はこれは使用しない

● Controller, View, ViewModelはプラグインのテ

スト作成アクションで空のテストファイルを作成

可能

Page 50: NetBeansではじめる FuelPHP

PHPUnitの設定

● PHPUnitのインストールは下記を参照

http://phpunit.de/manual/3.7/ja/installation.

html

Page 51: NetBeansではじめる FuelPHP

ツール > オプション > PHP > 単体テスト

● PHPUnitのパスを設定

Page 52: NetBeansではじめる FuelPHP

作成するテストの設定

● プロジェクトプロパティ > フレームワーク >

FuelPHP

Page 53: NetBeansではじめる FuelPHP

PHPUnitを実行するための設定

● プロジェクトメニュー > FuelPHP > PHPUnit

Test Init

● このアクションで必要な設定をします。

Page 54: NetBeansではじめる FuelPHP

テストファイルの作成

● エディタツールバーメニュー

● エディタのコンテキストメニュー

FuelPHP > テストを作成

● プロジェクトペインのファイルノードのメニュー

FuelPHP > テストを作成

の3つから作成可能

Page 55: NetBeansではじめる FuelPHP

例:Controller_Welcome

Page 56: NetBeansではじめる FuelPHP

テストの実行

テストファイルから実行する場合:

e.g. Test_Controller_Welcome

● コンテキストメニュー > ファイルの実行

● Shift + F6

Page 57: NetBeansではじめる FuelPHP

テストの実行

テストファイルがあるクラスから実行する場合:

e.g. Controller_Welcome

● ファイルのノードのメニューで > テスト

● Ctrl + F6

Page 58: NetBeansではじめる FuelPHP

注意

● テストファイルがあるクラスからテストを実行す

る場合は、テストのクラス名のSuffixがTestであ

る必要があります。

e.g. Controller_WelcomeTest

Page 59: NetBeansではじめる FuelPHP

実行結果

● 結果はテスト結果ウィンドウに表示

● エラー等があれば出力ウィンドウで確認

Page 60: NetBeansではじめる FuelPHP

oil コマンドを使ったテストの実行

● プロジェクトノード > メニュー > FuelPHP > コマ

ンドの実行

● または、Alt + Shift + X● testを選択

● オプション(e.g. --group=App)はパラメータに書

く(履歴表示あり)

● 実行

Page 61: NetBeansではじめる FuelPHP

oil コマンドを使ったテストの実行

Page 62: NetBeansではじめる FuelPHP

プラグインの機能

Page 63: NetBeansではじめる FuelPHP

プラグインの機能

● コマンドの実行

● 自動補完用ファイルの作成

● PHPUnit Test Init アクション

● パスのコード補完(View, ViewModel)● ハイパーリンクナビゲーション(View, Asset)● 存在しないViewファイルの作成

● いろいろな Go To ● Save config as default

Page 64: NetBeansではじめる FuelPHP

コマンドの実行

● プロジェクトメニュー > FuelPHP > コマンドの実

● Alt + Shift + X● oil コマンドの一覧から選択して実行可能

● テストをoilコマンドで実行したときの画面が表示

されます

Page 65: NetBeansではじめる FuelPHP

自動補完用ファイルの作成

● プロジェクトメニュー > FuelPHP > 自動補完用

ファイルの作成

● Coreのクラスを見て補完用のファイルを作成し

ているのでクラスが増えても対応可能

● nbproject/fuel_autocompletion.php

Page 66: NetBeansではじめる FuelPHP

PHPUnit Test Init

● NetBeansでPHPUnitを実行できるように、いく

つかファイルを作成して設定

● bootstrap_makegood.php (fuel/core)

● phpunit.sh or phpunit.bat (nbproject)

● NetBeansSuite.php (nbproject)

Page 67: NetBeansではじめる FuelPHP

パスのコード補完

● View, ViewModel::forge()

● moduleのパスもOK

ただし、module名は補完しない

Page 68: NetBeansではじめる FuelPHP

Hyperlink Navigation

● Ctrl キーを押したまま、クリックするとそのファイ

ルにジャンプする機能

● View, ViewModel::forge(), Asset::css(),

Asset::img(), Asset::js()で有効

Page 69: NetBeansではじめる FuelPHP

存在しないViewファイルの作成

● コード補完時

存在しないファイルパスを入力中であれば

Alt + Enterで空のファイルを作成します。

Page 70: NetBeansではじめる FuelPHP

存在しないViewファイルの作成

● ハイパーリンクナビゲーション実行時

存在しないファイルパスだと

Page 71: NetBeansではじめる FuelPHP

存在しないViewファイルの作成

● ハイパーリンクナビゲーション実行時

プロジェクトプロパティの設定にチェックを入れ

た状態で、クリックすれば空ファイルを作成しま

Page 72: NetBeansではじめる FuelPHP

いろいろなGo To

● ファイル間の移動の機能

● プロジェクトペインを経由せずに移動可能

● Smart Go To

● Go To * (Controller, View, ViewModel, Test)

● Go To All * (Controller, Model, View,

ViewModel, Test, Task, Configuration)

Page 73: NetBeansではじめる FuelPHP

Smart Go To [Ctrl + Shift + G] [S]

● 現在のファイルに関連するファイルにジャンプ

● キャレット位置も影響

● Controller : View, ViewModel, Test

● Model : Test

● View : Controller

● View Model : Controller , Test

● Test : Tested class

Page 74: NetBeansではじめる FuelPHP

例:Controller_Welcome

● action_hello

● method外

Page 75: NetBeansではじめる FuelPHP

Go To * [Ctrl + Shift + G][*]

● それぞれのファイル候補を表示

● [Ctrl + Shift + G][C] : Controller

● [Ctrl + Shift + G][V] : View

● [Ctrl + Shift + G][M] : ViewModel

● [Ctrl + Shift + G][T] : Test

Page 76: NetBeansではじめる FuelPHP

Go To All * [Ctrl + Shift + G][Ctrl + *]

● カレントファイルの現在のディレクトリタイプ

(app|core|module|package)を判断して、ファ

イルタイプ(controller|view|...etc)の全てのファ

イルの候補を表示

Page 77: NetBeansではじめる FuelPHP

Go To All * : [Ctrl + Shift + G][Ctrl + *]

● C : Controller

● M : Model

● W : ViewModel

● T : Test

● K : Task

● I : Config

Page 78: NetBeansではじめる FuelPHP

たくさん候補がある場合は?

● ファイル名の先頭文字をタイプするとそのファル

へ選択が移動します

● 複数同じ頭文字のファイルがある場合は、その

中のファイルを順に選択が移動します

● 別の頭文字のファイルに移動させたい場合は1

秒ほど待ったほうがいいかもしれません

Page 79: NetBeansではじめる FuelPHP

ショートカットキーが他ですでに使用済

● キーマップで変更可能

● ツール > オプション > キーマップ

● fuelで検索

Page 80: NetBeansではじめる FuelPHP

Save config as default

● app/conifg/conifg.phpの中身をデフォルトとし

て保存します(オプション > FuelPHP)

Page 81: NetBeansではじめる FuelPHP

最後に

● 要望、不具合等があればtwitterやgithub等でお

知らせください。

Page 82: NetBeansではじめる FuelPHP

Thanks for reading!