Memo

Menu/Memo top/Back to Site
webオンリーに際して、当サイトの構成を書いてみました。
改めて書いてみると「たくさんの方々に支えられてサイトを持つことができたんだ…」としみじみと感じます。本当にありがとうございます🙇‍♀️

この記事では紹介を割愛させていただいたものもありますが、サイト内でお借りしているテンプレートやツールについてはトップページにリンクを貼らせていただいています。
そちらもぜひご参照ください。

▼概要
サイト本体はHTML/CSSでできています。
昔通っていたサイト様は時代的にほぼHTML手打ち一択で、その憧れに近づきたくて同じ形式で作りました。
とはいえちょっと調べただけの初心者には流石にゼロからサイトを作ることはできなかったので、後述のHTMLテンプレートを一部改変する形で作っています。
日記ページ（ここ）はにししふぁくとりー様のてがろぐ で作りました。

サーバーはリトルサーバーを使ってます。
料金が手頃、ドメインが短め、成人向けOKなどが良かったのでここにしました。
現時点では年齢制限ありのコンテンツはないですが、いざやりたいとなった時に困らないかなと思って一応考慮してます。
（レンタルサーバーは成人向けNGのところが割と多いので…）

▼サイト本体（デザイン面）
空蝉デザイン 様のテンプレート『Gallery01』をお借りしています。
シンプルなデザインが好きで探していたところこちらを見つけて、やりたいサイトのイメージに近かったので使わせていただきました。

こちらをベースにフォントの種類や色、区切り線のデザイン（実線→点線に）など変更しました。
また制作者様の方でテンプレートに含まれていない要素を拡張する追加コードも合わせて配布してくださっていて、リンクページなどはそちらを使用して後から増設しています。

▼作品ページ
イラストはHTMLテンプレートに入っていたギャラリーページをそのまま使っています。
web再録したイラスト集は『なんかいい感じのマンガビューア～slick-custom～ 』 をお借りして漫画みたいに展示しています。
本当に、なんかいい感じになってすごいです。
なんかこういうビューアー的なので自分の絵を見るとちょっとカッコよく見える気がしてテンション上がります。

▼日記ページ（ここ）
上でも書いたようにてがろぐを使用しています。
サイト作りの情報収集をしている時に何度も名前を見かけた定番マイクロブログツール・てがろぐ。
「こういうことやりたいな〜」と思ったことが調べると大体できるので毎度驚きます。
あとスマホからでも簡単に更新できるので、移動中に下書き作ったりとかできるのが便利で気に入ってます。

スキンはpipi 様の『02：紙っぽい背景のてがろぐスキン』をお借りしました。
サイト本体と雰囲気を合わせたくて色や一部フォントを同じものに変更しています。
デザインがおしゃれでかわいいところと、投稿フォームのデザインが見やすくて使いやすいところが好きです。

▼連絡手段
メールフォームとWAVEBOXを設置しています。
別記事 でも触れましたが作品ひとつひとつにはリアクションボタンなどを付けず、あまり細かく反応や評価がわからないような作りにしました。
今はXも併用しているので、リアルタイムなやり取りはXの方でやろうかな〜という方針です。

WAVEBOXはかねてより気になっていてサイト制作を機に登録してみました。
絵文字を送るという気軽さが使いやすいのか、結構送っていただいてて有り難いです😭励みになります！

▼アクセス解析
反応が見えにくいことでマイペースに運営できるとは言ったものの、人が来てくれてるかどうかが全くわからないのもそれはそれでモチベ保てなさそうだな…と思ってアクセス解析も付けました。
不正アクセスがないかのチェックも兼ねています。

ツールはLunalys を使用しています。
画面構成がシンプルかつ知りたい情報も一通り入っているのでいい感じです。
少し前のアップデートで最新バージョンへの更新もすごく簡単になったみたいです。


長くなりましたが2026年6月6日現在の『_0w0_（サイト名）』はこんな感じです！
こういう記録を書いておきたいなと思っていたので、イベントきっかけで書けてよかった。
いつかサイトを改装することになった時はこれを読んで懐かしくなったりするのかな〜。

畳む
サイト制作メモ 2026/06/06(Sat)
『個人サイトWebオンリー めぐる市』開催おめでとうございます！
webイベントというものに今回初めて参加しました。
緊張もしていますが、目一杯楽しめたらいいな〜と思っています☺️

