【LT登壇資料】個人の開発生産性を上げる！自慢のツール紹介LT&交流会！

Transcript

1. 1 年目に出会った開発便利ツール 2023.10.14@ 秋葉原 Masato Tezuka
2. 自己紹介 長野県在住・26 歳 医療系の大学院を卒業（英語論文3 本書きました） ヘルスケアスタートアップ企業で3 年間インターンしてました（半年間、開発業務してました） 今はフリーランスとして働いていて、来年から正社員で働く予定です（東京に引っ越します！！） TypeScript でフロント・バックエンドどちらも書いてます 趣味はキャンプ・アニメ・サウナ・グルメ巡り（ゴールデン・カムイをアマプラで見始めました） 手塚 真斗（@tezmasatoo ）
3. １年間実務して便利ツールを紹介していきます
4. VS code 拡張機能｜Figma フロントエンドエンジニア向け VS code 上でFigma のデザインを見ながら、コードを書ける Figma のUI に合わせてクラス名とCSS コードがサジェストされる ソースコードとfigma のデザインを紐づけることができる
5. VS code 拡張機能｜Figma
6. VS code 拡張機能｜Figma
7. VS code 拡張機能｜Thunder Client バックエンドエンジニア向け VS code 上でAPI テストができる collection という単位でAPI を管理できる 有料プランは、CLI で利用もできる 　(10 月から無料プランは1 collection につき、15 リクエストしか作成できないようになった？）
8. VS code 拡張機能｜Thunder Client https://www.thunderclient.com/ リクエストを管理 レスポンス リクエスト
9. データベース管理ツール｜DBeaver ER 図が表示できる データベースの数に制限がない（無料だが機能制限が特にない） JSON やcsv のフォーマットでコピーできる
10. データベース管理ツール｜DBeaver
11. ランチャーツール｜Raycast コンピュータ上で動作するアプリケーションを管理し、起動することができるツール
12. 画面分割（Window Management ） クリップボード履歴からコピー（Clipboard History ） 選択したProject をVS code で起動（Visual Studio Code - Project Manager ） Chat GPT （API キーの設定は必要） 登録したリンクでブラウザにアクセス（QuickLinks ） 便利機能 ランチャーツール｜Raycast
13. 色々紹介してきましたが、、、
14. 結局、一番の開発便利ツールはこれ！
15. ありがとうございました！！！ 皆さんのおすすめツールもぜひ教えてください🙇‍♂️