コンピュータ情報: 10月 2017

2017年10月26日木曜日

Google Maps のパラメータ

Google Maps のパラメータ
グーグルマップのパラメータ指定の仕方を説明します。
他にもありますが、分かっている範囲です。
API版ではありません。URL版？です。
PC版URL例）
http://maps.google.co.jp/maps?f=q&hl=ja&geocode=&q=%E6%96%B0%E5%AE%BF&ie=UTF8&ll=35.68923,139.693995&spn=0.029488,0.083942&z=14
PC版パラメータ説明
パラメータ説明属性例
・f
左枠について、
[q:通常（デフォルト）d:乗換案内。現在地と目的地を記入するダイアログが表示される。 ]
・hl
言語。
[ja:日本,en:英語,]※ デフォルトではユーザーの環境に合わせる。日本だとja
・q
マーカー,吹き出しがつく。地名か、緯度経度（カンマ区切り）で指定。
日本語の場合はURLエンコードで入力。 %E6%96%B0%E5%AE%BF（新宿）
・ie
入力文字コード。UTF8（デフォルト）,Shift-JIS,EUC-JPなど利用可能。
・oe
出力文字コード。UTF8（デフォルト）,Shift-JIS,EUC-JPなど利用可能。
・ll
地図の中心の緯度経度。世界測地系、十進、カンマ区切り。
[ex. 35.68923,139.693995]
・spn
表示範囲をDegree単位で指定。zパラメータが無いときに有効。
カンマ区切り
[ex. 0.029488,0.083942]
・z
ズーム。0～20くらい（20以上が見れる地域もあるし、18以降は見れない地域もある。）
0が縮小、20が拡大
・t
[m:マップ（デフォルト）k:サテライト h:デュアル p:地形 ]
・om
地図右下に表示されるオーバービュー。
[0:なし（デフォルト）1:あり ]
・layer
ストリートビューなどの指示
[t:トラフィックビュー（デフォルト）c:ストリートビュー]
・cbll
ストリートビューで、ポイントの緯度経度。世界測地系、十進、カンマ区切り。
[35.689186,139.693836]
・cbp
ストリートビューで、各種表示の指定。
カンマ区切りで、
1つめ:　1:小さい画面　2:全画面
2つめ:　ローテーションアングルをDegreeで
3つめ:　チルトアングル。-90（真上）～90（真下）←？意味不明
4つめ:　ズーム。0～2
5つめ:　ピッチ。-90（真上）～90（真下） 2,123.388587

didit.jp
http://imakoko.didit.jp/imakoko_html/memo/parameters_google.html

http://maps.google.co.jp
/maps?f=q&hl=ja&geocode=&q=%E6%96%B0%E5%AE%BF&ie=UTF8&ll=35.68923,139.693995&spn=0.029488,0.083942&z=14
http://maps.google.co.jp/maps?f=q&hl=ja
&geocode=
&q=%E6%96%B0%E5%AE%BF [q:マーカー,吹き出し]
&ie=UTF8 [ie:入力文字コード]
&ll=35.68923,139.693995 [ll:地図の中心の緯度経度]
&spn=0.029488,0.083942 [spn:表示範囲をDegree単位で指定]
&z=14 [z:ズーム]

nbvnmbvn pc

2017年10月19日木曜日

LINE@

LINEは多くのユーザーがアクティブに利用しています
コミュニケーションのインフラとして拡大中です
国内MAU（利用者数）7,000万人以上
DAU/MAU率（アクティブ率）72.0%
幅広い年齢層が利用
※2017年7月末時点自社調べ
※DAU/MAU率:月間アクティブユーザーに占める1日1回以上利用したユーザーの割合

LINE@
http://at.line.me/jp/

LINEとLINE@（ラインアット）の違い
「LINE」と「LINE@」は、それぞれ別のアプリです。
簡単に違いを説明すると・・・
・「LINE」は、1対1のやりとりに特化したアプリ（プライベートで活用）
・「LINE@」は、多数の人への情報発信できるアプリ（情報発信やビジネスに活用）
となります。
もっと、分かりやすく言うと・・・
・「LINE」は、個人でのメールのやり取り
・「LINE@」は、メルマガ
に近い感覚です。
LINE@の特徴は、メルマガのように、あなたのメッセージを多数の人へ一斉送信できます。
さらに、LINE@専用のホームページが持て、クーポン配信やアンケート投票機能もあります。
またLINEと同じように、友だち登録してくれた人と、1対1のトークや、タイムラインへ投稿も可能です。

