Claude CoworkによるAIレイオフトラッカーの構築：実装の詳細

開発者が、2026年にAIを理由とした人員削減を発表した企業をスクレイピングして表示するライブでインタラクティブなレイオフトラッカーを構築しました。このトラッカーは完全に検索可能で、業界や年でフィルタリングでき、アクティブなAI関連の求人掲示板も含まれています。

開発におけるClaude Coworkの活用方法

開発者はClaude Cowork（共同作業スペース）をいくつかの具体的な開発タスクに使用しました：

• 初期テーブル構造の生成： レイオフデータのCSVを貼り付け、「ソート可能な列、レスポンシブデザイン、業界/年フィルターを持つHTML/CSSテーブルを作成してください。Tailwind CSSを使用してください。」と指示しました。ClaudeはフィルターUIとテーブル全体を一度に出力しました。
• フィルターロジックのデバッグ： 「すべての年」フィルターが正しくリセットされていないJavaScriptスニペットを共有しました。Claudeは問題を特定：「renderTable()関数が年が'all'の場合にフィルターされた配列をリセットしていません。条件分岐を追加してください。」修正には2分かかりました。
• 比較モーダルの作成： 3台のノートパソコンを並べて比較するポップアップモーダルをリクエストしました。Claudeは単一のプロンプトからモーダルのHTML全体、CSSの配置、JSイベントハンドラーを記述しました。
• モバイルタップターゲットの最適化： 「フィルタードロワーをモバイルでアクセシブルにし、48pxのタップターゲットと背景を追加してください。」と依頼しました。ClaudeはCSSを書き直し、ARIA属性を追加しました。
• モックデータの生成： 5社のリストをClaudeに提供すると、採用掲示板用に現実的な職種、給与、リモート/ハイブリッドタグを含む12社に拡張しました。

開発者は、より大きなコードスニペットや複雑なプロンプトを単一のインタラクションで処理できる20万トークンのコンテキストウィンドウがなければ、これを構築できなかったと述べています。