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)
改めて書いてみると「たくさんの方々に支えられてサイトを持つことができたんだ…」としみじみと感じます。本当にありがとうございます🙇♀️
この記事では紹介を割愛させていただいたものもありますが、サイト内でお借りしているテンプレートやツールについてはトップページにリンクを貼らせていただいています。
そちらもぜひご参照ください。
▼概要
サイト本体はHTML/CSSでできています。
昔通っていたサイト様は時代的にほぼHTML手打ち一択で、その憧れに近づきたくて同じ形式で作りました。
とはいえちょっと調べただけの初心者には流石にゼロからサイトを作ることはできなかったので、後述のHTMLテンプレートを一部改変する形で作っています。
日記ページ（ここ）はにししふぁくとりー様のてがろぐ で作りました。
サーバーはリトルサーバーを使ってます。
料金が手頃、ドメインが短め、成人向けOKなどが良かったのでここにしました。
現時点では年齢制限ありのコンテンツはないですが、いざやりたいとなった時に困らないかなと思って一応考慮してます。
（レンタルサーバーは成人向けNGのところが割と多いので…）
▼サイト本体（デザイン面）
空蝉デザイン 様のテンプレート『Gallery01』をお借りしています。
シンプルなデザインが好きで探していたところこちらを見つけて、やりたいサイトのイメージに近かったので使わせていただきました。
こちらをベースにフォントの種類や色、区切り線のデザイン（実線→点線に）など変更しました。
また制作者様の方でテンプレートに含まれていない要素を拡張する追加コードも合わせて配布してくださっていて、リンクページなどはそちらを使用して後から増設しています。
▼作品ページ
イラストはHTMLテンプレートに入っていたギャラリーページをそのまま使っています。
web再録したイラスト集は『なんかいい感じのマンガビューア～slick-custom～ 』 をお借りして漫画みたいに展示しています。
本当に、なんかいい感じになってすごいです。
なんかこういうビューアー的なので自分の絵を見るとちょっとカッコよく見える気がしてテンション上がります。
▼日記ページ（ここ）
上でも書いたようにてがろぐを使用しています。
サイト作りの情報収集をしている時に何度も名前を見かけた定番マイクロブログツール・てがろぐ。
「こういうことやりたいな〜」と思ったことが調べると大体できるので毎度驚きます。
あとスマホからでも簡単に更新できるので、移動中に下書き作ったりとかできるのが便利で気に入ってます。
スキンはpipi 様の『02：紙っぽい背景のてがろぐスキン』をお借りしました。
サイト本体と雰囲気を合わせたくて色や一部フォントを同じものに変更しています。
デザインがおしゃれでかわいいところと、投稿フォームのデザインが見やすくて使いやすいところが好きです。
▼連絡手段
メールフォームとWAVEBOXを設置しています。
別記事 でも触れましたが作品ひとつひとつにはリアクションボタンなどを付けず、あまり細かく反応や評価がわからないような作りにしました。
今はXも併用しているので、リアルタイムなやり取りはXの方でやろうかな〜という方針です。
WAVEBOXはかねてより気になっていてサイト制作を機に登録してみました。
絵文字を送るという気軽さが使いやすいのか、結構送っていただいてて有り難いです😭励みになります！
▼アクセス解析
反応が見えにくいことでマイペースに運営できるとは言ったものの、人が来てくれてるかどうかが全くわからないのもそれはそれでモチベ保てなさそうだな…と思ってアクセス解析も付けました。
不正アクセスがないかのチェックも兼ねています。
ツールはLunalys を使用しています。
画面構成がシンプルかつ知りたい情報も一通り入っているのでいい感じです。
少し前のアップデートで最新バージョンへの更新もすごく簡単になったみたいです。
長くなりましたが2026年6月6日現在の『_0w0_（サイト名）』はこんな感じです！
こういう記録を書いておきたいなと思っていたので、イベントきっかけで書けてよかった。
いつかサイトを改装することになった時はこれを読んで懐かしくなったりするのかな〜。
畳む