acrea-web.com
https://acrea-web.com/lineat/line-lineat/

2015年2月13日からLINE＠(ラインアット)が個人でも利用できるようになったので、LINE＠でできることやLINE＠の使い方などをまとめました。
「LINEとの違い」や「LINE＠とはなにか」という疑問が解消できれば幸いです。
LINE＠とは
LINE＠とはなにか、公式サイトの説明を引用しますのでご覧ください。
 親しい間柄でのコミュニケーションに特化したLINEとは別に、情報発信やビジネスにご活用いただけるのがLINE@アカウントです。
あなたのLINE@とお客さまやファンが「友だち」になり、ぐっと距離が縮まります。
LINE@で販促・ファンを獲得！無料アプリで簡単に始めるビジネス向けLINE
友達や家族といった個人同士のやり取りはLINE、お店やバンドなどのブランドとお客さんとのやり取りがLINE＠というイメージです。
そもそもアプリ自体が異なります。
情報の受け取り側はLINEで見れますが、情報発信者がLINE＠アプリを使います。(うちのバンドのメンバーはここでつまずきました。)
上記のアプリでも使うことができますし、パソコンで使える専用の管理画面がありそこから情報発信することができます。
個人的にはこれがすごく気に入ったポイントです。
また、複数人で1つのアカウントを管理できますし、1人が複数のアカウントを持つことも可能です。
ちなみに、年齢認証の関係でMVNOのSIMカード使ってる人や、iPod touch, iPadなどをWi-Fiで運用をしてる人はアカウントが作れません。
個人も使えるようになった「LINE@」、IIJmioなどドコモのMVNOでは年齢認証できない！ : め～んずスタジオ
LINE＠で出来ること
では、これから順番に機能を紹介していきます。
メッセージを一斉に送信できる
1,000通までメッセージを一斉送信できます。メルマガ的な感じですね。
予約投稿もできますし、テキストだけでなく画像やスタンプも送れます。
ただ注意したいのが、1,000通＝1000回っていう意味ではなく、友だちが1,000人できたら1回のメッセージを送るだけで1,000通になってしまうので、
結構あっという間に上限に行ってしまいそうです。
このことについては男子ハックのこちらの記事もあわせてご覧ください。
LINE@のメッセージには2種類あるので注意！制限にカウントされるのは一斉メッセージのみ！ | 男子ハック
もし1,000通を超えるメッセージを送りたくなったら、月額5,400円で50,000通まで送れるようになります。50,000通を超える場合は1通1.08円で送れます。
この金額を高いと思うか安いと思うかですね。
メルマガ的に使う場合、アーティストだったらFrekul使った方がいいような気もします。
1対1のトークのやり取りができる
LINE同様、LINE＠でも1対1のトークができます。
こちらはやり取りの回数に制限はありません。
Facebookページのように一つの話題がスレッドになってるわけではないのが特徴ですね。
他の人がした質問や解決方法なども見れないので、複数人から似たような質問が来る、っていうことも起こり得るわけです。
これがちょっとめんどうなときがあるかもしれませんが、1対1なので密にやり取りができるのはいいですよね。
自動返信ができる
1対1のトークをすることもできますが、ある程度距離をとりたいという場合もありますよね。
そんなときは自動返信のメッセージを設定できます。
定型文を決めておくこともできますし、特定のキーワードに応じて特定の文章を投稿できるようにもできます。
うまく使った事例としてはこれとか。
LINE公式アカウント「パン田一郎」の自動返信機能がすごすぎると話題にｗｗｗｗ – NAVER まとめ
キーワードが「完全一致」じゃないといけないのが難しいのと、友だちとして双方向につながってしまった場合は自動返信が効かないという点にだけ気を付ければ便利に使えそうです。
LINE内にホームページを持つことが出来る
「アカウントページ」というLINE内に専用ホームページを持つことが出来ます。
例えばラーメン屋さんがこのページ作っておけば、地図やメニューや営業時間などを見せることができます。
このページはオープンなページで、Googleなどの検索で探すこともできるみたいです。
しかし、個人アカウントではGoogle検索もLINE内の検索でも引っかからないそうです。
 ＜一般アカウントをご利用の場合＞
