diary
2025.10.14.(火) diary ✎
ありがとうございます!やる気出ます!
2025.10.11.(土) diary ✎
2025.10.9.(木) diary ✎
2025.10.8.(水) diary ✎
(ツイート埋め込み処理中...)Twitterで見る
2025.10.7.(火) diary ✎
2025.10.6.(月) diary ✎
2025.10.5.(日) diary ✎
2025.10.4.(土) diary ✎
2025.10.3.(金) diary ✎
2025.10.2.(木) diary ✎
2025.10.1.(水) diary ✎
2025.9.30.(火) diary ✎
2025.9.29.(月) diary ✎
2025.9.27.(土) diary ✎
← / →
1 2 3 4 5 6 7 8 9 10
表示中のカテゴリに限定して検索
リンク...
面白そうなサービスを見つけたので、共有します。
私は今有料サーバー借りてやりたいことを大体できているのでメインで利用させていただくことはなかなかないかな?と思うのですが、ホームページ仲間が欲しいので……。
アニメーションが簡単につけれたり、最近のホームぺージって感じでいいですね。
せっかくなのでホームページ制作にあたっての記録を残したいと思います。
個人サイト制作に至るまでの経緯
8月下旬、イベント後に気が抜けたのか謎にSNSが猛烈に嫌になって、数日間意図的に距離を置いていました。自分に向いた使い方を模索するうち、ブログっていいかもな…と思い始め、FC2で一端作成。
しかしアダルト方面の規約回り(この辺グレーですが、サーバーによってはR-18の同人誌を売っているBOOTHやとらのあなのリンクを貼るだけでアダルト商用利用とみなされるそうです)がややこしそうだったので、アダルトOKかつ自由度の高いサービスを探すことにしました。
色々検討した結果、同人アダルトOKかつサーバー代も安価で初期費用無料キャンペーンをやっていたリトルサーバー さんで無料お試しを始めることに。
最初は今はやりのワードプレスでかっこよく今風のHPを作ろうとチャレンジしたのですが、どうにも肌に合わず……。
html個人サイト全盛期にサイトを運営していたことがあり、独学知識がベースにある分、ベタ打ちのほうが手を付けやすそうだなということでワードプレスは諦め、htmlとCSS書いて作ることにしました。
その過程でリトルサーバーさんの問い合わせフォームに助けて頂く機会があり、迅速かつ手厚い対応に感動したので、本契約を決め、1年分のサーバー代をお支払いしました。2000円ちょいとかだったと思います。これで広告なしで自由にできるのはかなり安い!
その後、一旦はテンプレート配布サイトさんのものを使用させていただいていたのですが、やっぱり自分でやってみたい!という気持ちが強く、いろいろ調べまわりながらねりねりした結果、今の形になります。
ホムペのこだわりポイント
ブログ(このページ)はてがろぐ というCGIを利用しており、これがもう……本当にすごい!
自由度が高い分、設置にはちょっとややこしい部分もありますが、非常に使いやすいです。
無料サーバーで動かせるところが少ないのがネックですが、私のようにちょっとお金払ってでも好き勝手やりたい!という方にはお勧めです。スキンと呼ばれるてがろぐのテンプレートを配布されている方もいらっしゃるので、サーバー上にファイルを置いてちょっとだけ触って…ができる人なら何とかなると思います。
小説ページはJavaScriptを使ってpixivと同じ文法(ルビとか改ページとか改行とか)を流し込むだけでそれに応じたタグに置換するよう設定してあります。
後述するFTPとエディタが一緒になったアプリを使って、『小説用のテンプレートページファイルを複製→新しくupしたい小説を貼り付けてページを作成→リンクを貼る』だけでスマホからも更新できるようにしました。
リンクを貼ってアップロードする手間はありますが、ページを作る手順としては支部やぷらいべったーとほぼ変わらないです。
以前、ナノという携帯向けホームページサービスで個人サイトをやっていたんですが、ハートなどの記号をコードに変換しないと文字化けするとか、たくさんの文字を1P内に書けないという問題があり、これがかなり手間で更新が滞ってしまっていたので、その辺の問題をクリアにできたのが個人的にアツいですね。
使っているツール
FileZilla(FTPソフト)
借りているサーバー上に書いたファイルをアップロードするためのものです。使いやすく接続が切れることもないです。以前はFFFTPを使っていましたが、サーバーとの相性が悪いのか?よく切れてしまっていたので乗り換えました。
Visual Studio Code(HTMLエディタ)
htmlやCSSを書くためのソフトです。
ずっとメモ帳でカタカタ書いてましたが、導入したら使いやすいのなんの。Microsoft製なのでなんか安心感があります。
複数行を複数ファイルで置換できるのもかなり助かっています。
LiquidLogic(エディタ兼FTPスマホアプリ)
スマホでhtmlを書いたり、サーバーにアップロードしたりがこれ一つでできるアプリです!
私はOneDrive上にホームページのファイルを置いてあるので、OneDrive上のものを編集→サーバーに接続してスマホから更新しています。
こんなところでしょうか。
かつては古の携帯サイトの代名詞だった携帯ホームページフォレストもフォレストページ+ になって今風のホームページが簡単に作れるようになり、有料ではあるもののerla というお手軽かつおしゃれなホームページ作成サービスも出てきていまして、逆に今!個人サイトがアツいのではないか…?という流れが来ている気がします。Twitter(エックスとは呼んでやらない)に翻弄されるのが疲れた人が行き着いているんでしょうかね。
個人的には自分のおうち感があり、SNSほどたくさんの人の目に留まるわけではないけど、だからこそ意にそぐわない視線から逃れつつまったり好きなことを書ける場所で、とても気に入っています。来ていただくハードルは高いけど、その分一つ一つのリアクションやアクセスのありがたみを感じるというか…。
個人サイト制作について興味がある方は、こちらのサイトをぜひご覧になってください。令和の個人サイトについて、便利なツールやサービスごとの違いなど、わかりやすくまとめてくださっています。
リンク...
私が今使っているサービスの話メインなので多少なりともお金がかかってしまう方法しか書けなかったのですが、冒頭で書いたピクページに加えアダルトを取り扱わない、ブログだけでいい!というならいくらでも選択肢があると思うので、ぜひ自分のおうちとしてブログやホームページを作る方が増えたら嬉しいな〜と思うのでした。
畳む