ke-tai.org ケータイサイト開発に関わる記事・情報を紹介

livedoorディレクターブログに、ケータイに関する記事がありましたのでご紹介します。

誰もがハマりやすいケータイのtableタグについてまとめられた記事です。

→　livedoor ディレクターブログ　ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース [blog.livedoor.jp]

ケータイのtableタグは、非対応の機種があったり（最近の機種ではどれも大丈夫ですが）、キャリアや機種によって見え方が微妙に違ったりで、PCサイト制作畑からケータイにやってきた人は、誰もがハマる要素の一つです。

この記事では、そんなtableタグについて1エントリーまるまる使って解説されている貴重な記事です。

ケータイのtableタグの特徴や注意点に加え、実際のサンプルソースを何パターンも掲載しているので、大変わかりやすく実用的です。

とりあえずブックマークしておいて損のないエントリーだと思います。

関連：

• 機種やキャリアによって異なる十字キーの操作性について解説された記事「入力フォームの操作性、機種による違いにご注意！」
• ケータイサイトのスクリーンショットの撮り方について書かれた記事「livedoorディレクターブログ モバイルサイトのキャプチャを撮ろう」
• livedoorディレクターブログに掲載されたモバイルデザインに関する記事「そのモバイルサイト見やすい? 使いやすい? ユーザビリティをアップさせるチェックポイント7」

イベントの告知です。

明日2010年9月18日に、北海道釧路市で「LOCAL DEVELOPER DAY ’10/Fall in KUSHIRO (通称：LDD’10/Fall in 釧路) 」というイベントが行われます。

→　LDD’10/Fall in KUSHIRO　開催概要 [blog.kushi.ro]

→　LDD’10/Fall in KUSHIRO　プログラム [blog.kushi.ro]

【名称】
LOCAL DEVELOPER DAY ’10/Fall in KUSHIRO (通称：LDD’10/Fall in 釧路)
【主催】
一般社団法人LOCAL・釧路OSSコミュニティ
【開催日】
2010年9月18日(土)
【時間】
14:00～18:00
【場所】
釧路市民活動センターわっと 会議室
【参加費】
無料
【定員】
50名

参加には事前のお申し込みが必要です。
懇親会の受付は締め切りましたが、セミナーの申込はまだ受け付けております。
こちらのページからお申し込みください。

→　LDD’10/Fall in KUSHIRO　参加登録フォーム [oss.kushi.ro]

私は仕事の関係で参加できないのですが、弊社スタッフも講師として参加しています。
ご都合の付く方はぜひご参加くださいませ。

なお、同日には札幌でPostgreSQLのハンズオン形式での勉強会も行われます。

→　ATND　PostgreSQL勉強会＠札幌 [atnd.org]

どちらのイベントも、たくさんのご参加をお待ちしております。

関連：

• 9月11日のLTイベントに使ったスライド資料「地方企業がリモートで首都圏のお仕事をこなすための10個のポイント」
• 第11回LOCAL PHP部 勉強会　無事終了しました
• OSC 2010 北海道の発表で使用したスライド資料「PHPで大規模ブラウザゲームを開発してわかったこと」

CakePHP用に作られた簡易GPS検索プラグイン「GeoSimple Plugin」というのがあるようです。

→　エクスギア Blog　CakePHP 携帯ライブラリと位置情報ライブラリを使った簡易GPS検索プラグイン「GeoSimple Plugin」 [exgear.jp]

来月の10/2～10/3に行われるイベント「2010 PHP Matsuri」に向けて作られたライブラリとのことで、実装にはCake用の携帯ライブラリ「Ktai Library」と、GPS取得部分は「Geomobilejp」を利用しているとのことです。

便利そうなのは、半径○kmなどの取得方法が用意されている点です。
三平方の定理を使った簡易的な算出方法ではあるものの、これは何かと便利そうですね。

PHPMatsuriに向けて何か記事を、と思いつきで作りましたのでズバリ検証が不十分です！ご利用になられてバグ等を見つけられましたら是非PHPMatsuriで直接フィードバックしてください

とのことですので、興味のある方はぜひ利用してはいかがでしょうか。

関連：

• 処理が高速なPHP絵文字変換ライブラリ「HTML_Emoji」
• 第4回CakePHP勉強会@Tokyoで発表されたスライド資料「Ktai Libraryで携帯サイトを高速開発」
• CakePHP用のケータイ対応ライブラリ「Ktai Library」のバージョン0.1.0がリリースされました

いつか使う日が来るような、きっと来ないようなという感じなのですが、メモ代わりにご紹介します。

GREEのエンジニアブログに、Flash LiteのSWFバイナリを直接編集する方法を紹介した記事「SWFバイナリ編集のススメ」がありました。

→　GREE Engineer’s Blog　SWFバイナリ編集のススメ第一回

→　GREE Engineer’s Blog　SWFバイナリ編集のススメ第二回

→　GREE Engineer’s Blog　SWFバイナリ編集のススメ第三回 (JPEG)

SWFバイナリに変更をかけて、背景色をかえたり画像を入れ替えたりするという内容です。
第一回の仕様書の読み方の回がいいですね、参考になります。

今のところ第三回まで掲載されていますが予告があるので、まだ続きそうな感じです。期待しましょう。

関連：

• FlashをHTML5・JavaScriptに変換して動かすSmokescreenというものがあるそうです
• Flash Liteの容量削減テクニックをまとめた記事「知らないと損をするよ！ 携帯Flash軽量化メモ」
• 携帯Flashの操作ストレスとなるポイントをまとめた記事「携帯Flashサイトのユーザビリティ基礎」

これまで何度もご紹介させていただいたことのあるサイト「ユーザビリティ実践メモ」ですが、流行のスマートフォン向けサイト作りに役立つ良記事がありましたのでご紹介します。

→　ユーザビリティ実践メモ　【スマートフォン】 図解！今すぐ直せる、WEBフォーム 6つの課題 [www.bebit.co.jp]

題名はスマートフォンとなっていますが、内容としては主にiPhone向けの記事になっています。

次の6点が課題としてあげられており、iPhoneを使っている人にとっては「あるある」というものが多いです。

• 課題1：　項目名が見えない
• 課題2：　入力ボックスに気付かない
• 課題3：　選択肢が見えない
• 課題4：　入力モードが適切に設定されてない
• 課題5：　1つの入力ボックスで複数の文字種類を求めている
• 課題6：　プルダウンの選択項目が読めない

スマートフォン向けサイトは、ケータイよりましかと思いきや、使い勝手が悪く意外とイライラさせられることもよくあると思います。

サイトをお持ちの方は一度見直してみてはいかがでしょうか。

関連：

• 2009年のモバイルコンテンツ関連の動向や市場規模がまとめられた資料「総務省　モバイルコンテンツの産業構造実態に関する調査結果」
• アンケート結果を元に使いやすいECサイトを考察している記事「購入直前のユーザーを逃さない。モバイルECサイトの買い物かごのユーザビリティ」
• 実例をあげてケータイサイトのページ内構成を考察している記事「比較テストで見えた成果を出すモバイルECサイトのユーザビリティ」