一般アカウント（弊社が審査・認証を実施しない業種および個人アカウント）をご利用の場合は、アカウントページ自体はインターネット上に生成されますが、
インターネット検索の検索結果には表示されません。また、LINE内の検索結果にも表示されません。
＜認証済みアカウントをご利用の場合＞
認証済みアカウント（弊社が審査・認証を実施する業種）をご利用の場合は、LINE内の検索結果およびインターネット検索エンジンの検索結果に表示されます。
よくある質問 – LINE@でファン獲得！無料アプリで簡単に始めるビジネスLINE
認証済みアカウントになるためには最低でも住所が必要になるので、店舗や事務所を構えていて住所を晒しても大丈夫な人向けですね。
タイムラインに投稿することができる
タイムラインに投稿を流すことも可能です。
メッセージの一斉送信が1,000通を超えても、タイムラインに情報を流すことは可能です。
プッシュ通知のメッセージに対して、こちらは他のSNSと同じように埋もれてしまう可能性は高いですが。
クーポンなどを作れるPRページ
メッセージ送信機能の一つなんですが、「PRページ」というものがあります。
クーポンを作ることができて、動画や複数の画像を貼りつけることもできます。
これはLINE＠のうまみかもしれません。
一斉送信するメッセージに付加価値を付けられます。
使いきりのクーポンや抽選クーポンが作れますので、バンドであればライブチケットの割引クーポンとか、焼肉屋さんが抽選で1名様に上カルビプレゼントとか、いろいろできそうですね。
アンケートがとれるリサーチページ
こちらもメッセージ送信機能の一つで、「リサーチページ」というものがあります。
投票してもらったり、アンケートを取ったりすることができます。
この手のサービスっていいものが意外とないので、これを手軽にLINEでやれるのっていいですよね。
LINE＠アカウントを友達に追加する方法
LINEでLINE＠のアカウントを友達に追加することで情報を受け取れるようになります。
追加する方法は下記の記事で紹介してますので参照してください。

delaymania.com
http://delaymania.com/201502/webservice/line-at/

