ビデオ・3:07

SDK でキオスクアプリを構築

開発者向け映像:Claude Code が window.screenrig に対してロビーキオスクを書き、不変のリリースを出荷し、別のスクリーンの訪問者のタップに応答します。

SDK リファレンスを読むエージェントの設定

視聴

01視聴

3:07

フィルム / SDK でキオスクアプリを構築

3:07

Kestrel Labs、その訪問者およびすべてのIDはサンプルデータです。アプリ、コマンド、画面上のイベントラインはSDKとCLIを使用し、Claude Codeから実行されます。

02チャプター

チャプター

Joはロビー受付キオスクを依頼します。Claude Codeはwindow.screenrigに対して書き、出荷し、歓迎壁の最初のタップに応答します。

  1. 0:00

    キオスク、ライブ。

  2. 0:17

    旧方式

  3. 0:30

    JoはClaude Codeに尋ねます。

  4. 0:50

    コードです。

  5. 1:26

    不変のリリース

  6. 1:51

    タップがエージェントに届きます。

  7. 2:15

    2回目のリリース。

  8. 2:38

    開発者向けに構築

03トランスクリプト

ナレーション

トランスクリプト

ナレーション、話された通り。字幕は同じ行を表示します。

  1. 0:05

    エージェントが作成したチェックインキオスク。ロビーはすべてのタップに応答します。

  2. 0:18

    キオスクアプリはかつてすべてのデバイス向けのネイティブビルドと、すべてのタップに対する独自サーバーを意味していました。

  3. 0:31

    JoはKestrel Labsで内部ツールをClaude Codeで構築します。

  4. 0:39

    1つのリクエスト:ロビーキオスクで来訪者をチェックインし、壁で歓迎。

  5. 0:50

    インストール不要。アプリのパッキングでランタイムが注入されるため、window.screenrigがそのまま利用可能です。

  6. 0:57

    Playerがページをアクティブにするまで待ちます。その後、準備完了を伝えます。

  7. 1:05

    本日の訪問者はアプリのキー/バリューストアに保存されます。リストを変更するとキオスクが追従します。新しいビルドは不要です。

  8. 1:12

    タップは名前付きイベントを送信します。受領はバックエンドが受け取ったことを意味します。

  9. 1:20

    横向きスクリーンでは同じアプリがウェルカムウォールです。

  10. 1:26

    アップロードは不変のリリースを作成し、その起源に紐づけます。

  11. 1:33

    キオスクと壁用の1つのプレイリストピン。

  12. 1:39

    割り当ては画面の応答を待たず、エージェントがチェック。スクリーンショットが返されます。

  13. 1:52

    訪問者が自分の名前をタップします。

  14. 1:56

    タップはイベントとしてエージェントに届き、エージェントは別のスクリーンで応答します。

  15. 2:02

    キオスクは壁と通信しません。エージェントが通信します。

  16. 2:15

    Joは受付呼び出しボタンを望んでいます。それは新しいリリースです。

  17. 2:22

    すべてのリリースは不変です。プレイリストは指示によりピンを移動します。

  18. 2:28

    キー/バリューストアは引き継がれ、今日の訪問者も残ります。

  19. 2:39

    ビルドステップなし。不変のリリース。彼らを超えて存続する状態。領収書付きイベントと独自サービス用Webhook。

  20. 2:54

    screenRIG は無料で、スクリーン数は無制限です。

  21. 2:59

    エージェントに screenrig.ai のセットアップを依頼

  22. 3:02

    エージェントにスクリーンを与える。

スクリーンに属するアプリを構築

フィルムのすべてのメソッドはSDKリファレンスにあります:waitUntilActive、ready、kv、emitConfirmed。

SDK リファレンスを読むすべての動画 →