Laravel/Vue.js#11 PhpStormからLaradock上の PHPUnitを動かしたら開発が捗った話
by
y-tsuzaki
×
Copy
Open
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Slide 1
Slide 1 text
PhpStormからLaradock上の PHPUnitを動かしたら開発が捗った話 ザッキー Twitter : @ytzk_ Qiita : zackey2
Slide 2
Slide 2 text
ザッキー @ytzk_ 株式会社M&Aクラウド 八丁堀どベンチャー Webエンジニア フロント・バック・インフラ・WiFiトラブルシューティング 自己紹介
Slide 3
Slide 3 text
テクノロジーの力でM&Aに流通革命を PR
Slide 4
Slide 4 text
業界初!募集型M&Aプラットフォーム PR
Slide 5
Slide 5 text
M&Aクラウドは Laravel JP Conference2020の ゴールドスポンサーです PR
Slide 6
Slide 6 text
WE ARE HIRING! M&Aクラウドでは 一緒に働く仲間を募集しています PR https://www.wantedly.com/companies/macloud
Slide 7
Slide 7 text
ここから本題
Slide 8
Slide 8 text
目次 ● PhpStormからLaradock上の PHPUnitを動かせるとこんなに便利 (Laradockに限らずDocker上でテスト動かせるはず) ● 設定の流れ ● PhpStormからVueもテストできる
Slide 9
Slide 9 text
PhpStormからLaradock上の PHPUnitを動かせるとこんなに便利
Slide 10
Slide 10 text
背景 - ローカルのLaravelの開発環境にはLaradockを使ってる - PR作ったらCircleCI上でテストが走る仕組みがある - ローカルマシンでテストする場合は、DockerコンテナにSSHしてコマンド ラインでPHPUnitを実行 - テスト全部実行すると実行時間は4分くらいかかってだるい - 任意のテストだけ実行するのがだるい - リモートテストできたら楽だけど設定がうまくいかないから後回しに…
Slide 11
Slide 11 text
コマンドでPHPUnitを実行する場合
Slide 12
Slide 12 text
コマンドでPHPUnitを実行する場合 全部実行する ファイル指定で実行する メソッド指定で実行する ▶ いちいちファイルやメソッドを指定するのめんどくさい
Slide 13
Slide 13 text
コマンドでPHPUnitを実行する場合 実行結果表示例① ▶ 結果表示が簡素 ▶ 全部実行が終わるまで具体的なエラー個所がわからない
Slide 14
Slide 14 text
コマンドでPHPUnitを実行する場合 実行結果表示例② ▶ エラー個所のパスをエディタで開くのがめんどくさい
Slide 15
Slide 15 text
PHPStormでPHPUnitを実行する場合
Slide 16
Slide 16 text
PHPstormからPHPUnitを実行する場合 実演タイム
Slide 17
Slide 17 text
PhpStormからPHPUnitを実行する場合 実行の仕方 ● エディター上の▷アイコンメニューから実行 ● ショートカットキー ● ファイル監視 ▶ 瞬時に実行可能 ▶ ファイル単位・メソッド単位ですぐ実行できる
Slide 18
Slide 18 text
PhpStormからPHPUnitを実行する場合 実行結果表示 ▶ エラー個所にすぐジャンプできる ▶ テスト実行中でもエラーの詳細を見られる
Slide 19
Slide 19 text
設定の流れ 設定方法の詳細はQiita記事をご参照ください https://qiita.com/zackey2/items/d1e6fc183997efa5ab4b
Slide 20
Slide 20 text
Vueもテストできる
Slide 21
Slide 21 text
PhpStormからJestを動かしてVueもテストできる
Slide 22
Slide 22 text
まとめ - PhpStormからPHPUnitを実行すると便利 - 瞬時に実行可能 - ファイル単位・メソッド単位ですぐ実行できる - 設定方法はQiita記事 https://qiita.com/zackey2/items/d1e6fc183997efa5ab4b - PhpStorm上からJest動かしてvueのテストもできます
Slide 23
Slide 23 text
おわり