お疲れ様です。今年に入ってから長く格闘していた、自サイトのリニューアルが完了しました。
色々苦戦してましたが、なんとか形にできました！
FANBOXやnoteとほぼ同じ内容の記事ですが、ご容赦ください。
好きな掲載場所を選んでいただけたら…
閲覧ありがとうございます。宜しくお願い致します。
✦✧✦✧
👇実際のサイト！ 先日公開しました！
私のhtml＋CSSの知識は……
子どもの時個人サイト作りが流行ってて、その時自分もいじってみてたのと、専門学生の時にもちょっと勉強、そしてノベルゲーム作りをしてた時に本を買って勉強。その程度の知識ですので……基本はネットでの情報頼り、そしてどうしても動かなかったものを一部GPTとClaudeに補助してもらいました。
宇宙と月と夢をイメージし、ダークモードっぽさを一番に作成しました🌕
メインビジュアルはふわふわ浮かせることを想定し、描きました！ いつかサイトをリニューアルするなら、腹をくくってマドメモをもっともっと押し出す…ことを半年くらい前に決めてたので、マドメモの重要人物である「一花 小百合」と「遊馬 那由多＋ハンディース」を描きました！ 改めて全身図です👇
タイトル：私を月まで連れてって！
名曲……！！ 私がこの曲を知ったのはエヴァでした……😌
宇多田ヒカルさんverの意訳がめーっちゃ好きです。
ピンク・水色をテーマに描きました！ ゆめかわ…
お花は（一応）月見草を描きました！ 通勤のとき使う道……からちょっとそれた場所に咲いてて、帰りなどに見る度にかわいいとなってました。
待宵草が月見草に間違えられやすい…ってやつ、物語の中の大事なお花の設定みたいでロマンチックですね。素敵です。マドメモでもそうしたいです。
海とかも描いてみました。くらげを浮かせた流れで…。
小百合は少女らしく、那由多はショタらしくを目指しました…。太もも、ケツ！
サイトの下には、文章がランダムで出ます！
‘私を月まで連れてって！‘
👉絵のタイトルにも使いました！
‘Fly me to the moon and let me play among the stars‘
👉歌詞です！ 「私を月まで連れてって 星空で遊ばせて」（宇多田さん訳）
‘「 想像力は未来だ！ 」‘
👉大好きな「映画ドラえもん のび太の月面探査記」ドラちゃんのセリフです。
‘はるかな彼方から、ずっと。‘
👉これは私が考えました……「はる」かな……という。
‘Let your dream devour your life, not your life devour your dream.‘
👉サン＝テグジュペリのお言葉です！
よければ実際に見てみてください！ メイン画像の下に出ます。
スクロールダウンは、Wordpressでお借りしたテーマについててお洒落～！！ となったのでお揃いにしました！
トップと創作ページには憧れのローディング画面を実装しました！ ちょっとテンポ悪くなりますが、世界観を出したくて！ コメントで触れて頂けて嬉しかったです。「月があなたを呼んでいます」はマドメモでも結構大事なネタバレな感じがします。
引き続き、いろいろ。
🌟Wordpress（Note）
🌟てがろぐ（Memo）
中でもWordpress（ここ）とてがろぐのfeed・RSSを読み取って反映、というのはとてもとても難しかったです！ 特にmemoを直に見て頂けることが多かったので、リニューアルを考えてる際、トップページを楽しくしたい→出来たらトップページも見てほしい→memoの情報もここで見れるようにしよう！ という感じでした。
あと、いつか昔の個人サイトみたいに隠しページを作りたくて。そのヒントを忍ばせる場所を作りました！ 文字反転したら出てくるやつ。
モーダルウィンドウの実装もやってみました！ これもなんか弄る度にぶっ壊れて大変でした。しかし、これらの仕組みを配布してくださってる神サイトさんのお力もあり、なんとか形になりました。
日記コンテンツの部分はそれぞれのツールの素晴らしさのお陰で、よきものになっています！ memoの方も、雛形のテンプレートをたたき台に、配布元のにししふぁくとりーさんのリファレンスを参考に弄りました。（大きな体裁は整えただけで…実は細かい部分で解決してない問題が3つくらいあります…）
🌟オリジナルコンテンツの目次
相変わらず地味なページですが目次？ を作りました。PCとスマホで表示が違います！ ここ用の絵とかもいつか描きたいです（優先度激低）
🌟創作ページ
メインディッシュなので、自分なりに色々挑戦しました！！ 本当に自分なりに。1カラムごとにアニメーションとかもつけれたかもなんですが、古き良き個人サイト感も大好きなのでそこらへんは触れずに… 安上がりかもだけど個人的には公式サイト感出せた気がして！ とはいえ1ページに詰め込み過ぎですよね…
マドメモで使う語句の説明とかも入れてみました！ マドメモ世界でのJAXAポジションは、ARIS（アリス）といいます！ ずっと考えてたんですが、夢が舞台だった創作の延長としてめっちゃお気に入りです！（自画自賛しててすみません！！）
イラストについては基本pngかつバカなサイズで搭載してた（本当にすみません）のを全部見直しました！ webp形式で載せてます！ かなりダイエットしたので、多少は軽くなったんじゃないかな？ と思ってます！ 全然掲載理由なかったnovel（小説もどき）は大半下げました…！ 依頼して書いて頂いたものはどんどん載せていきたいです（とはいえ本にしたものや掲載許可頂いてないものは置いておりませんが、素晴らしいお話ばかりなので今後もいっぱい載せたいです！）
そしてちょっとわかりにくいところにあるんですが、マドメモに興味を持ってくださる方に届いてほしいと思いここに置いた…町内名簿！
最初はイラストのテイストを極力揃えたいと思い昔の絵を再利用したんですが、須賀先生とまどかの段階で（キャラデザ変わってたな…）となりもうそこから先は無法地帯となりました また少しだけキャラ増やしたり名前調整したりもしてます！
今後の目標はここの情報濃度を上げていくことです！
前述のモーダルウィンドウをここでも使い…
これ！！！ これめっちゃ手ごたえあります！ いや、そんな凝ってないかもだけど！ 自分的にはとても手ごたえを感じました！ 途中変なバグり方してエコーさんにめっちゃ助けてもらいましたが…すごい公式サイト感あって！ 実際に動いてるのを見てひとりでオホホ～！！ ってなってました！ 数名とはいえあらかじめ立ち絵描いててよかったと思いましたし、今後も増やしていきたいです！
とってもお気に入りのページになったので、実際にもぜひ見てみてください！
FANBOXでの前回の記事で制作途中だったミニキャラも完成させてページに使ってます！
この中だと特にゆづき（右下の女の子）とネモフィラ（真ん中上のお姫様）が、とくに可愛く描けた気がしてお気に入りです！
実際の隠しページはまだできてないので、頑張ったとこは大体こんな感じです。前も自分なりに頑張って作りましたが、もっともっと好きな感じになったので、これからもカスタマイズを楽しみたいです！（時間が爆速で溶けるのがつらいですが…！）
自分の拠点は引き続きmomoirohuman.comになると思います！
今後ともmomoiroHumanをよろしくお願いします。
▽おまけ トップページの絵の話のつもりが那由多の話になった記事
✦✧✦✧
サイトに頂いた小説を掲載しました（宣伝）
私が喜んでるだけなんですが！！
5月にまた、有償依頼をしました。絵もなんですが、自分は小説読むのが好きなので、小説をオーダーしがちです！ で、最後に納品いただいたこちらをサイトに掲載させて頂いて、改装と重なり告知をし損ねていたのでここで失礼します！
タイトル：月より遠い、夢の果て（※R-18）
文章量として読み応えが半端ないうえ、「自創作の二次創作」をここまで深くやって頂けたことに感激しております…！ 依頼時にこちらが全ての情報を開示していたわけではないんですが……独自解釈や、恐らく自主的にノベルゲームなどにも触れて頂けて…！ 本当に二次創作！！ って感じですごく興奮したので！ ぜひ、お時間ある方は見てみてください！ カップリングは真百合です。
真百合です！！！！！（知ってた）
基本健全な激熱展開なのに、後半どちゃしこエッチしててぐひゃひゃ！！ ってなってました…ハァ～～可愛い！ 可愛い真百合！！（脳直感想）
このふたり未だに沼ってます！ 自分でもなんかまた描けたらいいなって思います！
作業中にご依頼の相談をいただいたこともあり、そちらの作業と…
引き続きマドメモの肉付けをしていけたらと思います。
とにもかくにも、引き続き頑張ります。
ここまでお目通し頂き、ありがとうございました！
送信中です
