phpstormで始める快適なwebアプリケーション開発 #phpcon2013

51
株式会社nanapi 遠山 (@Vexus2) PhpStormで始める 快適なWebアプリケーション開発

Upload: -

Post on 16-Apr-2017

17.251 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

株式会社nanapi 遠山 晃(@Vexus2)

PhpStormで始める快適なWebアプリケーション開発

Page 2: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

自己紹介

遠山 晃

株式会社 nanapi エンジニア

PhpStormのプラグインとか作ってます

https://github.com/vexus2

Page 3: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

PhpStormとはJetBrains社が開発しているPHP用IDE

有償($99)

兄弟製品いっぱい。

IntelliJ Idea(Java)

RubyMine(Ruby) etc

㈱サムライズムが国内代理店

Page 4: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

他のエディタとの違い最初から高機能

プラグイン入れなくても一通り動く

Eclipseとは違うのだよ。Eclipseとは

コード補完が強力

静的解析が優秀

ライブラリや自作クラスも補完

Page 5: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

PhpStorm × Framework

Page 6: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Symfony2

Symfony2 Pluginhttp://plugins.jetbrains.com/plugin/7219

強力なコード補完

プロジェクト専用ビュー

Page 7: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Symfony2

serviceに登録されたパラメータをコード補完してくれる

Page 8: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Symfony2

コンテナから取得したオブジェクトもコード補完してくれる

Page 9: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

CakePHP

CakeStormhttps://github.com/nanapi/cake-storm

ファイル間ジャンプをサポート

コード補完をサポート予定

Page 10: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

CakePHP

Page 11: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

CakePHP

Page 12: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

CakePHP

Page 13: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

CakePHP

render上でCtrl+B

Page 14: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

CakePHP

render上でCtrl+B

Page 15: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Laravel

対応プラグインはないが、補完ヘルパー有https://github.com/jonphipps/laravel4-idehelper-generator

コード補完可能

Laravel Coreへのジャンプ

Page 16: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Laravel

コアからコード補完してくれる

Page 17: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

フレームワーク対応していなくても

Page 18: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

コード補完

Page 19: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

コード補完

Annotationをちゃんと書けばコード補完してくれる

Page 20: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

すぐに使える!PhpStormの便利機能

Page 21: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

個人的に使用頻度の高い機能をいくつか紹介します

Page 22: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Find Action

Ctrl+Shift+A

通称「最強コマンド」

IDE内で実行したいアクション名を入力すると、対応するアクションを表示

各機能のショートカットを覚えなくても、とりあえずこれを抑えればおk

Page 23: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Find Action

Page 24: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Find Action

Page 25: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Find Action

ショートカットが分からなくても大丈夫

Page 26: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Jump to Class/File

Ctrl+N / Ctrl+Shift+N

ファイル名やクラス名を指定して、直にファイルへジャンプできる

PhpStorm7で動作が超高速に

Page 27: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Jump to Class/File

Page 28: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Jump to Class/File

Page 29: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Jump to Class/File

Page 30: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Jump to Class/FileJump to File

Page 31: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Jump to Class/FileJump to File

Jump to Class

Page 32: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Go to Decralation

Ctrl+B

クラスや変数、メソッドの定義元にジャンプできる

Page 33: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Go to Decralation

Page 34: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Go to Decralation

Page 35: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Go to Decralation

定義元クラスへ

Page 36: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Go to Decralation

Page 37: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Go to Decralation

Page 38: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Go to Decralation

定義元メソッドへ

Page 39: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Recent Files

Ctrl+E

エディタ上で開いたファイル履歴を表示

Page 40: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

開発用サーバ

ローカル

開発

自動アップロード

Page 41: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

アップロード

開発用サーバ

ローカル

開発

自動アップロード

Page 42: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

アップロード

開発用サーバ

ローカル

開発

自動アップロード

ファイル変更時に自動アップロード

Page 43: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

アップロード

開発用サーバ

ローカル

開発

自動アップロード

ファイル変更時に自動アップロード

Branch移動時、差分のみアップロード

Page 44: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Local History

PhpStorm上で編集したファイルを、ファイルごとに履歴を保持

擬似VCSのようなもの

Page 45: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Local History

ファイル差分を時系列で表示

Page 46: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

Bookmarksコード上の任意の行に対してブックマークを付けれる

前後の行が見れるので頻繁に参照したい箇所に付けると便利

Page 47: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

リモートデバッグ

面倒な設定はほぼ不要

変数の書き換え可

コードの動的実行可

Page 48: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

リモートデバッグ

複雑なコードの前後でストップさせてコードを動的実行すると…

Page 49: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

リモートデバッグ

実行結果が即時確認可能!

Page 50: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

他にも

SASS/LESS/CofeeScript/TypeScript対応

LiveEdit

Live Template etc..

Page 51: PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

最後に

30日無料の体験版あるよ!

個人ライセンスが9/16(月)まで#焼肉割で1000円引き!http://samuraism.com/2013/09/14/1468