SHITAJIパーツを使う

部品のカード。「コピー」と「実寸で見る」がここにあります

上の帯から、「ボタン」「フォーム」「カード」など部品の種類で絞り込めます （「すべて」を選ぶと種類ごとの見出しつきで並びます）。帯は、下へスクロールしても画面の上に残ります。

スマホなど画面の幅が狭いときは、種類の一覧の代わりに「絞り込み」ボタンが出ます。 押すと種類の一覧が開くので、選びたいものを押してください。

一覧の部品は、その場でマウスを乗せたり押したりして動きを試せます。 カードに収まらない大きな部品は縮めて表示しており、右上に「〇%に縮小」と出ます。

部品の右下の「実寸で見る」を押すと、部品が本来の大きさで開きます。 幅と高さ（px）が出るほか、「表示幅」を「実寸」と「スマホ幅 375px」で切り替えて、 スマホでの見え方も確かめられます。マウスを乗せる・押すなど、Studioに貼ったあとと同じ動きを試せます。

ここの「コピーする」からもコピーできます。閉じるときは右上の「×」か、Escキーを押します。

1. カードの名前の横にあるコピーのボタン（または「実寸で見る」の中の「コピーする」）を押します。 印がチェックに変わればコピーできています。
2. Studioで、部品を入れたいページを開きます。
3. 貼り付けたい場所（Base や、中に入れたいボックスなど）を選んでから、⌘V（Windowsは Ctrl+V）を押します。

貼り付けたあとは、文字・色・大きさなどをStudioでふだんどおりに直せます。

Studioへの貼り付けは、Google Chrome・Microsoft Edge などのブラウザでご利用ください。 ほかのブラウザでは、コピーのボタンが押せない状態になります。 うまくコピーできなかったときは、もう一度押してください。

カードの右下の♡と数字は、その部品がコピーされた数です。 同じブラウザからは1つの部品につき1回だけ数え、あなたがコピーした部品は♡が塗りつぶされます。 まだ一度もコピーされていない部品には、数字は出ません。

「実寸で見る」で開いた画面の下にある「不具合を報告」から、運営に知らせられます（報告はログインするとできます）。 「Studioに貼り付けられない」「貼り付けると見た目が違う」「動き（ホバー・開閉など）がおかしい」「その他」から選び、 気づいたことを書き添えて「報告を送る」を押してください。

部品の名前・表示幅・ご利用のブラウザは自動で添えられます。 いただいた報告は運営が確認して部品の修正に使います（個別の返信はしていません）。

部品ではなく、ページまるごとの下地から始めたいときはSHITAJIテンプレートで下地を使う、 動く背景のファーストビューを入れたいときはWebGL演出をサイトに実装するをご覧ください。