SHITAJI
使い方テンプレートパーツ料金メディアFAQログイン無料で登録する

使い方ガイド

SHITAJIの使い方を、実際の画面を使って1つずつ解説します。編集画面(エディタ)はパソコンのブラウザでお使いください。

はじめに
新規プロジェクトの作り方〜Studioに取り込むまで

プロジェクトを作り、Studio用に書き出して、コピー&貼り付けでStudioに取り込むまでの一通り。

約4分
はじめに
サイトを読み込む(ファイル/フォルダ)

HTMLとCSSのファイルを選ぶ方法と、画像も含めてフォルダごと読み込む方法の使い分け。ReactやTailwindで作られたサイトの読み込み方も。

約4分
はじめに
登録せずに試す(お試し)〜登録後に続きから使う

登録なしで自分のファイルやサンプルを読み込んで確かめ、無料登録したあと同じブラウザで続きから使うまで。

約3分
はじめに
自分のAIで作る(ベータ)

屋号とジャンルを選ぶだけで、お使いのAIへの指示文を自動で組み立てる機能。追加費用なし・貼り付けから取り込みまで。

約3分
はじめに
生成AIに、崩れにくいサイトを作ってもらうコツ

ChatGPT・Claude・Geminiなどにサイトを作ってもらう前に貼り付ける指示文。コピーしてそのまま使えます。

約2分
はじめに
Figmaで作ったデザインをSHITAJIで使う

プラグイン「SHITAJI for Figma」でHTMLに書き出して読み込む方法(使えない場合はスクリーンショット+生成AIでも)。

約3分
テンプレート・パーツ
SHITAJIテンプレートで下地を使う

運営が用意した下地テンプレートを、自分のプロジェクトにする方法(テンプレートは無料・書き出すときはクレジットを使います)。

約2分
テンプレート・パーツ
WebGL演出をサイトに実装する

SHITAJIテンプレートのWebGL演出を選び、屋号・ひとことを入れて、StudioのBlankパーツか自分のサイトのHTMLへ貼り付けるまでの流れ。

約4分
編集する
エディタで直せること・直せないこと

読み込んだサイトのどこを直せるのか、なぜ直せる範囲を絞っているのかを、実際の画面で確認します。

約4分
編集する
注意が出たときの直し方(AIに直してもらう)

読み込んだあとに出る「取り込み結果」やチェックポイントの見方と、「AIに直してもらう指示文」でお使いのAIに直してもらう手順。

約5分
編集する
ページを足す・差し替える/共通パーツ

あとからページを足す・1ページだけ差し替える・消す方法と、メニューやモーダルがまとめて扱われる「共通パーツ」の見方。

約3分
編集する
編集履歴から前の状態に戻す

行った操作の一覧から選ぶだけで、その時点の状態に戻す・やり直す方法。

約2分
テンプレート・パーツ
SHITAJIパーツを使う

ボタンや料金表などの部品を選んで「コピー」し、Studioに貼り付けるまで。登録なしで使えます。

約2分
診断・多言語
サイトの健康診断を使う

公開中のサイトのURLを入れて、見出し・画像・リンク・スマホでの見え方などを診断する方法。Studioテンプレート審査の基準や、サイト全体の診断も。

約4分
診断・多言語
多言語コピーで、Studioのページを別の言語にする

Studioのページをコピーして、お使いのAIで訳し、英語・中国語・韓国語のページとしてStudioに貼り付けるまで。

約5分
プロジェクト・料金
プロジェクトの複製・ゴミ箱・保存と履歴

作ったものを失わないために。複製、ゴミ箱から戻す、「サーバー保存」と「履歴」、手元にファイルで残す方法。

約3分
プロジェクト・料金
料金プランと単発1枚プラン

プランの選び方・変更・解約と、今月ぶんを使い切ったときに1枚だけ買い足す「単発1枚プラン」の使い方。

約3分
アカウント・相談
クレジットの数え方

ページ1枚=1クレジット。いつ減っていつ配られるのか、足りなくなったときの選択肢まで。

約3分
アカウント・相談
アカウント設定と「相談する」

メールアドレス・パスワードの変更、退会の方法と、困ったときに画面右下の「相談する」で聞く方法。

約2分
SHITAJI

下地は、こちらで。デザインは、Studio で。

SHITAJI は、Studio 株式会社とは関係のない独立したサービスです。
同社の公式サービス・公認ツールではありません。
「Studio」は Studio 株式会社の商標です。

作例使い方コンセプトはじめ方テンプレートパーツサイトの健康診断対応範囲料金メディアお知らせFAQサービス資料お問い合わせ利用規約プライバシーポリシー特定商取引法に基づく表記ログイン

© 2026 SHITAJI