製品名・説明・仕様表をまとめて編集。 日本語の製品紹介サイトを、自分で調整できるソース付きで。 小規模な企業サイトや製品紹介ページを制作する方へ。 製品一覧から詳細、問い合わせ案内までを揃えた、静的HTMLサイトの編集用スターターです。 【こんな制作に使えます】 ・複数の製品を、一覧と仕様表付きの詳細ページで紹介したい ・会社名、製品名、説明、仕様を一か所にまとめて管理したい ・納品後も、自社や顧客のサイトをソースから調整したい 【情報を変えて、サイトを生成】 会社・製品情報はJSON、色はCSSで編集します。Pythonで再生成すると、その情報を使って一覧と各製品のページを作成できます。 製品の追加にも対応。製品名、概要、詳細説明、画像、画像の説明文、仕様表を設定できます。 例えば、会社名・製品名・仕様値を変更して再生成すれば、紹介ページの内容を自分の案件に合わせられます。完成HTMLだけでなく、編集用データと生成プログラムも手元に残ります。 【3種類のレイアウトを収録】 1. トップ兼製品一覧：会社・製品の概要と製品カード 2. 製品詳細：画像、説明、仕様表、問い合わせ案内への導線 3. 問い合わせ案内：相談前に用意する情報とメールリンク 初期データは架空企業・3製品で、計5ページです。 【ダウンロード内容】 ・生成済みHTML/CSS ・編集用HTML/CSS、商品情報JSON、Python生成プログラム ・自作SVGと架空の初期データ ・使い方、利用条件、確認範囲の記録 ZIPを解凍し、dist/index.htmlをブラウザで開けば閲覧できます。閲覧だけならPythonは不要です。 【対象となる方・必要環境】 HTML/CSS・JSONの基本編集と、Pythonの実行ができるWeb制作者向けです。編集にはテキストエディタとPythonが必要です。生成処理の実行確認はPython 3.12.14。他のPython版は未確認です。 【利用条件】 購入1件につき、自社または顧客の1つの完成サイトで商用利用・改変できます。当該サイトの保守に必要なソースを顧客へ引き渡せます。 テンプレート自体の再配布・再販売、別サイトへの転用は禁止します。別サイトでの利用には別の購入が必要です。 【購入前にご確認ください】 ・ノーコード編集サービスではありません。編集と再生成はご自身で行います。 ・CMS、フォーム送信、送信サーバー、決済、ホスティング、公開代行、個別制作は含みません。 ・Framer・Webflow・BASEのテーマ形式には対応していません。 ・初期企業名・製品情報は架空データ、初期メールは送信できない試作用です。本番利用時は差し替えてください。 ・指定ページを375/768/1440pxで手動確認しています。全ページ・全リンクや全ブラウザ・スマートフォン実機の互換性保証ではありません。 ・制作時間の短縮、SEO効果、購入需要は未検証です。 【受け取り方】 購入後、BOOTHからZIPをダウンロードして解凍してください。閲覧はdist/index.html、編集・再生成は同梱の使い方をご覧ください。