VSCode上からSlackにメッセージを送る拡張機能を作っている話

2024/03/25に行われたVSCode Meetup#28で発表した資料です。

Transcript

1. VSCode上からSlackにメッセージを送る拡張機能を 作っている話 株式会社HRBrain 江原一博
2. Agenda 1. 自己紹介 & 会社紹介 2. 開発の経緯 4. 開発で詰まった点 3. デモ画面 5. 今後の開発
3. 自己紹介
4. 株式会社HRBrain 技術本部 X（Twitter）@yakiniku040220 フロントエンジニア（たまにサーバーサイドも書きま す。） 自己紹介 江原一博 カラオケ、ゲーム、料理、音楽鑑賞が趣味です。
5. 会社紹介 人事評価
6. 開発の経緯
7. 皆さんに質問です。
8. 開発中にSlack通知が 来ることはありますか？
9. その時にSlackに切り替えるの毎回大変で すよね。。。
10. デモ画面
12. 開発で詰まった点
13. チャンネル名をクリックするがWebViewに表示されな い。 ドキュメントにあるTree Viewのコードを改造したが、WebView側に選択し たチャンネルが表示されなかった。
14. チャンネル名をクリックするがWebViewに表示されな い。 vscode.TreeItemにcommand optionがあったので追加。
15. 画像が表示されない Slack APIから取得した時に、画像が表示されない問題が発生した。
16. 画像が表示されない 原因はCORS。現状VSCode側ではサポートされていない？ There is no vscode support for changing this. You should think of the webview more as an html view (one that does not have any server or origin) rather than a webpage Posters on stackoverflow may have suggestions for workarounds https://github.com/microsoft/vscode/issues/72900#issuecomment-487140263
17. ではどうすればいいか？
18. Proxyサーバーを作ればいいんじゃない？
19. 今後の開発
20. 今後は以下の開発を進める予定です。 ・SideBarに送信フォームを実装 ・画像送信 ・レイアウト整える ・MultiStep Formの実装 ・CORS問題の解消 ・WebviewのReact化
21. ご清聴ありがとうございました。