いちから個人サイトをつくった

吉海こすず
·
公開:2024/8/7

つくりました。

とはいえレイアウト崩れなども起こしているしファビコン設定もまだだしやることは山盛りなのですが、とりあえず見れるようにはなったかなと思ったので(あと作業に疲れたのもある)。小説等の創作物を上げる個人サイトは以前nanoで制作したのだけれど、サーバー借りてドメイン取って……という感じのめっちゃ気合い入ったやつははじめてつくりました。てがろぐも導入できてうれしい。ついでなのでどんなふうにここまでこぎつけたか?という話をしたいと思います。ざっくり言うと、

 

①参考書籍を買う

②とりあえず、やる

③わからなかったらググる、GPT-4に聞く、本を買い足す

④できる!

 

という感じ。②〜④をひたすらぐるぐるするので向き不向きがかなりある気がする。へこたれない心が大事です。私は「一個でも記号の抜けがあったらおじゃんになるなんて、かわいいやつめ」と思っているタイプの人間なのでかなり向いていた。「察する」文化のことが苦手なので、それを一切やらない相手はつきあいやすい。容赦がないとこがかわいい。まあこんなこと思わなくても「絶対に自分のサイトをつくるんだ」という欲望に突き動かされている限りは大丈夫です。まずはじめに本を買うのをおすすめするのは、体系的な知識を得られるから。検索だけではやはり苦しい部分があります。私は下記の2冊を買いました。

それから「GPT-4に聞く」というのはもはや必須といっていいです。コードをコピペしてこれ合ってますか?とかここはどういう意味ですか?とか聞くとかなりの精度の回答を生成してくれるっぽいのすごすぎる。24時間つきあってくれるのも最高。MicrosoftのCopilotはGPT-4を無料で使えるのでおすすめです。令和に個人サイト……とか思わなくていい、むしろいまがいちばん作りやすいと思う。インターネットに接続できさえすればだれでも簡単に使えるので。

それと先ほどもちらっと言ったが「てがろぐ」というサービスはまじでおすすめしたい。制作者のにししさん、今世で徳を積みすぎている……。ありがとうございます……。私のサイトでTimelineと表示されている部分が該当します。詳しくはこちら。

ようは自サイトでTwitterみたいなことがやれるぞ!というツールです。ひとたび設置ができたらスマホからも簡単に投稿できるので、私のサイトのメインコンテンツはこちらになりそうです。借りてるサーバによって使えないところもあるので気をつけてね(当初使っていたスターサーバーフリーは対応しておらず、ロリポップに引っ越した)

こちらも参考になりました!さきほど紹介した1冊目の本の著者であるガタガタさんが運営しているサイトです。

テンプレートの一部をお借りするなど、めちゃ助かっています……。感謝。てがろぐのこともこちらの記事で知りました。

しゃべりたい順に書いてるのであれなんですが、独自ドメイン取るところで引っかかったらサーバ借りたとこのやつつかっちゃえばいいと思います。どうしてもやだ!というひとは根性出してがんばってください。そうそう、ドメイン取得するとブルースカイも同じ文字列にできるよ。私はなんとなくブルースカイ用にサイトとは別のドメインを取ったけどたぶん併用できる。くわしいことはくわしいひとが書いた記事がいくらでも出てくるはずなので各々お調べください。ドメイン、年に1000〜2000円も出せば取得できるので気軽にブルースカイのIDをかっこよくしよう。

サーチサイト(個人サイトを登録してみんなに見てもらいやすくなるサービス)、最近けっこう盛り上がってる感ある気がする、とくに創作サイト系。LONYとかコンパスリンクとか。ひとんち見るのおもしろすぎるのでできあがったらみんな見せてね。個人サイト、Wordpressつかってつくる方法もあるけど私はあんまり向いてなかったので途中でやめました。たぶんコンテンツの更新がしやすい。ほとぼりが冷めたらまたさわってみたい。サイト制作まじでめ〜〜ちゃくちゃたのしいのでみんなやろう!色とフォントの組み合わせだけでもサマになるので!やってみたいけどハードル高いなあ……というひとはとりあえずNotionさわってみて!HTMLなんもわからんくてもやれる。こんな感じのページができます↓

日記サイトのサーチってあるのかしら? そもそもサイトをTwitterの延長みたいな感覚で運用しているひとが少ないかも。どうやらてがろぐサーチサイトはサ終してしまったようで残念。載せるものがなくても!!てがろぐあれば立派にサイトができるから!!!どうかみんな!!!よろしく頼むぜ!!!!ENJOY INTERNET……

@yoshiumintyu
夏とねことことば・アイコンはasoiさん odaibako.net/u/yoshiumintyu