Effective web performance tuning for smartphone第三回DeNAゲーム開発勉強会の資料です。 https://atnd.org/events/59594Read less
「WPtouch Pro」の使い方（１）無料版から有料版に変えた理由とは？購入と導入手順について
WordPressでの構築サイトをiPhoneなどのスマートフォンに最適化して表示してくれる無料版「WPtouch」のから有料版「WPtouch Pro」に変更しました。主に高速化のためです。では、有料版「WPtouch Pro」の購入方法と導入手順を以下にメモします。 ⇒『「WPtouch Pro」の使い方』特集一覧 有料版「WPtouch Pro」に変更 スマートフォンからのアクセスが急増しているのはどのサイト、どのブログでも同じかもしれません。近い将来にはネット閲覧は、スマートフォンからがPCからよりも増えるとの見通しです。 それでこのブログでも定評のあるスマートフォン最適化プラグイン「WPtouch」を利用していましたが、「WPtouch Pro」である有料版（＄４９ドル：4500円より）に変更しました。なぜかといえば、「WPtouch Pro」の無料版にないメリットは数多くあるの
Viewport [iPhone生活]
*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ（サイズ） HTMLに設置したコンテンツのサイズ ドキュメント（サイズ） 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ
高齢者のケータイ待ち受け画面を巣鴨で調べた
私事で恐縮なのだが、先日、父と電話をしたところ、父の携帯待受画像が、ぼくの息子から今年の3月に生まれた弟の子供に替わっていることが判明した。 7年の長きにわたって父と母の携帯待受画像に君臨してきたぼくの息子も、ニューカマーの若さには勝てず、2012年生まれの弟の子供へとその座を譲り渡し、新時代の幕開けとなった。 孫の新旧交代劇である。
アプリの終わりの始まり
2012年2月27日から3月1日にかけてバルセロナで開催されたMobile World Congress 2012では、特に注目の集まったGoogleやFacebookのキーノート以外にも示唆に富んだ興味深いセッションが多数あった。その中の1つがコンサルティング会社frogのScott Jenson氏によるプレゼンテーションであった。同氏が各地で行っているというプレゼンテーションは“Mobile Apps Must Die”というラディカルなタイトルだが、筆者は大いに共感でき、多大なインスピレーションを受けた。本稿では、同氏の論旨に依拠しつつ、アプリ環境の今後を展望する。 「アプリの海」 現在、AppleのApp Storeでは50万以上、Google Play（旧Android Market）では40万以上のアプリが提供されており、この数は日々増加を続けている。これらに加え、Window
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
超高速？ SIMが3枚?! IIJのモバイル通信サービスを試してみた - はてなニュース
はてなスタッフはスマホ大好き。iPhoneもAndroidも、新機種が出るとすぐに試したがります。そこで悩みなのが通信事業者との回線契約。いろいろな端末を試したいし、持ち歩きたい！ それでも、月々のお支払いはなるべくおさえたい。自分のおサイフを大事にしてiPhone1台だけで暮らす人もいれば、物欲に打ち負けて1人で3回線という人も。「通話はいいから、高速にデータ通信できるSIMがもう1枚あって、フレキシブルに運用できたら、もっとスマホを楽しめるのになあ」――そう思う人は少なくないはず！ （※この記事は株式会社インターネットイニシアティブ(IIJ)提供によるPR記事です） モバイル生活の自由度アップ！IIJmio高速モバイル/D サービス IIJmioホームページ 2012年1月のおわりのことでした。この記事を書く私こと青宮しおりは、IIJさんから「まだ発表前なんですけど、IIJmio▼のL
iOSとAndroidに最適化したJavaScriptフレームワーク「jqMobi」登場。jQuery Mobileより小さくて高速
iOSとAndroidに最適化したJavaScriptフレームワーク「jqMobi」登場。jQuery Mobileより小さくて高速 jQuery Mobileと同様に、HTML5のマークアップでモバイルアプリケーション開発を実現するオープンソースのJavaScriptフレームワーク「jqMobi」のβ版が公開されています。 jqMobiのコンセプトは、jQueryとjQuery Mobileの機能のサブセットを、iOSとAndroid向けに最適化したものといえるでしょう。 すでにjQueryやjQuery Mobile、あるいはSencha Touchなど、さまざまなモバイル向けHTML5/JavaScriptフレームワークが登場する中で、jqMobiの特徴はどこにあるのか、ブログで次のように説明しています。 jQuery - still focuses on the desktop.
2012年注目のモバイル向けJavaScriptフレームワーク・ライブラリあれこれ | gihyo.jp
昨年は、スマートフォンが急速に普及した年でした。それに伴って、モバイルサイトの重要性が増し、多くのモバイル向けJavaScriptフレームワークやライブラリが産まれました。本稿では、それらのモバイル向けのJavaScriptフレームやライブラリの中から、ピックアップして紹介していきたいと思います。 豊富な機能やリッチなインターフェースが多く用意されているフレームワーク まずは、モバイルサイトの構築を一から行えるフレームワークを紹介します。jQuery MobileやSencha Touchといった著名なフレームワークを始めとして、jQTouchやiUIなど比較的軽量なフレームワークまで簡単に解説します。 jQuery Mobile jQuery Mobileは、有名なJavaScriptライブラリであるjQueryをベースとしたモバイル向けのフレームワークです。ネイティブアプリのようなUI
都営地下鉄と東京メトロ、走行中でも携帯利用が可能に
東京都交通局（都営地下鉄）と東京メトロは、来年3月から順次、地下鉄のトンネル内でも携帯電話が利用できるようにする。来年中には全線で対応する計画で、走行中でも携帯からネットの利用が可能になる。 来年3月、東京メトロは南北線（本駒込～赤羽岩淵）、都営地下鉄は新宿線（新宿～九段下）で通信が可能になる。その後、同年内にそれぞれ全線で対応する方針だ。ただ、都交通局は車内での通話は控えるよう呼びかけている。 通信環境の整備は携帯電話事業者らで構成する移動通信基盤整備協会が行う。 都の猪瀬直樹副知事はTwitterで「今年の1月15日のツイッターがきっかけ。あらためてツイッターの威力に感謝。」とツイート。ソフトバンクモバイルの孫正義社長とのTwitterでのやり取りがきっかけだったことを明かし、孫社長は「感謝です」と応じている。
iPhoneやAndroid向けのUIパターンギャラリー・Mobile Design Pattern Gallery
カテゴリがしっかり分けられていて 凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリー です。アプリデベロッパーさんや アプリデザイナー、モバイル向けの デザインの参考にいかがでしょう。 パターンギャラリーはもうすでにいくつもありますけど、ここは特にちゃんと分けてくれているので見やすい印象でした。 左サイドに大まかなカテゴリーがあります。それぞれには更に細かいパターンに分けられています。たとえば、ナビゲーションならリストタイプ、メガメニュー、カルーセル真紀など。 こちらは検索のカテゴリ。検索ボックスや、オートコンプリート、ソート機能付きなどなど。 インビテーション・・・サイトツアーみたいなやつです。こういうのあんまり紹介されてませんよね。 パターンはその場でLightbox風に表示するのでページ推移も必要ありません。 みたいな感じのパターンギャラリーです。
［速報］jQuery Mobile 1.0正式版が公開！ モバイルアプリケーション開発の新時代へ
モバイルアプリケーション開発のためのJavaScriptによるフレームワーク「jQuery Mobile 1.0」のFinal Releaseが、今週前半に予告された通り、ついに公開されました（日本時間18日午前3時頃）。 jQuery Mobileはオープンソースとして開発されており、「Download」ページからだれでも無料でダウンロード可能です。jQueryのWebサイトやマイクロソフトのCDN（コンテンツデリバリネットワーク）などでの配布もはじまっています。 HTML5のタグだけでモバイルアプリケーションが作れる jQuery Mobileの大きな特徴は次の3つです。 1）HTMLのタグだけで、プログラミングせずにモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Mobl
知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト
このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。 それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、今回の制作にあたり役に立ったサイトをまとめました。 このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。 それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、 今回の制作にあたり役に立ったサイトをまとめました。 jQuery Mobile | jQuery Mobile 本家本元。 敢えて紹介するまでもないのですが一応。 現在のバージョンは1.0RC2（2011.11.01現在）です。そろそろ正式版がでる予定です。 jQuery Mobile 1.0b1 日本語リファレンス jQuery Mobile 1.0b1 日本語リファレンス バージョン1までの内容ですがjQuery
すまほん！ - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
レイトマジョリティに聞く、スマートフォンに代えて思った・感じたこと｜株式会社アクトゼロ｜ネットマーケティングレポート
新商品やサービスなどが登場したとき、早い段階でそれらを受容する人々の層を「アーリーアダプター」と呼ぶことは、弊社の記事を読んでらっしゃる読者の皆様には周知の言葉だと思います。進化の早いwebサービスの業界では、常にこうしたアーリーアダプターの層に対し、新たなサービスをリリースし続けています。そして、アーリーアダプター以外の層に対していかに幅広く普及していくかが、一般的なサービスとして成立していくか否かの、成功・失敗の分岐点といえるでしょう。 ロジャーズの採用者分布曲線 ■イノベーター（革新的採用者）：冒険的で、最初にイノベーションを採用する ■アーリーアダプター（初期採用者）：自ら情報を集め、判断を行う。多数採用者から尊敬を受ける ■アーリーマジョリティ（初期多数採用者）：比較的慎重で、初期採用者に相談するなどして追随的な採用行動を行う ■レイトマジョリティ（後期多数採用者）：うたぐり深く
私はいかにしてソフトバンク端末60機種のJavaScriptを検証したか - ockeghem's blog
昨日のソフトバンクの非公式JavaScript対応の調査結果 | 徳丸浩の日記で報告したように、昨年5月に、ソフトバンク60機種の検証を行い、JavaScript対応の状況などを調査しました。当時はまだ公式なJavaScript対応機種はない状態でしたが、既にほとんどの端末が *非公式に* JavaScriptに対応していました。 このエントリでは、検証の様子を報告します。 なぜJavaScript対応状況を調査したか http://www.hash-c.co.jp/info/20091124.htmlを公表した前後に、とある方（この方）から、ソフトバンクのケータイでもJavaScriptが動作すると伺いました（参考のやりとり）。XMLHttpRequestも含めてJavaScrptが動くと教えていただいた932SHを私も購入して調べたところ、以下が判明しました。 確かにJavaScrip
koutarou666: b-mobile 980円SIMをNexus Sで使ってみた。テストしたら驚愕の事実が！
2011年7月1日金曜日 b-mobile 980円SIMをNexus Sで使ってみた。テストしたら驚愕の事実が！ イオン専売のb-mobile 980円SIMを買ってきた。 100Kb/sとはいえ、VoIPで音声通したり、メールくらいなら十分ではないか？ b-mobileなのに申込時に証明書を求められました。U300ではそんなもの求められなかった。 とりあえずNexus Sに刺して、APNの設定。 APNは普通のb-mobileと同じですが、ユーザー名だけbmobile@sw -> bmobile@aeonでした。 まずは速度測定。 下り66Kb/s。何度か試しましたが、大体こんなもんです。まあ・・・こんなところか。 疎通を確認したので、とりあえずはVoIPでも通します。 cSipSimple + asteriskの組み合わせで、Speex&G.729コーデックでテスト。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォン対応、気をつけたいトラブル
セブン＆アイ、無料公衆無線LANサービス「セブンスポット」を12月1日開始 