Webチラシの閲覧率はメルマガの2倍以上！各店舗でのタイムライン配信に力を入れるペットショップのLINE＠活用方法とは LINE@公式ブログ
ラインアットの最新情報や成功事例をご紹介 LINEの法人・ビジネスアカウントを使った集客のコツ
2017年10月03日
Webチラシの閲覧率はメルマガの2倍以上！
各店舗でのタイムライン配信に力を入れるペットショップのLINE＠活用方法とは
犬や猫から、魚、爬虫類、昆虫までさまざまなペットやその関連商品を取り扱うペットショップ「ひごペットフレンドリー」。
店舗代表として取材にご協力いただいた伊丹店では、動物病院や業界初の小動物ケアセンターも併設しています。
本部の西浦さま、小動物事業部リーダーの出井さま、スタッフの谷さまにLINE＠の活用方法についてお話を伺いしました。
LINE@の閲覧率はメルマガの2倍以上！動画の閲覧率は13％！
――LINE@導入までの経緯を教えてください
ケータイ会員という会員サービスを軸においていますが、
メールマガジン(以下、メルマガ)自体の利用率や開封率低下への懸念もあり、LINE＠の併用を決めました。
元々、ホームページでのブログ配信を、SNSで拡散することにも力をいれており、LINE＠の導入には本部も店舗も抵抗がありませんでした。
2016年9月頃から、本格的に各店舗へ企画・運用まで権限委譲してからは、タイムライン配信数や友だち数も加速度的に増加しております。
――実際に導入されていかがですか？
メルマガとLINE@のメッセージ機能を併用しています。
配信内容は、定期的に折り込んでいるチラシの事前告知を行っております。
その閲覧率はメルマガで7.2％、LINE＠で15.5％と、メルマガの２倍以上となりました。
メルマガだとテキストだけですが、LINE＠のリッチメッセージだと視覚に訴えることができるので、そのポイントが大きいと思います。
メルマガの配信数はLINE＠の約2.5倍ある中で、閲覧数はほぼ同じ人数を獲得できております。
また、ムササビが入荷した際に、YouTubeの動画誘導のリッチメッセージを配信したところ、数時間で1,400人以上がアクセスし閲覧率も13％に達しました。
LINE＠のメッセージ機能は、操作も簡単で即効性も非常に高く、目に見える効果があるので良い宣伝につながっているなと実感しております。メルマガ・リッチメッセージ比較
各店舗スタッフの工夫がお客さまとの最高のコミュニケーションを育む
――友だち集めはどのようにされていますか？
メルマガでの告知やレジでの声がけ、飼育説明書に友だち追加用QRコードの掲載など、お客さまに気づいてもらう機会をたくさんつくっています。
伊丹店では、スタッフの名札裏にLINE＠のQRコードをラミネートして、いつでも友だち登録をしてもらえるように工夫しています。
また、各店舗でイベントを開催し、友だち登録でイベントの参加費用の割引を行なっております。
最近では、友だち登録はもちろんですが、タイムラインでのシェアで割引をするなど、より多くの方にひごペットフレンドリーを知ってもらえるよう工夫をしております。
――実際に効果のあった施策を教えてください
各店舗ではタイムラインの配信を積極的に行なっております。
１店舗の中でも、犬・猫、小動物、熱帯魚など趣向が異なるお客様がいらっしゃるので、メッセージではなくタイムラインで配信をしております。
伊丹店ではタイムラインでの配信を、季節感を出しながら、その動物の魅力がしっかり伝わるよう様々な工夫をしております。
例えば、手作りの背景や撮影角度、動物の表情など細部にもこだわっており、その写真を見たお客さまは「この子に会いたい」「この子を見せて欲しい」とお店に駆け込んできてくれることがしばしばあります。細部へのこだわりは、スタッフの動物たちへの愛情の表れでもあります。お店にいることが動物たちの幸せではないので、早くお客さまにかわいがってもらえる環境を与えたいという強い想いで、それぞれが注目してもらえる工夫をしています。
伊丹店タイムライン配信例
スタッフ全員が楽しんで取り組めるようなきっかけづくりを
――運用面で工夫していることや気をつけていることを教えてください
社内でLINE＠活用セミナーを実施し、各店舗での成功事例や機能の紹介、運用時のポイント・注意点を共有しています。
ホームページのブログ配信が今年で10周年を迎え、その中でさまざまな失敗をしてきたので、その失敗事例をもとにルールをつくり、
特にNGワードや著作権関連などには最善の注意を払わせています。
それ以外は若い人たちのほうが新しいアイディアをもっているので、店舗での活用がどんどん促進されるようなヒントを共有しています。
また年１回の式典では表彰式を行い、投稿数・シェア数・いいね数で選考され、店舗でのLINE＠活用を競い合っています。
伊丹店は今年の受賞店舗でもあります。スタッフ全員が常に携帯を持ち歩き、動物たちのシャッターチャンスを逃さないよう、
LINE＠の活用に積極的に取り組む点が評価されました。

LINE@公式ブログ
http://blog-at.line.me/archives/50815104.html

2017年10月15日日曜日

iPhone 6s

2017年10月12日木曜日

Wifi File Transfer

Androidアプリ。
スマホやタブレット内のデータを、IPアドレス・WiFi無線経由でコピーする。
画像ファイル、電話帳ファイルなどほぼ全てのファイルのコピーが可能。
スマホ→スマホ
スマホ→タブレット
スマホ→PC
タブレット→スマホ
タブレット→タブレット
タブレット→PC
でコピー可能。
スマホ→スマホ・タブレット・PC
のように、複数の機器に一度にコピーもできる(各々別々にIP接続して別々にコピーするという意味。同時コピーではない)。
受信側はエクスプローラー形式の表示で、フォルダ一括コピーも可能。
低容量の電話帳コピーアプリを探してたどりついたこのアプリ。容量2MB強はありがたい。
非常時のために備えておきたい。

