Look for any podcast host, guest or anyone
Showing episodes and shows of

GLOBALS Podcast

Shows

Floor Daily Flooring Professional Podcast2026-01-1408 min株式会社ずんだもん技術室AI放送局
株式会社ずんだもん技術室AI放送局マジカルラブリー☆つむぎのピュアピュアA.I.放送局 podcast 20260105関連リンク Claude Code Workflow Studio完全ガイド|ビジュアルでAIワークフローを構築する新時代 1. Claude Code Workflow Studioの概要 「Claude Code Workflow Studio」は、Anthropic社が提供するAI搭載CLIツール「Claude Code」のワークフロー機能を、直感的なビジュアルエディタで構築・編集できるVS Code拡張機能です。通常、Claude Codeで高度な自律動作(AIエージェント)を定義するには、複雑な設定ファイルを手動で記述する必要がありますが、本ツールはこれらを「ノード」を繋ぐキャンバス上でのドラッグ&ドロップ操作に置き換えます。 開発者コミュニティでも非常に高い注目を集めており、GitHubでは1,100以上のスターを獲得しています。新人エンジニアの方にとっても、まるでデザインツールのFigmaを扱うような感覚で、複雑なAIの動作ロジックを設計できる「AIワークフローのビジュアルエディタ」となっています。 2. ツールが解決する3つの課題 新人エンジニアがAIエージェントの構築に取り組む際、本ツールは以下の3つの大きな壁を取り払ってくれます。 設定ファイルの複雑さ: MarkdownやYAMLなどの独自構文や、特定のディレクトリ構造を覚えなくても、GUI上で設定を完結できます。 複雑なフローの可視化: 「Aの結果によってBまたはCのエージェントに分岐する」といった、テキストだけでは把握しにくい論理構造を視覚的に整理できます。 チーム協業の促進: フローが可視化されることで、エンジニア以外のメンバーとも「AIに何をさせるか」という設計意図を共有しやすくなります。 3. 技術的な仕組みと主要な機能 本ツールはClaude Codeの既存機能を置き換えるものではなく、その「上に乗るGUIレイヤー」として動作します。そのため、ツールで作成したワークフローは最終的に標準準拠のMarkdownファイルとして出力され、ツールを導入していないチームメンバーともそのまま共有・実行可能です。 【主要なノードの種類】 ワークフローは、以下のような役割を持つ「ノード」を組み合わせて構築します。 Prompt: AIへの基本的な指示やテンプレート変数を定義します。 Sub-Agent: 特定のタスク(コードレビューやデータ抽出など)に特化した、役割を持つエージェントを定義します。 IfElse / Switch: 条件に基づいた処理の分岐を実現します。 AskUserQuestion: 処理の途中でユーザーに判断を仰ぐための対話ステップを追加できます。 MCP: Model Context Protocolを介して、GitHubや外部データベースなどの外部ツールと連携します。 さらに、AIがワークフロー自体の編集をサポートしてくれる「AI支援編集機能」も搭載されており、自然言語での指示によってノードの追加や接続を自動化することが可能です。 4. 制約事項 実用にあたっては、以下の制約を理解しておく必要があります。 ノード数の制限: 1つのワークフローあたり最大50ノードまで構築可能です。 入力制限: リクエスト文字数は2,000文字以内、AI処理のタイムアウトは最大5分までの設定となります。 環境要件: VS Code 1.80.0以上およびNode.js 18.0以上が必要です。 5. まとめ Claude Code Workflow Studioは、AIエージェントの構築を「テキストベースの苦行」から「視覚的な設計」へと進化させる画期的なツールです。新人エンジニアの方は、まずは本ツールを使って「AIエージェントがどのように連携し、判断を下しているのか」という全体像を可視化することから始めてみてください。AIを活用した開発の自動化が、より身近で楽しいものになるはずです。 引用元: https://note.com/ai_driven/n/nce437c34242f Figma MCP でデザインシステムを提供して AI コーディングエージェントに一貫したフロントエンドコードを書かせる AIによるコーディング支援が普及する中で、フロントエンド開発における「デザインの再現性」と「一貫性の欠如」が新たな課題となっています。AIに指示を出してコードを書かせると、学習データの傾向から特定の配色やフォントに偏ってしまう「AI Purple Problem」と呼ばれる現象が起きがちです。本記事では、この問題を解決するために、FigmaのデザインデータをAIに直接理解させる仕組み「Figma MCP(Model Context Protocol)」を活用した、最新の開発フローを解説しています。 1. デザインと開発を繋ぐ「Figma MCP」の役割 Figma MCPは、AIエージェントに対してFigmaファイル内のレイアウト、タイポグラフィ、カラー、コンポーネント構造などの詳細なコンテキストを提供するツールです。これにより、エンジニアは曖昧な指示を出す必要がなくなり、AIはデザインガイドラインを厳密に遵守したコードを生成できるようになります。また、「Storybook MCP Addon」を併用することで、AIが既存のコンポーネントを再利用したり、Storybookのベストプラクティスに従った実装を行ったりすることも可能になります。 2. 実践的な開発プロセス 記事では、Claude Code(AIコーディングエージェント)を使用した具体的な手順が紹介されています。 デザイントークンの抽出: Figmaの特定レイヤーからカラーやスペーシングの情報を取得し、Tailwind CSS v4形式の定義ファイル(globals.css)を自動生成します。 コンポーネントの実装: Figma上のボタン等のパーツのリンクをAIに渡すだけで、デザインのバリエーション(Primary、Disabled等)やホバー状態を反映したReactコンポーネントと、そのStorybookファイルを生成します。 ページの実装: 抽出したパーツを組み合わせ、Figmaのデザイン案に基づいたページ全体の実装を行います。 3. AIに正しく指示を出すためのコツ 新人エンジニアが特に意識すべき点は、AIへの「情報の渡し方」です。 コンポーネント単位での分割: ページ全体を一度にAIに投げると、情報量が多すぎてエラーが発生したり精度が落ちたりします。ヘッダーやヒーローセクションなど、論理的なチャンクに分けて実装を依頼することが成功の鍵です。 Figmaの設計品質: AIに高品質なコードを書かせるためには、Figma側で「Auto Layout」や「Variables(変数)」が適切に設定されており、レイヤーに正しい名前がついている必要があります。
2026-01-0400 minFoil Life Podcast by SFT2025-12-3148 minEmprender e Impactar | Manglar Podcast2025-11-0541 minAigua Clara2025-10-2951 minThe Fortnite Podcast2025-09-101h 07The Experience Strategy Podcast2025-08-2126 minThe Experience Strategy Podcast2025-08-2126 minSynapseLingo Aprèn alemany2025-07-1915 minEl Racó de Pensar2025-07-181h 31SynapseLingo Aprèn anglès2025-07-1717 minSynapseLingo Aprèn alemany2025-07-1719 minCritical Thinking - Bug Bounty Podcast2025-07-101h 08SynapseLingo Aprèn alemany2025-07-0617 minSynapseLingo Aprèn anglès2025-07-0615 minOracle University Podcast2025-07-0112 minTalk Birdie To Me2025-06-2557 minSynapseLingo Aprèn anglès2025-06-2218 minPULSE on Politics2025-06-011h 12GLOBALS Podcast2025-04-2118 minGLOBALS Podcast2025-04-1013 minThe BluePrint Series2025-03-2856 minReality Bites ®2025-01-202h 02Nano Cap Podcast2024-12-3030 minL\'Arrabassada2024-10-211h 59Horses2024-08-2832 minThe Fortnite Podcast2024-08-0244 minLet\'s Talk Business2024-06-0734 minFinans Podcast2023-11-2218 minThe Fortnite Podcast2023-10-2545 minUnchained2023-09-261h 06Unchained2023-09-261h 06ARENI Global: In Conversation2023-04-2042 minThe Neurophilia Podcast2023-03-3054 minRCAM.TV2023-02-221h 07Engineering Kiosk2023-02-1456 minThe Ministry Of Dice: A Dice Masters Podcast2023-02-121h 17Sinners Podcast2023-01-191h 34Rapid Reviews Radio2022-12-051h 29The Ministry Of Dice: A Dice Masters Podcast2022-07-0453 minGLOBALS Podcast2022-05-0437 minGLOBALS Podcast2022-04-1326 minVillage Global\'s Solarpunk2022-03-0840 minGLOBALS Podcast2022-02-2720 minThe Mindset Advantage2022-02-221h 09GLOBALS Podcast2021-12-3043 minGLOBALS Podcast2021-11-0905 minGLOBALS Podcast2021-09-0613 minGLOBALS Podcast2021-09-0641 minGLOBALS Podcast2021-07-2231 minGLOBALS Podcast2021-06-2329 minESCI-UPF Podcasts2021-05-2725 minPython en español2021-05-221h 54Disraptors2021-05-1942 minPython en español2021-05-182h 13Python en español2021-05-081h 56A Double Double \'n Dice - A Tabletop Gaming Podcast2021-05-031h 12GLOBALS Podcast2021-04-2912 minILOVEGRAFFITI.DE2021-04-0746 minGLOBALS Podcast2021-03-2121 minThe Ministry Of Dice: A Dice Masters Podcast2021-03-151h 18The Broadcasters Podcast2021-02-121h 13PHP Internals News2021-02-1100 minSell By Being Human2021-02-101h 01PHP Internals News2021-02-0400 minOcean Chart Podcast2021-01-1920 minGLOBALS Podcast2020-12-1024 minA Double Double \'n Dice - A Tabletop Gaming Podcast2020-11-301h 08PHP Internals News2020-11-0500 minGLOBALS Podcast2020-09-0404 minGLOBALS Podcast2020-09-0303 minGLOBALS Podcast2020-09-0303 minGLOBALS Podcast2020-09-0316 minGLOBALS Podcast2020-08-2711 minGLOBALS Podcast2020-08-2712 minGLOBALS Podcast2020-08-2711 minGLOBALS Podcast2020-08-2718 minGLOBALS Podcast2020-08-2707 minGLOBALS Podcast2020-08-2706 minGLOBALS Podcast2020-08-2706 minGLOBALS Podcast2020-08-1219 minGLOBALS Podcast2020-08-1120 minNerd Journey: Career Advice for the Technology Professional2020-05-2649 minSports As A Job2020-05-2227 minSports As A Job2020-05-2226 minNerd Journey: Career Advice for the Technology Professional2020-05-2033 minReporting On Resistances2020-05-1430 minThe Travel Diaries2020-03-0351 minGLOBALS Podcast2019-08-2016 minGLOBALS Podcast2019-08-2018 min