まずは新しくなったウェブサイトについてお話ししましょう。このサイトは私の個人ブログで、更新履歴からもお分かりいただけるように、2014年から現在まで、サイトの外観はほとんど変わっていませんでした。これまでの更新はサーバー側の変更や細かな修正が中心でしたが、モバイル端末の進化、通信速度の向上、そしてUIデザインのトレンドの変化に伴い、ついに大幅なリニューアルを決意しました。
以前の主な問題は以下の通りです：
- デザインが現代的ではなく、従来の2カラムレイアウトは制約が多く、文字や画像も小さめで、スマートフォンでの閲覧体験もあまり良くありませんでした。
- トップページには記事が時系列で並んでいるだけで、過去の記事はほとんど注目されず、検索ボックスも奥深くにあって見つけにくい状態でした。
- スマートフォン版は急ごしらえで配慮不足な点が多く、多くの箇所で要素を隠すことで一時的に対応していました。スマホユーザーは多くの機能を使えず、単純にページをめくって読み進めることしかできませんでした。
そこで、以下のような変更を行いました：
- デザインを一新し、よりモダンなレイアウトに。画像と文字を大きくし、レスポンシブ対応も強化しました。
- トップページは、おすすめ記事を大きな画像で紹介し、その下に最新記事、そして特集カテゴリが続きます。過去の記事も簡単に見つけられるようになりました。
- バナー、フッター、メニューをスマホ版とデスクトップ版で統一し、スマホユーザーも全機能を利用できるようにしました。
- サイト全体をSSL暗号化し、JavaScriptの使用を最小限に抑え、HTML5+CSS3のみで構築。動画にも対応し、トップページでの再生も可能になりました。
既存の記事が数百件あるため、一つひとつ内容を修正することはできません。そのため、記事のHTMLを一切変更せずに外観だけを変える方法を採りました。また、初期の記事は使用している画像も小さいため、古い記事ではレイアウトに若干の不具合が生じる可能性があります。もし閲覧中に何か問題を見つけたり、ご意見・ご提案があれば、ぜひコメントを残してくださいね~~~
PS: IEは本当にフロントエンド開発者の天敵です。。。。
次はドローンのお話~~~ ドローンを飛ばすのは初めてではありませんが、陸家嘴という場所で、しかもこれほど良い天気に恵まれて撮影できたのは本当に嬉しいことでした。ただ正直なところ、ドローンの画質はプロ用カメラには到底及びませんし、iPhoneと比べても大きな差があります。特にハイコントラストなシーンや薄暗い場所では、全く使い物になりませんでした。
昼間：
夕暮れ時：
夜：
最後に動画を3本ご紹介します：
外灘から陸家嘴方面へ：
外灘に沿って飛行：
帰路に撮影したもの。遠ざかりながら降下しています。元の動画は1分以上ありますが、10秒に加速編集しています：
この記事の写真および動画はDJI Phantom 4で撮影し、LightroomとiMovieで後処理を行っています。
サポート
