Android編」ものすごいお久しぶりです。最近仕事でAndroidアプリをやってることもあり、興味がHCDとかUXDとかIxDとかUIデザインとかユーザビリティとかに寄ってきています。それもあって「ブログでなに書いたらいいん!?」というこれまで何度も何度も何度でもなった症状に懲りずにかかって半年、というのが近況です。書きたいなと思ってきたので、とりあえずやる気が起きた時に書けそうなことから。LP16に行ってきました。repriseが開催されました[1]。今回は、スマートフォン特集(2)と題し日本でもイキオイ激しいAndroid特集です。以前のレポートほどがっつりしたものじゃなくて、気軽に、備忘録として、くらいな気持ちで書いていきます。さん30分ほど遅れての参加でしたが、フォローアップのスライドを拝見して、Androidとはなんぞや、から、iOSとは何が違うか、日本独自機能の紹介、今後のGoogleのAndroid戦略、までAndroidに関わる様々なトピックをぎゅっとまとめたお話でした。この資料は一度見ておいた方がいいと思います。個人的には、キャリアが展開する独自マーケットでのアプリ配布方法の扱いが気になりました。資料を補足しつつまとめてみました。Marketへリンクしているのみ。Marketアプリ内のタブ?に一画面を組み込んでいるこれには、各キャリアのスタンスが現れているんじゃないかと想像できますが、なかなか興味深いです。それぞれにPCからアクセスすると分かるのですが、auとSoftBankがサービスの紹介程度のページを用意しているのに対し、ドコモではAndroid端末で表示されるページをそのまま掲載しているなど、各キャリアの取り組みも注目です。Market要らないのかな?情報求む。OSのバージョンごとのシェアのグラフも興味深かった。OS1.6以下のシェアはすでに4%程度しかないため、「対応は切っていいと思います」とのこと。OS1.6のブラウザはやっかいですからね・・・(HTML5未対応だったり)。日本でのシェアとは確実に異なる[2]だろうからそれを含めた判断をどうすればいいのか気になるところ。さんスミマセン、細かいところはよくわかりませんでした><興味が沸いたのはC2DMについて。iOSのNotificationは「情報」を送るだけなので、それからアクションをとる(メールアプリ開いたり、とか)のはユーザが能動的に操作する必要がある。AndroidのC2DMは「命令」も送ることができるため、(PCで観ているURLを端末のブラウザアプリを起動して表示する、など)端末にアクションを取らすことができる。これは似て非なると思います。できることの幅も全然違う。iOSユーザのワタシとしては、PCで見てるサイトのURLをiPhoneにPushすることは思いついても、iPhoneのブラウザ立ち上げて表示させてしまうことまで想像できませんでした。想像できる幅も変わってくる。このセッションを聴いて感じたのは、Web制作者の視点だと、このお話を聴いて参加者がどんな行動をとればいいのかわからなかった、というのが正直なところ。Web制作サイドとして「夢があるなぁ」と感じるだけ以上に、僕らにできることがあるのかという点で、専門家の方の考え方を聞きたかったな。これほどエネルギーで満たされたプレゼンを久しぶりに聴いたな、と思いました。熱意とエネルギーに満ちあふれていたお話でした。いえば、デザイナーはプログラマと協力してAndroidアプリつくろうよ!今がチャンスなんだよ!というお話でした。印象に強く残っているのは以下の3つ。iPhoneによって、売れる・使われるアプリの条件に「かっこよさ」が加わったのはやっと認知されるようになってきましたが、「かっこよさ」はプログラマでは表現できない。デザイナーが必要なんです。逆にかっこいい見た目は作れてもデザイナーではアプリにできない。プログラマが必要なんです。OSのチャンスに乗るには、デザイナーと一緒にかっこいいアプリを作らなくてはいけない、と。聴いていてすごくワクワクしました。ニュース」では、iOS、Android向けにそれぞれの特性を考慮してUI設計をしているですよ、というお話でした。左右に眺めながらの比較はすごく参考になりました。以下、気になった点をまとめました。ちなみに、太字は私のコメント。iOSAndroid「戻る」操作UI上に「戻る」ボタンを設置する必要あり。HWボタンがあるため不要。フッターは透明にし、表示領域を大きめに。OS3.0対応が必要であり、難しい。Nite系でノウハウ豊富なセッションでした。ことで箇条書きでざっとメモを転記します。とあるサイトで計測したら、OS1.6の訪問率は1.4%だった。AndroidはDroidフォントという大変ざんねんなフォントがデフォルトだが、これはどうしようもない国内モデルでは、UDフォントやモリサワ、AXISなど質の高いフォントをバンドルしていますね。Androidの「ブラウザ」アプリは、Webkitベースだが、Chromeではない。過信するとハマる可能性も数字の羅列を勝手に電話番号と認識してリンクを張ってしまう。端末ごとに挙動が違う。href="tel:番号">番号</a>する。-webkit接頭辞は付ける。今後のことを考えて接頭辞なしのも含める。順序は「接頭辞あり、なし」で記述するAndroidでは、-webkit-tap-hightlight-colorが悪さをすることも。いって消すとどこをタップしたか認知できない。-webkit-box-reflectはiOSとAndroidで記述方法が異なるAndroidのJavaScriptには要注意よくわかんないところでresizeイベント頻発(ページが開いたとき、キーボード出したとき(数回出る)、変換候補でたとき)touchイベントがiPhoneに比べて全然で取れない。だいたいiPhoneの1/3、端末によってバラバラ個人的には、Androidは、JavaScriptの処理がしょぼいところが困ります。アプリっぽくJSで作り込もうとすると端末ごとのパフォーマンスにものすごく引っかかってしまい、結局端末によっては使い物にならなかったりする。Mobileのお話にも関係してきますが。さんviewportは奥が深いなぁと。スマートフォンになって、dpiに気を遣わなくてはいけなくなって余計混乱を招いている気がする・・・。viewportについては、現実的に利用するスニペットとしたら3つとのこと。冒頭に「ジャパネットたにぐち」と鷹野さんのご紹介されていましたが、結構話すスピードが速い(これはボリュームによる所もあると思いますが、)割に、たいへん聞き取りやすく、デモがたいへん美しく、すばしかったです。zen-cordingを使いこなされてるところに惚れました。話の趣旨としては、スマホサイト対応は、とっても手間がかかります。Androidだけでなく、Pad端末などのマルチデバイスにこれ1つだけで対応できるんです!しかもHTMLを書くだけで見た目も動きも表現できます!HTMLの書き方に若干の作法があるけど、ソース観ればわかるレベルです。Web制作者の方なら問題ありません!送料と分割手数料はたにぐちさんが負担します!という、うれしいライブラリとなっております。言いたいところですが現実は・・・デザインは「それなり」。変更するのがしんどい=だいたいみんな同じ見た目になる動きも若干不安定なときがある作法に従って書くHTMLがあまり構造的ではないAndroidの標準ブラウザでは(端末次第で)「使えない」レベル最近アルファ版からベータ版になったばかりですので、まだまだこれからなんですが、十分期待できる可能性を持っているライブラリだとは思います。たにぐちさんも「モックアップ・Webアプリに使うのがベスト?」とまとめられていました。個人的にはここまでいたれりつくせりじゃなくて、基本的な動きとかパーツをまとめた単なるjQueryの1プラグインがほしいなぁ。まとめ軸は「Android」で、アプリケーションからWebサイトまで広範囲をカバーしたセミナーでした。普及しつつあるといっても、やっぱりAndroidはまだまだこれからだと思う。「Webサイトを表示する」上では、フォントとかブラウザとかまだ色々残念な感じです[3]。市場はこのとおり待ってはくれないので、ドンドン対応してノウハウを溜めていく必要があるのが現実のようです。UIデザインのパターン」についてじっくりお話をきいてみたい。iOSの標準アプリ(Apple謹製)と違って、Androidアプリに関してはまだまだ「お作法」が確立していないように思えます。Androidの標準アプリみてもなんかパターンとかよくわかないところが多いです[4]。これから読みたいと思います。Session3上記の2つはすでに資料が上がっているのでチェックすることをオススメします。[back]そのうち標準ブラウザアプリもChromeになるんでしょうかね。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。