AI活用ラボ@Levela

【年内10万人を目指す、(株)LevelaのAI部署がXを始動】 今回は、中の人の紹介動画です 普段は見えない、メンバーの雰囲気や空気感が 少し伝わる内容になっています。

俺の悪いところ真似してるわw

これができるからCursor重宝してたんやけど、もうClaudeだけで良さそうやな👀

保存しとこ。 ちょうどClaude Coworkで開発してて、開発自体は日本語で指示すればいいので悩むことってあんまりないんだけど、このフォルダ構成は、何が正解なんだかよくわからずやってる💦

【Googleの次の一手が怖いくらい強い】 x.com/JulianGoldieSE… これは単なる機能アップデートではない。 Googleは、あなたのアカウント自体を「パーソナルAI OS」に変えようとしている。 検索、Gmail、写真、Chrome、YouTube。 バラバラだったサービスが、あなたを中心にした“1つの記憶レイヤー”になっていく。近いうちに、こちらからGoogleで検索する機会は減るかもしれない。 なぜならGoogle側が、次に必要な情報を先回りして出してくる世界が始まりつつあるから。

これのやばさに気づいていない人は時代に取り残されています。まじでこれ革命なんです。

これは取り入れたい！ 即ブクマ!!!!!!!!!!!!!!!!!!!!!!!!

えぐっwwwww

【Claude Codeの神機能きた】 「ここ直して」がそのまま通じる。 Claude DesktopのPreviewで 画面をクリックするだけで DOM要素を直接指定できる。 もう 「ヘッダー右のボタンの…」 みたいな説明いらない。 実際の使い方 ・Preview開く ・直したい部分をクリック ・「ここ青にして」でOK 活用すると ・デザイン修正が爆速 ・非エンジニアでもUI変更できる ・バグ箇所の特定が一瞬 コードを探す時代から 「画面を触る時代」に変わってきてる。

【Chromeリモートデバッグ×AIでログイン問題ほぼ解決】 x.com/jasonzhou1993/… これかなり重要です。 AIエージェントが“自分のChrome”をそのまま操作できます。 従来の問題 ・毎回ログインが必要 ・CAPTCHAで止まる ・Cookie管理が面倒 → 全部回避できます。 やることはシンプル ① Chromeをリモートデバッグで起動 /Applications/Google\ Chrome.app/Contents/MacOS…\ Chrome --remote-debugging-port=9222 ② DevTools MCPを接続（Claude Codeなど） ③ ログイン済みのブラウザをそのまま操作 これだけ。 活用例 ・Zoomウェビナー自動参加（ログイン不要） ・SNS投稿・管理画面操作の自動化 ・社内SaaSの操作代行 ・E2Eテスト（認証フロー省略） 特に強いのは 「ログインが必要なサービスの自動化」 Playwrightとの違い ・Playwright → 毎回ログイン or Cookie管理 ・これ → ログイン済み状態をそのまま使える つまり “認証を突破する”のではなく “すでにログインしてる環境を使う” ただし注意 ・セッションを外部公開しない（localhost限定） ・本番利用は権限管理必須 地味だけど、 CAPTCHAで詰まってた自動化はこれでかなり楽になる。

【Google Drive、これで“検索爆速”になります】 Google Cloud が MCP 対応データベースを拡張 — Claude から直接 DB 操作が可能に この使い方をすると一気に変わる。 やることはシンプルで、 Driveとは別にスプレッドシートを1枚用意して・タイトル ・要約 ・タグ ・日付 ・Driveリンクをまとめるだけ。これを“検索用DB”として使う。するとAIが 「助成金に触れてる資料」 「先月の営業提案」 みたいな曖昧な検索でもヒットさせられる。流れはこれだけ ①スプレッドシートで候補を探す ②Driveで中身を見るただのファイル置き場だったDriveが、 “使える知識ベース”に変わる。 cloud.google.com/blog/products/…

【Claude Codeの神機能きた】 x.com/lydiahallie/st… 「ここ直して」がそのまま通じる。 Claude DesktopのPreviewで 画面をクリックするだけで DOM要素を直接指定できる。 もう 「ヘッダー右のボタンの…」 みたいな説明いらない。 実際の使い方 ・Preview開く ・直したい部分をクリック ・「ここ青にして」でOK 活用すると ・デザイン修正が爆速 ・非エンジニアでもUI変更できる ・バグ箇所の特定が一瞬 コードを探す時代から 「画面を触る時代」に変わってきてる。

