mz-logo

豆蔵デベロッパーサイト

開発に役立つチュートリアルやテクニック・ノウハウを豆蔵メンバーがご紹介します!

記事のタグから検索 ...(全てのタグを表示)

本サイトは本家の豆蔵ホームページではありません。会社概要、製品紹介等はこちら、 募集中の求人情報はこちらをご覧ください。

mameka豆香の豆知識 image for mameka column
Figmaマルチプレイヤー爆速プロトタイピングでUI乱舞祭り!
やっほー!豆香だよ!昨日ね、チーム五人でFigmaのキャンバスに飛び込んだ瞬間、画面じゅうにカラフルな矢印カーソルがワラワラ湧いてきて、まるでおたまじゃくしの大運動会!思わず「ここは琵琶湖の産卵場か!」って叫んだら、リードデザイナーが「いや、それ俺のカーソル」って真面目顔。ツッコミ待ちかーい!
Figmaのマルチプレイヤープロトタイピングって、要するにみんな同時に同じUIをいじり倒せる夢の道場。パーツをドラッグすれば隣の席のエンジニアのカーソルが空中キャッチ、配色を変えればPMのカーソルが瞬時にツッコミ、まるでバンドセッション。コード書く前にユーザーフローをフル尺で演奏できるから、無駄な譜面(仕様書)を量産せずに済む。しかもBranch機能でステージ分けできるから、破壊的アイデアを試しても本番ブランチが吹っ飛ばない。安全第一、ロック魂第二!
感動ポイントはプロトタイプ再生ボタンを押した瞬間。みんながワチャワチャいじった画面遷移が即座に繋がり、クリックひとつで擬似アプリ完成。動かない紙芝居UIなんか、もう令和の炭治郎が斬って捨てた。さらにFigJamからステッカーや絵文字を投げ込めば、ミーティング中に寂しがり屋のQAも大爆笑。「バグ見つけた!」って熊のステッカー貼るのやめい!
おかげでリリース前のABテストも光速進行。Aパターンのボタン角丸8pxにしたらCV1.2倍、って数字がリアルタイムで出て「いや、角丸でそんな変わるんかい!」って全員でひっくり返る。企画→試作→検証→修正、このループがドラゴンボールの瞬間移動レベル。
締めに一言。Figmaマルチプレイヤープロトタイピングは、UI開発をスポーツ化する魔法。コミュニケーション音痴の壁をカーソルでぶち抜け!君のアイデア、クリック一発でチームメイトにドーンと投げつけろ!私?今日もキャンバスに潜んで唐突にハムスターGIFを放流中。またね〜!
※本コラムはAIで生成したものです。内容の正確性を保証するものではありません。
過去のコラムはこちらから!

