iPhone用のWeb制作は、すばらしき諸先輩方のブログなどがあるので、こちらではmixiアプリ スマートフォン版について言及していきます。（もちろんちょいちょい他TIPSも出しますが）今回はmixiアプリ スマートフォン版において、技術的に「こういうコトができ…

mixi meetup 2010で盛り上がった9/10、アメリカ西海岸でとんでもないニュースが発表されていましたね。 アップルが iOS 開発者規約を変更、開発ツール制限を緩和。審査ガイドラインも公開 iPhoneアプリ審査での111の禁止項目（意訳） Appleが発表したApp Sto…

ボタンの縦横サイズ 指で操作するために必然的に自分の指の下になる箇所は隠れます。 そのために縦にボタンを並べると、上のボタンを押しているとき下のボタンは見えません。 ボタン類を縦に並べる場合は、ある程度の距離を取りましょう。 逆に横にボタンを…

ソーシャルアプリをmixi上で展開するとなると、何らからの形でFlashアニメーションの代替が必要になってくるのではないでしょうか。例えば怪盗ロワイヤルのレベルアップアニメーションとか。 今回はそれらの代替手段を考えてみます。 Flash ジョブズ閣下はお…

今回はマニアックにinputタグについて掘り下げようかと。html5からinputタグのtype属性が大量に追加されています。今までは type="checkbox" type="radio" type="image" type="text" type="password" なんかを使っていたと思いますが、html5では type="tel" …

今回はmixiアプリ for Touch限定ではなく、スマートフォンにおけるHTML5の対応状況について。 まず、基本的にiPhone・Android共に標準のブラウザではWebkitを描画エンジンとして用いており、共通する仕様が非常に多いです。 それらはSafari・Google Chromeを…

前回のエントリーのデザイン周りの補足。 ちょっとより突っ込んだニッチな情報です。 iPhone固有のおはなし フォント iPhoneには嬉しいことにMac OS Xと同様にヒラギノがインストールされてます。 特に何も指定しなければ日本語は全てヒラギノ角ゴで表示され…

さて、前回のエントリーで色んな制限を学んだので、ようやくデザインに入ります。 今回デザインするみんなでケンテイ(´∀｀)は、モバイル版／PC版共に提供をしていますが、PC版を見ていただくとわかるように、モバイル版を力いっぱい流用したデザインです。決…

前回のエントリーで「iPhoneっぽい」UIをつくろうということで方向性は決めました。 なので、さっそく楽しいデザイン作業！の前に、、 スマートフォンならでは、mixiアプリ for Touchならではの、デザイン上の制限を先に調べます。 解像度の問題 iPhoneの場…

サーバーサイドのことはわからんので、mixiアプリ for TouchのUI周り（デザイン／コーディング）を制作するときに揃えた環境をちらほら 絶対必要 mixiデベロッパーアカウント（法人アカウントしかダメかも） Safari（Windows版／Mac版どちらでも） iPhone or…

ちょっと蛇足ですが、iPhone Webをデザインの参考にしたサイトをつらつらと。 まずはやっぱり本家Apple公式 iPhoneのUIガイドライン目を通しておくと考え方が整理されやすいです iPhone ヒューマン インターフェイス ガイドライン ネイティブアプリかと見紛…

前回「みんなでケンテイ(´∀｀)」をmixiアプリ for Touchの弊社第一弾アプリとして移植することが決まったわけですが、さてどんなデザインにするべきか。自分自身がiPhoneしか持っていなかったため、DoCoMo XPERIAを会社で購入してもらってiPhoneとAndroid市…

会社の関係上若干他社さんよりも早くmixiアプリのスマトーフォン版、mixiアプリ for Touchのお話が舞い込んできました。 以前より社内で「iPhoneやらせろや」という話をしていたので、ここぞとばかりに「俺ヒマ」「俺やりたい」オーラを出しまくってプロジェ…