執筆者: Lollipop
最終更新: 2026/03/23
※この記事の画像には、二次創作のイラストが出てきます。苦手な方はブラウザバックをお願いいたします。
こんにちは、ろりぽっぷ a.k.a. かいこちゅう です。
皆さんは、個人サイトというものをご存知でしょうか?
かつてのヲタクの間では、1人1サイトと言っても過言ではないくらい、自分のサイトを持っている人がたくさんいました。
私はそんな時代の人様の個人サイトを漁るのが大好きです。でも、サービス終了や閉鎖で消えてしまったサイトも多いです。悲しいね……
それなら自分で作ってしまえばいいじゃない!
もちろん今でも個人サイトは作成できます。
今どきは手軽にサイトを作れるサービスがたくさんありますよね。
もちろんこれらを……
使わずに敢えて一から作ってみましょう!( ゚д゚)
サイトを簡単に公開するために、まずはレンタルサーバーを借りましょう。
無料でまだ生き残っている、登録も簡単(だと思う)FC2ホームページにしようと思います。
1GBまでならなんと無料で使えます!マジでありがとう!!
さて、会員登録・レンタルサーバーを借りたところで
早速ファイルマネージャーに入りましょう。
index.htmlが最初に表示されるページになります。これをソース表示で編集してみましょう……
こんなのサイト作ったことある人かこういう系感覚でできちゃう人かくらいしかできませんよね。
でも今は令和。あの子がいます。
ChatGPTちゃ〜〜ん

はい。
GPTが型を作ってくれるので、それぞれの意味を調べつつ加筆修正して自分好みのサイトにしていくのがおススメです。
他のページでも、メニュー用に描いたイラストの上に文字を重ねたい、空きスペースに更新情報を入れたい(しかもスクロールバー付き)と言うだけでほぼ完璧なものを作ってくれました。

指示をするだけでコピペすれば使える形にしてくれます。すごすぎる。
でも実は先程の画像は完成形で、実は文字サイズと位置が上手くいかず値を変える→更新→確認 という手間がかかっています……。AIは便利だけどいつも正しいとは限らないので、自分で確認も忘れずに。かしこく使いましょう!
実は、数年前にも個人サイトを作ったことがあるのですが、更新がめんどくさくなり閉鎖してしまいました。
適当なところに画像やらファイルやらを散らかすからどこに何があるか分からなくなった
というのが一番の原因です。
これを防ぐためにも、ディレクトリを上手く使いましょう。皆がフォルダって言ってるアレです。
例えば、絵を載せるページはpict というディレクトリを作成して、そこに新たにindex.htmlを作る。(サイトの初めのindex.htmlとは別物)
さらに、イラストごとにページを作って管理したいなら、image と page の2つのディレクトリに分けてそれぞれイラストとそれを表示するページを作る。

こうするだけでもだいぶ整理されたいいサイトになります。
最後に、こんな方にオススメの方法があります(特に絵描きの皆さん)
先程書いたように、イラスト一覧とそれぞれのイラストを載せるところを別のページにする。
そして、個別イラストのHTMLにこれをコピペする。

そうすると、URLを貼り付けた時にそのページの絵が表示されます。

これなら画像を保存するのにひと手間かかるから、今問題になっているAI学習に利用されるリスクがちょっと減るかもしれませんし、個人サイトもSNSも更新したい人にオススメ。
SNSってどうしても他人からの評価が見えやすいので、個人サイトにこもるのも選択肢としてアリなのかもしれません。
サイトの一番初めに表示されるindex.htmlでちゃんとワンクッション置いてあげてください。そこに
を書いて、その下にバナーを置いてサイトの入口にするとよいです。
サイトを訪問する人にとって、いきなり苦手な作品……となってしまわないようなマナーを心がけてくださいね。
いかがでしたでしょうか?
自分で一から作る方法なら、古の個人サイト風のものから最近のサイトっぽいものまで自由自在に作れちゃうので、是非皆さんも個人サイトを作ってみてください。分からない時はググったり、AIや有識者を頼ったりしてみましょう!
ちなみに、今回作ったサイトはこちら(二次創作を扱っているため閲覧の際はご注意ください)