追記: このエントリを投稿してから3日後に Google から AMP が発表されました。AMP は 既存の HTML/CSS/JavaScript の機能を制限することで、ページの表示パフォーマンスを改善するものです。AMP で書かれたページは Google 検索ランキングにおける特典が受けられるといった情報もあります。AMPの実装方法
スマートフォン向けのWebサイトを作ると、おおむね使われるJavascript。 Androidの実機でデバッグしたい時に、実機にコンソールを表示する方法と、PCに表示させる方法。 その① 実機のAndroid標準ブラウザでコンソールを表示する (1)Android標準ブラウザを起動する (2)アドレスバーに“about:debug”を入力してEnter (3)ブラウザの「サブメニュー」→「設定」に、”デバッグ”をタップ (4)“Show Javascript Console”にチェックが入っていることを確認 ※“UAString”でユーザーエージェントも変えられたりします (5)ブラウザに戻って“SHOW JAVASCRIPT CONSOLE”をタップすると、コンソールログが表示される※以下のメソッドが使えるらしい console.log(); console.info(); conso
CreateJS を使ったWebアプリをいくつか作ったのですが、iPhone はサクサクでも Android でやたらハマる。 Android 2.3 で最適化したつもりのものが 4.0 の標準ブラウザで落ちたりする。 機種や OS のバージョンにより動作がさまざまなため確認しきれない。 というとこでハマったポイント3つを共有します。 誰かもっとよい解決策を教えてくれるとありがたい。 即死ポイントその1 Android 4.0.4 で Canvas をリサイズするとブラウザが落ちる 回避策 Canvas 領域を広めにとっておき、Canvas ではなく Container 側をリサイズ。 はみでた部分は css でトリミング。 これで落ちなくはなるが全体的にボケる。 2013.7.7 追記 その後、以下の方法を試したところ落ちずに動作すことが確認できました。 描画とかGPUアクセラレーション
手持ちのGalaxy Nexusがアップデートされたのでさくっと検証してみる。 最初から4.1.1の場合はChormeが入ってるようですがアップデートされた場合は デフォルトブラウザが削除されるわけでは無いようなので念のため両方で。 以前はめんどくさくてやってなかったのでもしかしたら4.1.1になる前から治ってたのかもしれませんがその辺りはご愛嬌ということで。 □エラーについて WebTecNote様から http://tenderfeel.xsrv.jp/css/1177/ ありがたく使わせていただきます。 【css】 タップ時にz-indexを無視して下の要素に枠がつく(Android) http://jsdo.it/Atsushi.Mizoue/umju デフォルトブラウザ、Chromeともに問題なし。 【html, css】 マルチバイト文字にfont-weight:boldが効か
ブログを開始して間もないですが、3日かけて書いてきた、「ラクメモ」の現在までに陥ったポイントの記事も今回でラストです。 ラストになればいいな!この期に及んでエラーが出てきたら泣くしかないですね。 今回はAndroidで現在使用できない、toDataUrl()メソッドを使わずにCanvasの描画データを画像データに変換する方法について書きます。今回までで一番苦労したポイントでもあります。あ、ちなみに同じスマホでも、iPhoneではちゃんとサポートされているようです。では、張り切って見ていきましょう!(張り切る必要は特にないですが) まずは、toDataUrl()以外でキャンバスの描画データをjpgやpngに変換できる関数はないか調べてみました。 しかし、これは失敗に終わります。もしかしたら、何かいいものがあったりするのでしょうか。今回は時間が押しているので長時間調べることもできませんでしたが
Androidブラウザでviewportのwidth指定 AndroidブラウザはiPhoneのようにviewportのwidthに数値が指定できません。(ネットを見ていると指定できると書いているページもよくあるのでデバイスによって違うのかも?) タイムリーに@takazudoが同じようなことをやっていて、対応方法が公開されていました。 ただ、私の検証環境、IS01やGALAXY S、Androidシミュレータだとうまく動かず。デバイスの実装差異かなんかかな。 で、色々と試行錯誤していたのですが、meta要素で「content="width"」を指定せず、JavaScriptで次のように指定すると「content="width=640"」っぽい表現が可能です。 $(window).bind('resize load', function(){ $("html").css("zoom" ,
■iOS(iPhone OS) iOS(3.0以前は「iPhone OS」)は、アップルがiPhoneなどの小型端末用に開発した専用OSです。初代iPhoneに1.0が搭載されたあと、新モデルの発表に合わせてバージョンを重ねています(iPhone 4にはiOS 4が搭載)。iPhone 3G以降はOSのバージョンアップができるようになり、最新版のiOS4にも対応しています。 ■iPhone標準ブラウザー「Safari」 iPhoneには標準ブラウザーとして「Safari」が搭載されています。SafariはもともとアップルがMac OS X向けに開発したWebブラウザーで、Windows版も無償で配布されています。基本的な表示能力はiPhone版もデスクトップ版もほぼ同じですが、iPhone版にはいくつの制限があるため、「Mobile Safari」などと呼んで区別することもあります。 Sa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く