個人サイト開墾ログ

個人サイトっていいですよね…

始めまして、エトリと申します。ちなんでおきますと

この記事を描くのは二回目です。（色々ミスってデータ全部なくなりました。もう思い出したくない……）

ブログの最初の記事ですし、個人サイトを作る経緯とか自分なりに苦悩した部分とか、そういうものを記録しておこうということで、「ひとまず大体は完成したよね」と言えるまでのサイト作りのあれこれを、自戒も込めて書いていこうと思います。役に立つかは、分かりません！！１

時間がある時にお付き合いいただければ幸いです。そしてこれを見た貴方も個人サイトを作ろう！私と同じように苦しもう！！！

個人サイト万歳！！！

個人サイト界隈とは

個人サイト、という界隈の歴史を私はあまり存じ上げませんでした。物語の中のものというイメージがどこかしらにあったかもしれません。それくらい遠い場所のものだと思ってました。

身内に個人サイトの話をしてくれる人はいるのですが、まあ、聞くだけでは「ほぉん…そうなんだ」くらいにしか思ってませんでした。やっぱり百聞は一見に如かずってやつですよね。後で話しますが、やっぱり見てみると違いますよ…。感動します。

私がこの界隈にのめり込む前も色んなところで個人サイトについての話はたびたび上がっていましたがやっぱり「黒歴史」「中二病」「イタい」みたいな印象がありますね。

　——　　貴方は○○番目の迷える子羊…　　——

のあれですね。私は結構好きなノリです、古き良きっていうか。正直今でもやってるところあるなら是非お伺いしたいところです。私もやりたい。

ともかく私の個人サイトについての知識はこれくらいでした。まぁ、昔の文化、と言ってしまえば平たく浅い言い方でちょっと嫌味な気もしますが本当にこの程度だったということです。

令和の個人サイトとの邂逅

ここが私がサイトを作るきっかけになりました。恐らく2022年の冬くらいのことだと思います。

お名前を出すのは憚はばかられるので伏せますが、とある絵を本業にしている方が個人サイトの開設をpixivでお知らせしていました。私は突然のことにびっくりしましたし、同時に何故…という疑問からちょっと興味が湧いて、そのサイトにお邪魔してみました。　結論から言うにすっげぇんだこれが…………………

「自分の城」これが今の個人サイトを表す全てなんじゃないでしょうか。昨今のSNSでは皆さん一律のUIやカラーリングが当たり前で、ヘッダーやアイコンで区別を付け入るものがほとんどですよね。でもサイトは全てがオリジナル！（技術と知識とサーバー代があれば）自分の好きなように好きなだけいじれる！作品を置ける！私は人生で初めて世の人々が新築一戸建ての家を建てようとする理由を知りました。また一歩全知全能へと近づきましたね。

それからというもの私は検索サーチなどでサイトを漁る日々が続きました。テンプレート配布をされているサイト様を見ては自分の才との構想を膨らませるなどして、とにかく私もやりたい！！の一心でした。

何一つ読めませんが企画書みたいなものです。何をしようとか、どういうサイトが作りたいとかそういうことをサクッとまとめたりもしてみました。でも正直このメモは使ってないです。私は上行き当たりばったりを楽しむスタイル（計画性がない）なので特に振り返ったりとかはしてません。でもここに書いてあることから方向が大きくそれることは暫くないかなと思います。見えないけど。

他にもサイトレイアウトの構想のメモもありますが、汚すぎて載せるのは無理でした。お察しください。そしてこれも案の定没になりました。うーん。

出会い始まって早々放置…

私の生活が忙しく、サイトに手を出せないまま二年経ちました。二年は長いんじゃないか？はい、私もそう思います。温めに温めましたね、よくもまぁ…。ですがその間にぼちぼちドメイン取得の手順や手続きなどの下調べや、サーバー選びやサイトを作るにあたって使えるもの使えないものetc…そういうものの下調べが捗ったのでその点に関しては長年温めておいてよかったなと思ってます。

日々の日記の中にも定期的に「サイト作りてぇ…」とぼやいてるのがちらほら見受けられたので意欲だけは溜まりにたまっていたようです。二年間しっかりサイト界隈をみて歯ぎしりをしていました。

そしてサイト制作開始

2024年春を過ぎたあたりから動き出します。諸々の予定や体調に余裕が出来たのでサイト作りを始めることにしました。

サーバーはロリポップ様からお借りしています。適当なプランでいいと思ってましたがドメイン二個目が無料になるサービスがあったのでそれに合わせてちょっと有り余るくらいのプランになってます。ちょっと背伸びしたかなとも思ってますが、当方飽き性なものですからこれだけのプランを契約しておいて手つかずのまま放置ともなりかねないので尻叩きの意味も兼ねていると思えば悪くありません。それにロリポップ様はお手頃です。登録などでまごついた時もとても丁寧に対応してくださいました。感謝しかないですね。

