モバイル｜WEB制作・WEB開発のTips＆News Kamimoto.biz Labs

2009年10月29日

先日のAndroid1.6 へのアップデート。

2日前ぐらいに無事に来ました。

で、今回のご紹介は、Android 2.0用のGoogle Mapsのナビ。

なんかすごそうですよ。

Google Redefines GPS Navigation Landscape: Google Maps Navigation For Android 2.0

ほんと、カーナビになってますね。

がんばれAndroid。

がんばるなiPhone。(笑)

• Android
• Googleマップ

2009年10月24日

10月23日から、「HT-03A」向けのAndroid 1.6アップデートの配信が始まったのは知っていたのですが、丸2日たったのに未だにアップデートファイルのダウンロードが始まらず...

で、自分でダウンロードもできないので、待つしかないのですが、「もしや、自分のHT-03Aっておかしいの？」とかも思いつつ、、、調べてみました。

HT-03A、Android 1.6で何が変わる？

Android 1.6での変更点は下記になるらしいです。

• クイック検索ボックス
• カメラ・動画アプリケーションの機能向上
• セキュリティ強化
• その他

で、肝心のアップデート。

すべてのユーザーに行き渡るまでには1週間程度の時間を要するようで、まだアップデートできていない人も多いようだが、

ってことで、順番待ちのようですorz

• Android
• Google
• HT-03A

2009年10月 8日

モバイルWebkitをエンジンとしているブラウザの比較表をご紹介。

モバイル版Webkitをレンダリングエンジンとしているブラウザは、多くのスマートフォンで搭載されていて、代表的なものとして、iPhoneに実装されているモバイルSafariが挙げられるわけですが、それらの表示を実際に試してみた表みたいです。

The Great WebKit Comparison Table

今回、19種類のWebkitエンジンのブラウザ上で、CSSやJavaScriptに関する様々なテストを行ったようです。

その結果、結論として出てきた言葉。

There is no "WebKit on mobile!"

つまり、『モバイルには「Webkit」なんてものは存在しない！！！』らしいのです(笑)

このページの下部には、「どのブラウザが一番多くのテスト項目をパスしたか」の棒グラフも載っているので、こちらも見るのも興味深いです。

代表的なものの優劣だけ列挙すると、上からこのような順番になります。

1. Safari4
2. Chrome3
3. Chrome2
4. iPhone3.1
5. Chrome1
6. iPhone2.2
7. Android G2
8. Android G1

個人的には、Androidの順位の低さが残念です。。

• Android
• iPhone
• webkit
• 比較

2009年9月26日

このWeb制作ブログにアクセスいただく際に、「au エミュレータ」や「ソフトバンク エミュレータ」という検索クエリが一番多いです。

あと、趣味で、ケータイサイトデザイン集「モバイルデザインアーカイブ」を運営してるということもあり、ケータイサイト制作を始める際のお役立ちリンクをまとめてみました。

ケータイサイトをPCで確認

大手3キャリアともに、純正のエミュレータ（シミュレータ）が存在します。

• NTTドコモ iモードHTMLシミュレータ
• NTTドコモ iモードHTMLシミュレータII
• au Openwave SDK 6.2K
• au Openwave SDK 6.2Kのダウンロード
• ソフトバンク ウェブコンテンツヴューア

ドコモの「iモードHTMLシミュレータII」について補足しておきます。

901iシリーズ以降のiモード対応HTML、Flash、デコメールテンプレートや、901iSシリーズ以降のPDF、902iシリーズ以降のトルカ、906iシリーズ以降のデコメアニメなどが確認できるようになっています。

ケータイ端末のディスプレイ

各キャリアのケータHTMLの仕様

一度は、各キャリアの仕様説明ページを読んでおく必要があります。

• NTTドコモ iモード対応HTMLのバージョン
• au EZfactory
• ソフトバンク Mobile Creation

また、各キャリアごとにページ容量が異なるため、それにも注意しなくてはいけません。

また、画像ファイルについても留意する必要があります。

■ドコモ
GIF、JPEG。
ただし、あまりにも古い機種の場合、GIFしか表示できません。

■au
GIF、JPEG、PNG、BMP。

■ソフトバンク
JPEG、PNG。

また、「GARAKU FP Server Expansion」というフリーソフトも便利です。

以下、引用します。

GARAKU FP Server Expansion は、オリジナル画像を用意するだけで携帯電話の各キャリア＆機種に最適な容量の画像に自動調整し、配信するサーバ・ミドルウェア・モジュールです。

Flash Liteについて

■Flash Lite 1.0
容量制限は20KB。

■Flash Lite 1.1
現在の主流です。
Flash4をベースに、容量制限は100KB。

■Flash Lite 2.0
Flash7をベースに、容量制限は150KB。
ただし、ドコモ端末では採用されていません。

■Flash Lite 3.0
Flash8ベースで、FLV（Flashビデオ）にも対応しています。
最新機種でのみの対応です。

また、再生方法は、「インライン再生」、「インタラクティブ再生」2種類あり、それぞれ用途が異なります。

・インライン再生
HTML内に含み、キーイベントが使用できません。

