ホームページのスマホ対応

　私がホームページをつくったのは22年も昔の2000年のことで、htmlのタグを「メモ帳」に手打ちで打って、アナログ電話回線でアップロードしたものです。その後のWEB技術の進歩はすさまじく、とても追いつけるものではなく、スマホでの閲覧が一般化するに至って、もはや対応するのはあきらめていました。

　定年退職してちょっと時間ができたので、スマホ対応の方法を少しだけ調べてみました。

　スマホでは、WEBページの幅全体を表示しようとするので、パソコン用の幅の広いページは文字や画像がすごく小さくなってしまうということがわかりました。

　そこでページソースのHEADのなかに、

　＜META name="viewport" content="width=device-width,initial-scalea=1.0"＞

　というタグを埋め込むと、スマホ画面の幅程度（400px強）で表示されるようになるので、画像・文字などが極端に小さくなりません。もっとも、画像や表組みで幅が400px以上に固定されているコンテンツがあると、それを表示するように、ほかも合わせて縮小されてしまうようです。

　したがって、どうしてもページ自体を、幅の狭い縦長に再構成しないといけません。

　これがなかなかたいへんで、とりあえず花アイコンの拡大版をつくったのに合わせて、花アイコンの関連ページだけはなんとかスマホ用に再構成しました。

　こちらです→花アイコンのページ

　ついでに秋の花、ノコンギク、コウヤボウキ、ススキを追加しました。

　ノコンギク

　コウヤボウキ

　ススキ

　膨大にあるGIFアニメのページはまだ手つかずです。

　GIFアニメも、基本が32×32pxなので、原寸はこんなものです。スマホだと小さくて見えない。

　　シマリス

　これを倍の64×64pxに拡大した試作品がこんな感じになります。

　　シマリス

　しかし、アニメは原画が何枚も必要で、それを直すのは、あまりにたいへんな作業なので、いつかできるものかどうか･･･、思案中です。

 

花アイコン（ドット絵）

　ずいぶん昔に、ホームページで花アイコンをつくったのですが、当時はスマートフォンもなくて、Webサイトは画素の大きなパソコンで見るものでした。サーバーの容量も上限があって、サイズの大きなコンテンツはアップロードできませんでした。

　そんなわけで、花アイコンは32×32ピクセルのドット絵だったのです。

　いま、これをスマホで見ると、あまりに絵が小さすぎて、目を凝らさない限り何が描いてあるのかよくわからない。

　というわけで、64×64ピクセルでつくり直しの作業をしています。

　これが、目が疲れる、肩がこる、寄る年波を感じる作業ではあります。

　まだ作業途中ですが、かなり大量にあります。ホームページからダウンロードしてブログのアクセントにでもお使いください。

　ホームページ（きつつき工房だより）はこちらです。

　ヒメサユリ

　ハクサンフウロ

　ミヤマウスユキソウ

　ネジバナ

　ミズバショウ

　ミツガシワ

　サクラソウ　

マムシグサ

ザゼンソウ

　ツクシ（スギナ）

アズマイチゲ

　コマクサ

 

もみじ湖（箕輪＝みのわダム、箕輪町）

秋晴れの日に、箕輪（みのわ）町のもみじ湖を訪ねました。

1992年に完成した箕輪ダムの周囲に１万本のもみじの苗を植えたものが、大きな木に育って、見事な紅葉が楽しめます。

最盛期はマイカー規制で、ダムのそばの駐車場からシャトルバスで散策路まで往復します。駐車場は予約制で1500円でした。大勢の人が訪れていました。

青空に紅や黄、橙色のもみじが映えます。

道は、散ったもみじのじゅうたんになっています。