> ## Documentation Index
> Fetch the complete documentation index at: https://basecamp.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Samples

> サンプルフレームを動かしてみよう

<iframe className="w-full aspect-video" src="https://www.loom.com/embed/b7cc2d250c5b41838d5a0aff681d797c?sid=2e783669-68af-4203-b14b-f515921d3628&hide_share=true&hideEmbedTopBar=true&hide_title=true&hide_owner=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen />

## 1. プロトコルの選択

ローカルサーバーの初回起動時は真っ白な画面で何も表示されないため、**Select a protocol** から **Farcaster** 選択します。

## 2.サンプルフレームの選択

1. フレームデバッガーの左下にある **Examples** をクリックします。
2. サンプルフレーム名の一覧が表示されるので、任意のサンプルフレームを選択します。
3. フレームを実際に触ってみて動作を確認してみましょう。

## 3. Farcaster ID の追加

1. **Select an identity...** から **Impersonate FID** を選択します。
2. **Impersonate FID** ダイアログが表示されるので、任意の FID を入力し **Impersonate** ボタンをクリックします。

<Warning>*Sign in with Farcaster* から QR コードを読み込んでログインすることも可能ですが *10 Warps* が必要なため、*Impersonate FID* から ID を追加することをおすすめします</Warning>