イベントきっかけでいらしてくださった方も、他のところから見つけてくださった方も、お越しいただき誠にありがとうございます。
イベント合わせの新作等が無くて大変恐縮ではありますが、サイトや作品を少しでも楽しんでいただけたならとても嬉しく思います。

新作は無いですがイベントのライブ感には乗りたいな〜と思ったので、サイトを作るまでややってみての雑感などを少し書いてみました。

長いので以下畳みます。
ご興味ありましたらお付き合いいただけますと幸いです。


▼個人サイトとの出会いと作り始めるまで
私が個人サイトという存在に初めて触れたのは10年以上前のことです。
いわゆる『個人サイト全盛期』の頃でした。
絵描きさん方が絵を飾ったり日記を書いたりする自分だけの家を持っていることがすごくかっこいいな〜と感じていて、とても憧れていました。
当時の自分にはサイトを作る知識も環境も無く、ただただ憧れるだけの存在…それが個人サイトでした。

その後SNS主流時代になりしばらく個人サイトからは離れていましたが、自分だけのお家が欲しいな〜という憧れはふんわりとずっと持っていました。
そんな中、今年の始めぐらいですかね？
Xの規約変更の話が出てきて、その流れで「個人サイトをやろう！」みたいな動きを目にする機会があったんです。
今ならサイト運営する環境はクリアできそうだし、その時ちょうど絵を休んでいて暇だったので知識を学ぶ時間もありました。
「今なら個人サイト、できるんじゃない…？」と思って、挑戦してみることにしました。

▼サイトを作ってみて
サイト作り自体は思っていたほどは難しくなかったなと思いました。
というのはサイト制作や同人サイト向けのHow Toサイトなどが色々あって、楽しみながら学ぶことができたからだと思います。
わからないことだらけだった中でたくさん背中を押していただきました。

特にHTML/CSSでサイトを作る場合には「もう本当に一から全てが作れるようにならなきゃ…！」と思っていたのですが、有志の方が配布してくださっているテンプレートや便利なツール等を使えばある程度の基礎知識さえあればなんとかなりそうだとわかってだいぶハードルが下がりました。
HTML/CSSは未だ触り程度の知識ですが、色々調べながらなんとか管理・更新できています。
先人の大きな知恵と素晴らしい技術のおかげで当サイトは成り立っています。
この場を借りてお礼申し上げます。

▼運営してみて
サイト運営を今日まで４ヶ月ほどやってきて、今のところとても楽しくやれています。
とにかく「自分だけのかわいいお家が欲しい！」という気持ちが一番だったので、それが今ここに存在しているというだけで嬉しくて十分元は取れたかなという感じです。

また作品の反応や評価が細かく見えるような作りにしていないので、そのあたりを気にせずマイペースにやれるのもいいなと思ってます。
やりたい時にはガッツリ触って、ちょっとのんびりしたい時はしばらく放置…みたいな感じでほんとに自由気ままに運営してます。
あまり動いていない時も来てくださってる方がいたりして本当に有り難いなと思います…🙇‍♀️

サイトを作ったのはXでの動きがきっかけですが、Xも引き続き使っていくつもりです。
SNSとサイトで「こんな風に使いたい」という方針がちょっと違うなと思ってるので、それぞれうまいこと使っていきたいな〜と思ってます。
広いインターネットの中の居場所の一つとして、これからものんびり育てていきたいです。

畳む
サイト制作メモ 2026/06/06(Sat)
▼更新しました
過去に出したイラスト集のweb再録を行いました。
それぞれテーマを設定して作ったイラスト集になっています。
多分問題ないかと思いますが、もしページ順がおかしいとかリンク切れとかありましたらご報告いただけますと大変助かります🙇‍♀️

本文は『なんかいい感じのマンガビューア～slick-custom～ 』をお借りしていい感じにできました。
こちらトップページのリンク欄にもリンクさせていただいています🙇‍♀️
便利なツールやテンプレートを作成してくださっている方々に本当に頭が上がりません…。
皆様のおかげでサイト作りが楽しいです。本当にありがとうございます…🙏

その他サイト内リンクや文言など細かいところをちょこちょこと修正してます。
こういう小さいところは自分が気になったから直してる感じですが、見てくださってる方にとっても少しでも使いやすくなってたら嬉しいなと思います。

