SMALLSHIFT

ORIGINAL TEMPLATE / CONTOUR

STUDIO NOTE スターター

ひとりの仕事を伝える、シンプルなサービス紹介ページ。オリジナルデモをもとにした制作素材を準備しています。

製品版は準備中
デモを開く
サービス紹介テンプレートの完成例

完成イメージを確認するオリジナルデモです。顧客の制作実績ではありません。

01 / CONTENTS

ファイルと、使うための手順。

体験サンプルは、ブラウザで開ける一枚のHTMLです。公開用の製品版とは提供範囲が異なります。

index.html

ブラウザで開く編集用の体験ページ。文章・配色・文字サイズを変更できます。

README.md

開き方、編集箇所、ローカルでの試用条件を確認するガイド。

EDIT-PROMPT.md

AIに編集を依頼する時の指示例。内容に合わせて書き換えて使います。

変更できるところ

  • 名称・見出し・紹介文
  • 配色・文字サイズ
  • サービス内容と連絡先

製品版の収録予定

  • 編集用HTML・CSS（準備中）
  • 文章・色を変更するガイド（準備中）
  • 公開前チェックリスト（準備中）

02 / GET STARTED

開く、編集する、確かめる。

  1. サンプルを開く

    ダウンロードしたZIPを展開し、README.mdで試用条件を確認。index.htmlをブラウザで開きます。

  2. 文章と色を変える

    エディタで見出し・紹介文とCSSの色変数を編集します。AIを使う場合は、下の指示例を変更内容に合わせて使えます。

  3. 画面幅を変えて確認する

    スマートフォン幅で改行・余白・リンクを確認します。サンプルは手元で試すためのもので、Web公開はできません。

編集指示の例
このフォルダのREADME.mdを読み、試用範囲を確認してください。index.htmlの構成を保ったまま、見出しと紹介文を私の仕事に合わせて変更してください。内容が足りない箇所は質問し、実績・料金・連絡先は作らないでください。変更後はスマートフォン幅で表示とリンクを確認してください。

03 / SPECIFICATIONS

環境と、利用できる範囲。

対応環境
HTML・CSS。Codex向け編集手順は準備中。
必要なスキル
ファイルの編集と、ブラウザでの表示確認ができる方を想定しています。
追加費用
公開先のホスティング・ドメイン、利用するAIツールの費用は別途必要になる場合があります。
サンプルの利用条件
個人のローカル環境での試用・改変用です。公開・商用利用・再配布の許諾は含みません。
製品版の利用許諾
製品版の配布・公開・商用利用の条件は販売開始前に案内します。現在は販売していません。
サポート
対応範囲・期間は販売開始前に案内します。製品版の購入受付と個別サポートは開始していません。体験サンプルは自己学習用です。

04 / QUESTIONS

使う前に、よくある質問。

そのまま公開できますか？

体験サンプルは個人のローカル環境での試用・編集用です。公開・商用利用・再配布の許諾は含みません。製品版の公開条件は販売開始前に案内します。

AIツールは必須ですか？

必須ではありません。HTMLとCSSを直接編集できます。AIを使う場合は、利用するツールの費用・条件をご確認ください。

問い合わせや予約はできますか？

サンプルに送信機能や予約機能は含みません。画面の構成・文章・色の編集を試すための素材です。

NEED A HAND?

制作を依頼したい方へ

制作範囲と受付条件は、サービス案内をご確認ください。

制作サービスを見る →