【page-agent.jsで効率化できること】 ブラウザの中にAIを入れるだけで、 今まで手でやっていた操作がかなり減ります。 例えば ・管理画面でCSVダウンロード → 整理 ・「未対応だけ表示」→ 担当者ごとに確認 ・複数ページを開いて情報チェック ・フォーム入力やステータス変更 ・毎日同じ手順のレポート作成 こういう“地味に時間がかかる作業”を 「これやって」でまとめて処理できる。 特に強いのは APIがない古いERPやCRM。 画面操作しかできない業務でもそのまま効率化できる。 【Playwright CLIとの違い】 ・Playwright → テスト・自動化用（コードを書く前提） → サーバー側で動かす → 正確だけどエンジニア向け ・page-agent.js → 自然言語で操作（非エンジニアでも使える） → ブラウザ内で完結 → 日常業務の操作代行に強い ざっくり言うと Playwrightは「開発・テスト用の自動化」 page-agent.jsは「現場の作業を減らすためのAI」 派手ではないけど、 日々のポチポチ作業を削る系としてかなり実用的。 github.com/alibaba/page-a…

「Claude Code で Google Stitch を使う方法」完全ガイド Google の無料 AI ツール Stitch と Claude Code を連携させて、テキストを書くだけでプロ並みの UI デザインを自動生成する方法の解説です。 Stitch とは: Google Labs の実験的ツールで、「モダンなログイン画面作って」のような自然言語でプロンプトを書くと、美しい UI デザイン（HTML 付き）を即座に生成してくれます。 連携すると何ができるか: Claude Code が自分で Stitch を呼び出してデザインを生成 → HTML を取得 → プロジェクトに自動で組み込んでくれるようになります。 セットアップ手順（3ステップ） ステップ 1：Stitch の API Key を取得 stitch.withgoogle.com にアクセス Google アカウントでログイン 右上のアイコン → Stitch Settings → API Keys → Create new key 表示された API Key をコピー ステップ 2：stitch-mcp をセットアップ ターミナルで npx @_davideast/stitch-mcp init を実行 聞かれたら API Key を貼り付け、Y / Enter で進める ステップ 3：Claude Code に Stitch を登録 init コマンドが自動設定してくれることが多いが、手動の場合は ~/.claude.json に MCP サーバー設定を追加 Claude Code を再起動して完了 使い方の例 「Stitch を使って、クリーンでモダンなログイン画面を作って。HTML コードも取得してこのフォルダに追加して。」 「SaaS 向けのダッシュボード画面を Stitch で 2 パターン作って。青基調で。」 「今のデザインに合わせて、モバイル版の設定画面を Stitch で生成して実装して。」

【Claude Code、知らないと損する20のコマンド・ショートカット】 Claude Codeを使うなら、まずこのあたりは押さえておくとかなり変わります。 ■基本編 ・/btw 作業中でもコンテキストを汚さずにサイド質問できる。コンテキスト消費なし。 ・Esc × 2 チェックポイントに巻き戻し。コード・会話それぞれ個別に戻せる。30日間保持。 ・/diff セッション中の変更をインタラクティブに確認。コミット前の最終チェックに便利。 ・/init コードベースを分析して CLAUDE.md を自動生成。 ・パイプ入力 × -p git log | claude -p "要約して" のように、シェルスクリプトやCIに組み込める。 ■実践編 ・Hooks settings.json にフック定義。Edit後に自動で Prettier や型チェックを実行できる。 ・Skills ~/.claude/skills/ に SKILL.md を置くだけ。 筆者は170個運用中で、請求書生成・記事執筆・1on1準備・健康管理などにも使っている。 ・--resume / --continue 前回セッションを会話コンテキスト込みで再開できる。 ・/model opusplan 設計は Opus、実装は Sonnet に自動切替。 ・ultrathink プロンプトに書くだけで、1回限りの最大深度推論を発動。 ■応用編 ・MCP連携 Notion、Slack、Gmail などを Claude Code から直接操作できる。 ・Subagent × バックグラウンド実行 複数タスクを並列で投げて高速化。3倍速の作業も狙える。 ・--chrome ログイン済みの Chrome を操作可能。E2Eテスト自動化にも使える。 ・!command 構文 SKILL.md 内にシェルコマンドを埋め込んで、動的にコンテキストを注入できる。 ・Memory System short-term / long-term の多階層メモリ構造で、セッション間の情報を引き継げる。 ■エキスパート編 ・Agent Teams 複数の Claude Code が、リーダー＋メンバー構成で協調作業できる。 ・/batch 大規模変更を並列エージェントで一斉実行。 100ファイルの一括リファクタリングも1コマンド。 ・構造化出力 × ヘッドレスモード --json-schema でCI/CDパイプラインに組み込める。 --max-budget-usd で予算制限も可能。 ・Output Styles /config で Claude の振る舞い自体を切り替えられる。 Explanatory、Learning などに加えて、カスタムスタイルも作成可能。 ・CronCreate × Scheduled Tasks 定期タスクをスケジュールできる。 毎朝のAIニュース収集や、2時間ごとのSlackスキャンなども可能。 Claude Codeは、ただチャットするだけで使うともったいないです。 こうした機能を知っているだけで、使い方がかなり変わります。