2026.04.04 追記
うっかり書き忘れてましたが『夏の日』の方は裏表紙のデータが無くて、最後のページが奥付けになってます。
探したらあるかもしれないので、もし出てきたら更新します🙇‍♀️
後ほど再録ページのコメント欄にもこちら書いておきますね…すみません…。

#更新記録
雑記,サイト制作メモ 2026/03/28(Sat)
プチ更新ですが、Memoのフォントを変更しました。
サイト本体と同じフォントにしていたんですが、PCで見るとちょっと細すぎて読みづらい気がして…。
太さや大きさをいじったりとか色々試したんですが、私のひよっこCSSスキルでは上手いところに着地できなかったので結局フォント自体を変えました。
前よりもちょっとポップな感じになったかなと思います。

#更新記録
サイト制作メモ 2026/03/16(Mon)
▼サイト周りで今後やりたいこと
・トップ絵を描く
・ギャラリーのサムネイルを一部変える
・CSのまとめページを作る
・同人誌の再録する

webオンリーまでにこの中からいくつかやれたらいいな〜と思っている
個人的な優先度トップはCSのまとめなんだけど、どういう形式にしようか考え中…
サイト制作メモ 2026/02/27(Fri)
開設早々なんですがMemoの文字間を微調整しました。
短文だと気にならなかったけど長文だとちょっと文字が細くて読みづらいかな…どうだろう…。
しばらく使ってみて気になるようだったらその時また考えます。
サイト制作メモ,雑記 2026/02/08(Sun)
アクセス解析をしたくて『lunalys』を導入してみたけどうまくデータが取得されない…なぜ…
てがろぐのアクセスは取得されてるけどサイト本体がダメっぽい
どこかのタグと干渉してるとかなのかな…全然わからない…
もう少し調べてみるつもり

2026.2.7 追記
特に何もしてないけどデータ取得されるようになりました　なぜ？？
単純に時間が解決してくれるような何かが起こっていたのかな…？
サイト制作メモ 2026/02/05(Thu)
てがろぐのカスタムがひと段落したので一旦これで完了ということで…。
一応サイトと色合いを揃えつつ、文字が見やすくなるかなと思って少し濃いグレーを足しました。
サイト制作メモ 2026/02/04(Wed)
【今日やったこと】
・メールフォームを導入した
・バナーを作った

バナーができました！！やった〜！
200×40の小ささに驚き、画質が想像以上にガビガビになって驚き…でもなんとか形にはなったのでよかった。
バナーって個人的に「個人サイトといえば」っていう存在だったので嬉しい。昔できなかった憧れがまた一つ叶いました。
サイト制作メモ 2026/01/31(Sat)
【今日やったこと】
・てがろぐのカスタマイズ
テンプレートをお借りして、色とかフォントをサイトに合わせて変更した
HTML ・CSSがちょっとずつわかってきたのが嬉しくて、色々いじってたらやりすぎて変になったところが戻せなくて大変だった
最終的にテンプレの元データと照らし合わせてなんとか戻せてほっとした…
サイト制作メモ 2026/01/25(Sun)
カテゴリ機能をやっと理解できたので、今までハッシュタグで分けてたサイト制作中のメモをカテゴリに設定し直してみた
サイト制作メモ 2026/01/25(Sun)
やること・やりたいこと
・ギャラリーページを完成させる
・メールフォームとメッセージツール設置する
・てがろぐのスキンカスタマイズする
サイト制作メモ 2026/01/22(Thu)
サーバーのサポートにバックアップデータ請求するしかないかと思った…お問い合わせメール書き終わったところで思い出して本当に良かった
index.htmlが表示されないのは多分キャッシュが残ってるからかなと踏んでるので明日確認する
サイト制作メモ 2026/01/19(Mon)
今朝スマホからもてがろぐちゃんと見えるか確認したら404エラーになってどうしようかと……
昨日試しにアップしたindex.htmlが表示されなくて、その時焦ってパスの変更をしてたのが原因だった
そりゃ404エラー出るよね　そこになければないんだよ
サイト制作メモ 2026/01/19(Mon)
今日の進捗…全体がなんとなくできたから試しにサーバーにアップしてみたけどindex.htmlにアクセスできない
サポート調べてもよくわからなかった…でもずぼログはちゃんと設置できてるのが確認できたからそれはよかった
サイト制作メモ 2026/01/18(Sun)