gjujjhj pc

2017年10月5日木曜日

UI,data-icon

data-icon
ボタンに対してdata-iconを付加することことでボタンにアイコンを付けることが可能です。
たとえば削除アイコンをつけたい場合は「data-icon=”delete”」を追加します。
Delete
他にも、以下のような値が指定可能です。
•data-icon=”arrow-l”
•data-icon=”arrow-r”
•data-icon=”arrow-u”
•data-icon=”arrow-d”
•data-icon=”delete”
•data-icon=”plus”
•data-icon=”minus”
•data-icon=”check”
•data-icon=”gear”
•data-icon=”refresh”
•data-icon=”forward”
•data-icon=”back”
•data-icon=”grid”
•data-icon=”star”
•data-icon=”alert”
•data-icon=”info”
•data-icon=”home”
•data-icon=”search”
•data-icon=”bars”
•data-icon=”edit”
アイコンの表示位置はdata-iconpos属性で制御できます。

webcreativepark.net
http://www.webcreativepark.net/jquerymobile/buttons/data-icon/

positionabsolute で中央に配置するやり方

positionabsolute で中央に配置するやり方 YouKnow.jp
CSS
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width:好きな値;
height:好きな値;
中央に配置したい要素に上記のCSSを指定することでヨコ・タテ中央配置することができます。
これで、画面中央に表示されているはずです。
画面中央ではなく、親要素の中央に要素を表示させたい場合には、
要素の親要素に、position:static(初期値)以外のposition:relative;、potision:absolute;やposition:fixed;を指定してください。
その親要素を基準にヨコ・タテ中央配置になります。
サンプルではtop.left.right.bottomに0を指定していますが、これらの数値をいじっても問題はありません。
ただし、top.left.right.bottomの初期値はautoになっているため、
これを解除するために指定しています。
そのため、topだけに80pxを指定するとタテ・ヨコ画面中央からタテのみ80px下に行く指定することも可能です。
margin:auto;をmargin:0 auto;にすれば、ヨコ方向のみ中央寄せにすることもできます

YouKnow.jp
http://youknow.jp/web/css-position

jQuery UI

