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

← 使い方ガイド

登録せずに試す(お試し)〜登録後に続きから使う

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

SHITAJIは、登録しなくてもお試しで、 手元のファイルやサンプルを読み込んで、Studioに入れたときの見え方まで確かめられます。 Studioへの書き出しだけは無料登録のあとで使えますが、登録したあと同じブラウザで開けば、お試しで読み込んだページを続きから使えます。

1

パソコンでお試しを開く

お試しのページを開きます。 エディタは大きな画面で見ながら直す作りのため、パソコンのブラウザでお使いください。 スマートフォンや画面の小さいタブレットで開くと「エディタは、パソコンでご利用ください」という案内が出ます (その画面の「リンクをコピー」で、パソコンに送るためのリンクを控えられます)。

2

始め方を選ぶ

お試しで選べるのは次の2つです。

  • HTML / CSS ファイルを読み込む… 生成AIなどで作ったページのファイルを選びます。 画像はファイルとしては選べないため、https://…のような外部のURLで指定されている画像だけが表示されます。
  • サンプルで試す… 手元にファイルが無くても、用意されたサンプルをそのまま読み込めます。

新しいプロジェクト

どこから始めますか?

HTML / CSS ファイルを読み込む生成AIなどで作ったページのファイルを選びます。Studioで崩れない形に自動で書き直します。
サンプルで試す用意されたサンプルのHTMLを、そのまま読み込みます。ダウンロードは不要です。

お試しの「どこから始めますか?」は2択です

3

お試しでできること・できないこと

できること
文字・書体/大きさ/色・画像・リンク先を直す(→ エディタで直せること・直せないこと)
「Studio取込イメージ」で、Studioに入れたときの見え方をPC・タブレット・モバイルの幅で確かめる
読み込んだあとの「取り込み結果」や「チェックポイント」で、Studioで見え方が変わる点を確かめる
画面右下の「相談する」で、よくある質問の自動回答を見る(運営への相談は無料登録のあと)
登録のあとで使えること
Studioへの書き出し(コピー&貼り付けでStudioに入れる)
「フォルダを読み込む」「自分のAIで作る」、読み込んだあとの「AIに直してもらう指示文をコピー」 (→ 注意が出たときの直し方)

読み込んだあとにStudioで崩れる点が見つかると、「取り込み結果」の下に 「このまま読み込む」と「無料登録してAIに直してもらう」の2つのボタンが出ます。

4

書き出そうとすると、登録の案内が出る

お試しで「Studio用に書き出す」を押すと、次の案内が出ます。 「無料登録して続ける」から登録画面へ進めます(カード登録は不要です)。

Studioへの書き出しは、無料登録のあとで使えます

登録は1分・カード登録は不要です。いま読み込んだページは、登録したあと同じブラウザで開くと、そのまま続きから使えます。

無料登録して続ける

お試しで「Studio用に書き出す」を押したとき

5

無料登録して、確認メールのリンクを開く

登録画面でメールアドレスとパスワードを入れて「無料で登録する」を押すと、確認メールが届きます。 メールの中のリンクを開くと登録が完了します。

  • リンクは、登録したのと同じブラウザで開くのが確実です。お試しの続きを引き継ぐためにも、同じパソコンの同じブラウザで開いてください。
  • 別のブラウザでリンクを開いた場合も、メールアドレスの確認は済んでいます。 ログイン画面が出るので、登録したメールアドレスとパスワードでログインしてください。
  • 数分たっても届かないときは、迷惑メールフォルダを確認してください。
  • 届かない・リンクの期限が切れたときは、ログイン画面でメールアドレスとパスワードを入れてログインを押すと 「確認メールを送り直す」が出ます(→ アカウント設定と「相談する」)。
6

「お試しの続きから始める」で引き継ぐ

登録後、お試しと同じブラウザでSHITAJIを開くと、次の2か所に「お試しの続きから始める」が出ます。

  • はじめてガイド… 最初の一歩のボタンが「お試しの続きから始める」に替わります (隣の「サンプルで最初のプロジェクトを作る」も選べます)。
  • 新しいプロジェクトの画面… 「どこから始めますか?」の選択肢の一番上に出ます。

新しいプロジェクト

どこから始めますか?

お試しの続きから始めるお試しで読み込んだ「(ページの名前)」(1ページ)を、このアカウントに引き継ぎます。
HTML / CSS ファイルを読み込む生成AIなどで作ったページのファイルを選びます。Studioで崩れない形に自動で書き直します。
フォルダを読み込むページのファイルが入ったフォルダを、まるごと選びます。
自分のAIで作る(ベータ)タイプ・ジャンル・雰囲気を選ぶと、貼り付け用の指示文を作ります。ChatGPT・Gemini・Claudeなどに貼り付けて使います(追加費用なし)。

登録後、同じブラウザで開いた「新しいプロジェクト」の画面

押すと、お試しで読み込んだページがそのまま新しいプロジェクトとして入ります。 あとは新規プロジェクトの作り方〜Studioに取り込むまでと同じ流れで、 「Studio用に書き出す」からStudioへ入れられます(書き出すときに、ページの枚数ぶんクレジットを使います。 → クレジットの数え方)。 引き継ぎが終わると、ブラウザに残っていたお試しの中身は消え、同じものが二度出ることはありません。

引き継げないとき

  • お試しの中身は、そのブラウザの中にだけ保存されています。別のパソコンや別のブラウザで開いても、「お試しの続きから始める」は出ません。 シークレット(プライベート)ウィンドウで試した場合や、ブラウザの閲覧データを消した場合も残りません。
  • 引き継げるのは、お試しで最後に読み込んだもの1つです。
  • お試しで「サンプルで試す」を選んだ場合は引き継ぎません。登録後は、はじめてガイドの「サンプルで最初のプロジェクトを作る」から同じサンプルを読み込めて、 こちらは書き出してもクレジットを使いません(1回だけ)。
SHITAJI

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

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

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

© 2026 SHITAJI