ホームページ制作会社の雑談

家にいるときは布団からほとんど出てこないYu-ichiです

最近寒いですね。

さて、以前にこんな記事でPCとスマホの表示を切り替える方法をご紹介しました。
PCとiPhoneやiPadの表示を分ける

これは「.htaccess」による切り替えなので、専用のページを用意して、
URLにアクセスしてきた端末のUAによって、表示するページを分けるというものでした。

今回は、同じページ内の一部をPCとスマホで変える方法をご紹介したいと思います。

例えば、PC用に作られたサイトでTOPページにFlashを使っていたりしませんか？
そのサイトにiPhoneでアクセスすると、Flash部分がごっそり無くなって空白ができてしまいます。

サイトのイメージを作っている部分であれば、iPhoneユーザーは何のサイトなのかわかりませんよね。

そこで、iPhoneやiPadでアクセスしてきた場合に、Flashではなく静止画を表示するようにするスクリプトをご紹介したいと思います。

if (navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPad') > 0 || navigator.userAgent.indexOf('iPod') > 0 ) {
document.write('<img src="静止画像">');
}else{
document.write('<"flashの呼出し">');
}

直接上記のスクリプトを書いても良いですが、外部ファイル化しておいた方がいいでしょう。
if文でUAを判定して、当てはまるものは最初の「document.write」に書かれているものを表示し、
当てはまらなかったものは次の「document.write」に書かれているものを表示します。
今回はFlashと静止画の切り替えだったので、document.writeを使ってタグを書くようにしましたが、
他にも応用がきくと思いますので、いろいろ試してみてください。
ちなみに、Androidの判定をしたい場合は、if文に

navigator.userAgent.indexOf('Android') > 0

を追加してあげてください。
新しいハードの登場で、ホームページの技術もどんどん進化していますね。
遅れないようにしないと！

ドコモのアンドロイド携帯を使っているtakaです。

最近頻繁にネットワーク障害が発生していますが・・

NTTドコモは、1月26日に東京都で通信障害を発生させ、FOMAの音声とパケット通信サービスが利用しにくい事象が発生し252万人が影響を受けたようです。
そしてNTTドコモは今日も、東北地方で通信障害を発生させているようです。

auでも２６日に東京都下西部１１市町で、携帯電話や固定通信サービスが利用しにくい状況になったようです。

何が原因でネットワーク障害が多発しているのか？

1/26のドコモ障害発生の概要は、以下のとおりだそうです。

まず、スマートフォン契約者の増加に対応するために、ドコモは1月25日未明から新型パケット交換機に切り替えた。
新型パケット交換機への切替で、処理可能な同時接続数は88万から180万に増えるたが、
1時間あたりの信号量は2750万から1410万へと減少してしまったという。
（だとしたら間抜けですが・・）

そして、その日のトラフィックの上昇に伴い、制御信号がパケット交換機の処理能力をオーバーフローし、ネットワークの自動規制により、パケットサービスと音声サービスが利用しにくい状態となったというものだ。

この日の障害がドコモの発表通り、トラフィックの上昇によるものか？正直疑わしい気もするが、
ドコモを含め通信キャリアがパケットの増加への対応に追われているのは事実と思われます。

パケット交換とは？

パケット交換とは、インターネットやコンピュータのネットワークで広く利用されているデファクトスタンダード通信方式です。
 
送信するデジタル・データをパケット（郵便の小包のようなデータの固まり）という単位に分割して、通信する方式です。データはパケットに分割され、ルータからルータに転送されながら最終的な目的地にたどり着くしくみです。
 
スマホの普及で急速に増えるパケット通信量

今回のNTTドコモのトラブルの原因は、制御信号がパケット交換機の処理能力をオーバーフローしたということだが、その背景にあるのがスマートフォンの急激による制御信号が急増だという。

スマホが発する制御信号は、携帯電話が実際にネットワークに接続するために必要となる接続要求や位置情報などでガラケーより、10倍ほど頻繁にこの信号を発しているらしい。

さらに、VoIP、チャット・・など頻繁に制御信号を必要とするスマーホのアプリケーションが急激に普及したことが制御信号が増加に拍車をかけているようだ。

