feinatelier.org の完成とこれから
必ずしもGoogle Cloudである必要もなかったけど、App Engineなら他のGoogle系サービスと相性良いからね。
プログレッシブウェブアプリは、もともとGoogleが提唱したものなのです。
主な更新履歴
日々の更新の中で、大きく変化した部分だけを掲載しています。
いろいろ追記していますが…大変なので、まとまってから1行ずつお知らせします。
ていうか…めちゃくちゃ人が来るけど、グラスタ表を生んだテユールメナス はポータルサイト(fein's
portal)に数年前から掲載されていたよ?
なにも最近になって長文ニュースを公開したわけじゃないし、似たようなことは以前からTweetしていました。
ただ…ポータルサイトでは、目立たないよう隠しテキストにしていたけどね。
こういう自分で構築するプラットフォームに、後から綴じるつもりだったので。
スマホゲームのガチャが心配な方でもアナデンなら?! を公開しました。
何かとセンシティブな話題になりがちなガチャと課金ですが、シンプルに仕上げてみましたよ。
このサイトへ遊びに来る人たちにはあんまり関係ないけど、Instagram投稿用画像作成ページ を作成しました。
自分のサイトにひな形を用意しておいて、ザーッとhtmlを記載するほうが遥かに手早く投稿できるのです。
グラスタ表を生んだテユールメナス
に、「グラスタ説明書は今までもたくさん作られてきたよ、でも…」を追加しました。
こんな感じで、次々と追加していきます。
グラスタ表を生んだテユールメナス が完成しました。
グラスタ表に近接する形で、随所に内部リンクを設定済みです。
天冥255にしたキャラ ~もしくは天冥255にした方が良いキャラ~ が完成し、工事中の付箋を剥がしました。
今のペースでコードを書いていけば…
私の推しが全て星導覚醒するまでに、アナデン関連のページが全て完成するんじゃないかな?
これで、fein's portalにあった「天冥255にしたキャラ」と「天冥255にした方が良いキャラ」はこっちへ移行したことになります。
文章の中身によって各ページに振り分けているから、この更新履歴には書き切れないけどね。
最推しキャラのフィーネについて が完成し、工事中の付箋を剥がしました。
Blueskyを始め、SNSの運用も先日から変更しております。
時間もあり、勢いもついた今がチャンス!
サイトの更新ペースと更新量を上げていきます💨
このページに掲載するのは、大きく変化した時だけにしますね?
全て記載していると煩雑になり過ぎるから。
アナデンのお気に入りグッズや写真 が完成し、工事中の付箋を剥がしました。
今後もいろいろ追加していきます。─ 溢れかえったらWebページ分ける😵💫 ─
最推しキャラのフィーネについて も続きを書いています。
ネタバレ有_アナザーエデンの思い出全集 の続きを書いてます。
Webで何かをヒットさせて稼ぐなんて、そもそも非現実的です。
ご興味がある方は 個人サイトによる小遣い稼ぎ をどうぞ。
ITのいろんな資格に出逢えなければ、私は道を踏み外していた可能性がありますよ。
アフィリエイトで得た小銭より、合格証書のほうが何倍も嬉しかったですね。
そういえば受験料+教科書代で、今まで何十万円かかっているんだろう?
当時の私が承認欲求を満たしていたのか、はたまた自己実現を試みていたのか、今でも分かりませんが…
その頃に勉強したソースコードを寄せ集めて作られているのが、このWebサイトです。
あ、そうだ!
ちょっとここでオマケというか、番外編を書いてみようかな。
今はAIがいますよね?
もともと高いスキルを持っているプロフェッショナルが、AIを使い倒していろいろ開発している時代です。
もう、ちょっと…普通の個人では厳しいかもしれません。
このような形でいかがでしょう?
さて…そろそろ、当サイトにおけるマシュマロを用いたTL占拠に係る事案(以下、マロ事案)掲載については、幕引きとさせて頂きます。
このサイトのPVそのものを押し上げる開発を優先しないと、問い合わせをしてきた人たちの声も十分に、そして継続的に拡散しませんからね。
ここで言う幕引きというのは、次のような内容となります。
最後の一文が大切なんですよ。
マロ事案に関する問い合わせ回答をいつまでもSNSで続けていると、そのSNSにコンテンツを投稿しにくい雰囲気となってしまいます。
分かりやすく言うと「マロ連投が消えた途端、アイツとコイツが投稿するようになったよな…」という視線に、問い合わせ者が晒される可能性があります。
上述の特設エリアには、2025年5月22日現在、最低でも連日500人を超える人が文章を読みに来ています。
炎上は避けるべきですが、事態を知る人はこれからも増え続けます。
これにより、以前から当サイトへ問い合わせを投函してきた人たちの声が消えることはありません。
当サイトは今後も拡大を続け、より一層PVを伸ばしていく所存です。
「幕引き」という言葉で変な誤解をしないように。
ご安心ください。
唐突だけど、好きな感覚ですね。
次の何かを見つけるまで、もう私に目標らしきものはないんだけど。
こうして淡々とサイトを作り続けている時間は、とても癒されます。
なんかこう、エンディング後と言いますか、「その後」という雰囲気。
ぶっちゃけ話題なんか何でも良いんだよね。
ある一時期しか注目されないような話題さえ避ければ、増やせば増やすほどいい。
学生時代はそうやってWebページを増やすたびに上昇していくPVに喜んだものだけども。 ─ PVとは、単純に言うとサイトの訪問者数のことです。 ─
同じような形になっているグラフを見ても…
不思議と、学生時代のような高揚感はないですね。
何度も経験したからなのかもしれません。
人間は何にでも慣れていくわけです。
ふとしたときに「また○○やってみようかな…」みたいな気分になることもあります。
でもいい加減、そろそろ立ち止まる時間を作った方が良いと自分で思うんだよね。
根拠はないんだけどさ。
その立ち止まっている数年間は、このWebサイトをひたすら発展させていきましょう。
おっと!
こんなお気持ちブログばかり書いていないで、そろそろWebページ制作の続きに行かなきゃ💨
移行しやすいというか、リスクがないですよ。
自分の文章が他所のWebアプリに書き込まれる形だと、何か特別なダウンロードなりエクスポートをしないと、サービス終了時に大変な労力を伴います。
あのMicrosoftのブログサービスだってサービス終了したからね。
自分の手元にひとまとめにして開発できて、それを丸ごとアップロードできるような形態がベストかと。
そこに自分が大切にしているものを何でもかんでも突っ込んでおけば、長い時間をかけて人を呼べるでしょ?
徐々にSEOをかけていくということだけど。
でも、おおよそルートは決まってますよ。
フロント作って、必要ならサーバ書いて、デプロイしてからドメイン契約して…
そんなに大層なことではないよね。
あくまでもノーコードでいくなら、Web作成用のソフトウェアで開発してもいいんだし。
まさかイーロン・マスクのような人物がTwitterを買い取り、システムをめちゃくちゃにするとは思わなかったからね。
アナザーエデンの思い出をTwitterのモーメントに残しつつ、アナザーエデンが真のエンディングを迎えた後で、アカウントをアウトドアに切り替え、同時にこのサイトを公開するつもりだったのですよ。
「魚サイト」として。
昔のTwitterはこうしたWebサイトに後れを取らないほど良いシステムであり、外部にもオープンだったのです。
PVとしても十分な数を確保できたし、SNSでありながらモーメント機能でTweetを繋いでいくこともできた。
ちょうど、このサイトのようにサイトマップを作り込んで各ページに飛んでもらうような動きができていたのです。
でも、イーロン・マスクのせいでTwitterがダメになってしまいましたね。
そこで気持ちを切り替え、ちょうどアナザーエデンで★6が実装されたこともあり、Googleサイトを可及的速やかに用意しつつ、このサイトも数年以上も早くパッパと公開しちゃうことにしたのです。
アナデン関連の記事も全てTwitterから移して。
まさに移住ですよ。
結果として、私にとって X はサイトに従属するだけの間借りシステムに格下げとなりました。
ほんと、適当にテキストと画像を投稿できれば良いだけの軽量ブログだよね。
PVもこのサイトのほうが遥かに高く、Xは広告としての役割を果たせているかどうかも怪しい。
まぁ、どっちみちTwitterにあったコンテンツは全て救出したので。
後はどうなっても知りません。
Webサイトの仕組みが完成すると、次のようなサイクルがやってきます。
細かく解析ログなどを見なくても、GoogleとMicrosoftが目立つものを通知してくれるんです。
その通りにやっていけば、トラフィックが伸びていきます。
その改善を行いつつ、新しいWebページを増設し続けていくんだよね。
真剣にやるとかなり忙しいですよ?
やればやるほどWebページの数もトラフィックも増えていくのですから、より広い範囲でソースコードの改善を次々と押し進めていくことになります。
「個人サイトが見てもらえない…」というのは、SEOが原因ではないケースが多いと思います。
そうではなく、私が見ている限りですが、コンテンツの量が単純に少ないんですよね。
10ページにも満たなかったりするサイトも多いです。
私のサイトはPDFページも含めると400近いページがあるし、それもテキスト中心の内容となっています。
サイト制作の序盤は単純に物量と言っても良いのかも。
デザインなんかそっちのけで良いから、とにかく大きくしないとトラフィックも増えないと思います。
サイトマップを送信後、GoogleとMicrosoftが通知してくるようになってからが本番ですよ。
どんどん新しいWebページを作り、既に作ってあるページは改善を重ねましょう。
アクセス解析のグラフが右肩上がりになっていくはずです。
ドメインが変更されると、SEO関連設定も一通りリセットに近い状態となります。
これのタイミングがまた難しく、周囲の状況も見ながら滑り込ませるように設定を終えなければなりません。
独自ドメインもサイトマップも、インターネットに定着するのは時間がかかります。
定着と言うのか、もしくは浸透と言えば良いでしょうか。
今はゲーム関連の話題をポータルサイトから移行させていますが、これも今のうちでしょう。
ここで言う今のうちとは、短期的な話ではありません。─ 例えば4/5のイベントなど ─
そうではなく、アナザーエデンがまた大きく変化するまでという意味です。
あるいは、変化しないかもしれませんが。
昔に比べて、アナデンの熱気が落ちましたね…
その場では言及を控えていましたが、やはりと言うべきか…アナデン関連の情報流通量が全体的に減っていると思います。
分かりやすく言えば、インターネットへの動画等の投稿数が、昔に比べて下がっている。
私のTwitterアカウントがいわゆる「アナデン垢」であるため、ドメイン変更をするなら今だろうと。
正直、そう判断したんだよね。
Twitterもこれから先、悪くなることはあっても、良くなることはないと見ています。
先々のことを考えた時、どこかで index.html をセオリー通りWebサイトの表紙にして、グラスタ表はアナデン・ディレクトリの仲間に入れたほうが賢明と言えます。
そのほうが、当Webサイトのトラフィックは伸びるでしょう。
AI関連で連日のように騒ぎが発生していて、そちらのほうは熱気が落ちるどころか日々ヒートアップしているのですから。
まぁまぁ🎵
独自ドメインとサイトマップが落ち着くまで、様子を見ましょうか。
これにて、学生時代から温めてきた構想が形になりました🎉
これだけの環境をクラウドに構築しておけば、十分でしょう。
一番のウリは、「動的Webサイト」と「静的Webサイト」が相乗りしたシステムであることです。
普段はフロントエンド3言語による静的ウェブサイトを更新していくことで、いろんな話題を自分のデジタル空間へ盛り込んでいけます。
IT話でもゲームでも釣りでも何でも。
一方、ユーザーからの操作に応答するような凝ったシステムを実装したい時には、サーバーサイドスクリプトによる動的ウェブサイトへコンテンツを構築すれば良いですね。
そしてこの動的Webサイトと静的Webサイトは、自由に切り離しが可能となっています。
際限なくサイトは膨張していくでしょうけど ─ Web開発も趣味ですからね ─ 、GCP・AWS・Azure のどこにでもコンテンツを移植し、マルチクラウドなWebサイトとして拡張し続けることが可能です。
そしてそれらは全て feinatelier.org の独自ドメイン及びサブドメインで統合されます。
自分のソースコードがグチャグチャになってしまう問題も ファンサイト制作のためのアトリエ で解決しました。
ソースコードの管理行為そのものが、このサイトのさらなる拡張を強力にバックアップしてくれるでしょう。
昨今のTwitterにおけるAI学習忌避運動は記憶に新しいところです。
その中で、度重なるSNSの移住に疲れ、どこかに落ち着きたいと言っていたアカウントが多数見られましたね。
いわゆる「個人サイト」というのは、大きく分けて2つの形があるでしょう。
一つはソースコードを書かないタイプの個人サイト。
もう一つは、このサイトのようにソースコードを自分で書く個人サイト。
前者は手軽に作れますが、デザインなどに制約があることが多く、AI学習から自分のコンテンツを守り切れる保証はありません。
後者は自由に作れてAI学習防止対策も充実しますが、やればやるほど学習コストも際限なく上がっていくという難点があります。
私は「ソースコードを自分で書く個人サイト」について、積極的にお話していこうと考えています。
なぜなら、金銭面も含めて自由である方が楽しいと思うからです。
もちろんAI学習を避けるための仕組みも自由に構築できます。
たとえ学習コストが高くついたとしても、それは将来の糧となり、場合によっては「リアルの正規の職」へ繋がることがあります。
なんでも積極的に勉強した方が良いというのが、私の立場です。
当Webサイトの問い合わせフォームに、マシュマロ事案に関する苦情が投函され始めたのは、この新サイトが形になってきた頃からです。
そこから日に日に増えていき、ついに無視できないほどの強い言葉と猛烈な批判が次々と来るようになり、対応させて頂きました。
2025年5月の大きな出来事と言えば、マシュマロ事案への問い合わせ対応が主たるものです。
アナデンの新規獲得キャンペーンに集中していました。
グラスタ表にコードコピー機能を付けて、1ヵ月ほどで招待数のカンストを達成。
当サイトがアナデンの魅力を十分に伝えられることを、外部にも立証できた時期です。
特に独自ドメインを設定する時に注意点について記載した時期ですね。
URL文字列の盗用を始め、やってはならないことなど。
その後はドメイン移行後の細かい修正などをしておりました。
独自ドメインで統一する前の、大きなシステム変更の準備をしていました。
サーバーサイドスクリプトもそうですが、ディレクトリ構造や中身のソースコードも大きく変わりますからね。
可能な限りシステム停止がないように工面していたものの、幸いなことに、2025年3月にミスなく独自ドメインへ移行完了しました。
私事で恐縮ではございますが、当サイトの中の人が事務職からSE職へ変わりました。
転職ではなく、ただの部署異動です。
プライベートではWeb開発。
職業としてはシステム管理者。
公私ともに情報技術に関わる者となりましたね。
大きく動いた時期です。
LuaやPythonをフロントエンドで動作させることで、ちょっとしたUIを導入することができました。
また、ファンサイト制作のためのアトリエにより、長年に渡って悩み続けてきたソースコードの管理というテーマが解決しました。
このあたりからですかね?
ソースコードの管理に課題を感じるようになってきました。
何千行くらいあるんだろう…
ちょっと分からないけど、人間の記憶に頼っていては難しい状況になっていたのです。
昔から悩んできたテーマなのですが、12月にあるゲームのコラボ企画で解決することになります。
さっそくと言うべきか、長大なページになってきました。
このapp
engineによる新サイトができたのは2024年9月15日なのですが、この10月くらいまでは基礎のhtml・css・JavaScriptとPythonを過去の自分のノートから組み込む作業が多かったです。
それも2024年11月初旬にはほぼ完成し、残りはせっせと文章を移していく体制に移行しましたね。
head内部のコードを順次最適化
どこかで動作しない部分が出てきたらごめんなさい…でも私自身が後から気付ける仕組みになってるから。
これは人が見えるところの更新ではないんだけど、ページ読み込み速度に影響します。
完璧にするのは難しい側面がありますが、例えば グラスタの場所一覧表 のように複雑な構成及び画像が何枚も入っているようなページだと、体感レベルで大きな差が出るのです。
これはチャレンジネタだと思うよ?
実際にはLua以外にも様々な言語が使われているはずです。
ひとまず箇条書きをやってみました。
Luaは触ったことがありませんが、詳しくはアナザーエデンのプログラミングを個人サイトで試すにてご紹介させて頂いております。
下のスクリーンショットには、rss202410.htmlというファイルが写っています。
これはアクセスが減っていくと思われる過去の更新記録ですが、残しておく必要はある。
この種のページは今後も増え続けていきます。
将来的にはこういうファイルを使って実験をしようと思ってますね。
AWSやAzure、Cloud RunなどにデプロイしてこのWebサイトと繋げてみるのです。
このWebサイトに悪影響を出さず、閲覧者に一切迷惑をかけることもなく、いろんなクラウドサービスを試し放題。
手書きコードだとこういうことを自由にできるのが強いと思います。
具体的には、次に示すようなクラウドのプロダクトを使います。
App Engineは今このサイトがホスティングされているプロダクトですね。
次はAWS Amplifyの予定ですが、アクセスが増え続けて経費がかかるようになってからでも遅くはないでしょう。
ただ、どのような設定環境下でどのくらいの負荷がかかると経費が発生するかまでは、試してみないことには分かりません。
限界までApp Engineを無料で使い倒してみるのも良いですね。
実り多い学びの機会となるでしょう。
私の想定が間違っていなければ…
これらのクラウドに分散させることで、総計で1000を超えるhtmlページを持つ大きなWebサイトであっても、無料で維持し続けることができるかと。
↑前言撤回します。
トラフィックが増えてくると、さすがに無料とはいきませんね。
でもこれはWebサイトのお客様が増えている証拠であって、嬉しいニュースです。
全ページをリスト化したサイトマップも用意していますが、けっこうなページ数があります。
下記の「カテゴリー分けサイトマップ」のほうが使いやすいでしょう。
アナザーエデンの強敵戦やストーリーコンテンツのリスト、お勧めバッジなどを掲載したコーナーです。
期間限定のない普通のRPGですので、初心者でも安心して続けていけるゲームとなっています。
もっとも重要なグラスタについては、場所別に網羅した表があります。
個人でウェブサイトを作るにはどうすればいいか。
HTML・CSS・JavaScriptの書き方はもちろん、無料かつ広告なしでホームページを作る方法を掲載したコーナーです。
Webデザインやレイアウトについても書いてあります。
ゲームとパソコンだけじゃなく、アウトドアも趣味なんです。
このコーナーでは魚釣りの記録とか、魚料理のレシピ、はたまたサイクリングなどなど。
アウトドアに関連するコンテンツが詰め込まれています。