・インタラクティブ再生
直接、swfを参照し、キーイベントを使用することができます。

以上、まとめてみました。
iPhone、Androidなどのスマートフォンも日本の中で、ある程度の地位を占めるようになってきました。

でも、ガラパゴスと呼ばれた日本のケータイでも、もっともっといいケータイサイトが出てくればいいなと思います。

• まとめ
• ケータイサイト
• モバイルサイト
• リンク集
• 制作

2009年9月 9日

最近、モバイルサイト制作関連のブログエントリーが、はてブとかでもホッテントリに入ってたりして、うれしい限りです。

・『モバイルサイトの作り方』制作に役立つサイトをまとめてみた。

モバイルデザインアーカイブもご紹介いただきました。
ありがとうございます。m(_ _)m

どちらかというと、プログラマーさん向けの内容ですね。

・いまからでも遅くない！ケータイデザインの基礎固め

カヤックの方が書かれていて、かなり話題にもなった記事です。

ケータイデザインの基礎が学べます。

• デザイン
• モバイル

2009年7月 2日

Web制作･開発のための今日のブックマークです。

今日はモバイルのブックマーク。

・デザイン主体のモバイルサイトとオフラインでの活動

モバイルサイトのデザインを考える時は、いかにストレスを感じることなくサイトを表示することができるかが一番のポイントとなります。 そのサイトに合ったデザインを考え、画像ひとつひとつができるだけ軽くなるように減色作業を行い、必要最低限の画像しか使わないようにしています。

大事なポイント。
ただ、やはり機種ごとの対策をどこまで行うかは、予算が青天井じゃない以上、神経質になるところだ。

・モバイルの人
更新とまってるけど、おもしろいブログ。
資料としての価値もありそう。

・Mobile Design Pattern. Stylish Widget in Mobile

A widget is very important in mobile. Without widget mobile became very simple.

知っときたいポイントが満載。

• livedoor
• nokia
• ui
• widget

2009年5月30日

Web制作･開発のための今日のブックマークです。

・ケータイ各社のメールアドレスについて改めてまとめてみました
ウィルコムは完全におまけ扱いです。

・Google対抗「Bing検索」を写真でチェック
とりあえず、日本語版を見てみないことには何とも言えない。
6月3日っぽいです。

でも、日本語ベータ版は、エンジンは反映されないようです。

「Live Search」から「Bing」へ、MSが検索サービスの新ブランド

日本では、6月3日より「Bing」のベータ版を提供する。ベータ版は、ページのデザインのみ「Bing」になり、エンジンは従来の「Live Search」を使用する。

• Bing
• Live
• Microsoft

2009年5月26日

Web制作･開発のための今日のブックマークです。

今日は、制作には関係ないのですが、最近凝っている携帯関連を。

・究極の家電へ　携帯の歴史：「movable」だから「ムーバ」　コンパクトで安く、普及一気に
おさらいとして、携帯の歴史を振り返る。

・KDDI、夏モデル８機種を発表...ハイビジョンムービー携帯、ブック携帯
ブック携帯...微妙ですね。

• KDDI
• au
• ムーバ
• 歴史

2009年5月25日

Web制作･開発のための今日のブックマークです。

・iモードがJavaScriptやCookie対応、Flash動画も
進化してます、ドコモのi-mode。

・iモードブラウザ2.0｜NTTドコモ
本家NTTドコモの公式サイト内のiモードブラウザ2.0。

・Googleが目指す最高の検索UI
目指すものが高ければ高いほど、いいものが作れる。

• Google
• UI
• i-mode
• ドコモ

2009年5月21日

Web制作・開発のための今日のブックマークです。

・ドコモ端末がついに外部CSSに対応したようです
今回の夏モデルのドコモさんは、仕様変更がいい方向で進んでいると思います。
今後も期待ですね。

・Web、映像、音楽...1日限定トップクリエイターの饗！「PUBLIC/IMAGE.METHOD」

Webという自由な表現の場、表現を無限に見ることのできる空間であるからこそ、「制限や制約」を設けるというおふたり。ディレクションとは、制限や制約のシミュレーションでもあり、自由さの中にディレクションを介在させることで作品として成立することを認識しあった。また、伊藤氏からはご自身にとっていくつか考えさせられるきっかけとなったサイトの紹介があり、Webサイトでの表現は、すでにあるコンテンツを利用して再構築することができることを両氏が指摘。それゆえに、面白いサイトこそ編集力の高さがあることを確認しあった。

「ディレクション＝制約」
これは言い得て妙というか、ストレートに表現できたいい例だと思います。

• css
• docomo
• ディレクション

こちらで紹介してるWEB制作・WEB開発は、各種サービスサイトでご相談ください。各種ライブラリ（Prototype.js、script.aculo.us、jQuery）によるAjax開発、Movable Typeサイト制作のサイトへぜひ一度アクセスしてみてください。

• サイトマップ
• お問い合わせ
• ホームページ制作
• Web制作アイデア
• HTMLコーディング
• SEO
• SEO対策情報ブログ
• ウェブデザイン
• twitterデザイン
• twitterサービス
• twitter情報
• 動画まとめ