モバイルファーストとは

こんにちは、京都開発研究所のwebプログラマコースインターン生の武井健(たけいたけし)です！

皆さんはモバイルファーストという言葉はご存知でしょうか。Web業界だと常識の言葉だったそうなのですが、自分は以前の業務中に初めて知りました...

この言葉を知らないと上司の方に申し上げたところ、「マジか...」と言われてしまいました。家庭教師のバイトをしている友達が、担当している中２の子が通分ができなくて驚愕したと以前言っていましたが、多分同じようなことだと思います。社会に出る前に知ることができて本当に良かったです...　

というわけで、今日はモバイルファーストについて調べたことについてまとめようと思います。

モバイルファーストとは

web開発やデザインにおいて、モバイルの画面サイズを優先すること。特に、モバイルユーザーのアクセシビリティに配慮すること。googleでもseoの観点からこの取り組みを推奨している。

具体的な取り組み

・まずモバイルサイズのソースコードでサイトを構築し、クエリではモバイルより大きい画面表示サイズを調整する。

・モバイル端末はpcと処理できるデータ量が違うので、jsのDOMContentLoadedに遅延をかけたり、そもそもサイトで実行するファイル自体を最小限の規模にとどめる。

なので、HTMLの構造はモバイル画面で開いた時を想定して作る必要があるそうです。これからはこれらの姿勢を意識してサイトを構築しようと思います。

インターン応募ページ：https://guardian.jpn.com/recruit/intern/form/

メンバー紹介ページ：https://guardian.jpn.com/member/takeshi_takei/