老眼とレスポンシブ

ここしばらく、こまめにコロナワクチン接種予約のチェックをしてるんですが、電話・ネットともにちっとも予約取れない状況。…困ったものです。

今僕は、とくに “かかりつけ医” が無いので基本的に集団接種に行かなきゃなんだけど、千葉市の接種会場は３カ所しかなく、ずーっと空きがない。

…もっとも、僕などは現状問題なさそうだし、方針として妊婦さん優先ってのも至極当たり前だと思うし、いずれはワクチンの供給も十分になるんだろうから、待つしかないのだけど。

日常が戻る日は、いつになるのやら。

こんなふうに、ワクチン予約サイトのページをちょいちょい再読み込みしてるんですけどね（笑）。

…と、ここからが本題。

PCもスマホも、同じページがそれぞれの画面サイズに合わせてキレイに表示されてます。

「レスポンシブ化」は、ホームページを作ったりする上で今や必須条件。

何年か前までは、レスポンシブに対応してないサイトがまだいくつかあり、そのページをスマホで開くと “PC画面のレイアウトのまま縮小されて見づらい…” なんてコトもあったような…。

僕はブログ制作に、ほぼほぼMacを使ってるのですが、Macのブラウザ「Safari」には、簡単にレスポンシブを確認できる機能があります（もちろん他のブラウザにもありますが）。

ためしに自分のサイトで見てみると…

Safariのデフォルト（初期設定）ではレスポンシブの確認は出来ないので、最初に

メニューバー「Safari」→「環境設定」

「詳細」の一番下にある「メニューバーに“開発”メニューを表示」をチェック。

すると画面上部のメニューバーに「開発」が追加されます。

その開発の中の項目「レスポンシブ・デザイン・モードにする」を開くと…

このようにiPhoneやiPadなど、それぞれサイズの違う画面に合わせた状態で表示できます。

このアトリエフェイクはWordPress内の既存のテーマで作ってるので、何もしなくても最初からレスポンシブに対応してるので、このように表示されますが、自作のHTML（CSS）の場合は（苦手な僕からすれば）けっこう大変です。

…余談ですが、これ以前（6〜７年前かな）師匠である立原あゆみのHPを立ち上げる際、何の知識もないところ無謀にもゼロからHTMLをかじって作ったりしてました。この時もレスポンシブ化するのに、ブレイクポイントを設定し、ブラウザごとに書き換えたりしなきゃ…とか（足りない知識も手伝って…笑）結構大変だったのを思い出します。ちなみに現在の立原あゆみのHPは、ここと同様にWordPressを使っています。

結局、HP制作のノウハウは身に付かないまま過ぎたのですが…（笑）　

…っと、話が逸れました。。。

今日び、聞くところによれば

ネットユーザーの８割がスマホ

なのだとか…（汗）

日々Macにばかり向かってるおじさん的には少々ショックな現実。…だって、「小さい画面じゃ見づらいですよね？…」　と、思ってたのだから。