JA Searchを改装しました。
スマホ画面で見やすいように、モバイル・ファーストに寄せています。
ただし、検証に使ったスマホは Huawei P30 lite だけです。
検索結果のリストなど、スマホの狭い画面では、一部の項目を省略して表示するようにしました。
最近のスマホであれば、画面幅の広い横位置にすれば、PC版と同様の情報が表示されると思います。
技術的には以下の変更を加えています。
- PHPのバージョンアップに対応
- データベース関数を中心にスクリプトを書き換え
- サーバーをPHP 7.3に移行
- モバイル利用の利便性改善
- スマホでの使い勝手を意識したデザイン調節
- モバイル・ファーストを意識したスタイルシート
- 上記によるレスポンシブデザインの適用
- ハンバーガー・メニューの採用
- メニューへのFont Awesomeアイコンボタン採用
今回の改修は以前からの課題だったのですが、PHPのバージョン移行に伴うソースの書き換えが面倒で、ずっと放置していました。
URLは従来どおり https://jasearch.info です。