白と余白を基調にした、ミニマルなポートフォリオサイトのHTMLテンプレートです。 写真ではなく「文章そのもの」を見せるために設計しました。 トップページでは代表作の文章を大きく抜粋表示し、実績は媒体名と担当範囲で整理して見せられます。 名前・実績・文章を差し替えるだけで、そのまま公開できます。 ■ こんな方に ・執筆・編集の実績を、落ち着いた雰囲気で整理して見せたいライター・編集者の方 ・noteやSNSのプロフィールだけでは物足りず、自分のサイトを持ちたい方 ・「編集もできるライター」として、担当範囲と料金目安まで整えておきたい方 ■ テンプレートの特長 ・白基調＆余白多めのミニマルデザイン。本文の行間を広めに取った、読みやすい活字設計です ・全5ページ構成：トップ／実績一覧／実績詳細／プロフィール（料金目安つき）／お問い合わせ ・トップページは「活字ヒーロー」：写真の代わりに代表作の抜粋文を大きく見せます ・実績一覧は媒体名／ジャンル／担当範囲／公開年を表示し、「ジャンル × 担当範囲」の2軸で絞り込み可能 ・実績詳細ページは記事・書籍の紹介型：概要、担当範囲、媒体情報、本文の抜粋、目次、外部リンク欄を用意 ・Aboutページに料金目安表と「ご依頼の流れ」を収録（サンプル文つき） ・プロフィールは顔写真なしでも成立する名刺パネル形式。縦書きの飾り文字で活字らしさを演出 ・スマートフォン対応（レスポンシブ、スマホ用メニューつき） ・色はCSS冒頭の3色（背景・文字・アクセント）を変えるだけで変更可能 ■ 同梱物 ・index.html（トップページ／活字ヒーローつき） ・works.html（実績一覧／2軸の絞り込みつき） ・work-detail.html（実績詳細ページのひな型） ・about.html（プロフィール＋料金目安＋ご依頼の流れ） ・contact.html（お問い合わせページ） ・style.css（デザイン一式） ・script.js（メニュー・絞り込み等の動作） ・カスタマイズガイド（名前・実績・文章の差し替え手順） ・公開手順ガイド（無料で公開する方法を2通り解説） ・利用条件 全体の案内 ■ 必要なスキルについて HTMLの知識は、ほぼ不要です。 差し替える場所にはすべて「▼ ここを変更」というコメント（目印）が付いているので、 メモ帳やVS Codeで開いて、その目印を検索しながら文字を書き換えるだけで完成します。 ガイドには、実績の増やし方や絞り込みボタンの合わせ方も手順つきで解説しています。 ※画像ファイルは同梱していません。文章が主役の設計のため、写真がなくてもそのまま使えます。 ■ 公開について 公開手順ガイド同梱。Netlify Drop（登録不要・無料、ドラッグ＆ドロップで公開）と GitHub Pages（アカウント登録が必要・URLが安定）の2通りを、手順つきで解説しています。 サーバー契約は不要です。 ■ ご購入前の注意（必ずお読みください） ・お問い合わせページのフォームは、見た目のみのデモです。そのままでは送信されません。 　実運用したい場合は、同梱の公開手順ガイド末尾に、Googleフォームへの差し替え手順を記載しています。 ・テンプレート内の名前・実績情報・媒体名（AKARI SHINOHARA、月刊『ひらく』など）は、すべて架空のサンプルです。 　公開前にご自身の情報への差し替えが必要です。 ・実績詳細ページの外部リンクはダミーURL（example.com）です。実際の掲載ページのURLに書き換えてください。 ・料金目安や依頼条件のサンプル文は一例です。ご自身の条件に書き換えてご利用ください。 ・外部サービスへの依存はフォント（Google Fonts）のみです。ファイルを置くだけで動きます。 ・動作環境：Chrome / Safari / Edge / Firefox の最新版。静的ホスティング全般で公開できます。 ■ 利用条件（要約） ・商用利用OK。ご自身（またはクライアント1名分）のポートフォリオサイトとして利用できます ・デザイン・文章・コードの改変は自由です。クレジット表記は不要です ・再配布・転売は禁止です（改変したものも含みます） ・1回の購入で利用できるのは1サイト（1ドメイン）まで。クライアントワークは1社につき1購入が必要です ※全文は同梱の「利用条件」をご確認ください。購入をもって同意したものとみなします。 ■ 制作について 本テンプレートは、AIを活用して制作・検証されたデジタル商品です。 デザイン・コード・同梱ガイドはAIが作成し、動作確認を行ったうえで出品しています。 ご不明点があれば、購入前でもお気軽にお問い合わせください。※商品画像の一部にイメージとして作成した生成画像を含みますが、動作と見た目は同梱ファイルの実物どおりです。