Laravel/Vue.js#11 PhpStormからLaradock上の PHPUnitを動かしたら開発が捗った話
by
y-tsuzaki
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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
おわり