一覧ページを軽く、トップと導線を整えました——カテゴリ折りたたみ・トップへ戻る・印刷対応・重い機能の後読み

今日3回目の整えです。計算や変換の内容は変わっていません。

全ツール一覧が軽くなりました

全ツール一覧 は 265 枚のカードを縦に並べていたため、スマートフォンでは高さが 58,000px ほどありました。カテゴリごとに折りたたみ、見出しを押すと開く形にしました。絞り込み欄は最上部にあり、語を入れると該当するカテゴリだけが自動で開きます。「すべて開く」で従来の一覧にも戻せます。

トップページと導線

トップページの「資格・検定」の節は、他の節と同じ大きさの見出しにして後ろへ移しました。最初の検索欄には直接文字を入力でき、そのまま検索が開きます。東京の天気で背景が変わる仕掛けは、スマートフォンでも右上に小さな表示を出すようにしました。

スマートフォンのメニューは、最初の群を開いた状態にし、「最近使った」を先頭に置きました。カテゴリまでのタップ数が減ります。

全ページ共通

長いページの右下に「トップへ戻る」が出ます。印刷するときは、ヘッダー・共有・関連ツール・FAQ などを省き、本文だけが1カラムで出るようにしました。

PDF の結合・分割 は、処理ライブラリ（約 500KB）をページを開いた時点で読み込んでいましたが、ファイルを選んだ瞬間に読み込む形に変えました。画像変換の HEIC 対応や PDF の表示系は以前から同じ方式です。