Rich Fulcher on game design, UX systems, and beautifying Google products

近年、モバイルブラウザ上でアプリケーションを作るにあたり、JavaScriptでも不安定な回線上で動作する設計が求められるようになってきました。 ここでは、「オフラインファースト」をはじめとする、モバイルなどの回線が不安定な状況を想定したWebアプリケーション設計に関して、キャッシュ方法やよく使われるAPIなどを紹介したいと思います。 「オフラインファースト」とは2012年ごろから提唱されていた、「回線がオフラインになることを前提にアプリケーションの設計を行う思想」のことで、オフライン前提に設計することにより回線状況によらないサービス提供や、効率的な通信をベースにした高速な動作を目指すものです。 それではここからはキャッシュ方法とそれぞれ向いているコンテンツの紹介を行います。 読み込みデータのキャッシュ ApplicationCacheやlocalStorage、オンメモリキャッシュなどを
これまで主に金融業のお客様に対し、Web・モバイルアプリ開発における 品質保証やセキュリティの分野で様々なプロジェクトを支援してきました。 これまで培ったノウハウを基に、お客様のニーズに寄り添った最適な ソフトウェアテストソリューションで貴社の抱える「品質課題」を解決します。 これまで主に金融業のお客様に対し、 Web・モバイルアプリ開発における 品質保証やセキュリティの分野で 様々なプロジェクトを支援してきました。 これまで培ったノウハウを基に、 お客様のニーズに寄り添った最適な ソフトウェアテストソリューションで 貴社の抱える「品質課題」を解決します。 これまで主に金融業のお客様に 対し、Web・モバイルアプリ開発に おける品質保証やセキュリティの 分野で様々なプロジェクトを 支援してきました。 これまで培ったノウハウを基に、 お客様のニーズに寄り添った 最適なソフトウェアテスト ソリ
Regarding Firefox 4 support: please see the section Developer Comments below. The plugin will add a status bar at the bottom right corner of Firefox and will display: * TTFB: how long it took to see the first byte from remote server (from click to first byte received). This value gives a rough estimate on when the browser can start laying out the content. * TTC: how long it took to display the pag
実は厄介、ケータイWebのセッション管理:再考・ケータイWebのセキュリティ(3)(1/3 ページ) “特殊だ”と形容されることの多い日本の携帯電話向けWebサイト。そこには、さまざまな思い込みや性善説の上しか成り立たないセキュリティが横行しています。本連載は、ケータイWebの特殊性をていねいに解説し、正しいケータイWebセキュリティのあるべき姿を考えます(編集部) 「Cookieを使えない端末」でセッションを管理する方法は? 第2回「間違いだらけの『かんたんログイン』実装法」ですが、多くの方に読んでいただきありがとうございました。 今回は、前回に引き続き架空のSNSサイト「グダグダSNS」のケータイ対応を題材として、ケータイWebのセッション管理の問題点について説明します。携帯電話向けWebアプリケーション(ケータイWeb)のセッション管理は、かんたんログインよりも対策が難しく、厄介な問
さてと。 文字化けなども解消された素晴らしいXHTMLなソースですが、ちょっとformで日本語を次のページに渡そうとしたら・・・ またきました。 au・・・ またもや文字化けです(´・ェ・`) 例えばですが、 トップページに名前を入力するフォームがあるとしましょう。文字コードはutf-8です。 <form action="next.php" method="GET"> <input name="name" type="text" value=""> <input type=submit value="送信"> </form> これで、next.phpに入力した名前が渡されまして、 とりあえずそれを表示されてみるとnext.phpにはこんな感じ。文字コードはutf-8です。 <?php print(htmlspecialchars(mb_convert_encoding($_G
マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか
通信 | 23:13 | 特定の携帯電話回線でしか使用できないように携帯電話端末に制限をかける「SIMロック」について、NTTドコモが携帯電話会社のトップを切って「解除」を表明した。ネットワークや回線品質が競合他社に比べて充実しているという“自信”が背景にある。SIMロック:ドコモ解除へ 他社は慎重姿勢崩さず ? 毎日jp(毎日新聞) NTTドコモが2011年4月以降に発売する全ての端末でSIMロック解除に応じることを明らかにした。 ソフトバンク孫社長は、SIMロックは他社と戦うための武器であるとしている。これに対し、iPhoneを取りに行くためにドコモが全機種SIMロック解除という挑戦状を叩き付けたという見方もある。 しかし、NTTドコモの山田社長は「全機種対応」と明言した。これは間違いなく、アップルのスマートフォン「iPhone」を持つソフトバンクモバイルに対する「iPhoneもSI
また、海外に渡航する際、端末によっては、現地のオペレーターのプリペイド式SIMカードだけを購入し、手持ちの端末に差し込むことで、通話やデータ通信を利用するといった使い方も可能です。この場合、ローミング方式よりも安価に利用できるというメリットがあります。そもそもSIMを抜き差しするという使い方は、ビジネスパーソンなどが、訪問先の国で手持ちの端末を利用しやすいようにという思想から生まれたものです。海外では、入国者向けに現地オペレーターのSIMカードの自動販売機が設置された空港もあります。 2010年になって、この「SIMカード」の扱いが日本の携帯電話業界の行く末を占ううえで大切なキーワードとして注目されています。新聞などで「SIMロック解除」などという言葉が話題になったので知っている人も多いかと思います。次からは、その生い立ちや問題点などを解説します。 SIMロックってどんなもの? 2010年
最近、モバイルサイトの位置情報登録を実装をしなくてはならなかったので、Webで調べたり同僚に質問したりして分かったこととかをメモ。 GPS グローバル・ポジショニング・システム - Wikipediaを読むと面白い。モバイルサイトの場合、簡単に言えば、緯度・経度といった位置情報をGPS衛星を使って測定した上で、その値をパラメータに付けて指定したURLにリダイレクしてくれる。パラメータとして受け取った値を使って地名に紐付けるなどして利用することができる。 測地系(datum) 緯度・経度の測定基準点をどうするのかという違いがあって、モバイルだと、世界測地系(WGS84)と日本測地系(Tokyo)と日本測地系2000(JGD2000)を知っておくと良い。 緯度・経度(latitude, longitude) 緯度・経度はどのように表記されるのか。ISO 6709 - Wikipediaにある一
A Mobile Code (aka 2D barcodes, QR Codes, Data Matrix, Semacode) is a simple way of transferring text and links from print or a computer screen onto a mobile device. Mobile Barcoder fits into this process by integrating the generation process into Firefox. Simply hover over the square target icon on the status bar to generate a barcode of the current page. Right click on a link to generate a barco
携帯電話・個体識別情報(番号)の取得方法、uid、iモードID(guid)、EZ番号、端末シリアル番号 個体識別情報とは 各携帯電話には1台1台、個体識別情報(個体識別番号)というユニーク(唯一)な番号が付いている。 携帯電話の製造番号のようなもの。 主に非公式サイト(勝手サイト)にて会員を識別するために利用されている。 一方公式サイトでは、一般的にユーザID(uid)と呼ばれる端末のIDを取得して会員を識別している。 現在、ドコモ以外は公式サイトで使われているuidを取得することができ、非公式サイトでも利用されている。 個体識別情報を取得できる機種は、ドコモは503以降・FOMA以降、auは全機種、ソフトバンクはパケット通信対応機種以降。 古い機種は個体識別情報を取得できない。 また個体識別情報は、使用する携帯電話にて端末ID(製造番号)を通知する設定にしていないとサイトにてIDを取得で
携帯サイトでユーザー認証をする方法はいくつかあります。 一番簡単なのは、ユーザ名とパスワードを使う方法です。 しかし、毎回入力するのはユーザにとっては面倒ですよね。 PCサイトならばクッキーを使ってこれらの情報を保存しておけるので 毎回入力する必要はありません。 しかし携帯サイトではクッキーが使えない(一部機種によって可能らしい)ので 別の手法を取ることを考えなくてはいけません。 そこで出てくるのが、携帯端末の個体識別情報(uid)を使うというやり方です。 携帯電話は電話番号と同じように、その端末を識別するIDのようなものを持っています。 これを利用すれば、アクセスしてきたのがどのユーザなのかを判別することが可能になるというわけです。 キャリアによって取得方法や制限などがあるので、以下に紹介します。 なお、個体識別情報はキャリアによって様々な言い方があるようですが ここでは便宜上「端末ID
PHPでケータイからセッションを使う場合の設定方法 Tweet 2007/12/12 水曜日 matsui Posted in PHP, サーバ | 23 Comments » 今回は、ケータイ上からPHPのセッションを使う場合の設定方法についてです。 ケータイからPHPのセッションを機能を使う場合、端末によってはクッキーが利用できない場合があるため、そのままでは使うことができません。 セッションを使いたい場合は、インストール時のconfigureオプションに、「–enable-trans-sid」を付ける必要があります。 ※Windowsの場合は特に設定の必要はありません。 また、「php.ini」の設定で、次のように設定してください。 ※設定変更後はWebサーバの再起動が必要です session.use_trans_sid = 1 もしくは「.htaccess」でも設定することができま
ケータイの端末ID・ユーザIDの取得についてまとめてみました Tweet 2008/9/8 月曜日 matsui Posted in au, DoCoMo, PHP, SoftBank | 12 Comments » ケータイサイトでは、端末ID・ユーザIDを取得する、という処理をよく行うことがあります。 ログインの度に、ユーザ名とパスワードを入力するというのは、ケータイの操作性の面からも現実的ではないためです。 今回はそんな各種IDの取得方法について、PHPを使った場合を例にとりまとめてみました。 ※ここでは端末IDを「ケータイに振られた個体識別情報(製造番号など)」、ユーザIDを「契約に紐付くID」として解説しています。 ドコモ端末での取得方法 1. utnを使う ドコモ端末ではutn属性を使うことによって、フォームやリンクから個体識別情報を取得することができます。 対応機種は、iモー
実際に動いてすぐ使える「PHPによるかんたんログインサンプル」を作ってみました Tweet 2009/7/31 金曜日 matsui Posted in PHP, ソフト紹介 | No Comments » ※ご注意※ この記事は執筆した時点から比べると、セキュリティを巡る情勢が大きく変わり、現時点では不適切な内容となってしまいましたので削除いたしました。 かんたんログインの実装については、次の記事が参考になります。 → @IT 再考ケータイWebのセキュリティ 第2回 間違いだらけの「かんたんログイン」実装法 [atmarkit.co.jp] 関連: ケータイのユーザIDを通知・非通知設定するためのURLまとめ ケータイの端末ID・ユーザIDの取得についてまとめてみました(サンプルプログラム編) PHPでケータイからセッションを使う場合の設定方法 タグ: かんたんログイン, ログイン,
ケータイ各社のメールアドレスについて改めてまとめてみました Tweet 2009/5/29 金曜日 matsui Posted in au, DoCoMo, SoftBank | 5 Comments » ちょっと別件で調べるついでがありましたので、ケータイ各社のメールアドレスについてまとめてみました。 現在利用されているケータイメールアドレス ■ ドコモ @docomo.ne.jp ■ au @ezweb.ne.jp ■ ソフトバンク @softbank.ne.jp (2006年10月~) @*.vodafone.ne.jp (*には「d,h,t,c,k,r,n,s,q」が入ります) (2003年11月~) ※Jフォン時代のドメイン「@jp-*.ne.jp」は現在使われていない ※iPhoneは@i.softbank.ne.jp ■ ディズニーモバイル @disney.ne.jp ■ イ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く