個人サイトの「やることリスト」

ここに書いてあるのは、個人サイトを作りたい人のためのtodoリストです。
細かい説明は別のページに譲り、一目でやることが分かるようにしてあります。

パソコンに慣れていない人と慣れている人に分けて書いているので、目次をタップしてそれぞれの項目へ向かってください。

どれくらいの知識が必要か

結論から言えば知識ゼロでも個人サイトは作れます。
そういうサービスもたくさんあるのでね。
また、このページで言うところの「パソコンに慣れていない人」と「パソコンに慣れている人」については、厳密な区分などありません。
しかし便宜上、このぺージでは次のように分けています。

パソコンに慣れていない人

いろいろ考えられるでしょうけど、こういう雰囲気をイメージして頂ければよろしいかと。
次に挙げる項目に当てはまりそうなら、「PCに慣れていない人向け：個人サイト制作todoリスト」のコーナーをご覧ください。

• 慣れていないどころかパソコンを持っていない。
• WordやExcelくらいなら触れるが、マクロなんかできない。
• htmlくらいなら分かるが、cssやJavaScriptを要求されると苦しい。
• クライアントとサーバと言われて、ピンとこない。
• ブログよりWebサイトの方がカッコいいと漠然と感じている。
• プログラミングなんて絶対に嫌です。

パソコンに慣れている人

こっちは深く考えていません。ていうか、こういう人はこのページに来ないはず。
Officeソフトウェア全般はもちろんのこと、現在のAIやそれの開発基盤であるクラウドのことなどもご存じのはずです。
htmlは既に知っており、各種のスクリプトを使い分けできたり、OSをはじめとする開発環境が違っても、ある程度なら対応可能といったレベルです。
他にも多数の事柄がありますが、こちらに関しては既に知識及び経験があることが、前提となります。

PCに慣れていない人向け：個人サイト制作todoリスト

細かい説明は抜き♪
シンプルにtodoリストを書きますね。

目標設定

1. Webサイトの目的を明確にする（例：ブログ、ポートフォリオ、ビジネスサイトなど）。
2. どんな人たちに見て欲しいか決める。

プラットフォーム選び

1. コード不要のWebサイトビルダーを選ぶ（後述します）。
2. 無料プランやトライアルを利用してみる。

アカウント作成

1. 選んだプラットフォームでアカウントを作成する。
2. 必要なプランを選択する（ぜひ、無料プランから始めましょう）。

テンプレート選び

1. 目的に合ったテンプレートを選ぶ。
2. テンプレートをカスタマイズする（色、フォント、レイアウトなど）。詳しくは個人サイトのデザインやレイアウトをご覧ください。

コンテンツ作成

1. 必要なページを作成する（例：ホーム、アバウト、コンタクト）。
2. テキスト、画像、動画などのコンテンツを準備する。
3. コンテンツを各ページに配置する。

基本的なSEO設定

1. 各ページのタイトルと文章をちゃんと書く。
2. 画像に代替テキストを追加する。

プレビューとテスト

1. Webサイトをプレビューして、デザインやリンクが正しく機能するか確認する。
2. スマートフォンやタブレットでの表示も確認する。

公開

1. Webサイトを公開する。
2. 公開後も定期的に更新やメンテナンスを行う。

学習と改善

1. Webサイトのアクセス解析を確認する（プラットフォームに組み込まれている場合が多いです）。
2. ユーザーフィードバックを収集し、改善点を見つける。

安易な収益化はお勧めできません

仮にアフィリエイトを行い収益化を試みるにしても、それはWebサイトが十分に大きくなってからでも間に合います。
続けられるかどうかも分からないのですから、独自ドメインの設定も後回しで良いと思います。
詳しくは個人サイトによる小遣い稼ぎをご覧ください。

著作権に係る問題が発生する可能性だってありますよ？

コード不要のWebサイトビルダーの例

私からお勧めできるのは無料＆格安でWebサイトを作るにあるように、Google SitesとBloggerなんですが、他にもいろいろありますよ。

• Wix

  特徴: 簡単に使えるデザインツールが豊富で、ドラッグ＆ドロップで操作できます。動きのあるデザインも簡単に作成可能です。

  おすすめポイント: 初心者でも短時間でおしゃれなWebサイトが作れます。

• Squarespace

  特徴: デザイン性が高く、プロフェッショナルな見た目のサイトが作れます。テンプレートが豊富で、カスタマイズも簡単です。

  おすすめポイント: デザインにこだわりたい人に最適です。

• Weebly

  特徴: 使いやすいインターフェースで、初心者でも簡単にサイトを作成できます。基本的な機能が揃っており、ビジネスサイトにも対応しています。

  おすすめポイント: シンプルで使いやすいツールを探している人におすすめです。

• Jimdo

  特徴: AIが質問に答えるだけでサイトを自動生成してくれます。テンプレートも豊富で、スマホ対応のデザインが簡単に作れます。

  おすすめポイント: 簡単に始めたい人や、スマホでの操作を重視する人に向いています。

• WordPress.com

  特徴: 世界中で使われている人気のツールで、豊富なテンプレートとプラグインが利用できます。ブログやビジネスサイトなど、幅広い用途に対応しています。

  おすすめポイント: 多機能で柔軟性が高く、長期的にサイトを運営したい人におすすめです。

• ペライチ

  特徴: 日本製のツールで、シンプルな1ページサイトを簡単に作成できます。テンプレートが豊富で、直感的に操作できます。

  おすすめポイント: 短時間でサイトを作りたい人や、シンプルなサイトを求める人に最適です。

