【概要】 「SNSだけでなく、作品と依頼の窓口をまとめた自分のサイトがほしい」 「でも、ホームページ作成サービスの月額料金はかけたくない」——そんなクリエイターさん向けの、 ポートフォリオ・自己紹介サイトのHTMLテンプレートです。 イラストレーター／VTuber・配信者／写真／デザイナー／ミニマルの5デザイン。 どのデザインにも、作品ギャラリー（絞り込み・クリックで拡大）、プロフィール、依頼の受付ページ、 お知らせ、リンク集、404ページの7ページが入っています。 文字と画像を差し替えて、GitHub Pages などの無料ホスティングにアップロードすれば公開できます （公開手順は同梱の説明書に番号つきで書いています）。 ・HTML / CSS / 少しのJavaScriptだけ。ビルド作業やインストールは不要です ・外部CDN・Webフォントを使わないので、オフラインでも表示を確認できます ・スマホでは右上のボタンで開くメニューに切り替わります ・依頼フォームは、入力内容を入れた状態でメールアプリを開く方式（サーバー不要） ・書き換える場所には「▼書き換え」コメントつき ・サンプル画像はすべて図形で新しく描いたオリジナル（差し替え前提） PowerPoint版の「ポートフォリオ構成テンプレ」とは別の、Webサイト版の商品です。 【収録内容（点数・サイズ）】 ・5デザイン × 各7ページ＝HTML 35ページ（01_テンプレート 内 合計177ファイル） 　01 イラストレーター … パステル×丸み、段組み（メイソンリー）ギャラリー 　02 VTuber・配信者 … ダーク×ネオン、立ち絵＋週間配信スケジュール表、ファンアート・切り抜きガイドライン欄 　03 写真 … 黒×明朝体、全画面スライドショー、行の高さがそろうギャラリー 　04 デザイナー … 罫線とグリッド、大きな文字、番号つき実績リスト 　05 ミニマル … 白とグレー、PCでは左メニュー固定、正方形グリッド ・各ページ：トップ／作品ギャラリー／プロフィール／依頼の受付／お知らせ／リンク集／404 ・CSS（共通の土台＋デザイン別）、JavaScript 1ファイル（メニュー・絞り込み・拡大表示・スライドショー・フォーム） ・サンプル画像：作品 合計55枚（拡大用 長い辺800〜1800px＋一覧用 長い辺640px）、 　アイコン 600×600px、SNS共有用画像 1200×630px、ファビコン（SVG） ・00_はじめにお読みください.txt（書き換え方・作品の追加方法・GitHub Pagesでの公開手順・よくある質問） ・99_プレビュー.png（5デザインの一覧） 【使い方】 1. 使いたいデザインのフォルダを選び、index.html をブラウザで開いて見た目を確認します。 2. テキストエディタでHTMLを開き、「▼書き換え」の場所の名前・文章・リンク先・メールアドレスを書き換えます。 3. images/works（拡大用）と images/thumbs（一覧用）に、同じファイル名で作品画像を入れます。 4. 色を変えたいときは css/style.css 先頭の色コードを書き換えます。 5. GitHub Pages などにフォルダの中身をアップロードして公開します。 【利用規約】 ・個人・商用利用OK（同人誌・グッズ・配信・動画・ゲーム・TRPGシナリオ・SNS・個人や仕事のWebサイト等） ・加工OK ・クレジット表記は任意です ・素材そのもの(または加工しただけのもの)の再配布・販売・素材集への収録は禁止です（テンプレートとしての再配布・販売を含みます） ・AI学習用データとしての利用は禁止です ・公序良俗に反する用途・誹謗中傷への利用は禁止です ・規約は予告なく変更する場合があります 【注意事項】 ・動作確認は、Chromium（Chrome系ブラウザ）を使った自動テストで行いました。スマホ幅390px・PC幅1440pxで全ページを撮影して目視し、コンソールエラー・リンク切れ・画像の表示失敗がないこと、拡大表示・絞り込み・メニュー・フォームが動くことを確認しています。 ・Safari・Firefox・実機のスマホでの表示、GitHub Pagesに実際に公開した状態での表示は未検証です。公開前にご自身の環境でご確認ください。 ・文字は閲覧する端末のフォントで表示されるため、OSによって見た目が少し変わります。 ・依頼フォームはメールアプリを開く方式です。メールアプリが設定されていない端末では開かない場合があります（直接のメールアドレスも表示しています）。 ・サンプルの名前・文章・画像はすべて架空のものです。 ・非公式のテンプレートです。GitHub などの各サービスとは関係ありません。 ・HTMLとCSSの基本的な知識があると、レイアウトの変更がしやすくなります。個別のカスタマイズのご依頼・サポートは行っていません。 ・デジタルデータの性質上、購入後の返品・返金はお受けできません。