[B! mobile] jaco-mのブックマーク

スマートフォン用ページに振り分けるときはrel=”canonical”を設定する

iPhoneやiPad、Android端末の普及でスマートフォン専用のページを用意するサイトも増えてきています。スマートフォンからのアクセスに対して「リダイレクトによってスマートフォン専用のURLに振り分けるとき」の注意点を今日はお伝えします。 rel=”canonical”タグで、対応するデスクトップ用ページのURLを指定してください。重複コンテンツの発生を防止するためです。現状GoogleはデスクトップPCとスマートフォンを区別せず同等に扱います。スマートフォン用の検索結果も用意していません。共に、ウェブクローラのGooglebotがクローリングします。 ※従来のモバイル端末はモバイルクローラのGooglebot-Mobileがクローリングします。詳しくはこちらの記事を参照。スマートフォン用のコンテンツはデスクトップ用のページと、完全ではないにしてもほぼ同じになるはずです。

jaco-m 2011/05/31

リンク

jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた

なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogle Map APIを使ったサンプルがオープンソースで公開されていました。ストリートビューなども表示することが可能です。興味の有る方はチェックしてみては。スマフォにGoogle Mapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map Google Map APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。ランドスケープ時も自動で横幅をあ

jaco-m 2011/05/11

リンク

jQuery Mobile が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。

Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w