jQuery UI – All Versions
jQuery UI - Git Builds
UNSTABLE, NOT FOR PRODUCTION
jQuery UI git build - uncompressed, theme
jQuery UI 1.12
jQuery UI 1.12.1 - uncompressed, minified
Themes
baseblack-tieblitzercupertinodark-hivedot-luveggplantexcite-bikeflickhot-sneakshumanityle-frogmint-chocovercastpepper-grinderredmondsmoothnesssouth-streetstartsunnyswanky-pursetrontasticui-darknessui-lightnessvader
Previous Releases
jQuery UI 1.12.0 - uncompressed, minified, theme
jQuery UI 1.12.0-rc.2 - uncompressed, minified, theme
jQuery UI 1.12.0-rc.1 - uncompressed, minified, theme
jQuery UI 1.12.0-beta.1 - uncompressed, minified, theme
jQuery UI 1.11
jQuery UI 1.11.4 - uncompressed, minified
Themes
black-tieblitzercupertinodark-hivedot-luveggplantexcite-bikeflickhot-sneakshumanityle-frogmint-chocovercastpepper-grinderredmondsmoothnesssouth-streetstartsunnyswanky-pursetrontasticui-darknessui-lightnessvader
Previous Releases
jQuery UI 1.11.3 - uncompressed, minified, theme
jQuery UI 1.11.2 - uncompressed, minified, theme
jQuery UI 1.11.1 - uncompressed, minified, theme
jQuery UI 1.11.0 - uncompressed, minified, theme
jQuery UI 1.11.0-beta.2 - uncompressed, minified, theme
jQuery UI 1.11.0-beta.1 - uncompressed, minified, theme
jQuery UI 1.10
jQuery UI 1.10.4 - uncompressed, minified
Themes
black-tieblitzercupertinodark-hivedot-luveggplantexcite-bikeflickhot-sneakshumanityle-frogmint-chocovercastpepper-grinderredmondsmoothnesssouth-streetstartsunnyswanky-pursetrontasticui-darknessui-lightnessvader
Previous Releases
jQuery UI 1.10.3 - uncompressed, minified, theme
jQuery UI 1.10.2 - uncompressed, minified, theme
jQuery UI 1.10.1 - uncompressed, minified, theme
jQuery UI 1.10.0 - uncompressed, minified, theme
jQuery UI 1.10.0-rc.1 - uncompressed, minified, theme
jQuery UI 1.10.0-beta.1 - uncompressed, minified, theme
jQuery UI 1.9
jQuery UI 1.9.2 - uncompressed, minified
Themes
baseblack-tieblitzercupertinodark-hivedot-luveggplantexcite-bikeflickhot-sneakshumanityle-frogmint-chocovercastpepper-grinderredmondsmoothnesssouth-streetstartsunnyswanky-pursetrontasticui-darknessui-lightnessvader
Previous Releases
jQuery UI 1.9.1 - uncompressed, minified, theme
jQuery UI 1.9.0 - uncompressed, minified, theme
jQuery UI 1.9.0-rc.1 - uncompressed, minified, theme
jQuery UI 1.9.0-beta.1 - uncompressed, minified, theme
jQuery UI 1.8
jQuery UI 1.8.24 - uncompressed, minified
Themes
baseblack-tieblitzercupertinodark-hivedot-luveggplantexcite-bikeflickhot-sneakshumanityle-frogmint-chocovercastpepper-grinderredmondsmoothnesssouth-streetstartsunnyswanky-pursetrontasticui-darknessui-lightnessvader
Previous Releases
jQuery UI 1.8.23 - uncompressed, minified, theme
jQuery UI 1.8.22 - uncompressed, minified, theme
jQuery UI 1.8.21 - uncompressed, minified, theme
jQuery UI 1.8.20 - uncompressed, minified, theme
jQuery UI 1.8.19 - uncompressed, minified, theme
jQuery UI 1.8.18 - uncompressed, minified, theme
jQuery UI 1.8.17 - uncompressed, minified, theme
jQuery UI 1.8.16 - uncompressed, minified, theme
jQuery UI 1.8.15 - uncompressed, minified, theme
jQuery UI 1.8.14 - uncompressed, minified, theme
jQuery UI 1.8.13 - uncompressed, minified, theme
jQuery UI 1.8.12 - uncompressed, minified, theme
jQuery UI 1.8.11 - uncompressed, minified, theme
jQuery UI 1.8.10 - uncompressed, minified, theme
jQuery UI 1.8.9 - uncompressed, minified, theme
jQuery UI 1.8.8 - uncompressed, minified, theme
jQuery UI 1.8.7 - uncompressed, minified, theme
jQuery UI 1.8.6 - uncompressed, minified, theme
jQuery UI 1.8.5 - uncompressed, minified, theme
jQuery UI 1.8.4 - uncompressed, minified, theme
jQuery UI 1.8.3 - uncompressed, minified, theme
jQuery UI 1.8.2 - uncompressed, minified, theme
jQuery UI 1.8.1 - uncompressed, minified, theme
jQuery UI 1.8.0 - uncompressed, minified, theme
jQuery UI 1.7
jQuery UI 1.7.3 - uncompressed, minified
Themes
baseblack-tieblitzercupertinodark-hivedot-luveggplantexcite-bikeflickhot-sneakshumanityle-frogmint-chocovercastpepper-grinderredmondsmoothnesssouth-streetstartsunnyswanky-pursetrontasticui-darknessui-lightnessvader
Previous Releases
jQuery UI 1.7.2 - uncompressed, minified, theme
jQuery UI 1.7.1 - uncompressed, minified, theme
jQuery UI 1.7.0 - uncompressed, minified, theme

jQuery UI
http://code.jquery.com/ui/