ドメインは二つ取っています。上記にある通り二個目の取得がお得との事だったので取っちゃいました。元々サイトを二つに分ける構想もあったので、取得自体に迷いはなかったのですが、問題はネーミングが悪いということ。

私のネーミングセンスは抜群に悪いです。ゲームアカウントのユーザーネームもしっくり来る名前を付けられた試しがありません。大体食べ物の名前に落ち着きます。

ですがサイトの顔とも呼べるドメインに適当な名前を付けるわけにはいきません。名付け苦手マン脱却も夢じゃない！！！！！！！！ここでサイト名とその由来でも語りましょうか。

本サイトと表の顔　「トリノス」

純粋に鳥巣から取っています。私自身鳥キャラのつもりですのでそこから安直に取りました。名前を看板にしてもよかったのですが、なんとなくエトリ、とつけるのは嫌だったんです。ほら、なんかのタイミングで改名したくなるかもしれないじゃないですか……。この手の話で言うと私のTwitterユーザーIDが名前と一切関係ない０とoで構成されているのはそういう部分もあります。（脱線）
カタカナ表記なのは字面がテトリスみたいでスタイリッシュなのが気に入ったからです。当初からの予定ではありませんでした。行き当たりばったり過ぎないか。

秘密基地的な裏の顔　「木のねっこ」

これが私のネーミングセンスの墓場です。ですが意味は深くなってます。
木のねっこ系列のサイトに関してはあくまで大勢の人の目には留まらずじっくり、じめじめ、ひそかに運営する。という目的の元開設しています。ここは私の本当の意味でのテリトリーであってほしいわけです。Twitterのように拡散が容易でかつおすすめ機能などで人の目につきやすい場所で発言するには私はちょっと浅はかですし、軽率な部分があるんですよね。それに今の時代個人の偏見や主張が誰を傷つけるかわからなくなってきました。そういう中で、それでも発言はしたいし、形だけでも何かを共有したいと思ってました。故のこのサイトです。
地中に根を張るように密かに生きて、それでいてねっこのように長く複雑に絡むくらいのコンテンツがある。みたいなイメージで名付けました。にしたって安直ですね……。

少なからず意味はあるので、使っていくうちに愛着も湧いてくるんじゃないでしょうか？きっと！！

テンプレート探しの旅

私はHTML＆CSSのド初心者ですので一からコードを書くといったら死んでしまします。そんな時はやはり先人のお力に頼るのが一番！幸いこの令和の時代にもテンプレートを無償で配布してくださる心優しい方々がいらっしゃいます。その大半が商用利用不可となっているので、私は使わず眺めるだけです。トリノスの方はポートフォリオとしても活用していきたいので、全然商用ですからね。こっちのサイトはそんなつもりはないのですが、何があるかわからないので商用利用OKにしてくださっている方のテンプレートを使用することにしてます。

私が主に使っている（使っていくであろう）サイトはこちら！

do さん

こちらはテンプレートの配布だけでなく個人サイトについて、個人サイトの運営の仕方、始め方などなど…引用などもしながら丁寧にわかりやすく教えてくださるサイトさんです。他にも便利なプログラムなども配布されており、かなりの頻度で使われているのを目にします。誰しもがまず最初に行きつくサイトさんなんじゃないでしょうか。私も例にもれずほぼほぼの知識をここから覚えました。

空蝉　さん

管理人さんのブログと共にテンプレートの配布を行っているサイトさんです。とてもおしゃれなデザインがたくさんありカスタマイズもとてもしやすいです。創作をする人に嬉しい登場人物表示のデザインがあるのも嬉しいポイント。数少ない商用利用可能なサイトテンプレート様です。本当に感謝です。ありがたや…。

私が好んでよく使わせていただくテンプレート様はこの二つです。とにかく心広い利用規約ですしわかりやすいので気を揉むことなく使用できるのが嬉しいです。御厚意に感謝しかありません。

ほかにもサーチで調べたりすると出てくるので、私もよく好きなテンプレート配布サイトさんの新作チェックをすることもあります。（使うかどうかはおいておいて……）

本格的なサイト作成

私の悪い所として「計画性がない」んですよね。とにかく計画して動くのが苦手で、趣味の個人サイト運営ともなれば余計に計画する気が失せるわけです。まあいいんですよ、ゆるくやれるのもよいところなんですから。

テンプレートをどれを使うか、というのもかなり悩みました。この世の中有難いことに沢山のテンプレートが配布されています。私はdoさんか空蝉さんかでかなり悩みましたが。画像の展示は空蝉さんがいいなと思ったのでその中のSimple01というものを使わさせていただくことにしました。他のテンプレートも魅力的なので是非……。

