WebStorm(IntelliJ)を使ってみよう

Transcript

1. WebStorm (IntelliJ) を使ってみよう ワイワイ
2. 1/10 WebStorm(IntelliJ)を使ってみよう Backend Dev 長谷川 傑 / Hasu 高校卒業後サービスエンジニアとして就職したが一年 後、転職を会社に打ち明けると「来週から来なくてい い」と言われ処分を受ける。 その後、約2年半BEエンジニアとして2社経たのちにフ リーランスに転向
3. Topic • WebStormって？ • どんな機能があるの？ • VS Codeじゃダメなの？ • 最後に 2/10 WebStorm(IntelliJ)を使ってみよう
4. WebStormって？ JetBrains社(本社: チェコ)が開発している統合開発環境(IDE) Java、Kotlin、C、C++、Golang等など主流な言語に対応した製品群の中でも特に JavaScriptとTypeScriptに特化したIDE 強力なコード補完や各Linterとの連携が可能でその他機能も豊富、 痒いところがある時に調べたらだいたい手の届く機能が搭載されてる 3/10 WebStorm(IntelliJ)を使ってみよう
5. ちなみに WebStorm(IntelliJ)を使ってみよう
6. WebStormって？ JetBrains製のIDEは多数あるものの、 実はIntelliJさえあれば殆どの言語がカバー出来る (ただし.NET関連の物は独立しているためカバー不可) 4/10 WebStorm(IntelliJ)を使ってみよう Maven等のJVM向けの機能をそ ぎ落としPHPプラグインがプレイン ストールされている PHPとDB関連の機能をそぎ落と している
7. どんな機能があるの？ • コード補完 • なんでも検索 (ファイル名、クラス名、関数名全てから検索して ジャンプできる) • デッドコード検出 • Typo検出 • 保存時にLintの自動実行 • etc 5/10 WebStorm(IntelliJ)を使ってみよう
8. どんな機能があるの？ - HTTP Client スクラップファイルに記述していくスタイル リクエストに変数を使うことができ、同期的な一連の流れの再現が 楽にできる。 またリクエストを Curlの形式に コンバートも可能 6/10 WebStorm(IntelliJ)を使ってみよう
9. どんな機能があるの？ - Local History Gitとは別でIDE内でファイル毎に更新履歴を保持してくれている。 外部ツールの機能でファイル削除しちゃったとか、 ファイルが更新されちゃったとか、Undoでさかのぼり切れなくなっ ちゃった時に便利。 7/10 WebStorm(IntelliJ)を使ってみよう
10. ぶっちゃけ WebStorm(IntelliJ)を使ってみよう
11. VS Codeじゃダメなの？ VS Codeでもいい 8/10 WebStorm(IntelliJ)を使ってみよう
12. VS Codeじゃダメなの？ 9/10 WebStorm(IntelliJ)を使ってみよう WebStorm VSCode お値段 987円/mo Free コード補完 〇 〇 なんでも検索 〇 〇 デッドコード検出 〇 〇(拡張機能) Typo検出 〇 〇(拡張機能) Linter連携 〇 〇(拡張機能) HTTP Client 〇 〇(拡張機能) Local History 〇 〇
13. なんと WebStorm(IntelliJ)を使ってみよう
14. WebStorm非商用利用無料 🎉 2024年10月から非商用利用に限りWebStorm(とRider)が 無料利用可能になりました！ 正直IDEは好みの物、使い慣れたものを使うのが一番だと思って いますが、この機に個人開発で使ってみよう！ さいご WebStorm(IntelliJ)を使ってみよう
15. ありがとう ございました！ Thanks WebStorm(IntelliJ)を使ってみよう