みなさん、こんにちは！マイクです！今日は2025年4月6日、日曜日ですね。さて、今日も「zenncast」にお越しいただきありがとうございます！今日はZennでトレンドの記事をいくつかご紹介しますよ。
さて、前回紹介した記事としては、「最新技術スタックで伝統掲示板を再構築」、「社会人大学生による、エンジニアが数学をちょっとだけ好きになる話」、「TIPS: コーディングエージェントの活用時、高速目grepで消耗しないために重要なタイムリープ戦術」がありましたね。
それでは、今日の内容に移りましょう！今日は5つの記事を紹介します！
まず1つ目の記事は、「社内デザインシステムをMCPサーバー化したらUI実装が爆速になった」というタイトルです。Ubieでの開発を行う江崎氏が、デザインシステム「Ubie Vitals」をMCPサーバー化した体験を共有しています。従来のCursorエディタではAIにデザインシステムのコンテキストを理解させるのが難しかったのですが、特定の知識領域に特化した情報をAIに提供するMCPサーバーを活用することで、UI実装の精度と速度が飛躍的に向上しました。
このプロセスでは、Figmaからの情報取得を経て、Ubie UIを基にした実装提案が迅速に行われ、従来の方法に比べて開発時間が大幅に短縮されました。また、テキストベースの指示だけでUI実装が可能となり、デザインシステムに従ったUIが短時間で生成されるようになっています。これはエンジニアだけでなくデザイナーにとっても、UIデザインの迅速な具現化や探索の手助けとなる可能性があります。今後は、Ubie Vitalsの充実に注力し、AIとの融合による開発効率化が期待されています。
。...。
次に2つ目の記事、「AIを用いた開発の効率を最大化させるためにやっていることを全部書く」についてお話しします。AIを活用した開発効率の最大化を目指すエンジニアの具体的な取り組みが紹介されています。まず、プロジェクト開始時に詳細なPRDを作成し、AIが参照できるように整理することが重要です。
次に、AIに求める行動や覚えておくべき内容をルールファイルに記述し、タスクリストを用意して実装ログを残すことで進行状況を把握しやすくなります。実装は小さなタスクに分け、計画を徹底的に練ることが成功率を上げるコツです。
さらに、README.mdを各フォルダに設置し、プロンプトは明確にすることでAIとのコミュニケーションを円滑にします。作業中はAIを監視し、エラー修正に固執せずリセットすることも考慮します。これらの方法を通じて、AIを活用した開発の生産性向上が目指されています。
。...。
次は3つ目の記事、「Azure FunctionsでMCPサーバーを作る！」です。最近、MCPに関する重要なニュースがあり、Azure FunctionsがMCPトリガーに対応したり、VS Code StableのGitHub CopilotがMCPを正式にサポートしたりしています。
本記事では、Azure Functionsを使用してMCPサーバーを構築し、VS CodeのGitHub Copilotでこのサーバーを利用する方法が紹介されています。具体的には、シンプルなMCPサーバーをC#で実装し、現在時刻を返す関数を作成します。Azure Functionsのスタートアップ設定を更新し、MCPツールを登録することで、クラウドにデプロイする際のセキュリティも保たれます。
MCPは新しい技術であり、今後のエコシステムの発展に寄与することが期待されています。
。...。
続いて4つ目の記事、「ハッシュ化だけではもう古い ソルト&ペッパーという技術」をご紹介します。生成AIの発展により、情報漏洩のリスクが高まっています。企業は、いつか情報漏洩が発生するという前提で対策を講じる必要があります。
暗号化技術は基本的な対策ですが、古いハッシュ関数を使用すると攻撃者が同じハッシュ値を生成できるため、新しい関数を常に使用することが重要です。特にソルトを使用することで、同じ元の文字列から異なるハッシュ値を生成し、セキュリティを強化します。
ソルトをどこに保存するかも重要で、別の場所に保存することが推奨されています。さらに、ペッパーという技術もあり、これを活用することで情報漏洩のリスクを最小限に抑えることが可能です。エンジニアはこれらのセキュリティ対策を意識し、実装することが求められています。
。...。
最後に5つ目の記事、「Claude Desktop におけるコーディングエージェント性能を拡張する「Claude Crew」の紹介」についてお話しします。「Claude Crew」は自律型コーディングエージェントのためのツールセットで、MCPとカスタムインストラクションを活用しています。
Claude Crewは、コーディングエラーを最小限に抑えるためのフィードバック機能や、プロジェクト設定の構造化が可能です。AIが独自にタスクを完結させることを目指しており、タスク完了後には自動で型チェックやテストが行われます。これにより、エンジニアはより複雑な問題に集中できる環境を構築できます。
今後もClaude Crewは進化を続け、実用的な自律型エージェントの実現に向けて期待されています。
さて、今日ご紹介した記事をおさらいしましょう！1つ目は「社内デザインシステムをMCPサーバー化したらUI実装が爆速になった」、2つ目は「AIを用いた開発の効率を最大化させるためにやっていることを全部書く」、3つ目は「Azure FunctionsでMCPサーバーを作る！」、4つ目は「ハッシュ化だけではもう古い ソルト&ペッパーという技術」、そして最後に5つ目は「Claude Desktop におけるコーディングエージェント性能を拡張する「Claude Crew」の紹介」でした。
次回もまたお会いできるのを楽しみにしています！詳しい内容はショーノートに書いてありますので、ぜひチェックしてくださいね！番組の感想もお待ちしています！それでは、また次回お会いしましょう！