INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

ProtoPie Connect

5

分で読める

Complete Guide to ProtoPie Connect

Bring your ideas to life like never before! Connect your prototypes to multiple screens, devices, hardware, and APIs.

Jeff Clarke、 UX Designer & ProtoPie Educator
connect ai agents like claude, cursor and more to protopie via mcp

ProtoPie Connect とは何ですか?

ProtoPie Connect は ProtoPie Studio のコンパニオン製品です。物理デバイスや外部データを Pies に統合できます。

ProtoPie Connect には 2 つのバージョンがあります:

Connect Desktop

Connect Desktop は Windows と Mac で利用できます。複数の Pies 同士が相互に通信できるようにし、完全に没入感のあるマルチスクリーン体験を作成できます。また、人気のデバイスやサービスと統合するための、いくつかの組み込みプラグインも含まれています:

  • IFTTT

  • Logitech G29 ステアリングホイールとペダルセット

  • Arduino(直接のシリアル接続、および Blokdots を介したノーコード連携の両方)

Enterprise Plan のサブスクライバーは、Connect Desktop で次の追加機能を利用できます:

  • Connect を使って、Google WearOS スマートウォッチで動作するプロトタイプを作成できます

  • 独自のプラグインを作成できます。つまり、ほぼ何にでも Pies を統合できるようになります!


ProtoPie Connect Desktop


ProtoPie Connect Desktop

Connect Embedded

Connect Embedded は Enterprise Plan のサブスクライバーのみ利用できます。Connect Embedded は、Windows、Mac、Linux / Raspberry Pi (ARM64) を含む複数の OS で、ターミナルから実行できます。Connect Embedded はオフライン モードでも実行できるため、スタンドアロンのアプライアンスのような体験をプロトタイピングするのに最適です。

なぜ ProtoPie Connect を使うべきなのですか?

今日のデジタル体験は、ノートパソコンの画面やタブレットだけにとどまりません。ソフトウェアとハードウェアが調和して交わる場面を、私たちはますます目にするようになっています。デジタルデザイナーとして、そして高度なプロトタイピングを行う者として、物理的なものと連携する体験をモックアップする必要があるのは必然です。ProtoPie Connect は ProtoPie Studio の高度な機能の上に構築されており、アイデアをコンピュータのモニターをはるかに超えた領域まで広げることができます。

ProtoPie Connect で何を作れますか?

ひとことで言えば、思いつくものなら何でも作れます!ProtoPie Connect は、自動車のダッシュボード体験、IoT やスマートホーム連携、キオスク体験、支援生活デバイス、ライブデータ API への接続、ロボティクスとのインターフェースなどの作成に使用できます……可能性は空までではなく、その先まであります。国際宇宙ステーションで使うシステムを設計できない理由なんてありません!

どうやって始めればよいですか?

ここまで読み進めてくれたなら、すでに最初の一歩を踏み出しています!

これらのチュートリアルでは、ProtoPie の中級から上級レベルの習熟度があることを前提としています。特に、Send & Receive の仕組みをある程度しっかり理解している必要があります。まだそこまで慣れていない場合は、Connect を使い始める前に、ヒントとコツ のブログ記事や YouTube プレイリスト を少し確認してみてください。

このシリーズのすべてのチュートリアルでは ProtoPie Connect Desktop を使用するため、次のステップはインストールです。こちらからダウンロードしてください:

このガイドには 7 つのチュートリアルがあり、最も基本的なユースケースから、最も高度な内容まで幅広く含まれています。これらのチュートリアルは順番に進めることをおすすめしますので、レッスン 1 から始めてください。

  1. Send と Receive を使って Studio で複数の Pies を連携させる
    Pies 間で Send と Receive を使い、真のマルチスクリーン体験を作成する方法を学びます。

  2. IFTTT との最初の連携
    ProtoPie Connect の IFTTT プラグインを使って、何百ものオンラインサービスと連携したプロトタイプを作成する方法を学びます。

  3. Arduino パート 1 - Blokdots との接続
    コードを書かずに Blokdots を使って Arduino プロジェクトと連携する方法を学びます。

  4. Arduino パート 2 - 独自のスケッチコードを書く
    ProtoPie Connect の Arduino プラグインを使って、Arduino プロジェクトに直接アクセスする方法を学びます。

  5. G29 で車載ダッシュボード体験を作成する
    Logitech G29 ステアリングホイールを ProtoPie Connect と組み合わせて、リアルなダッシュボード体験を作成する方法を学びます。

  6. 最初のブリッジアプリを作成する
    日付、時刻、天気を Pies に提供するカスタムコードを書く方法を学びます。

  7. 上級ブリッジアプリ - スマートホームに接続する
    Pies をスマートホームと連携させる方法と、ブリッジアプリを ProtoPie Connect プラグインに変える方法を学びます。

** レッスン 6 と 7 では、Enterprise Plan のサブスクライバーのみが利用できる機能を使用します。*

ProtoPie Connect の仕組みについて営業チームにお問い合わせください