From the author's New-Can
- 当サイトは、OPERA11&IE8&Firefox8&Safari5…以上の環境で動作確認済です。全てのブラウザに対して、素人が矛盾なく適応させることは至難の業です…。
- スマートフォンでも、Android2.3&iOS5の環境で“必要最低限の動作は確認済”です。PCと同様のレイアウトで概ね閲覧可能ですが、解像度により一部非表示となるケースがあります。
- 記事内で掲載されている一部画像は、ダブルクリックするとポップアップ画面経由で拡大されます。
- コメントやトラックバックは、“当該記事の最上部に数字が表示されている記事のみ可能”です。これらの機能は、その数字がリンク先となっております。
- 足跡を残す際は、画面左側にある“おきてがみ”機能も利用して下さい。
- 白い頁が全面に出力されてしまった場合などは当方へ報告して下さい。メールフォームは、“検索&アーカイブメニュー頁の中央”に用意してあります。
Article Titles
- 【06-C. 各種薀蓄他】の親カテゴリは、「06. 薀蓄関連」 です。
- [ 2011年11月14日 23:02 ] 小手先程度のスマートフォン対応
- [ 2011年10月31日 00:07 ] iPod touchも使い始めました
- [ 2011年8月11日 23:22 ] 無線ルーターにHDDを繋げてみた…
- [ 2011年8月 2日 22:21 ] 臨時収入に“少し”歓喜
小手先程度のスマートフォン対応
自分がスマホを使い始めて、はや4ヶ月経ちましたが…
このサイトのアクセスログをチェックしてみると、やはりスマホユーザーの方…それなりにいました。
例えば、移動中のWeb検索…捗りますからね。
そこで、こちらのブログも…
「自分も1ユーザーとして閲覧してみるか…」という感じで、大分前に利用してみたのですが、チョットしたところが不親切。解像度の問題もありますし、仕方ありませんけど…。
さらに、このサイトは元々PC用という考えしかなかったし…
それはそれで割り切っても良かったのですが、いつまでも放置しておくのは、技術者の端くれといえど、なんとなく恥ずかしい気分だったので、「原則PCからの閲覧」という大前提に立ち、“チョットした親切心程度の対応”を施してみることにしました。
あくまで親切心程度の対応なので、取り急ぎ左メニューをカットして…
「スタイルシートを中心とした小手先対応」という程度ですが、以下に簡単に纏めてみました。
【html側に改修を加えた内容】
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=0.6, width=device-width, user-scalable=no" />
~以下、割愛~
<link rel="stylesheet" href="スマホ用スタイルシート" type="text/css" media="only screen and (max-device-width:480px)" />
<link rel="stylesheet" href="従来から使用しているPC用スタイルシート" type="text/css" media="screen and (min-device-width:481px)" />
<!--[if IE]>
<link rel="stylesheet" href="従来から使用しているPC用スタイルシート" type="text/css" />
<![endif]-->
※上記の他、スマホの際は非表示とする“class定義”を追加しております。
上段3行はiOS対応、下段3行は“横が480px迄の場合はスマホ対応”という感じでしょうか。
それ以外は、“PCと同様の表示”という感じで、現行のcssファイルを使用するという、その道のプロには笑われそうな、超ザックリ仕様です…。「所詮、自分は素人だし、時間もないし…許して~!」としか言いようがありません。
尚、下段の3行目はIE対策です。IEらしい問題といえば、らしいのでしょうが、、、
“media="~-device-width:~px"”を認識しないのは残念です…(;^^)
【スタイルシートに追加した内容】
◎bodyに対して追加
-webkit-text-size-adjust:100%
◎適宜追加した命令
display: none!important
細かいことを書けば色々あるのでしょうが…
最低限の知識を有している方であれば、これだけで小手先スマホ対応は十分可能でしょう。下段の設定に関しては、個人的には表示する必要性を感じなかった箇所に対してはガンガン入れました。
余談ですが、この作業の際に役立ったのが、先日購入したiPod touch。
Androidのスマホと比較しながら、作業を行うことができたので、思ったほど時間はかかりませんでした。
〆
<Postscript>
作業後、この記事を読んでたら…
今よりも綺麗になりそうな気がしたので、そのうち時間がある際に追加対応を行うかもしれません。
- Entry Site -
Thank you so much to read My Blog. I hope it's a fine day for you. See ya!
iPod touchも使い始めました
先週の日曜日の話となりますが… |
ブッチャケ、iPod classicで良いのではないかと思ってましたから…。
ただ、自分自身…ヘッドフォンを装着すること自体が苦手。そのため、そういった側面でしか使用できないことはやっぱり抵抗があって、さらにamazonに書いてあるレビュー内容もイマヒトツ。「classicで良いんだ!」と納得することができませんでした。。。
一方で、touchも渋るとなると、英語のスキルに関して今迄と何も変わらない気がして…
「どちらかは選びざるを得ないなぁ…」と。最近に始まったことではありませんが、自分自身、英語のリスニングスキルに関して…どうもセンスのようなものを感じないのです。ここ暫く、仕事の方があまりに忙しく、英語系の会合にも参加できておりませんが、「これにより、英語のスキルが後退するばかりでは努力していないのと一緒でしょう?」という焦りもありまして。
…まぁ、そんな理由はさておき、、、
iPod touch購入により、iOS環境を手にしたことで…スマホのAndroidOS環境(G'z One IS11CA)との比較も容易にできるようになってしまいました。自分のような、システム業界に携わる人間は、双方利用できる環境を手にすると、「何かしらプラスになる機会があるのではないか?」と考えてしまいがちですが、自分もそう考えるようになってしまう気が…(;^^)
ちなみに、利用してみた感想としては…
スマホでIS11CAを利用しているせいか、凄く薄いし、軽いです。その点は、「良いな」と思うのですが、大事に使うぞという意識を強く持たないと大変だなと思いますね。早速、傷がついてますから…トホホ。
尚、iPod touchを購入したことにより…
「NECのモバイルルータAterm WM3500Rは1円でOKですよ!」とのことだったので、「WiMax環境にしてしまう良い機会なのかな?」と思って、併せて購入することにしました。これにより、NTTとプロバイダに関しては解約する方向で話を持って行くことになったのですが、家の脇に追いやられていた光iフレームもついでに処分してしまうことにしました。
当初の目的だけに止まらず、整理整頓にも繋がりそうです。あはは…(;^^)
〆
<Postscript>
音楽を通じてのヒアリングという意味では…
Androidでは、“Global English Radio”を愛用しておりますが、iPod touchでは“SKY.FM Radio”というアプリを使用することにしました。スマホ側はバッテリーの持ちがあまりにも悪いので、アプリの棲み分けも図るようにしてます…(;^^)
- Entry Site -
Thank you so much to read My Blog. I hope it's a fine day for you. See ya!




