「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる － Publickey
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1）HTMLを書くだけでモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
PCサイトをスマホ対応 CSSテク自己まとめ（１・２回まとめ） - Kaleidoscope
PCサイトをスマホ対応するという記事を１・２回と続けてみて、意外とボリューム満載になってしまったので、 一旦ここまでのCSSテクについてまとめます。 ■第1回 メニュー編 ■記事はこちら ★タグでViewportの設定。メディアクエリによるCSS振り分け。 スマホサイトを作る上で欠かせない準備。 … <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!--viewportの指定--> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <!--/viewportの指定--> <!--メディアクエリでPC用・
Mobile User Book 2007
COPYRIGHT 2011 IMJ MOBILE INC. ALL RIGHT RESERVED Mobile User Book 2011 株式会社IMJモバイル COPYRIGHT 2011 IMJ MOBILE INC. ALL RIGHT RESERVED 《お問合せ先》 株式会社アイ・エム・ジェイ 広報グループ TEL03-6415-4257 irpr@imjp.co.jp 1 目次 カップルのモバイルサイト利用に関する調査 2 iPhoneサイト及びアプリの利用実態調査 42 回答者プロフィール 3 回答者プロフィール 43 パートナーへのモバイルサイト推奨 4 iPhoneの所有傾向 44 パートナーから勧められたモバイルサイトの閲覧経験 5 iPhoneサイト・アプリ利用について 45 「おねだりメール」についての意向 6 iPhoneサイト・アプリ利用時間帯 46 カ
iPhoneのSoftbankモバイルの3G回線をスピードアップする方法（実は原因不明） | ひとぅブログ
3G回線が最近遅くなった？ 去年の11月頃からiPhoneの3G回線の速度が遅くなったように体感的に感じるようになりました。ちょうどその頃、東京都内や大阪市内で上りが「64kbpsに規制された？」と話題になっていたので、私もその口かな？と何となく思っていたのですが、私の場合は、下りも遅いのです。 速度を測ってみると……。下り200kbs前後、上り60kbs前後で推移していました。11月に遅くなるまでは、下り1500kbps前後、上り200kbps前後は出ていたのです。 いつか治るだろう、と安易な気持ちで2ヶ月ほど経ったけれどまだ改善しない……。うむ、これはあまりにもおかしい。原因を追及して対策を講じないと。と言うことで本腰を入れて調査してみました。 ソフトバンクモバイルコールセンターに問い合わせ iPhoneから157に電話をしてみました。上り、下りともに速度が遅い、大阪市内やその他周辺の
Webサイトのスマートフォン対応 7つの基本ルール | Web担当者Forum
個人利用を中心に急伸を続けるスマートフォン市場は、もはやニッチ市場ではなくなりつつある。過去に企業サイトの携帯電話（フィーチャーフォン）対応が問われたように、今後スマートフォン向けのサイト対応が課題になると考えられる。2010年はスマートフォン元年といわれていたが、2011年は企業のスマートフォンサイトへの投資検討が本格化してくるだろう。 2010年、スマートフォンの市場規模は急成長し、『スマートフォン利用動向調査報告書2011』（MCPC監修、インプレスR&D発行）によると、2011年3月末（2010年度）の契約数は、前年の497万契約から63％増の810万契約となる見通しだ。調査によると、契約数は年平均40％以上で拡大を続け、2015年度には4,712万契約に、コンテンツ配信事業も急成長することが予測されている。こうした調査からも、今からサイトをスマートフォンに対応しておくことが決して
「スマホ対応サイト制作 初心者向け」みたいな感じで書いてみた -1.メニュー編-（※iPhone寄り） - Kaleidoscope
【目次】 1.メニュー編 2.HTMLとCSSで画像を操る編（前編） 2.HTMLとCSSで画像を操る編（後編） 今持ってるPCサイトをスマホ対応したいなぁ…と思ってるものの、 「どこから手を付けていいのやら、わからん！！」って方も多いのではないでしょうか？ ということで、記事でも書いてみっかぁ！と、なぜかやる気になったので、連載形式で書いてみることにしました。 ただ、途中で飽きたり、やる気が無くなったら、予告無く終了する可能性大です(￣▽￣;) 僕自身、人に教えられるほどのスマホサイト制作の熟練者というわけでは無いので、もっと良い手段や方法があるかもしれません。 「ここはこうしたらいい」など、ご意見ありましたら、逆に教えてください(^-^; 【まずはじめに】 スマホサイトと言っちゃったものの、とりあえずはiPhone向けのサイトを基準とします。 Androidの「ブラウザ」も、iPhon
Marketcircle iPhoney
Looking for a way to see how your web creations will look on iPhone? Look no further. iPhoney gives you a pixel-accurate web browsing environment—powered by Safari—that you can use when developing web sites for iPhone. It's the perfect 320 by 480-pixel canvas for your iPhone development. And it's free. iPhoney is not an iPhone simulator but instead is designed for web developers who want to create
スマホサイトの作り方で、あんまり書かれてないことを書いてみた - Kaleidoscope
【スマホ対応サイト制作のより詳しい記事はこちら】 1.メニュー編 2.HTMLとCSSで画像を操る編（前編） 2.HTMLとCSSで画像を操る編（後編） スマホサイトの作り方関連のブログとかを見てて、viewport周りの基本的な設定は書かれているのですが、 個人的に重要だと思うポイントが、なかなかどなたも書いてらっしゃらないような気がするので、まとめてみました。 それは、 とにかく内側のHTML要素をハミ出さないように作る どうしてか？ ふつうは、スマホサイトというのは縦スクロールしかさせたくないですよね。 例えば、iPhoneで言うPortrait（縦）表示のとき、横幅320pxを超えたページ構成になると、 おかしな横スクロールが発生してしまいます。 viewportで拡大とかの禁止をおこなっていても、そうなります。 （まぁ、拡大とは意味が違うので当然なのですが。。。） 具体的にどうい
Androidのシェア上昇、iPhoneと互角に――メディアインタラクティブ調べ
昨年の秋以降、多数の新モデルが発表されたAndroid端末。メディアインタラクティブの調査によるとAndroid端末がシェアを伸ばしており、各社のAndroid端末を合わせたシェアはiPhoneに迫るものとなった。 メディアインタラクティブは1月20日、スマートフォンの利用に関する実態調査の結果を発表した。調査は1月12日から同14日まで、同社が運営するアンケートサイト「アイリサーチ」のシステムを利用して実施したもので、有効回答数は500人。 スマートフォンの所有率は16.8％に達し、購入意欲については「すぐにでも」購入したいという回答が2.2％、「今の携帯の契約期間が終了したら検討」が12.3％、「次の新機種が出たら検討」が12.7％、「今年中に検討が」19.2％となり、購入意欲のある人の割合は合わせて46.4％となった。 スマートフォンを利用しているユーザーの61.9％が、従来の携帯電
ウノウラボ by Zynga Japan: iPhone向けのサイトを作るときのちょっとした気配り
yamaokaです。 だいぶiPhoneやAndroidといったスマートフォン向けのwebページを作ることが増えてきたのではないでしょうか。ちょっとした気配りで使いやすくなるケースもあるかなと思うので、いくつか使えそうな工夫について書いてみたいと思います。 ただし、今回はiPhone向けです。 タップされた場所をハイライトする iPhoneのSafariでは「-webkit-tap-highlight-color」という拡張された属性があり、タップされた箇所に色を付けることができます。CSS3ではRGBaによる色指定ができるので、半透明の色を指定すればタップされた箇所をわかりやすく示すことができます。例えば、-webkit-tap-highlight-color:rgba(255,0,0,0.40);と指定すると薄い赤色を付けることができます。「outline:none;」と併せてリンク文
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
米スターバックス、iPhoneで支払いができる『Starbucks Card Mobile』を開始
コヒーチェーンのスターバックスが、米国内の店舗にてiPhoneで支払いができるサービスを開始しています。[source: Starbucks ] 追加チャージが可能なプリペイドカード「Starbucks Card」をアプリ化したもので、 アプリに表示されるバーコードで支払い 残高の確認 Paypal・クレジットカードによるチャージ 最寄りの店舗の検索 といった機能があるようです。 アプリの画面に表示されるバーコードをレジで提示することで、キャッシュレスで支払いができます。 初回のみ実物のカードを購入、番号をアプリに登録するという手間が発生しますが、その後はPaypal・クレジットカードでの追加や残高の確認などができ、物理的なカードよりも利便性が高いといえそうです。 また、ポイントや会員証などで膨らみがちなサイフから、カードを1枚減らすことができるのもメリットかもしれません。 カード会員には
スマートフォン利用者の6割強が「ガラケーと2台持ち」、ユーザー実態調査で判明
マーケティング調査会社のメディアインタラクティブは2011年1月20日、インターネットユーザーを対象に実施した「スマートフォンの利用に関する実態調査」の結果を発表した。調査結果からは、スマートフォン利用者の6割強が、スマートフォン購入後もいわゆる「ガラケー」と呼ばれる従来型の携帯電話端末をなかなか手放せずにいる実態が浮かび上がった。 今回の調査は、2011年1月12日から14日までの3日間、全国のインターネットユーザーを対象にWebアンケート方式で実施した。有効回答人数は500名。設問数は合計8問で、スマートフォン所有の有無や今後の購入予定などについて尋ねた。 まず、現在スマートフォンを所持しているかどうかを尋ねたところ、「所有している」と回答したユーザーは全体の16.8パーセントにとどまった。そこで、「所有していない」と回答した83.2パーセント（416人）のユーザーに対して購入予定を尋
スマートフォン関連の基礎勉強法 : LINE Corporation ディレクターブログ
こんにちは、ブロググループの飯田 (@iishun) です。 2011 年はさらにスマートフォン市場の拡大が加速すると云われています。弊社でも 2010 年 10 月にライブドア全体のスマートフォン関連事業を推進していくスマートフォングループが設立されました。 が、各コンテンツのスマートフォンサイト・アプリは各グループのコンテンツ担当が運用するのでスマートフォン関連の知識は必須になります。 そこで今回は僕がここ最近実践しているスマートフォンに関する勉強法を、実際に使用した参考書籍と共に紹介してみます。これから「スマートフォンの事を勉強しなきゃ！」と思った人に役に立ってもらえればなと思います。 1. HTML5/CSS3 の特徴を知る HTML5/CSS3 がスマートフォン用のマークアップ言語というわけじゃありませんが、スマートフォンのウェブサイト (Webkit 系) は HTML5/CS
WiFi Body Scale WBS01: スーパー体重計。乗るだけで iPhoneやウェブにデータ送信。twitter投稿も！ | AppBank
iPhoneやiPad、ウェブで体重・脂肪量・除脂肪量のデータ管理が可能であり、さらにtwitter連携も出来るスーパー体重計、Wifi Body Scale をご紹介！ 名前の通り、Wifiに接続し、体重を計測した瞬間にWebにデータがアップされます。体重計に乗った瞬間に体重がtweetされ、ブラウザで最新の体重をその場で確認できる様は圧巻の一言。iPhoneおよびiPadアプリである「WiScale」を使えば、体重データをいつでも確認できます。 正直言って・・・最強の体重計でしょう！！！宇宙最強キタ！！ 今年の最大の目標はダイエットなのですが、目的達成のためのツールとしては最高ですね。データは全ていつでも見られるので振り返りが簡単です。毎朝の体重ツイートも、自分へのプレッシャーに最適です。 早速レビューしていきます。設定方法も記載しましたので、購入された方もお読みください。 動画: ス
モバイル開発に欠かせないテストツール14選
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
【レビュー】指にフィットしてiPhoneをスムーズに操作できる手袋『EVOLG (エヴォログ)』
特殊な繊維を使用し、iPhone・iPod touch・iPadの操作ができる手袋『EVOLG (エヴォログ)』を購入してみました。 すでに広く知られている通り、iPhoneをはじめとするほとんどのスマートフォンは、「静電容量式」と呼ばれるのタッチパネルを使用しているため、手袋をしたままでは画面が反応せず、操作することができません。 『EVOLG (エヴォログ)』は特殊な繊維を織り込むことで、タッチパネルの操作を可能にしてくれる手袋です。 今シーズンに入り各社から同様の手袋が発売されていますが、『EVOLG』は、 指へのフィット感が高くスムーズな操作が可能 カラーバリエーション・デザインが豊富 製品からパッケージに至るまで日本製 といった特徴があります。 どれを買うか迷ってしまうほど、豊富にカラー・デザインをラインナップされ、ほんとうに迷ってしまったので、今回は最も無難で価格安い『EVOL
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
iPhoneデザインボックス
iPhoneにDVDを取り込む方法 | nanapi[ナナピ]