使い方ガイド
SHITAJIの使い方を、実際の画面を使って1つずつ解説します。編集画面(エディタ)はパソコンのブラウザでお使いください。
プロジェクトを作り、Studio用に書き出して、コピー&貼り付けでStudioに取り込むまでの一通り。
約4分HTMLとCSSのファイルを選ぶ方法と、画像も含めてフォルダごと読み込む方法の使い分け。ReactやTailwindで作られたサイトの読み込み方も。
約4分登録なしで自分のファイルやサンプルを読み込んで確かめ、無料登録したあと同じブラウザで続きから使うまで。
約3分屋号とジャンルを選ぶだけで、お使いのAIへの指示文を自動で組み立てる機能。追加費用なし・貼り付けから取り込みまで。
約3分ChatGPT・Claude・Geminiなどにサイトを作ってもらう前に貼り付ける指示文。コピーしてそのまま使えます。
約2分プラグイン「SHITAJI for Figma」でHTMLに書き出して読み込む方法(使えない場合はスクリーンショット+生成AIでも)。
約3分運営が用意した下地テンプレートを、自分のプロジェクトにする方法(テンプレートは無料・書き出すときはクレジットを使います)。
約2分SHITAJIテンプレートのWebGL演出を選び、屋号・ひとことを入れて、StudioのBlankパーツか自分のサイトのHTMLへ貼り付けるまでの流れ。
約4分読み込んだサイトのどこを直せるのか、なぜ直せる範囲を絞っているのかを、実際の画面で確認します。
約4分読み込んだあとに出る「取り込み結果」やチェックポイントの見方と、「AIに直してもらう指示文」でお使いのAIに直してもらう手順。
約5分あとからページを足す・1ページだけ差し替える・消す方法と、メニューやモーダルがまとめて扱われる「共通パーツ」の見方。
約3分行った操作の一覧から選ぶだけで、その時点の状態に戻す・やり直す方法。
約2分ボタンや料金表などの部品を選んで「コピー」し、Studioに貼り付けるまで。登録なしで使えます。
約2分公開中のサイトのURLを入れて、見出し・画像・リンク・スマホでの見え方などを診断する方法。Studioテンプレート審査の基準や、サイト全体の診断も。
約4分Studioのページをコピーして、お使いのAIで訳し、英語・中国語・韓国語のページとしてStudioに貼り付けるまで。
約5分作ったものを失わないために。複製、ゴミ箱から戻す、「サーバー保存」と「履歴」、手元にファイルで残す方法。
約3分プランの選び方・変更・解約と、今月ぶんを使い切ったときに1枚だけ買い足す「単発1枚プラン」の使い方。
約3分ページ1枚=1クレジット。いつ減っていつ配られるのか、足りなくなったときの選択肢まで。
約3分メールアドレス・パスワードの変更、退会の方法と、困ったときに画面右下の「相談する」で聞く方法。
約2分