☆★☆★☆★ 価格.com 自動車保険一括見積もりサービス ★☆★☆★☆
自動車保険、支払いすぎていませんか？
複数の保険会社から自動車保険の見積もりを取り寄せることが可能です
ご利用はもちろん無料。契約を強要することは一切ありません
http://a.mag2.jp/Fwr
─────────────────────────────────[PR]─
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
【日刊デジタルクリエイターズ】 No.3084 2011/07/13.Wed.14:00.発行
http://www.dgcr.com/ 1998/04/13創刊 前号の発行部数 10003部
情報提供・投稿・広告の御相談はこちらまで mailto:info@dgcr.com
登録・解除・変更・FAQはこちら http://www.dgcr.com/regist/index.html
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
《一瞬ノーミソがエンストしそうになる》
■Dの憂鬱［03］
スマホサイトが面倒だ
笠居トシヒロ
■グラフィック薄氷大魔王［264］
東京国際ブックフェア。図鑑で調べた虫。すごい錯視。
吉井 宏
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■Dの憂鬱［03］
スマホサイトが面倒だ
笠居トシヒロ
< http://blog.dgcr.com/mt/dgcr/archives/20110713140200.html >
───────────────────────────────────
ピン原稿第二弾だ。前回のまつむらさんのテキストを見ると、連載タイトルが
「ユーレカの日々」に変わっている。ユーレカってなんだよ、なんか聞いたこ
とあるけど、と思ってぐぐってみると、アルキメデスが風呂に入って叫んだ言
葉だとある。ということは「熱っ！」とか「うぇぇぇーーーい」とか、ひょっ
とすると「溺れるーっ！」とかそんな意味だろうかと思うがよくわからない。
しかしまぁ、こっちもピンで書く限りは「MKチャット」ではカッコがつかない
ので、なんか適当な連載タイトルをひねり出さねばならん。で、考えた。
最近僕は、自分で制作することよりも、他のクリエイターに仕事を振って、自
分ではディレクションに回るということのほうが多い。それによって、案件に
企画・立案の段階から関わるという、これまでにはあまりなかった要素が入っ
てきて、それはそれなりにスキームとして面白いのだが、これまでになかった
悩みも比例して増える。
でもまぁ、こういうところからネタを拾うことがこれから増えるんだろうな。
とりあえず、仕事の愚痴みたいなのを適当に書き出しに持ってくれば、5000文
字くらいの原稿は何とか書けるだろう。というわけで、連載タイトルは「Dの
憂鬱」とさせてもらうことにした。「D」はディレクターの頭文字で、大福餅
でも団子っ鼻でもない。当然「頭文字D」とも関係ない（読んだことないけど）。
さて、Webの制作というのは、関わったことがある人には自明だろうが、対応
するデバイスやブラウザなどが少なければ少ないほど楽だ。「この動作に関し
ては、Macは切り捨てていい」とか「この部分の表示はIE6以下は対応しなくて
もいい」とか言われると、天使の声に感じる、、が実際にはそんな甘い話はま
ずない。それどころか、最近ではWebコンテンツを閲覧できる環境がドンドン
増えているので、PC以外のデバイスに対応しなければならないことも多い。
とくに多いのは「スマホ（スマートホン）対応」というリクエストだ。クライ
アントは、十把一絡げに「スマホ」と言ってくれるが、そんな簡単な話でもな
い。とくにインタラクティブな要素を含むコンテンツで、これを言われたりす
ると、一瞬ノーミソがエンストしそうになる（おおげさ）。
てなわけで、今後ノーミソのエンストを防ぐためにも、スマホ対応というもの
について自分なりにまとめてみたい。
で、スマホとはなんぞや？
Wikipediaによるざっくりとした説明だと「PDA機能が付いた多機能携帯電話」
ということらしい。現在、スマホと呼べるデバイスには、大きく分けて5つの
OSがある。まずはAppleのiPhone（iOS）。次にGoogleのAndroid。海外では最
も勢力を誇る（誇っていた？）BlackBerry。スマホの先駆けとも言えるNokia
のSymbian。そして、そのNokiaが今後Symbianからシフトする、と発表した
MicrosoftのWindows Phoneだ。
ただ、海外では絶大な人気があったBlackBerryもSymbianも、日本ではさほど
普及しなかった。Windows Phoneの前身であったWindows Mobileも、その使い
にくさ故に一般に広まることはなかった。Windows Phoneは、最後発というこ
ともあり、また、Windows Mobileの悪しき記憶がはびこる中、今後の動向にど
う関わってくるのかはよくわからない。
というわけで、幸いにも現状日本のWeb制作において、考慮しなければならな
い「スマホ」は、iPhoneとAndroidに限られることになる。さて、ではこのふ
たつで同じコンテンツを見せるために、どうすべきか。まずはふたつの違いを
把握しなければならない。
iPhoneの場合、ブラウザは元々搭載されている「Safari」だ。他にも色々なブ
ラウザが配布されているが、基本的にレンダリングエンジンは、Safariのモノ
（WebKit）を使うので、Safariでちゃんと表示・動作すれば、まず問題ない。
かつ、Safariは、MacOSのデフォルトブラウザでもあるので、iPhoneのSafari
で動作するものは、基本的にMacのSafariでも動作する。
では、Androidの場合はどうだろうか。Androidには、デフォルトで「Browser
（ブラウザ）」という素敵な名前のブラウザが搭載されている。これは、
GoogleのPC版ブラウザChromeと同じWebKitをベースにしているが、何故か
Chromeではない。タブブラウズの機能も搭載されていないし、Safariのように、
PCとスマホ間でブックマークを同期することもできない。
だからなのか、Androidユーザは、デフォルト以外のブラウザをインストール
して使っていることが多い。最も人気があるのは、軽くて高機能なDolphin
Browser HDだ。
※機能の説明に字数を割けないので、興味のある方はこちらを参照して下さい。
< http://appmax.jp/archives/65674142.html >
もう一つ人気があるのは、ケータイサイトにも柔軟に対応できる国産ブラウザ
Angel Browser。
< http://octoba.net/archives/20110707-android-1803.html >
どちらも、ユーザーエージェントの変更が可能で、どんなサイトも過不足なく
見ることができるが、残念ながら、HTML5＋CSS3によるインタラクティブなコ
ンテンツの表示には癖があり、iPhoneやiPad用に作成したサイトがうまく動作
するかというと、確率はフィフティ・フィフティといった感じだ。
Android向けのコンテンツは、Flashで作ればいいってなもんだが、Android2.2
から動作するようになったFlashPlayer10.1〜も、一部の機種では動作しない
（僕の持っている、HTC Ariaでは、CPUのスペック不足のため動作しない）ため、
FlashLite4で作成する必要がある。で、iPhoneでは、当然のことながら、
Flash自体が動作しない。
まとめてみると、PCも含めたインタラクティブ・コンテンツ作成の場合、以下
のようになる。
※この場合、Flashでは可能だが、HTML5＋CSS3では不可能という物もたくさん
あるので、制作技術の上限はHTML5＋CSS3で作成できるもの、という制限付き
の話となる。
・PC版は、HTML5＋CSS3では、Safari・Chrome以外のブラウザでまともに動作
しない。なんといってもIEで動かないのは致命的なので、Flashで作成。
・iPhone及びiPad版は、HTML5＋CSS3で作成。
・Android版は、HTML5＋CSS3でつくると、ブラウザごとの動作が保証できない
ので、FlashLite4で作成。
・さらに、このコンテンツにアクセスしてきたデバイスを判定して、それぞれ
最適なバージョンへと振り分け誘導する仕組み（PHP、Javascript、
.htaccessなど）が必要となる。
※裏側のサーバーサイドでゴニョゴニョすればなんとかなるんじゃねーの？
と思われた方もいるかもだが、その話は長くなるのでまた今度。
将来的に、どんなブラウザでも、HTML5＋CSS3の表示や動作が保証されるよう
になるか、iOSのSafariで、Flashコンテンツが表示できるようになるか、どち
らかの方向に進んでくれればいいんだが、どっちも望み薄だ。
Web制作者にとっての「癌」ともいえるIE6は、MSのサポートが完全終了した今
でも、根強く企業内のPCに残っていて、まだ当分は駆除されそうにないし、ス
ティーブ・ジョブスが死にでもしない限り（かつ世間一般の欲求がAppleの方
向転換を迫らない限り）iOSでFlashが動作する日も来ないだろう。
クライアントにしてみても、いつまでも一つのコンテンツのために、これまで
の2倍近い予算を割き続けるわけにはいかないだろうし、我々制作者だって、
予算以上の労力をかけ続けるわけにはいかない。結局のところ、このデバイス
戦争に勝利したOSに追随するしかないのか。
まったく新しいインタラクティブ技術が登場し、デバイスやOSを問わず、同じ
コンテンツをらくらく表示できるように。。。。なればいいのになあ。
【笠居 トシヒロ／WEBディレクター、デジハリ大学院客員教授、京都嵯峨芸術
大学講師】
iOS5ベータ2がリリースされたので、さっそくアップデートしてみたが、全然
メールの不具合が解消されていないので、仕方なく4.3.3にダウングレードし
た。5の時とったバックアップは、4では復元に利用できないので、いくつかの
メールと写真がiPhone本体から消えてしまった。まぁしょうがないけど。
ダウングレードの手順をメモっておいたので、必要な方はこちらを参照下さい。
< http://mad-c.tumblr.com/post/7178509113/iphone4-ios5-beta-4-3-3 >
< http://www.mad-c.com/ > < kasai@mad-c.com >
Dの憂鬱［02］速報：iOS 5.0ベータをインストールしてみた
< http://blog.dgcr.com/mt/dgcr/archives/20110615140200.html >
Dの憂鬱［01］オレのデータは雲の上
< http://blog.dgcr.com/mt/dgcr/archives/20110216140300.html >
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■グラフィック薄氷大魔王［264］
東京国際ブックフェア。図鑑で調べた虫。すごい錯視。
吉井 宏
< http://blog.dgcr.com/mt/dgcr/archives/20110713140100.html >
───────────────────────────────────
●東京国際ブックフェア
15年ぶりくらいで行ってきた。信じられないくらいの人の多さ！ ぎっしりな
混み具合でした。ビジネスデーはみなさん必死。後半の土日が一般用の日らし
いです。逆に一般の日のほうが空いてるのかも。
10時半前に入りましたけど、受付横で大音量でジャズ演奏で歌ってて、盛り上
げたいのはわかるけど、音量が大きすぎて受付業務に支障をきたしてた。
僕にとっては、ブックフェアよりもどちらかというと同時開催の電子出版EXPO
とライセンシングジャパンのほうがメイン。知り合いのブースをいくつか回っ
てきました。電子出版EXPOは、電子書籍デバイスや電子書籍制作関連の企業が
大半。パナソニックのデバイスを触ってみたけど、軽くて見やすくてなかなか
イイ。
教育ITソリューションEXPOってのも2階でやってる。おもしろかったのが出展
社の半分くらいが電子版の黒板・ホワイトボード関連。プロジェクターで投影
したホワイトボードに電子マーカーで書くやつ。これ、ひょっとするとデカい
サイズで下絵とかスケッチとかできそう。
で、全部回るのは体力的に無理なので14時すぎには出て来ちゃったけど、国際
文具紙製品展と国際雑貨EXPOなんてのも同時にやってる。たぶんこちらのほう
が見物するのは楽しそう！ その中でDESIGN TOKYOってのもやってるんだよ。
一日で全部回ったら本当に倒れる。
ところで、ある大きなブースで、「OCRの超スゴイやつ」のデモを見せてもら
った。どんなに汚い字でも、魔法のようにテキストデータになるとのことで。
ちょっと興味ある。わざと汚く書かなくてももともとヘタな字で受付用紙に記
入してみた。これはいくらなんでもムリだろう。
コンパニオンが受付用紙をドキュメントスキャナに通し、パソコン画面でOCR
処理をする。「普通のOCRではこの程度、ほとんど使いものになりませんね」
「はいそうですね」「では、そのスゴイOCR。今、読み取った用紙のデータが
中国に送られております」 え？？何それ？？
「送られた受付用紙の内容を、今、中国でキーボードで打っております」 え
え〜〜っ！！ つまり、人力OCR。いちおう、それはギャグですか？ とかマ
ジに本当なんですか？ と何度も確認したんですが、マジだそうです。
すぐテキストが送られてきた。そりゃ確かに正確にテキスト化されてるけど。
だまされた！ と思いました。自動販売機の中に人がいた感じ。それに、勝手
に外国に送るなよ！ 受付用紙にはしかたなく書いたけど、勝手に外国に流さ
れることがわかってたら書かなかった。
そこ、ものすごい広くてコンパニオン多くてブースデザインもかっこよくして
て、いかにもお金かけてるっぽい。そのビジネスモデル、儲かるんだ。クヤシ
イ。なので企業名は書かない。
ああっ！ 無料ドリンク引換券を使うのを忘れてた！
●壁にいた虫を図鑑で調べた
先日、外の壁に朝からずっといた、小さいカミキリムシみたいな虫。2cmくら
い。背中の色がきれい。オレンジ色の顔に黒いおめめがポチポチ。
< http://goo.gl/2LXo2 >
自炊PDFの図鑑でちゃんと調べてみると、アオカミキリモドキってののようで
す。この虫には毒があって、触ると水腫ができるそうです。触らないでよかっ
たー。
子供の頃はよく図鑑で調べたけど、最近は調べるまで行かないなあ。っていう
か、こういう虫でもなんでも、ちゃんと種類と名前があるってのが面白い。テ
キトーなカミキリムシっぽいヤツが、いろんなバリエーションで存在するんじ
ゃなくて。
前回、図鑑で調べたのって2年前、「いっぱい咲いてるこのラッパみたいな花
は何だ？」って調べたら、「エンジェルス・トランペット」という花だった。
そのまんまやないけーっ！ と思いました。
ちなみに、そのトランペットって花にも毒がある。過去2年間の統計では、僕
が気になって図鑑で調べるものには100％毒があるということに。
●おまけ1 すごい錯視
Twitterで知った錯視効果がめちゃくちゃおもしろい。顔の歪み効果？ って
いう最近発見された錯視の一つらしいんだけど、とにかく見てみてください。
二つの顔の中央の十字を見つめたままムービーが進むと、とんでもない化けも
のが次々に現れる。そんなバカなと巻き戻して、顔だけを見ても化けものは出
てこない。すげ〜〜なコレ。自分の脳みそが信じられなくなる。
< http://naglly.com/archives/2011/07/flashed-face.php >
●おまけ2 お気に入りコマーシャル
何度見てもおかしい！ KINCHOプレシャワー「ベンチの二人」篇
< http://www.kincho.co.jp/cm/html/preshower_bench/index.html >
【吉井 宏／イラストレーター】
HP < http://www.yoshii.com >
Blog < http://yoshii-blog.blogspot.com/ >
先々週の土曜、「潜入！リアルスコープ」って番組の中で、「次はピクサー本
社に潜入！」って出た。わくわくしながら待ってたら、そのまま番組は終わっ
てしまった。あれ〜？ ピクサー本社に潜入って次回じゃないか！ 最近の番
組の中の予告って、この後すぐやるのかと錯覚すること多し。番組の終わりも
はっきりしないし。気がつくと次の番組になってたりする。
「ピクサー本社」でTwitter検索するとおなじく「待ってたのに来週でがっか
り」って人が多かった。ってことは錯覚させるように作ってある。悪質！ 日
本中でいったい何人の人が競艇の訓練風景をしかたなく見ながらピクサーやる
の待ってたか。15分って、×1000万人だったらどれだけの損失かと。とか怒っ
ていたんだけど、あれっ？ 結局先週土曜日、ピクサー潜入見るの忘れちゃっ
たい。
・iPhone/iPadアプリ「REAL STEELPAN」販売中
REAL STEELPAN < http://bit.ly/9aC0XV >
・「ヤンス！ガンス！」DVD発売中
amazonのDVD詳細 < http://amzn.to/bsTAcb >
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■編集後記（7/13）
・2009年の6月に、デジクリを1週間休んで福島県に行った。母が90歳超の姉に
久しぶりに会いたいというので、兄と妹と母との4人で、福島県双葉郡の2軒の
親戚に行って来たのだ。浪江町と大熊町、まさに福島第一原子力発電所事故の
被害をもろに受けている地域である。彼の地を襲った地震、津波の報道を受け
てまず思ったのは、原発は無事かということだった。果たして、最悪の事態と
なり、親戚は山形と会津若松の知り合いを頼って、それぞれ早い時期に町を出
た。それが分かるまで不安な日々を過ごした。先月の母の葬儀に、彼らも駆け
つけてくれたので話を聞いた。津波こそ来なかったが、目に見えぬ放射線が来
た。国の対応は遅いうえにいい加減で、判断を住民に委ねる無責任なものだっ
たという。更にくわしく話を聞いたが、本人たち以上にわたしのほうが腹が立
ってなかなかおさまらなかった。やはりこれは人災である。菅災である。「原
発から20〜30キロの住民に対する首相の姿勢は、福島県民の命の安全をも自分
で決めろという『鬼の政治』に終始した。政治責任を巧妙に逃れる、言語道断
な指示、要請を繰り返してきた。」と西岡参院議長が民主党所属議員に不信任、
問責を呼びかける論文で強く非難しているが、まさにその通りだ。「首相交代
に必要な時間は、菅首相が居座ることによる壮大な時間の浪費に比べれば微々
たるものだ。」とも。激しく同感するが、週刊新潮で「今は辞めるな菅総理。
国民が骨の髄まで懲りるまで」という記事を読んで、それもありかもとも思う。
ああいう擬似市民運動の野望家を首相に選んだのは国民なんだから。（柴田）
< http://blog.dgcr.com/mt/dgcr/archives/20090629140000.html >
2009年6月29日の編集後記 たしかにあそこに行っていた
・笠居さんの話、頷きまくり。リアルなお話が聞けるのはいいなぁ。天使の声
に聞こえる、のところとか。私が提案する仕事では、IE6は切り捨てている。
IE6を使う人たちは、少々崩れようがそれ以外のメリットを考えて使い続けて
いる。開発終了してからの期間、サポート終了、IEの自動的にアップデートす
る仕組み、大手サイトのIE6切り捨て、アクセス者数の割合。電子入札やイン
トラなどで離れられない人たちは、自宅で閲覧する場合はたぶん最新だろう。
IE6でしか見られないユーザは世間で言われるより少ないのだと考えている。
このサイトを次にリニューアルするのはいつですか？ その時にはIE6のユー
ザはもっと少なくなっています。IE6対策のために、新しいことができません
がいいですか？ 今後広まる新しい技術との不具合が出てくるかもしれません。
それよりもその予算を別のところに使いませんか？ と話す。直接お客さんと
話せない時は、代理店さんに入れ知恵してみるが、IE6対応は根強い。まずは
お客さん側の責任者のパソコンを最新にしないと。／スマホはまだちゃんと手
がけてないなぁ。笠居さんのを読むとガクブルである。一応見られますよレベ
ルならやったが、ちょっと前は実質iPhone、iPadだけだったから、逆に楽だっ
たのにな。デバイス戦争のくだり、既視感があるわ。Flashを使えるように、
お客さんを説得した時期もあったのになぁ。Flashは得意ではないので、HTML5+
CSS3の勉強だけにしたい……。／人力OCRにぶっ飛んだ。あれ？ 私の頭おか
しくなってる？ と二度読みした。錯視ではフランケンのような頭の人や、異
様に目の大きな人が。「まだまだ続くよ」の後は次回予告。その怪しいテロッ
プが出たら時計を見る。もう騙されないぞ。ピクサー社内を見てみたい〜。
（hammer.mule）
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
発行 デジタルクリエイターズ < http://blog.dgcr.com/mt/dgcr/ >
編集長 柴田忠男 < mailto:shibata@dgcr.com >
デスク 濱村和恵 < mailto:zacke@days-i.com >
アソシエーツ 神田敏晶 < mailto:kanda@knn.com >
情報提供・投稿・プレスリリース・記事・コラムはこちらまで
< mailto:info@dgcr.com >
登録・解除・変更・FAQはこちら < http://www.dgcr.com/regist/index.html >
広告の御相談はこちらまで < mailto:info@dgcr.com >
★等幅フォントでご覧ください。
★【日刊デジタルクリエイターズ】は無料です。
お友達にも是非お奨め下さい (^_^)/
★日刊デジクリは、まぐまぐ< http://mag2.com/ >、
melma!< http://melma.com/ >、
めろんぱん< http://www.melonpan.net/ >
のシステムを利用して配信しています。配信システムの都合上、
お届け時刻が遅くなることがあります。ご了承下さい。
★姉妹誌「写真を楽しむ生活」もよろしく！ < http://photo.dgcr.com/ >
Copyright(C), 1998-2011 デジタルクリエイターズ
許可なく転載することを禁じます。
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
◎クリエイターへ【日刊デジタルクリエイターズ】
のバックナンバー・配信停止はこちら
⇒ http://archive.mag2.com/0000005757/index.html
━【まぐまぐ！からのお知らせ】━━━━━━━━━━━━━━━━━━━━━
100万通を１時間、1通あたり0.08円より。
日本一はやくて、日本一安い。まぐまぐの業務用メール配信！
お問い合わせは info@mag2.com までどうぞ！
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▽こちらもいかが？ビジネス・キャリアジャンルの注目メルマガ
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
●1000億円を動かす男ジェームス・スキナーの成功研究会
http://www.mag2.com/w/0001115200.html 日刊
ジェームス・スキナーをご存知ですか？
◇１００社以上の大企業や政府機関を指導
◇自身でも３０社以上の会社の経営
◇日本で100万部以上の『７つの習慣』を日本に広める
◇1000億円以上のビジネスを立ち上げ
メルマガ登録された方は、
○ジェームスの秘蔵音声CDを無料でプレゼント！
○￥55,500円のプラチナ席が前売で完売！伝説の京都１ＤＡＹセミナーが無料で
ダウンロードできます！
ジェームスが15年以上かけて研究した成功者の秘訣を明かします。
★発行者webもご覧ください↓
http://www.jamesskinner.jp/dynamic/?ts=mag_JMS_com
━━━━━━━━━━━━━━━━━━━━━━━━━━━━【まぐまぐ！】━
0 件のコメント:
コメントを投稿