ホムペ大型あっぷでーと！

2026年4月10日

雑記、お久しぶりです( ˘ω˘ )

サイト工事の自重とイラスト更新しまくるっていう4月の雑記で言ってたこと8割破っててワロエナイ
だってどうしてもレスポンシブ対応したかったんだもん！！！！他の方のサイトと比べてスマホから見た私のサイトがあまりにも文字やコンテンツが小さすぎて気になって仕方がなかったんだああああああああ

ので、レスポンシブ対応画面を作り直しました。。
自分で考えたウィンドウ表示されてた頃の画面デザイン、すごくお気に入りだったんですけどレスポンシブ対応のため全部作り押しに...(´；ω；`)
いや本当にお気に入りだった...
スクショが残ってたので思い出に載せておきます..


今回はpcとスマホ画面の違いをここでお見せしていきます
特にpcの画面デザインみんなに見てほしいのでスマホでしか見れない方にも見てほしい...！p

まずはpc画面

全体的に横！！って画面になりました。
トップ画面だけは絶対スクロールさせたくない！！っていう気持ち強めに出てます( ˘ω˘ )

ヘッダー部分

コンテンツには簡単にページ遷移できるヘッダー付きです。スクロールするとついてきてくれますスマホも同様にヽ(*´∀｀)

次にスマホ画面

スマホ個人サイトあるあるのハンバーガーメニューをこのサイトにも実装させました。
トップ画の隣が寂しくなったのでサイトの開設時期や日数など入れて穴埋めをしていきました(´ω｀)
メニューの中身はこんな感じ

レイアウトの位置はpcのトップ画と結構似てる
アイコンを置いてスマホ画面っぽくしてみました
WEB拍手のアイコンがかわいすぎてお気に入りです


あとこれもすき

(本当は「もどる」にしたかったけど「る」が難しすぎて「ろ」になった...)
レスポンシブ対応が終わったのでね！！もう流石に実装したいページだいたいできたのでマジでイラストを！！！更新したい！！！
外側だけガチガチにして中身すっからかんなの恥ずかしすぎる！！
あと漫画ページ、ウィンドウ表示前提の画面構成になってるのでめっちゃ見づらいです。でも流石に疲れたのでとりまちょっとづつ対応していきます_(:3」z)_

とまあスマホとpc両方に対応させるため前よりは文字も大きくなって画面が見やすくなったと同時に消さなきゃいけないデザインが多かったのが苦しかったです(´；ω；`)
そういえばサイト開設からちょうど2ヶ月っぽいな？
開設したての時と比べてかなり画面デザイン変わったので初期の頃とサイト比較の雑記も後で書きたい...
というわけで今回はここまでです！！書きたい雑記がたくさんあるので5日更新してなかった分いっぱい載せていきたいです！！！
ではおやすみなせえ( ˘ω˘ )ｽﾔｧ...
書いてる日　2026/04/10 0:44
起きたら....この雑記をアップします_(:3」z)_