連載：jQuery Mobile入門
第1回　jQuery Mobileページの基本構造を理解しよう
山田祥寛
2012/01/20
去る2011年はスマートフォンの年であった。
猫も杓子（しゃくし）も……といっては失礼かもしれないが、
多くの人がスマートフォンに興味を持ち、＠ITをはじめ、IT関連のサイトでも連日のように、スマートフォンの記事があふれかえった。
恐らくこの流れが2012年も続くことはほぼ間違いなく、
伴い、スマートフォンに対応したWebアプリケーション開発のニーズもますます増えてくるはずだ。
もっとも、開発者にとって対応するデバイスが増えることは、アプリケーションの可能性が広がるという意味で刺激的なことであると同時に、
デバイスに適したデザインやデバイスごとの検証を強いられるという意味で苦役でもある。
デスクトップの世界でも似たような問題はあったが、スマートフォン（モバイル）の形態はより多彩であり、
主なデバイスに対象を絞ったとしても、全てに対応するコードを一から準備するのは、あまり現実的でない。
そこで登場するのが、スマートフォン対応のフレームワーク／ライブラリだ。
よく聞かれるものには、以下のようなものが存在する。
ライブラリ名概要
Sencha Touch ExtJSをベースとしたJavaScriptフレームワーク。JavaScript中心の記述が特長
jqTouch スマートフォン開発に対応したjQueryプラグイン
iUi iPhoneに特化したUI開発ライブラリ
qooxdoo クロスプラットフォーム対応のJavaScript開発フレームワーク
スマートフォン対応のJavaScriptフレームワーク／ライブラリ
これらのフレームワーク／ライブラリを利用することで、デバイスの違いを（全くでないにせよ）あまり開発者に意識させることなく、
標準的な枠組みでスマートフォン対応のアプリケーションを開発できるようになる。
スマートフォン対応のフレームワークは歴史も浅く、まだまだデファクト・スタンダードといえるものはないものの、
現時点で最有力候補の一角と目されるのが、本連載のテーマでもある「jQuery Mobile」だ。
■jQuery Mobileとは？
jQueryそのものについては本稿の読者諸氏であれば、すでに既にご存じであろう――JavaScriptライブラリのデファクト・スタンダードだ。
「Write Less, Do More（よりシンプルなコードで、より多くの処理を）」をモットーに、シンプルな構文でありながら機能性も高いことから、近年急速にユーザー数を増やしている。何千、何万にも及ぶプラグインによって、自分に必要な機能を自在に拡張できるのも、人気を後押ししている一因だろう。また、ここ数年では、ASP.NET（Visual Studio）やRuby on RailsでもjQueryを標準ライブラリとして採用したことで、サーバサイド・フレームワークとの親和性も高まり、採用のけん引力ともなっている（jQueryについて詳しくは、拙著「ASP.NETプログラマーのためのjQuery入門」も参照いただきたい）。
もっとも、jQuery Mobileは、そのjQueryのモバイル版かというと、ちょっと違う。
jQuery Mobileの用途は、主に「デバイスに依らず、スマートフォン的なUIを作成する」ことに置かれており、
目的からすると、むしろjQuery UIのモバイル版といえるだろう。
jQuery UIが専らデスクトップのWebアプリケーション向けのUIを提供するのに対して、jQuery Mobileはスマートフォン・アプリケーションを対象にUI部品を提供しているわけだ。
jQuery Mobileを利用することで、あらかじめ決められたマークアップに従うだけで、モバイル・デバイスに適したページを開発できる（基本的なページであれば、JavaScriptのコードすら必要ない！）。
jQuery Mobileは、昨年11月にようやく1.0リリースに到達したばかりであるが、現時点で以下のようなデバイスに対応している。
一部のデバイス／機能については、対応に制約もあるようであるが、それでも現実的な用途には、ほぼ問題ないだろう。
•Apple iOS
•Android
•Windows Phone／Windows Mobile
•Kindle 3 and Fire
•Blackberry
•Palm WebOS
•Nokia Symbian
•Opera Mobile／Desktop
•Chrome（デスクトップ）
•Firefox（デスクトップ）
•Internet Explorer（デスクトップ）
また、jQueryをベースとしているので当然であるが、jQueryとの親和性にも優れており、独自の機能を実装するにも、jQueryの知識をそのまま活用できる。
本連載では、そのようなjQuery Mobileについて、一から解説していくものである。
まず初回の本稿では、jQuery Mobileの導入から基本的なページの開発までを紹介する。

@IT
http://www.atmarkit.co.jp/fdotnet/chushin/jqmobile_01/jqmobile_01_01.html