小さなアイデアをVibe Codingで形にする（第1弾）：1時間足らずでAGY IDE / VS Codeの拡張機能を作ってみた
- AGY IDEでMarkdownプレビューを同一タブ内で切り替える拡張機能を1時間で作成した
- VS Codeの「Reopen Editor With」機能をカスタマイズし、トグルボタンとショートカットキーで操作可能に、フォールバック処理を追加
- VS Codeエンジンバージョン1.107.0に依存するため、バージョン指定を変更しないこと
#バイブコーディング
AIに「中学生でもわかるように1枚のHTMLで図解して」が、複雑なコードを読む前の最良の準備運動かも
- Claude Codeに中学生向けのHTML図解を依頼することで複雑なコード構造を抽出した
- 図解と対応表を含む1枚のHTML、専門用語の代替表現、構造の抽出
- 対応表を必ず付けることでたとえの都合で省かれた分岐を確認できる
Claude Codeに「理解しやすい日本語」を書かせるためにやっていること
- Claude Codeに理解しやすい日本語を書かせるために、事前チェックと自動レビューを組み込んでいる
- 事前議論で論点整理、一次情報引用、hooksによる日本語レビュー強制、Haikuで不自然な日本語判定
- レビューは強制的だが3回までで打ち切り、過検知を許容して開発体験を優先している
Anthropic公式のClaude Code講座で学んだ「4つのD」
- Claude Codeの講座で学んだ4つのDはAIに仕事を任せるときの立ち回りを示す
- Delegation（委任）、Description（記述）、Discernment（見極め）、Diligence（誠実さ）の4段階で構成される
- AIに任せた結果をレビューし、責任を自分に引き受ける姿勢が重要であることを示している
CursorのSkillsを試してみた！
- CursorのSkillsでコードレビューのスキルを構築した
- Skillsは4つのファイルで構成され、設計原則とコーディング基準を定義
- 設計原則の優先順位としてKISSが最も重要で、DRY/OAOOは後回しにされる
【現役SEが解説】生成AIを「チャットのおもちゃ」で終わらせないための活用基礎と3つの原則
- 生成AIを実務で活用するための3つの基本原則が提示された
- 80点＋20点の法則、プロンプトの4大要素固定化、スクリプトとの連携が中心
- AIに完璧な結果を求めるのではなく、80点のドラフト作成に割り切ることが重要
AIの口癖を日本語記事で測ろうとして、3回とも失敗した
- 日本語の技術記事ではAIの口癖を測る手法が3回とも失敗した
- 英語のPR説明文と日本語記事の語彙の違い、形態素解析なしのN-gram解析、対応語の手動選定
- 定型文の断片が上位に来るため、AIの特徴語を正確に検出できないことが分かった
ChatGPTで月末レビューをすると、来月の行動が見える
- ChatGPTで月末レビューを行うと来月の行動が見える
- 今月の記録をもとに続けること・やめること・変えることを提案する。負担が大きかった作業を減らす・まとめる・AIに任せる・やめるの改善案を出す
- 月末レビューは正解を出す場所ではなく、次に試すことを決める場所で、AIの提案は考える材料に過ぎない
AIエージェント時代のクリエイティブ。 DHH
- DHHがAIエージェントに実装を委ね、人間の役割はビジョン提示と審美眼に変化した
- AIエージェントが自律的にコードを生成し、人間はコードの形や比率を判断する
- AIに曖昧な指示を出し、返ってきた結果にフィードバックを繰り返すことで創造性が生まれる
AIで作る資料を、規範・手順・検査で整える
- AIで作る資料の品質を規範・手順・検査の3層で管理する仕組みを紹介
- 規範で文章の判断基準を定め、手順で作業順を統一、検査で違反を自動修正
- 規範に沿った書き方と検査で、読み手の判断に必要な情報が伝わるようにする
第4話 とある現場のおじさん、MermaidでLLMに歩み寄る
- Mermaidを処理の流れをLLMに伝える共通言語として使う方法が紹介されている
- 処理の順番を矢印で表せる、条件分岐を明示できる、状態を外に出せる
- Mermaidの記法に慣れる必要があり、処理を詰め込みすぎると見づらくなることに注意が必要
ChatGPTは“初手”で決まる──良い指示書は、AIに推測させない
- AIに推測させないための指示書が重要
- AIは情報が足りない場合でも推測して回答する、前提共有が鍵
- 初手で最低限の前提を共有することで、後々の修正コストを減らせる
【AIイラスト】推されカラー診断をやってみた／ChatGPT
- 推されカラー診断で生成AIがアイドルのカラーと性格を生成した
- ディープグリーンの静謐毒舌属性とおお、緑のカラー設定、画像生成機能
- 生成AIのキャラクター表現の精度や制約に注意が必要な点が確認できる
ChatGPTで自分の商品説明を作る時のコツ
- ChatGPTで商品説明を作成する際、対象者や悩み、変化、内容の4つを明確に伝えることが重要
- 誰向けか、何に困っているか、どう変わるか、何が入っているかを具体的に示す
- 商品説明では「自分との関係」を想像しやすくするため、実際の使用場面を伝えることが効果的
千葉県松戸市で小中学生向けGemini体験イベントを開催しました！✨🎮
- 小中学生向けにGeminiを使ったゲーム制作体験イベントを開催した
- プロンプト作成と3D表現・アニメーションの進化を体験、アイデア整理と修正作業を繰り返した
- プロンプトの文章力向上とAIの進化を子どもたちと一緒に実感できたことがポイント
LLMの回答の認知負荷を下げる魔法のフレーズ
- LLMの回答を平易な言葉で説明する方法が紹介された
- 専門用語の使用を避けてわかりやすくする手法、用語（解説）の形式で平易な言葉の解説を付ける
- 専門用語の解説を付けることで理解が深まる。専門用語の使用を避けることで誰でも理解できるようになる。
Vimのコマンドを丸暗記しないために、オペレータとモーションで整理してみた
- Vimのコマンドはオペレータとモーションを組み合わせて考える
- オペレータはd/c/yで操作内容、モーションはw/b/$で移動範囲、テキストオブジェクトはiw/i"/i(で対象範囲を指定
- cwは特別な挙動があるためオペレータ+モーションの一般ルールとは異なる点に注意が必要
コードが書けなくても「秘書」化 ――Claude Codeを173日使った非エンジニアの話から見えるもの
- Claude Codeは非エンジニアでも使いやすく、CLAUDE.mdやSkills、MCPで定型業務を自動化できる
- CLAUDE.mdで判断基準を記述、Skillsで作業手順をパッケージ化、MCPで外部ツールと連携
- コード生成の精度は未熟で、人間による最終チェックが必要な点に注意する
支払い申請の下書きをAIに任せて4ヶ月、書いたのは手順ではなく完了の条件だった
- 支払い申請の下書きをAIに任せて4ヶ月、完了の条件を明確にした結果、作業時間が10分に短縮された
- 完了の条件を「今月の支払い対象者リスト」と「金額の一致確認」に変更、手順はAIに任せる
- 完了の定義を明確にすることで、AIの処理結果を信頼できるようになり、作業負担が減った
AIの提案が一般論ばかり返ってくるのは、こちらが一般論しか渡していないからだと思う
- 生成AIの出力が一般論になるのは、コンテキストが不足しているから
- 前提・制約・評価基準・出力形式の4要素を明示しないと、AIは一般論を返す
- 出力が曖昧なら、どの要素が抜けているかを特定して補うことで改善できる
