phpstormで始める快適なwebアプリケーション開発 #phpcon2013
TRANSCRIPT
![Page 1: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/1.jpg)
株式会社nanapi 遠山 晃(@Vexus2)
PhpStormで始める快適なWebアプリケーション開発
![Page 2: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/2.jpg)
自己紹介
遠山 晃
株式会社 nanapi エンジニア
PhpStormのプラグインとか作ってます
https://github.com/vexus2
![Page 3: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/3.jpg)
PhpStormとはJetBrains社が開発しているPHP用IDE
有償($99)
兄弟製品いっぱい。
IntelliJ Idea(Java)
RubyMine(Ruby) etc
㈱サムライズムが国内代理店
![Page 4: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/4.jpg)
他のエディタとの違い最初から高機能
プラグイン入れなくても一通り動く
Eclipseとは違うのだよ。Eclipseとは
コード補完が強力
静的解析が優秀
ライブラリや自作クラスも補完
![Page 5: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/5.jpg)
PhpStorm × Framework
![Page 6: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/6.jpg)
Symfony2
Symfony2 Pluginhttp://plugins.jetbrains.com/plugin/7219
強力なコード補完
プロジェクト専用ビュー
![Page 7: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/7.jpg)
Symfony2
serviceに登録されたパラメータをコード補完してくれる
![Page 8: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/8.jpg)
Symfony2
コンテナから取得したオブジェクトもコード補完してくれる
![Page 9: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/9.jpg)
CakePHP
CakeStormhttps://github.com/nanapi/cake-storm
ファイル間ジャンプをサポート
コード補完をサポート予定
![Page 10: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/10.jpg)
CakePHP
![Page 11: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/11.jpg)
CakePHP
![Page 12: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/12.jpg)
CakePHP
![Page 13: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/13.jpg)
CakePHP
render上でCtrl+B
![Page 14: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/14.jpg)
CakePHP
render上でCtrl+B
![Page 15: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/15.jpg)
Laravel
対応プラグインはないが、補完ヘルパー有https://github.com/jonphipps/laravel4-idehelper-generator
コード補完可能
Laravel Coreへのジャンプ
![Page 16: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/16.jpg)
Laravel
コアからコード補完してくれる
![Page 17: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/17.jpg)
フレームワーク対応していなくても
![Page 18: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/18.jpg)
コード補完
![Page 19: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/19.jpg)
コード補完
Annotationをちゃんと書けばコード補完してくれる
![Page 20: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/20.jpg)
すぐに使える!PhpStormの便利機能
![Page 21: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/21.jpg)
個人的に使用頻度の高い機能をいくつか紹介します
![Page 22: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/22.jpg)
Find Action
Ctrl+Shift+A
通称「最強コマンド」
IDE内で実行したいアクション名を入力すると、対応するアクションを表示
各機能のショートカットを覚えなくても、とりあえずこれを抑えればおk
![Page 23: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/23.jpg)
Find Action
![Page 24: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/24.jpg)
Find Action
![Page 25: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/25.jpg)
Find Action
ショートカットが分からなくても大丈夫
![Page 26: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/26.jpg)
Jump to Class/File
Ctrl+N / Ctrl+Shift+N
ファイル名やクラス名を指定して、直にファイルへジャンプできる
PhpStorm7で動作が超高速に
![Page 27: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/27.jpg)
Jump to Class/File
![Page 28: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/28.jpg)
Jump to Class/File
![Page 29: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/29.jpg)
Jump to Class/File
![Page 30: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/30.jpg)
Jump to Class/FileJump to File
![Page 31: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/31.jpg)
Jump to Class/FileJump to File
Jump to Class
![Page 32: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/32.jpg)
Go to Decralation
Ctrl+B
クラスや変数、メソッドの定義元にジャンプできる
![Page 33: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/33.jpg)
Go to Decralation
![Page 34: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/34.jpg)
Go to Decralation
![Page 35: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/35.jpg)
Go to Decralation
定義元クラスへ
![Page 36: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/36.jpg)
Go to Decralation
![Page 37: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/37.jpg)
Go to Decralation
![Page 38: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/38.jpg)
Go to Decralation
定義元メソッドへ
![Page 39: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/39.jpg)
Recent Files
Ctrl+E
エディタ上で開いたファイル履歴を表示
![Page 40: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/40.jpg)
開発用サーバ
ローカル
開発
自動アップロード
![Page 41: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/41.jpg)
アップロード
開発用サーバ
ローカル
開発
自動アップロード
![Page 42: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/42.jpg)
アップロード
開発用サーバ
ローカル
開発
自動アップロード
ファイル変更時に自動アップロード
![Page 43: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/43.jpg)
アップロード
開発用サーバ
ローカル
開発
自動アップロード
ファイル変更時に自動アップロード
Branch移動時、差分のみアップロード
![Page 44: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/44.jpg)
Local History
PhpStorm上で編集したファイルを、ファイルごとに履歴を保持
擬似VCSのようなもの
![Page 45: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/45.jpg)
Local History
ファイル差分を時系列で表示
![Page 46: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/46.jpg)
Bookmarksコード上の任意の行に対してブックマークを付けれる
前後の行が見れるので頻繁に参照したい箇所に付けると便利
![Page 47: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/47.jpg)
リモートデバッグ
面倒な設定はほぼ不要
変数の書き換え可
コードの動的実行可
![Page 48: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/48.jpg)
リモートデバッグ
複雑なコードの前後でストップさせてコードを動的実行すると…
![Page 49: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/49.jpg)
リモートデバッグ
実行結果が即時確認可能!
![Page 50: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/50.jpg)
他にも
SASS/LESS/CofeeScript/TypeScript対応
LiveEdit
Live Template etc..
![Page 51: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013](https://reader031.vdocuments.site/reader031/viewer/2022020113/5404101f8d7f7299768b5977/html5/thumbnails/51.jpg)
最後に
30日無料の体験版あるよ!
個人ライセンスが9/16(月)まで#焼肉割で1000円引き!http://samuraism.com/2013/09/14/1468