公開日: 2025 年 10 月 27 日
先月、Google は Baseline Tooling Hackathon を開始し、デベロッパーがよりモダンなウェブ機能を導入するのに役立つ、最も革新的で便利な新しいツールを構築するよう呼びかけました。締め切りまでに、3,000 人近いデベロッパーが参加し、数百件のプロジェクトが提出されました。独創的で革新的な面白い作品が多数寄せられましたが、10,000 ドルの賞金総額を分け合えるのは 3 作品のみです。審査員による厳正な審査の結果、受賞者が決定いたしました。
🥇 1 位は eslint-plugin-baseline-js です。長谷川 竜也さん、おめでとうございます。
これは、JavaScript 機能のベースライン ステータスをチェックし、構成されたベースライン ターゲットよりも新しいものをすべてフラグ設定する ESLint プラグインです。JavaScript と TypeScript の両方の環境で動作し、数百もの機能をカバーしています。
この投稿で特に優れていたのは、その有用性です。平均的なデベロッパーが実際にこのツールを使い始め、そのメリットを享受する可能性が高いことが評価されました。公式にサポートされている ESLint for CSS や HTML ESLint コミュニティ プラグインなどの既存のツールを補完することで、ESLint エコシステムにうまく適合します。新たに利用可能、広く利用可能、ベースライン年などのベースライン ターゲットの構成オプションが使い慣れたものになっているため、すべてのコードで一貫したエクスペリエンスが期待できます。また、インストール手順、ベスト プラクティス、例など、高品質のドキュメントも用意されているため、すぐに使い始めることができます。
内部的には、このプラグインは web-features データセットと同期して、ウェブ機能の互換性に関する信頼できる情報源として機能します。ソースコードでこれらの機能を検出するために、このプラグインは ESLint コアと eslint-plugin-es-x と統合されており、脆弱な正規表現に依存していません。また、typescript-eslint パーサーもサポートしており、より確実に特徴を検出できます。
全体として、これは非常に革新的で有用なツールであり、最優秀賞にふさわしいものです。ぜひお試しください。ソースコードを詳しく調べたり、問題を報告したりする場合は、GitHub の 3ru/eslint-plugin-baseline-js で確認できます。
🥈 2 位は Technickel Dev が提出した baseline-mcp です。
これは、ウェブ機能の互換性とベースライン ステータスに関する正確な情報を AI 対応の開発ワークフローに提供する MCP サーバーです。
AI がウェブ開発で普及していることは否定できません。そのため、エージェントがよりモダンなコードを生成するように誘導するこのようなツールがますます重要になっています。このプロジェクトは、信頼できる web-features データに基づいて、ウェブ機能に関するさまざまな質問に答えるための便利な MCP ツールをエージェントに提供することで、そのニーズにうまく対応しています。特定の機能 ID のベースライン ステータスを検索するなどのルーチン タスクを実行するだけでなく、コンテキストに基づいて正しい機能 ID を特定したり、古いウェブ機能の最新の代替案を提案したりするなどの論理タスクも実行できます。
ウェブ クライアントのデモで試してみてください。インストール手順、サーバーとのやり取りの方法、ソースコードについては、GitHub リポジトリをご覧ください。
🥉 第 3 位は Zoran Jambor 氏が投稿した Baseline Status for Video です。
これは、動画に埋め込まれたベースライン ウィジェットを生成するためのウェブ アプリケーションです。
Baseline の役割は、MDN 記事、caniuse ドキュメント、VS Code や WebStorm などの IDE で参照できる、ウェブ機能に関する明確なブラウザ互換性情報を提供することです。ただし、デベロッパーは YouTube など、他の場所からもウェブ機能に関する情報を取得しています。このプロジェクトにより、動画クリエイターやウェブ インフルエンサーは、カスタマイズ可能で動画に適した方法で、機能のベースライン情報を簡単に生成できるようになります。人気の高いウェブ インフルエンサーのリーチは非常に大きいため、このツールがベースラインの認知度をさらに多くのデベロッパーに広げる可能性に期待しています。
このツールは <baseline-status> ウェブ コンポーネントを基盤としており、ウェブ プラットフォーム ダッシュボード API を使用して、入力した機能 ID のベースライン ステータスとブラウザ実装の詳細を取得します。アプリは、単色の背景上でウィジェットがフェードイン、フェードアウトする様子を録画します。この背景は編集ソフトウェアでキーイングできます。
Baseline Status for Video アプリにアクセスしてご自身で試すか、GitHub でソースコードをご覧ください。
受賞者の皆様、おめでとうございます。また、プロジェクトを送信し、フィードバック アンケートにご回答いただいたすべての皆様にも感謝いたします。クリエイティブで刺激的なプロジェクトに注いでいただいた時間と労力に心より感謝申し上げます。「最も価値のあるフィードバック」賞の 10 名の受賞者にはすべて通知済みです。全体として、価値があり、実行可能な提案が多数寄せられました。これらの提案は、Baseline をさらに改善するために、適切なチームに持ち帰ります。