こうなると、ドコモ1社だけでは解決が難しくなって来ている気がします。

スマホの普及やアプリの利用の増加は、急速に進むでしょうし抑制も難しいでしょう。

こうなると、
キャリア全体やスマホのＯＳを創っているアップルやGoogle,
アプリの開発会社など、全体でインフラを考えないと解決できない問題になってきたように思えます。

根が深い問題だけに、当面、ネットワーク障害は頻発するのでしょうね？

毎朝車のフロントガラスががっちり凍っているatsushiです。

以前、iphoneのアプリデザインなどに使えるデザインテンプレートをご紹介しましたが、やっぱりAndroid版はないのかなと探してみたらやっぱりありました。

スマホサイトのデザインだとiPhoneとAndroidどっちのデザインテンプレート使っても変わりませんけど、アプリのデザインなんかでは、アイコンとかボタンのデザインとか違うので役に立つと思います。

Android GUI PSD Vector Kit

ちなみにiPad版のデザインテンプレートもありました。

iPad GUI PSD

スマホのアプリデザインやスマホ版サイトのデザインに使うと制作時間の短縮が計れるし、イメージがつかみやすいかもしれませんね。

ダウンロードしておくことをおすすめします。

Android GUI PSD Vector Kit

本格的に風邪を引いてしまったjyunzyです(||´Д｀)ｏ

web制作、特にデザインをする時には何かとついて回る「色選び」。
ホームページ制作をした事のある人なら必ずぶつかる問題です。

firefoxを使っている人ならcolorzillaというプラグインを使えば、ブラウザ上での
色をピックアップする事ができます。
これは有名なので知っている人は多いでしょう。

ただ、あくまでブラウザの画面内だけでしか色が拾えないのが、個人的には残念に思っています。

そこで見つけたのがこのFE – Color Palette！

これは画面に写っている色なら何でも拾えちゃうスグレモノです。
「画面の色」ボタンをクリックすると、マウスポインタがスポイトの形になるので、
そのまま拾いたい色の所でクリックすれば、RGB形式や16進数での色を調べることができます。

色を選んでいる時は、拡大表示されるウインドウも表示されるので、小さい画像でも色をピックアップ
することができますよ。

colorzillaもお手軽でいいのですが、ブラウザ以外から色を拾う時はこれが便利ですね。

スマートフォンを狙ったワンクリック詐欺が流行っているそうです。
私の所にも来ました。

手法自体は単純で、メールで詐欺サイトのURLが送られ、リンクを押すとアダルトサイトが開かれ、興味本位で動画や画像を開くと強制的にサイトに登録したことにさせられてしまうというものです。

携帯の時と何が違うのかというと、スマホだとパソコン向けのワンクリック詐欺のように以下のデータが表示されてしまいます。

• IPアドレス（インターネット上の住所にあたるもの、サイト側ならすぐにわかるデータ）
• 携帯会社情報（携帯電話の会社名。これもサイト側なら取れるデータ） 
• お客様ID：（犯人側が勝手に登録したもの）

手の込んだサイトだと「携帯端末のデータの送信完了。お客様のご利用金額は￥55,000になります」といったようなポップアップを開く所もあります。

まあパソコンに慣れている人なら「スマホにもこんなメールが来たか」という程度で無視できると思いますが、中には普段はパソコンはやらずに最近スマホを使い始めた、という人なら、こんなメールが来たら驚くでしょうね。

基本は絶対にお金を払ってはいけません。
また、しつこくメールが来るからと言って退会処理をしたり問合せたりしない事です。
電話番号なんか相手に伝わってしまったらそれこそ犯人側に「カモ」だと思われてしまうでしょう。

こういったワンクリック詐欺の被害者の多くは、子供や学生だそうです。
面白半分で見て、請求画面に驚くが親にバレるのが怖いので、自分で無理に払ってしまい、悪質な請求が繰り返し来るという例もあるそうです。

変なメールが来ても怖がらないように普段から親子のコミュニケーションをとっておくのが大事ですね。