【Claude Codeの設定、まずはここから】 .claude/ を整えるだけで、Claude Codeはかなり使いやすくなる。 基本は5ステップ。 /init で CLAUDE.md を作る settings.json で allow / deny を設定 commands/ にカスタムコマンドを追加 長くなったルールは rules/ に分割 共通設定は ~/.claude/CLAUDE.md へ さらに、 skills/ で自動ワークフロー agents/ で専門サブエージェント まで作れる。 Claude Codeは、使う前の設計で強さが変わる。 ② Google Cloud Tech「5つの Agent Skill デザインパターン」 【Agent Skillは“書き方”で性能が変わる】 Google Cloud Techが紹介していた、SKILL.md 設計の5パターンがかなり実践的。 ・Tool Wrapper 　特定ライブラリの正しい使い方を覚えさせる ・Generator 　テンプレや参考資料を使って文書を安定生成 ・Reviewer 　チェックリストでレビューを仕組み化 ・Inversion 　先に質問して要件を集めてから動かす ・Pipeline 　手順を順番どおりに進め、途中で確認を入れる スキルは増やすより、設計を上手くする方が効く。

【Claude Coworkの設定は絶対これをやる】 作業フォルダ/ ├── _MANIFEST.md ← フォルダの「目次」 ├── Global-Instructions.md ← 設定ガイド（最終的にはアプリに貼る） └── Claude-Context/ ├── about-me.md ← あなたのプロフィール ├── brand-voice.md ← 出力スタイルのルール └── working-style.md ← Claudeの動き方のルール

【Claude Code同士が会話できるから即導入】は、ちょっと待った。 まずはClaude自身に説明させて、仕組みを理解してから使うのが大事です。 今回話題の「claude-peers-mcp」は、複数のClaude Codeセッション同士でメッセージを送り合えるOSS。 localhost上のブローカーとSQLiteでやり取りする個人開発ツールで、Anthropic公式ではありません。 しかも起動例では --dangerously-skip-permissions が使われており、権限確認を飛ばしたまま他セッション経由で意図しない操作が走るリスクがあります。業務PCや本番環境にはかなり慎重になるべきです。 似たことを安全寄りにやるなら、Anthropic公式の ・Agent Teams：複数セッションを連携させる ・Subagents：コンテキストを分けて役割分担する ・Channels：TelegramやDiscord、Webhookから実行中セッションへイベントを送る このあたりを使うのが無難です。ChannelsはResearch Previewで、Claude Code v2.1.80以降が必要です。 何でもかんでもインストールする前に、 「便利そう」より先に「どう動くか」「どこが危ないか」を見る。 この癖だけで、かなり事故は減らせます。

僕の会社はAIエージェント7人しかいない…

𝕏を開く ↓ Claudeのガイドを見つける ↓ 分からず無視する ↓ スクロールを続ける ↓ 日々が過ぎる ↓ 皆がエージェントについて話している ↓ 友達が1日で100万稼ぐ ↓ 何かを見逃した気がする ↓ 見逃した ↓ あのガイドだった ↓ 彼らは読んだ ↓ あなたは読まなかった

Mac mini、保留しよう