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をダウンロード

製品ドキュメント

コミュニティ

Menu

blokdots & ProtoPie

blokdotsは、Arduinoを使ったインタラクティブなハードウェアプロトタイプをコードなしで構築できるソフトウェアです。ProtoPieとblokdotsを併用することで、コードを1行も書くことなく、ハードウェアプロトタイプとソフトウェアプロトタイプのギャップを埋めることができます。

この統合機能はすべてのプランでご利用いただけます。ただし、blokdotsをProtoPie Connectと組み合わせて使用することで、3台以上のデバイスが関与するハードウェアとソフトウェアのインタラクションを作成できるようになるなど、新たな可能性が広がります。ProtoPie Connectでblokdotsプラグインが機能する仕組みについて詳しくはこちらをご覧ください。

以下は、ProtoPieとblokdotsを接続するための最もシンプルなエコシステムです。

  • ProtoPie Studio - インタラクションを作成します。

  • ProtoPie Player - スマートデバイス上でプロトタイプを実行します。

  • blokdots - socket.IOを介してArduinoとプロトタイプ間の通信を円滑にします。


{'_type': 'localeString', 'en': 'blokdots_and_protopie_environment'}

準備

ProtoPieでblokdotsを使用するには、以下のものが必要です。

  • デスクトップにblokdotsアプリがインストールされていること。

  • Arduinoボードのセットアップ。対応しているボードはこちらからご確認ください。

  • ArduinoボードをノートPCまたはPCに接続するためのUSBケーブル。

  • blokdots proの無料トライアルのアクティベーション。

Arduinoをblokdotsに接続する

blokdotsを開き、ArduinoボードをノートPCまたはPCに接続します。

左上のコーナーでボードの準備ができたことが確認できたら、コンポーネントのセットアップを開始できます。

blokdotsでのコンポーネントのセットアップ

  1. Connect A New Componentをクリックし、接続したいコンポーネントを選択します。

  2. 利用可能なGroveスロットまたはハードウェアピンをリストから選択します。

  3. Set Componentをクリックします。

このステップは、blokdotsがArduinoボードのどのコンポーネントを制御するかを認識するために必要です。


{'_type': 'localeString', 'en': 'blokdots wizard bg'}

blokdotsを介してProtoPieとArduinoを接続する

blokdotsアプリを使用すると、ProtoPieとArduinoの間で相互にメッセージを送信できます。これを行うには、以下を行う必要があります。

  1. ProtoPie Studioで送信(Send)と受信(Receive)をセットアップする

ProtoPie Studioでは、受信(Receive)トリガー送信(Send)レスポンスによってデバイス間の通信を開始します。必ずチャンネル(Channel)ProtoPie Studioに設定してください。メッセージ(Message)値(Value)は任意に設定できます。

  1. blokdotsで条件カードを作成する

blokdotsのコンポーネントにロジックを追加するには、プロジェクトビューのメインエリアでカードを追加および構成する必要があります。blokdotsのカードには「If This Then That」カードと「Mapping」カードの2つのタイプがあります。

最終的なインタラクションは ProtoPie PlayerArduino の間で行われるため、この2つを組み合わせることで通信が可能になります。

blokdotsからProtoPieへのメッセージ受信

blokdotsからProtoPieにメッセージを送信する場合、条件カードは以下のような構造にする必要があります。

  • If 入力ハードウェアコンポーネントのアクション

  • Then ProtoPie Player should send message

以下のスマートホームプロトタイプの例では、Arduinoボードのポテンショメータを回すと、ProtoPie Playerで実行されているpieファイルに表示される温度の度数値が変化します。


{'_type': 'localeString', 'en': 'blokdots to protopie'}

blokdotsからメッセージを受信するには、以下のようにProtoPie Studioで受信(Receive)トリガーを使用します。


{'_type': 'localeString', 'en': 'receive_trigger_protopie_studio'}

ProtoPieからblokdotsへのメッセージ送信

ProtoPie Studioからblokdotsにメッセージを送信するには、送信(Send)レスポンスを使用します。


{'_type': 'localeString', 'en': 'send_response_protopie_studio'}

ProtoPieからメッセージを受信するには、blokdotsの条件カードを以下のような構造にする必要があります。

  • If ProtoPie Player is receiving message

  • Then 入力ハードウェアコンポーネントのアクション


{'_type': 'localeString', 'en': 'protopie to blokdots'}

インタラクションのテスト

インタラクションをテストするには、以下を行います。

  1. ProtoPie Playerをblokdotsに接続する(現在はiOSのみ対応)

左下のProtoPieアイコンにホバーしたときにblokdotsが表示するQRコードをスキャンするか、IPアドレスを入力します。セットアップが完了すると、ProtoPie Playerコンポーネントが緑色に変わります。


{'_type': 'localeString', 'en': 'connecting_player_with_blokdots'}
  1. ProtoPie StudioをProtoPie Playerに接続する

ProtoPie Playerの接続方法について、詳しくはこちらをご覧ください。

  1. blokdotsでプロジェクトを実行する

プロジェクトウィンドウの上部にある Run Project ボタンをクリックします。


{'_type': 'localeString', 'en': 'run blokdots project'}

ProtoPieとblokdotsの統合について詳しく学び、ご自身でテストしてみたい場合は、こちらのステップバイステップチュートリアルをご覧ください。

よくあるご質問(FAQ)

firmata-can-not-be-uploaded-on-blokdots-error

blokdotsアプリでFirmataをアップロードできないというエラーメッセージが表示されます。これはどういう意味ですか?

blokdotsと通信できるようにするために、Arduinoボードに Firmata(コンピューターと通信できるようにするプロトコル)を書き込む(フラッシュする)必要があります。blokdotsを開いてArduinoを接続すると、blokdotsは自動的にボードにFirmataを書き込みます。ただし、Firmataをアップロードできないというエラーメッセージが表示された場合は、次の手順に従ってトラブルシューティングを行うことができます。

Arduino IDEを開く → ファイル → スケッチ例 → Firmata → StandardFirmata → 矢印アイコンをクリックしてFirmataをアップロードします。スケッチがコンパイルされると、Firmataが正常にアップロードされたという通知メッセージが表示されます。


upload_firmata_arduino


upload_standard_firmata_arduino

arduino-board-not-detected-troubleshoot

Arduinoボードが検出されません。どうすればよいですか?

Arduinoアプリケーションの「ポート」メニューにボードが表示されず、blokdotsアプリケーションに「Board not connected(ボードが接続されていません)」というメッセージが表示される場合は、こちらのトラブルシューティング手順に従ってください。

troubleshoot_arduino_board


troubleshoot_arduino_port