#author("2022-05-20T05:52:33+09:00;2021-07-25T21:22:57+09:00","default:kanateko","kanateko")
#author("2022-07-06T04:29:04+09:00;2021-07-25T21:22:57+09:00","default:kanateko","kanateko")
#title(【お知らせ】サイトデザインが新しくなりました (2021-07-25))
RIGHT:''&fa(r){clock}; 2021-07-25 (日) 05:06:20''

&tag(お知らせ);

本日、午前5時よりサイトのデザインが新しくなりました。メインコンテンツ部分はこれまでのデザインを引き継ぎつつ、全体的により空間を広く使ったデザインになります。また、いくつか新しい機能も追加しています。

''表示がおかしい場合は、まず&marker{ブラウザのキャッシュを削除};してみてください。''それでも表示がおかしい場合はこのページのコメント欄にて詳細の報告をお願いします。

#contentsx


*主な変更点 [#z42c915f]
:全般|
--全体的により画面を広く使ったデザインに変更しました。
--ベースとなるテーマをライトとダークの2つに統一しました&note{:これまでは他に青みがかったダークテーマがありました。};。
--サイトのメインカラーを変更しました (&color(black){■};, &color(gray){■};　→ &color(#427782){■};, &color(#c4ffff){■};) 。
--欧文のフォントを変更しました (Segoe UI) 。
--画面右側に上下スクロールボタンを追加しました。
--上記のフロートボタン追加に伴い、記事上下に固定で配置されていたスクロールボタンを削除しました。
--[スマホ表示] メニュー表示ボタンが画面右側に移動しました (以前の位置は "トップへ戻る" ボタンになりました) 。


:ヘッダー・フッター|
--ヘッダーとフッターが全幅表示になりました。
--ヘッダー画像が背景とロゴに分かれました。背景画像とロゴは順次更新予定です。
--ナビゲーター&note{:ヘッダーにある編集関連のメニュー};にアイコンを追加しました。
--ナビゲーターに「名前を変更」ボタンを追加しました。
--[スマホ表示] 画面幅が狭い場合はナビゲーターが折りたたんで表示されるようになりました。
--画面上部に追従型のヘッダーを追加しました。このヘッダーにはホームボタン、シェアボタン、編集メニューが表示されます。
--上記の追従型ヘッダーに編集メニューを表示するようにしたため、ツールバー&note{:フッターにあった編集関連の小さなアイコンを表示していた場所};を削除しました。

:サイドバー|
--表示幅が広がりました。
--見出しデザインを変更しました。
--リストデザインを変更しました。
--検索ボックスのデザインを変更しました。


#ac(開発ノート){{
元々ウェブ制作の知識0の状態から始めた本サイトですが、ベースとなるPukiWikiを継ぎ足し継ぎ足し弄ってきたため、CSSや本体のスキンに重複した部分や冗長な部分など、不必要な記述が積もり積もっていました。いつか整理しなきゃなーと思いつつもそのまま継ぎ足し継ぎ足し。気づけば年単位で放置していました。おかげでいざ重い腰を上げて整理に着手してみると、想像以上にややこしいコードが出来上がっており、最終的に開発環境を整えて一からコードを書き直す羽目に。

そして、どうせ書き直すなら今風なデザインや機能を盛り込んでしまおうと考え、今回のリニューアルとも言えるデザイン変更に至りました。"今風" といってもsvgを使用したり追従型のヘッダーやフロートボタンを実装したりがせいぜいですが。この分だとまた知識を増やしつつ継ぎ足していくことになりそうです。

とは言え、今回手を入れたのは主にCSSやJavascriptで制御できる部分だけなので、全体的な機能面ではまだまだ "今風" とは程遠いところにあります。最近はゲストによるページ名変更やファイルの一括添付・プレビューといった本体機能にも手を加えてきましたが、このまま本体の機能面の改善も続けていきたいところです。

}}

*追記：修正項目 [#a94a8db9]
-&fa(li){check-square};regionプラグインの表示を修正しました。
-&fa(li){check-square};外部リンクにアイコンが表示されない問題を修正しました。
-&fa(li){check-square};Twitterプラグインが正常に表示されない問題を修正しました。

*不具合の報告 [#vcadd8e4]
表示に不具合が確認された場合、こちらのコメント欄にて報告をお願いします。その際、デバイスやOS、ブラウザの情報も記載していただけると助かります。
----
#pcomment(,10,above,reply)
#pcomment(reply)