皆さん、おはようございます！マイクです！今日は2025年3月27日、金曜日ですね！今日はZennで注目のトレンド記事をいくつかご紹介しますよ〜。

さて、前回紹介した記事ですが、「Playwright MCPとCursorで、E2Eテストを自動生成してみた 〜AI×ブラウザ操作の新アプローチ〜」、それから「RAGを評価するサンプルQ&Aを爆速で生成」、そして「DHHが考えるRailsのバリデーション設計」がありましたね！これらもぜひチェックしてみてくださいね！

今日ご紹介する記事は全部で5本です！それでは、早速最初の記事からいきましょう！

1つ目の記事は、「【参加記】Web Speed Hackathon 2025で優勝した話」です。この大会では、フロントエンドのパフォーマンス改善を競い合い、なんと優勝を果たしたそうです！テーマは仮想動画配信サービス「AREMA」のアプリ改善。初めはLighthouseスコアが67点だったのが、最終的には477.16点にまで達したんですね！特にバンドルサイズの軽量化に注力し、161MBから964KBに削減したことが勝因の一つとのこと。改善策としては、Reactの再レンダリングやWebpackの設定見直し、画像の圧縮、遅延読み込みなどがあったそうです。大会を通じてパフォーマンス改善における思考の重要性を再認識したということで、これからもさらなるスコア向上を目指すそうです！素晴らしいですね〜！

。...。...。...。

次にご紹介するのは、「Model Context Protocol（MCP）とは？生成 AI の可能性を広げる新しい標準」です。MCPは生成AIと外部システムを接続するための新たなオープンプロトコルで、開発者の負担を軽減することが目的なんです。これによって、従来の煩雑なAPI統合が解消され、効率的な開発が可能になります。MCPの主な機能は、データリソースやツール、プロンプトがあり、AIアシスタントが多様なサービスと簡単に連携できるようになるんです。通信プロトコルはJSON-RPC 2.0に基づいていて、一度実装すれば複数のサービスへの接続が容易になるんですね。これからの開発が楽しみになりますね〜！

。...。...。...。

続いて3つ目の記事、「WebAssemblyとマルチスレッドによる環境に依存しない高速画像変換」です。こちらでは、WebAssemblyを用いた画像サイズ変更やフォーマット変換について解説されています。特にC++のコンパイルが推奨されていて、高速な画像変換が実現できるんです。また、Web Workersを利用した並列処理も可能とのこと。サンプルコードも提供されていて、実際に画像変換を行う際の手順が詳しく解説されています。環境に依存しない高速な処理ができるということで、開発者にとっては嬉しいニュースですよね！

。...。...。...。

次は4つ目の記事、「MCPサーバーを利用することはセキュリティ的に安全か?」についてお話しします。MCPサーバーは誰でも作成・公開可能ですが、悪意のあるコードが含まれるリスクがあるため、利用時の注意が必要です。信頼できるサーバーとしては、公式リポジトリに登録されたものや公式な組織が実装したサーバーが推奨されています。特にコミュニティサーバーは未テストなものが多く、自己責任での利用が求められるんですね。これからMCPサーバーを導入する際には、信頼できるソースを確認することが大切ですね〜。

。...。...。...。

そして最後の5つ目の記事は、「Web Speed Hackathon 2025参加記」です。こちらでは、意図的に遅く作られたアプリケーションのパフォーマンスを改善する競技に挑んだ様子が語られています。参加者はデグレードを避けることが重要であることに気づき、開発環境の構築や無駄なPrefetchの削除、SSRの修正など多岐にわたる改善策を試みたそうです。スコアは67.00から306.36に達したとのことで、たくさんの学びがあったハッカソンのようですね！次回に生かすための改善点も多く、これからが楽しみですね〜！

さて、今日は5つの記事をご紹介しましたね！改めて振り返ると、Web Speed Hackathonの優勝やMCPの新しい標準、WebAssemblyを使った画像変換など、どれも面白い内容でした。次回またお会いできるのを楽しみにしています！詳しい内容はショーノートに書いてありますので、ぜひそちらもご覧ください！番組の感想もお待ちしていますよ〜！それでは、また次回お会いしましょう！さようなら！