最近のスマホアプリは、まんなかが膨らんだツールバーがブーム？

Posted on 2011年8月24日 by h2ospace

最近、さまざまなアプリを使っていると妙に多いのが、これみたいな真ん中がぽこっとした下付けツールバー。

こちらとか

これも

サイトでも取り入れているものがあったりします。

Instagramあたりが始めたレイアウトでしょうか？　真ん中にメインの機能をおいて、ぽこっとさせる。分かりやすくて良いかも知れませんね。

Androidタブレットは除外するスマホエージェント判定プログラム

Posted on 2011年8月23日 by h2ospace

スマートフォンサイトを作った際、PCサイトと相互で行き来するためにユーザーエージェント情報を使って、振り分けをすることがあります。

「iPhone+Android スマートフォンサイト制作入門」でも、記載はしたのですが、その後Androidの「タブレット端末」が増えてきて、これへの対処が必要となりました。

Androidタブレットは、画面サイズが非常に大きく、スマートフォン向けのサイトを表示してしまうと逆に使いにくくなってしまいます。Flashも表示できますし、デスクトップサイトを普通に表示する方が親切と言えるでしょう。

Androidタブレットの場合、ユーザーエージェントは「Android」でスマートフォンで同じ物の、元にしているブラウザが「Mobile Safari」ではなくて「Safari」とクレジットされます。この「Mobile」というキーワードを使えば振り分けることが可能です。ということで、上記書籍内のプログラムをこれを元に書き換えると次のようになります。

// iPhoneまたは、Androidの場合は振り分けを判断
if (document.referrer.indexOf('playgroup-kiba.com') == -1 && ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || (navigator.userAgent.indexOf('Android') > 0 && navigator.userAgent.indexOf('Mobile') > 0))) {
	if(confirm('プレイグループ木場へようこそ。\nこのサイトにはスマートフォン用のサイトがあります。\n表示しますか？')) {
		location.href = 'http://iphone.playgroup-kiba.com';
	}
}

これで、Androidタブレットでは基本的には振り分けがされなくなります。ぜひ、入れておきたいコードです。

CodeIgniterで、Twitterの OAuthログインを試す

Posted on 2011年8月18日 by h2ospace

一度ブログでも大絶賛した、CodeIgniterですが、その後もちくちくと触っております。
とにかく手軽で、何でもできるところが良いですね。素敵です。

ということで、試しに Twitterに OAuthログインをする仕組みを作ってみました。これも非常に簡単。ただし、別のところではまったので、メモもかねて。
Continue reading →

Twitterでログインする（Sign in with Twitter）のオフィシャルボタン

Posted on 2011年8月17日 by h2ospace

必要なときにいつも見つからないので、ブックマーク代わりにエントリー。
「Twitterでログインする」の時に使う、ボタン素材はこちらのページにあります。

できるだけこのボタンを使ってあげた方が、ユーザーの抵抗感がなくなって良いそうです。

[CodeIgniter] 外部ファイルの読み込みにはAPPPATHを使う

Posted on 2011年8月11日 by h2ospace

CodeIgniterで、ライブラリファイルを読み込む場合、通常は

$this->load->library(...);

といった記述で読み込むことができます。

しかし、きちんとしたオブジェクト指向で記述されていないライブラリなどの場合で、単に「require」などで読み込みたいだけの場合、そのファイルをどこにおいて、どのように読み出せばよいでしょう？
Continue reading →

ICONIA Tabが、Android 3.1になって最強ツールに！？

Posted on 2011年8月10日 by h2ospace

念願のICONIA Tabの、Android 3.1アップデートが再配布されました。

一度配布が始まった後、トラブルがあって休止していたのですが、このたび再開したため早速アップデート。
念願のマウスをサポートするようになりました。
Continue reading →

Androidでページ内リンクは使えない！？

Posted on 2011年8月8日 by h2ospace

ページ内リンクを張る場合、通常はid属性などを付加した要素に「#xxx」という形でリンクを張ります。しかし、Androidの一部の端末ではこの時にURLが変化して「http://example.com/#xxx」といった形になってしまう上、それ以上タップをしてもページリンクが機能しなくなってしまいます。（URLが同じだから無視するようです）

そのため、基本的にAndroidではページ内リンクを使わずに、折りたたみの仕組みなどを使って同じような機能を再現するか、「ページの先頭へ」の機能の場合は、代わりに、次のスクリプトで対応します。