新着記事new-articles全ての記事を見る

  • | ブログ | 6 min read
    #2026年 #スクラム #アジャイル #生成AI #AI

    スクラムマスターのAI活用を考える - 実践編:AI起点のデイリースクラム

    はじめに # アジャイルグループの石田です。 以前掲載したスクラムマスターのAI活用を考えるの連載で、透明性・検査・適応の三本柱をAIで強化するアプローチを紹介してきました。 今回はその実践編として、私が現在のプロジェクトで実践している、AIの発信を起点にデイリースクラムを進める取り組みを紹介します。 ここまで紹介してきたAI活用は、あくまで人間が「AIを使いに行く」ものでした...

    記事を読む
  • | ブログ | 4 min read
    #2026年 #ETロボコン #AI

    AI活用で進化するETロボコン - シルバーモデル獲得までの4年間と、次の挑戦へ

    はじめに # 私が4年間取り組んできた ETロボコンの活動の軌跡 を紹介します。 昨年度はベーシッククラス(当時の名称:プライマリークラス)に挑戦し、AI活用を取り入れた新しい開発スタイルにも踏み込みました。 これまでの経験がどのように積み重なり、昨年度の成果につながったのかをまとめています。 最後までお付き合いいただければ幸いです。 4年間の活動をひとことで紹介すると # 「設計(UML)→ 実装 → 実機制御 → チーム運営 → AI活用」 と、毎年新しい挑戦を積み重ねてきました...

    記事を読む
  • | ブログ | 15 min read
    #2026年 #MCP #typescript

    MCP 2026-07-28 RC解説:ステートレス化がもたらすAIエージェント実装

    はじめに # Model Context Protocol (MCP) は、2024年11月の初版リリース以来、AIモデルと外部データ・機能を接続する標準プロトコルとして急速に進化してきました。 今回の2026-07-28 Release Candidate(以下、RC)は、単なる機能追加ではなく、プロトコルの実運用前提を大きく変える改訂です。 とくに注目すべきは、プロトコル層のステートレス化です...

    記事を読む
  • | ブログ | 11 min read
    #2026年 #Deno Desktop #Tauri #electron #Deno

    Deno 2.9 で登場したデスクトップ機能 (Deno Desktop) - Electron / Tauri との違いを実感

    はじめに # Deno 2.9 リリースおめでとうございます。 Deno 2.9 | Deno Electron 大好きな自分としても気になるのはやはり Deno Desktop です。 Tauri と同様 WebView をバックエンドにする構成と Electron と同様 Chromium ベースの構成を選べるとのことで、これは試すしかないと思いました。 公式ドキュメントは以下にあります...

    記事を読む
  • | ブログ | 7 min read
    #2026年 #AI #生成AI

    人工知能学会2026参加記 — 発表と学会で見えたAI研究の流れ

    はじめに # AIテクニカルセクターの藤堂です。セクターが独立組織となって以降、全社でAI活用を広げる取り組みが本格化しています。そのような中、6月には第40回 JSAI2026に参加しました。 前半ではポスター発表をした、士業資格試験を対象としたLLMベンチマークShigyoBenchについて簡単に触れ、AIの実用化についての所感を述べます。 後半では、人工知能学会で印象に残った発表と、今後のAI研究について思ったことを記します...

    記事を読む
  • | ブログ | 3 min read
    #2026年 #retrospective

    豆蔵デベロッパーサイト 2026年4-6月のサマリー

    今年も半分が過ぎました。2026年4-6月のサマリーです。 記事数・執筆者数 # この3ヶ月で13本の記事が投稿され、記事数は889になりました。 連載 # AIエージェントとシステムをつなぐMCP入門 # MCP(Model Context Protocol) は AI エージェントが外部サービスと通信するための仕様で、2024年に Anthropic 社によって初版がリリースされました。MCP を使用することで、AI エージェントは外部サービスの機能を効果的に利用できます...

    記事を読む
  • | ブログ | 7 min read
    #2026年 #MCP #typescript

    AIエージェントとシステムをつなぐMCP入門(リソース編)

    はじめに # 本ページは「AIエージェントとシステムをつなぐMCP入門」の続編です。 今回は、リソースについて説明します。 MCPのリソースは、AIモデルが回答を生成する際に参照するコンテキスト情報(ファイル、ガイド、仕様など)を提供する機能です。 ツールが「AIモデルの判断」で実行され、プロンプトが「ユーザーの意思」で選択されるのに対し、リソースは「アプリケーション主導(Application-driven)」でその組み込みを決定します。 本記事で掲載しているコードはこちらで公開しています...

    記事を読む
  • | ブログ | 6 min read
    #2026年 #GitHub #CI/CD

    GitHub Actions ワークフローのステップが並行実行可能になりました

    はじめに # 先日、GitHub Actions ワークフローで background 機能が実装され、単一のワークフロー内でステップを並行で実行可能になったことが発表されました...

    記事を読む
  • | ブログ | 7 min read
    #2026年 #GitHub #Security #tips

    Team プランでもいける! GitHub オーガニゼーションで楽々リポジトリアクセス管理

    はじめに # GitHub Organization を運用していると、セキュリティと利便性のバランスを取る必要があります。先日、「機密性の高いデータを保持するリポジトリを作りたいので、オーガニゼーションの Basic Permission を write から no permission に変更してほしい」という相談を受けました。 この要望は妥当ですが、そのまま実装すると新規リポジトリ作成のたびにメンバーのアクセス権を個別設定しなければならず、管理者の負担が大幅に増えてしまいます...

    記事を読む
  • | ブログ | 5 min read
    #2026年 #MCP #typescript

    AIエージェントとシステムをつなぐMCP入門(プロンプト編)

    はじめに # 本ページは「AIエージェントとシステムをつなぐMCP入門」の続編です。 今回は、プロンプトについて説明します。 MCPのプロンプトは、MCPクライアント向けにテンプレート化されたメッセージやワークフローを提供する機能です。 生成指示やツールの利用順序を定義したワークフローなど、テンプレート化して再利用したい場合に有効です。 本記事で掲載しているコードはこちらで公開しています...

    記事を読む

豆蔵では共に高め合う仲間を募集しています!

recruit

具体的な採用情報はこちらからご覧いただけます。