ここからは正直言って見栄えのしない限界の闘いが始まります。コードの勉強や、よくわからないエラーコードを直す作業、結局わからなくなって全部リセットする虚無感との戦いです。キーボードを叩いている本人的には地に汗塗れる戦いなのですが傍からみればよくわからないぜぇはぁ言ってる人くらいの印象にしかならないんじゃないすかね……。

というわけで、あの血みどろな戦いを思い出したくないということもあり、コードとの格闘編は大幅にカットして完成です。

大体こんな感じです。

ご丁寧に沢山項目がありますけどほぼすべてまともなページがございません！！！！！！！！！！！！！

すまねぇ、すまねぇ！！！なんやかんやでまた生活の方が忙しくサイトに時間をさけなかったり、一日の体力がなくなってたり、絵を描いてたらサイトのこと忘れてたりするんすよね。ハハーーーーーー！！！！

コード格闘編をお送りできなかった代わりに、ひとまずサイトを作ってみて思ったこと、改善点などをちょこっとお話しできたらなと思います。

サイト制作、振り返って

世の中のプログラミング職の人ってすげえんだな

まずこれですよね。

とにかくサイトを作ってみてわかったことは、コードというのは「未知の言語解読と今日の運勢占い」に限りなく近いということです。初見のコードは調べないとよくわかりませんし、調べたところでよくわからんものもあります。そしてわからないくせに使ったりするとどこかでエラーが起こって動かなくなる。そして何故かよくわからないけど直った！！って時の喜びと、その直後に来る悪寒「何故直ったんだ…？？？？」これがとんでもなく心臓に悪い。

そう、心臓に悪い！！！！

動くかな、動かないかな。動いてくれなかったらまたGoogle先生に聞かなきゃいけないよだるいよ……。そういう状況に陥ったときのメンタルというのが、本当に良くない。これを仕事にしている人は年間の胃薬購入額がとんでもないことになるんでしょうきっと。

こんなザコいサイトを作っただけの私の感想がこれなんです。ならば今後私はどうなってしまうのでしょう。そしてブログラマーの皆さんは一体どうして生きているのでしょう……。

全国、いやもしくは全世界のプログラミングに関わる人類の皆様。私は皆様に足を向けて寝られません。今日も一日お疲れ様です。プログラマーの皆さんの生活にあったかい布団とお風呂とご飯があることを願います。

こだわってるとキリがない

初心者が高望みしてはいけません。適当なところで妥協しないと仙人になるまでサイト公開が出来ません。私は絵描きなのでそこにも通ずるところがあるなと思いました。

「ごたごたいってねぇで公開するんだよ！！」

そういって尻を叩いてくれる悪魔を心か頭に１、２匹飼っておくことをお勧めします。どれだけ見苦しいものでも公開すれば意味を持つんだと思います。世に出ないものは無いものと同じとどこかの誰かが言ってましたから、勇気をもって、そして出来栄えからは目を背けながらネットに流すというのがいいんじゃないでしょうか。

という自戒です。

サイト運営は一年にしてならず

十年ぐらいやってやっと完成するんじゃないかなって思い始めてます。それくらいに考えておかないとやってられねぇ！！ってくらい奥深いなぁと改めて感じました。やっぱり見てるだけでは知ることが出来ない色んなサイトの管理人さんの苦労とか、そういうものを感じてより一層サイトっていいなと思うし、本当に尊敬できます。

急ピッチで出来る人がいるんだとしたらその人はきっと人を超越した個人サイトのゼウスなのであって私のような凡人にはちまちまとやっていくほかないんですね。がんばるぞ！！！！！

生活習慣にサイトをいじる癖をつけたい

やるぞ！！！と意気込んでサイト改装などをしないと今は出来ません。そもそも地盤が固まっていないのが原因なんでしょうから、暫くはそういう土台の部分が固まるまで辛抱なのかなと思っています。もし出来ることなら日頃からサイトの更新やここのブログ更新をしていきたいので、コツコツ作業が大の苦手な私でもやっていけるようにととのえられたらなぁと考えています。

次の改装予定

下手したらテンプレートを変えるかもしれません。もう少しポートフォリオ感がほしいなぁと思ったので、メニューが大幅に場所を取っている今のスタイルだとちょっとらしさがなくなるのかなぁと、いろいろなサイトを見ていておもってしまったので……。

それ以外の改装予定としてはこんな感じです。

• 創作ページの増設
• ファビコンとページ名統一
• 画像表示ビューワーのサムネの重さ軽減
• 展示イラストの追加
• 関連SNSなどのリンクの充実

よくよく見ると粗が多すぎて泣きたくなりました……。ちょっとずつ変更しようと思います。焦らない焦らない……。

時間は掛かると思ますが、体調を整えて、年内にはあまり試行錯誤しなくても問題ないところまで安定させられたらと考えています。それまでの辛抱だ！！！