初めての拡張機能リリースまでの歩み / Road to publishing extension for the first time
- 2. 自己紹介 2 y_chu5 yamachu 山田 裕介（ちゅうこ） Microsoft Student Partners 2016.9 2018.3 Microsoft MVP 2018.2 普段の私 ● VSCode Insidersのリリースの追っかけ ● TypeScript Nightly ● TypeScript / C# / Scala with VSCode
- 3. VSCodeとは 3 VS Code Meetup #11 入門編2021 https://vscode.connpass.com/event/207937/ https://speakerdeck.com/ayatokura/vscodemeetup-beginners /karaage0703/vs-code-245720591
- 5. 拡張機能開発、こう思ってません？ ● とにかく難しそう ● どういうフローで作ればいいんだろう ● そもそも個人で作れるんですか 5 Node.jsの知識があればすぐに開発を始められます 本セッションでは実際に試してよかったフローをご紹介します
- 8. 準备编
- 9. 1. 作りたいものの機能を考える 作りたい拡張機能はどんな機能を持っている？ ● それはエディタじゃないと出来ないこと？ ● ファイルの中身で挙動が変わるもの？ ● etc… 9 拡張機能以外の提供方法を検討するため 作った機能の動かない理由の問題の切り分けを容易にするため 作りたい拡張機能に適している VSCodeのAPIの判断を行うため Why
- 10. 2. 類似した拡張機能を探す 10 例: Code Spell Checker 提供している機能 ● Typoの検出 ● エディタへの反映 ● サジェスト
- 11. 2. 類似した拡張機能を探す 11 例: Language Features for Markdown files 提供している機能 ● Markdown Preview ● スクロール位置の同期 ● Syntax Highlight
- 12. 2. 類似した拡張機能を探す 12 例: GitHub Pull Requests and Issues 提供している機能 ● GitHub APIとの連携 ● 変更ファイルのリスト ● いい感じのViewの提供
- 15. 実装编
- 16. まず初めに… 16
- 19. Why vscode-extension-samples? 19 ● 50を超える拡張機能のサンプル ● （物によっては）動きが見えるGif付き ● VSCodeの最新のAPIにも追従出来る ● git clone ? 手元で動作まで一気に行える 二度手間にはなりそうだけれども、 これを改変して試してみるのが実は近道！
- 20. サンプルプロジェクトのデモ 20
- 23. リリースするとこんな感じ 23 https://marketplace.visualstudio.com/items?itemName=yamachu.targetframeworksswitcher
- 24. まとめ ● 作りたい拡張機能のイメージを固める ● 似た拡張機能を見て学ぶ ● 公式ドキュメントや公式サンプルを活用 よいVSCode Lifeを！ 24
- 25. 宣伝 25 VS Code Meetup #2 Live Share編 https://vscode.connpass.com/event/160083/ /YusukeYamada7/vscode-contribute-to-vscode