【要約】小さなアイデアをVibe Codingで形にする（第1弾）：1時間足らずでAGY IDE / VS Codeの拡張機能を作ってみた [Qiita_Trend] | Summary by TechDistill
> Source: Qiita_Trend
Execute Primary Source
// Problem
AGY IDEを利用する開発者が、Markdownプレビューの挙動に起因する作業効率の低下に直面した。具体的には以下の問題が発生していた。
- ・プレビューを開くたびに新しいタブが生成される。
- ・タブバーが不要なファイルで埋め尽くされる。
- ・既存の「Reopen Editor With」機能は操作手順が多く、思考を中断させる。
// Approach
開発者は生成AIをペアプログラマとして活用し、VS Code APIを用いた拡張機能の自作を試みた。以下のステップで実装を進めた。
- ・AIへの詳細なプロンプト提示による、プロジェクト構成とロジックの自動生成。
- ・
extension.tsによる、同一タブ内でのエディタ切り替え機能の実装。 - ・状態に応じた動的アイコン表示や、既定ボタンの非表示化によるUIの洗練。
- ・
vsceコマンドを用いた、.vsix形式へのパッケージング。
// Result
開発開始から1時間足らずで、個人のワークフローを最適化する拡張機能が完成した。これにより以下の改善が達成された。
- ・同一タブ内でのソースコードとプレビューの即時切り替えを実現。
- ・
Ctrl + Shift + Vによるショートカット操作への対応。 - ・AGY IDE（v1.107.0）環境への正常なインストールと動作を確認。
Senior Engineer Insight
> AIによる「Vibe Coding」は、個人の生産性を劇的に向上させる。APIの習熟度という従来の障壁が消失したためだ。開発の核心は「課題の言語化」へとシフトしている。小規模なツール開発において、この手法の投資対効果（ROI）は極めて高い。ただし、実戦投入時にはAI生成コードの安全性と、IDEのバージョン依存性を厳格に検証すべきである。技術責任者としては、個人の「不便」を即座に解決するこの機動力に注目している。