• STUDIO

  特徴: デザインの自由度が高く、プロフェッショナルなサイトが作れます。共同編集機能もあり、チームでの作業にも対応しています。

  おすすめポイント: デザインにこだわりたい人や、チームでサイトを運営したい人におすすめです。

Webサイトビルダーさえ決まってしまえばOK

あとはコンテンツを書くだけですからね。
スマホだけでもできますが、やはりパソコンはあったほうが良いです。
小さい画面でチクチクいじるのはとても大変だと思うんですよ…

AI学習を完璧に排除することは、難しいと思われます。
インターネットに何かをアップしている時点で、クローラーが来るのですから。
でも次のようなツールを使ってから個人サイトにアップすれば、AI学習の妨害なら可能かと思われます。

AI学習妨害ツールのリスト

ことあるごとに更新していきますが、詳しくはX（旧：Twitter）のAIからイラストなどを守る試みをご覧ください。
ただし、これらの攻撃的ツールは倫理的問題を生む可能性もあります。
その点は注意しましょう。

• Nightshade
  特徴: 画像に目に見えない変更を加えることで、AIがその画像を学習できなくします。

• Glaze
  特徴: 画像に目に見えない摂動を加えることで、AIがその画像のスタイルを学習できなくします。AIがアーティストのスタイルを模倣するのを防ぎます。

• emamori
  特徴: イラストに特殊な電子透かしやノイズを挿入することで、AIがその画像を正確に学習できないようにします。無断でイラストが模倣されるのを防ぎます。

• Mist
  特徴: 画像に見えない透かしを入れることで、AIがその画像を認識できなくして、学習を防ぎます。上海交通大学の研究チームが開発しました。（現在、公式サイトが404エラーになります。）

リンク集で良いなら専用サービスがあります

こういうのも良いですよね。
個人サイトまで行かずとも、ちょっとおしゃれな感じのリンク集で十分ということならアリです。
ただ、例えばlit.linkはページフッターに会社名が出るので。
そこをご了承いただけるなら手軽でお勧めできます。

• lit.link: 複数のSNSやブログ、YouTube、ネットショップなどのリンクを1ページにまとめることができるサービス。スマホだけで簡単におしゃれなページを作成でき、カスタマイズ性も高いです。
• Linktree: 世界中で広く使われているリンクまとめサービスで、シンプルな操作性が特徴です。
• POTOFU: クリエイター向けのサービスで、広告表示がなく、画像に特化しています。
• Onelink: 無料でもリンクページを1つ作成でき、アクセス解析機能も付いています。
• CLINKme: カスタマイズ性が高く、豊富なデザインが用意されています。
• Knoow: 独自のSNS機能があり、タグで管理できる点が特徴です。

PCに慣れている人向け

今からやるならAWS・Google Cloud・Azureのどれかでやるのが良いと思います。
サイト稼働直後も強制的に広告が出ませんし、自分が思うようにサーバ側のコードも入れられます。
アプリ化しても良いでしょうけど、ユーザーにインストールしてもらわないといけないよね。
そこをどう考えるか。

私は今のところ、Google CloudのApp Engineに静的ウェブサイトをホスティングしてます。
インスタンス等を調整すれば、無課金もしくは極めて少額でホスティングし続けることが可能でしょう。
でもせっかくだしAWSやAzureも使ってみたいよね。
Google Cloudの他サービスと組み合わせてもおもしろいと思っているところです。

クラウドにホスティングするメリット

WebサイトをGoogle Cloud等のクラウドにホスティングするメリットについては、まずメンテナンスがないことが挙げられるかと。
業者の都合で閲覧不能になることがありません。
とりあえず私が使っているGoogle Cloudについて、サッとまとめてみましょうか…。
でもこれらについてはAWSやAzureでも同じようなものだと思いますけどね。

スケーラビリティ

クラウドホスティングは、トラフィックの増減に応じてリソースを柔軟に調整できます。
急激なアクセス増加にも対応でき、ダウンタイムを最小限に抑えることができます。

コスト効率

従来のオンプレミスサーバーと比較して、クラウドホスティングは初期投資が少なく、使用した分だけ支払う従量課金制を採用しています。
無駄なコストを削減できます。

高可用性と信頼性

データセンターの冗長性と自動バックアップ機能を備えており、高い可用性とデータの安全性を提供します。
サービスの停止リスクを大幅に減少させます。

セキュリティ

最新のセキュリティプロトコルとツールを使用してデータを保護します。
これにはデータ暗号化、アクセス制御、セキュリティ監査などが含まれます。

グローバルなリーチ

世界中にデータセンターを持っており、ユーザーに対して高速で安定したアクセスを提供できます。
グローバルなユーザーベースに対しても優れたパフォーマンスを発揮します。

開発者向けツールとサービス

開発者向けの豊富なツールやサービス（例：Google Kubernetes Engine、BigQuery）を提供しており、効率的な開発と運用が可能です。

環境への配慮

再生可能エネルギーを使用してデータセンターを運営しており、環境に優しい選択肢となっています。

個人サイト制作todoリスト：今後の更新について

まずはこのような形にしましたが、X(旧Twitter)の混乱っぷりを見ている限り、個人サイトの需要は高まる一方かと思われます。
今後も他のページと併せて、リンク等も調整しつつ更新を重ねていきます。

column：創作の場を広げる、Google Driveの活用