個人サイトやブログを
静的ファイルから公開
名前、仕事、文章、リンク、制作物を1つの場所にまとめる個人サイトを公開できます。静的出力をアップロードし、後から独自ドメインへ移行できます。
Jordan KimPRO
個人開発者 / 技術ライター
プロダクト、文章、Webの実験を自分のサイトにまとめています。
個人ブログを静的サイトで公開する理由
速く開く個人サイトは、会う前に仕事、文章、プロダクトの考え方を伝えてくれます。
再生中
Lo-fi Coding Beats 2026
試してみる
公開しますか？
個人サイトに必要なこと
更新しやすく、速く開き、初めて見る人にも信頼できる場所にします。
自分の名前を置く
ホームページ、ブログ、履歴書の入口、ポートフォリオを独自ドメインで公開し、SNSプロフィールだけに依存しない状態にします。
各地域から開きやすい配信
訪問者は単一の配信元サーバーではなく、近い配信拠点から静的サイトを受け取れます。
小さな更新をすぐ反映
プロフィール、プロジェクト、記事、履歴書リンク、告知を、SSHやDockerの作業なしで更新できます。
サーバー運用なしで公開
個人プロジェクトの公開にLinux保守、Docker設定、Webサーバー設定を持ち込まずに済みます。
ホームページを個人の入口にする
名刺のような見た目だけではなく、何をしていて、何を作り、次にどこへ進んでほしいかを伝えます。
最初に人物像を示す
名前、役割、短いプロフィール、必要なら拠点や稼働状況、仕事を一言で説明する文を置きます。
証拠へリンクする
プロジェクト、エッセイ、登壇、プロダクト、GitHub、履歴書、制作事例、教材など、主張を裏付けるものへ案内します。
次の行動を用意する
問い合わせ、ニュースレター、予約、SNS、採用状況、プロダクトリンクなど、目的に合わせて1つ以上の導線を置きます。
古く見せない
更新されていない個人サイトは損をします。小さな更新を続けられる構成にしておきます。
個人サイトでよく使う静的ツールに対応
好きな構成でビルドし、生成された出力をアップロードします。
Astro / Eleventy / Hugo / Hexo
ブログ、ノート、個人ホームページ、文章中心のサイトに向いています。最終出力は静的HTMLです。
Next.js / Nuxt の静的書き出し
リクエスト時の生成、APIルート、サーバーミドルウェアが不要なサイトでは静的書き出しを使えます。
通常の HTML / AI生成ページ
手書きのホームページや生成されたHTMLも、index.htmlと素材ファイルを一緒にアップロードすれば公開できます。
個人サイトを公開する手順
静的ファイルを生成
Hugo、Hexo、Astro、Next.jsの静的書き出し、または手書きHTMLを使います。必要なのは静的な出力フォルダです。
ビルド出力をアップロード
dist、public、outなど生成されたフォルダをアップロードし、公開リンクを確認します。
独自ドメインを接続
Consoleでドメインを追加し、DNSレコードを設定します。HTTPSの準備が完了したら正式なURLとして使えます。
個人サイト公開でよくあるミス
誰のサイトなのかすぐ分からない
名前、役割、強い実績を上部に置きます。訪問者がナビゲーションを読み解かなくても内容が分かるようにします。
独自ドメインがまだ接続されていない
まずプレビューURLで公開し、DNSを確認してからプロフィールや履歴書で独自ドメインのリンクを使います。
ブログやプロジェクトページが公開後に壊れる
生成された出力フォルダ全体をアップロードします。静的サイトジェネレーターは入れ子のフォルダや素材用ディレクトリを作ることがあります。
数か月後に古い印象になる
主要ページを小さく保ち、最近の仕事、最新記事、現在の状況をすぐ更新できる形にします。
個人サイト公開 FAQ
Q:個人ブログは無料プランで足りますか？
軽いブログや個人サイトなら、まず無料プランで始められることが多いです。アクセス量や機能が必要になったら拡張します。
Q:Jekyll、Hexo、Next.js は使えますか？
はい。静的HTML、CSS、JSを出力できるフレームワークなら公開できます。Next.jsは静的書き出しを使い、outディレクトリをアップロードします。
Q:SEO に配慮した個人サイトにできますか？
はい。静的HTML、速い配信、読みやすいメタ情報、内部リンク、独自ドメインは、検索エンジンにも人にも内容を伝えやすくします。
Q:SNS プロフィールより個人サイトのほうがよいですか？
両方使います。SNSは発見に向きますが、個人サイトは詳しい仕事、文章、リンク、連絡先を自分で管理できる場所です。
Q:オンライン履歴書の入口としても使えますか？
はい。短いプロフィール、プロジェクトリンク、PDF履歴書、記事、SNS、問い合わせ先を1つのドメインにまとめられます。