Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WebStorm(IntelliJ)を使ってみよう
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Hasu
December 18, 2024
Programming
1
48
WebStorm(IntelliJ)を使ってみよう
Hasu
December 18, 2024
Tweet
Share
Other Decks in Programming
See All in Programming
Takumiから考えるSecurity_Maturity_Model.pdf
gessy0129
1
160
生成 AI 時代のスナップショットテストってやつを見せてあげますよ(α版)
ojun9
0
300
今年もTECHSCOREブログを書き続けます!
hiraoku101
0
120
Migration to Signals, Signal Forms, Resource API, and NgRx Signal Store @Angular Days 03/2026 Munich
manfredsteyer
PRO
0
150
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
targe
0
150
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
nrslib
16
3.4k
Rで始めるML・LLM活用入門
wakamatsu_takumu
0
200
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記:那些困在 Alpha 加護病房太久的 Metrics
tico88612
0
230
最初からAWS CDKで技術検証してもいいんじゃない?
akihisaikeda
4
170
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
shogogg
2
370
Codexに役割を持たせる 他のAIエージェントと組み合わせる実務Tips
o8n
4
1.4k
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
seike460
PRO
2
150
Featured
See All Featured
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
150
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
860
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.9k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
250
Code Reviewing Like a Champion
maltzj
528
40k
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
Art, The Web, and Tiny UX
lynnandtonic
304
21k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
The Curious Case for Waylosing
cassininazir
0
280
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
280
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Transcript
WebStorm (IntelliJ) を使ってみよう ワイワイ
1/10 WebStorm(IntelliJ)を使ってみよう Backend Dev 長谷川 傑 / Hasu 高校卒業後サービスエンジニアとして就職したが一年 後、転職を会社に打ち明けると「来週から来なくてい
い」と言われ処分を受ける。 その後、約2年半BEエンジニアとして2社経たのちにフ リーランスに転向
Topic • WebStormって? • どんな機能があるの? • VS Codeじゃダメなの? • 最後に
2/10 WebStorm(IntelliJ)を使ってみよう
WebStormって? JetBrains社(本社: チェコ)が開発している統合開発環境(IDE) Java、Kotlin、C、C++、Golang等など主流な言語に対応した製品群の中でも特に JavaScriptとTypeScriptに特化したIDE 強力なコード補完や各Linterとの連携が可能でその他機能も豊富、 痒いところがある時に調べたらだいたい手の届く機能が搭載されてる 3/10 WebStorm(IntelliJ)を使ってみよう
ちなみに WebStorm(IntelliJ)を使ってみよう
WebStormって? JetBrains製のIDEは多数あるものの、 実はIntelliJさえあれば殆どの言語がカバー出来る (ただし.NET関連の物は独立しているためカバー不可) 4/10 WebStorm(IntelliJ)を使ってみよう Maven等のJVM向けの機能をそ ぎ落としPHPプラグインがプレイン ストールされている PHPとDB関連の機能をそぎ落と
している
どんな機能があるの? • コード補完 • なんでも検索 (ファイル名、クラス名、関数名全てから検索して ジャンプできる) • デッドコード検出 •
Typo検出 • 保存時にLintの自動実行 • etc 5/10 WebStorm(IntelliJ)を使ってみよう
どんな機能があるの? - HTTP Client スクラップファイルに記述していくスタイル リクエストに変数を使うことができ、同期的な一連の流れの再現が 楽にできる。 またリクエストを Curlの形式に コンバートも可能
6/10 WebStorm(IntelliJ)を使ってみよう
どんな機能があるの? - Local History Gitとは別でIDE内でファイル毎に更新履歴を保持してくれている。 外部ツールの機能でファイル削除しちゃったとか、 ファイルが更新されちゃったとか、Undoでさかのぼり切れなくなっ ちゃった時に便利。 7/10 WebStorm(IntelliJ)を使ってみよう
ぶっちゃけ WebStorm(IntelliJ)を使ってみよう
VS Codeじゃダメなの? VS Codeでもいい 8/10 WebStorm(IntelliJ)を使ってみよう
VS Codeじゃダメなの? 9/10 WebStorm(IntelliJ)を使ってみよう WebStorm VSCode お値段 987円/mo Free コード補完
〇 〇 なんでも検索 〇 〇 デッドコード検出 〇 〇(拡張機能) Typo検出 〇 〇(拡張機能) Linter連携 〇 〇(拡張機能) HTTP Client 〇 〇(拡張機能) Local History 〇 〇
なんと WebStorm(IntelliJ)を使ってみよう
WebStorm非商用利用無料 🎉 2024年10月から非商用利用に限りWebStorm(とRider)が 無料利用可能になりました! 正直IDEは好みの物、使い慣れたものを使うのが一番だと思って いますが、この機に個人開発で使ってみよう! さいご WebStorm(IntelliJ)を使ってみよう
ありがとう ございました! Thanks WebStorm(IntelliJ)を使ってみよう