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
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
Search
448jp | OKI Yoshiya
July 29, 2020
Programming
0
350
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
2020年7月29日(水)DIST.32 「JetBrainsな夜」発表資料
448jp | OKI Yoshiya
July 29, 2020
Tweet
Share
More Decks by 448jp | OKI Yoshiya
See All by 448jp | OKI Yoshiya
人はなぜコミュニティとつながると幸せを感じるのか
448jp
3
330
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
4k
合意形成のためのFigma活用術
448jp
0
150
書く・即・DONEな仕組みをNuxtで作る
448jp
0
400
神速でワイヤーフレームを作るためのライブラリ
448jp
1
890
Figmaで神速ドキュメント作成術
448jp
3
2.6k
今から始めるFigma超入門
448jp
0
1.7k
零細Web制作会社のリモートワーク事情
448jp
0
440
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
780
Other Decks in Programming
See All in Programming
Register is more than clipboard
satorunooshie
1
470
知られているようで知られていない JavaScriptの仕様 4選
syumai
0
600
CloudNative Days Winter 2025: 一週間で作る低レイヤコンテナランタイム
ternbusty
3
530
競馬で学ぶ機械学習の基本と実践 / Machine Learning with Horse Racing
shoheimitani
12
12k
AI駆動開発ライフサイクル(AI-DLC)のホワイトペーパーを解説
swxhariu5
0
930
モビリティSaaSにおけるデータ利活用の発展
nealle
0
190
予防に勝る防御なし(2025年版) - 堅牢なコードを導く様々な設計のヒント / Growing Reliable Code PHP Conference Fukuoka 2025
twada
PRO
37
12k
flutter_kaigi_2025.pdf
kyoheig3
1
330
HTTPじゃ遅すぎる! SwitchBotを自作ハブで動かして学ぶBLE通信
occhi
0
250
Core MIDI を勉強して作曲用の電子ピアノ作ってみた!
hypebeans
0
110
Web エンジニアが JavaScript で AI Agent を作る / JSConf JP 2025 sponsor session
izumin5210
4
1.6k
CSC509 Lecture 13
javiergs
PRO
0
250
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Embracing the Ebb and Flow
colly
88
4.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
A Tale of Four Properties
chriscoyier
162
23k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
GitHub's CSS Performance
jonrohan
1032
470k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
970
Being A Developer After 40
akosma
91
590k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Transcript
DIST.32 「JetBrainsな夜」 神速化 JetBrains IDE コーディングを する のご紹介 ~基本機能からHTML/CSSまで~ 合同会社世路庵 沖
良矢 | 2020.7.29 WED
おき 沖 よ し や 良矢 @448jp ⚫ 合同会社世路庵 代表
⚫ 創業1年目 ⚫ 受託制作一筋17年
スターバックスの窓 (2019-)
KASHIYAMA the Smart Tailor (2017-)
Adobe MAX Japan BAU-YA LinkedInラーニング Web Designing DIST Vue.js Japan
User Group
目次 1 JetBrains IDEとは 2 機能紹介デモ 3 まとめ
1 JetBrains IDEとは What’s JetBrains IDE ?
IDE
IDE ntegrated evelopment nvironment(統合開発環境) I D E
IDE コードエディタ コードエディタ ざっくり言うと…… 全部入り 自分で拡張
アクティブユーザー数 引用: https://resources.jetbrains.com/storage/products/jetbrains/docs/corporate-overview/en-us/jetbrains_corporate_overview.pdf https://www.businessinsider.com/microsoft-visual-studio-code-programmers-cloud-wars-amazon-2019-11 850万 800万
こんな人にオススメ ⚫ 手間のかかる作業を減らし、創造的な仕事に時間を割きたい ⚫ 効率よく短時間でコーディング、プログラミングしたい ⚫ ミスを減らして品質を高めたい ⚫ ターミナルやGitクライアントとの行き来をなくしたい ⚫
最初からイイ感じの設定になっていてほしい
全選手入場!! JetBrains IDE
IntelliJ IDEA PyCharm WebStorm PhpStorm Rider CLion DataGrip RubyMine AppCode
GoLand
C/C++、iOS/macOS、DBなど フルスタック フロントエンドのみ +サーバーサイド言語 対応言語数 少ない 多い
各製品の違い ⚫ 基本的に対応言語の数が違う ⚫ 製品によって言語に特化した仕様が採用されている ⚫ すべての製品がIDEとしての基本機能を備えている
2 機能紹介デモ Feature introduction demo
3 まとめ Conclusion
なぜ私はJetBrains IDEを選ぶのか ⚫ 最新技術対応の迅速度(ex. TypeScript, Nuxt.js, Prettier...) ⚫ 補完、エラー・警告訂正の充実 ⚫
全部入りでありながら、細かいカスタマイズにも対応 良質なツールを提供し続けてきた、 JetBrainsへの 長年 信頼
料金体系 ⚫ All Products Pack(全製品) or 製品単体 ⚫ 月額払い or
年額払い ⚫ 法人利用 or 個人利用(個人利用を法人経費にするとライセンス違反になるので注意) ⚫ 継続年数に応じたディスカウント 6,800円 例:WebStrom単体、年額払い、個人利用、初年度 →
開発者1人あたり1年間の便益 引用: https://resources.jetbrains.com/storage/products/intellij-idea/docs/forrester_tei_summary_jp.pdf 3,868ドル(約40万円)
_人人人人人人_ > 実質タダ <  ̄Y^Y^Y^Y^Y^Y^ ̄
ありがとうございました 合同会社世路庵 沖 良矢 @448jp