Service Worker で作る 最新モバイル ウェブ エクスペリエンス - Google Developers Summit まとめ
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
モバイルブラウザでもサクサクに動作する最適化6つのノウハウ
「Webサイト・アプリ高速化テクニック徹底解説」第8回は、モバイルブラウザに向けた最適化について紹介します。 モバイル端末はPCに比べ、CPUやネットワークなどの性能面で劣ることからボトルネックの影響が出やすく、またゲーム開発など突き詰めたチューニングを行う場面では、特殊なノウハウも必要になります。 しかしきちんと最適化を行えば、その効果もその分著しく、比較的低スペックな端末や3G回線であっても、サクサク軽量なサービス提供が可能です。今回の記事では、その勘所をお伝えしたいと思います。 1. ボトルネックを取り除く まずはやってしまいがちなボトルネックの事例について、挙げていきたいと思います。前述のようにモバイル端末では、その性能からPCよりも顕著に、未最適化箇所が体感に影響を及ぼします。 仕事がらそこそこの数のアプリケーションを見てきましたが、モバイル向けに特化したチューニングができていな
モバイルWebパフォーマンスの現在と未来
iOSアプリケーション開発会社の経営者であるDrew Crawford氏は、現在のモバイルWebアプリケーションが遅く、また、近い将来にその遅さが大幅に改善されると思えない理由を、ブログ記事（内容が充実しており、良く調査して書かれている）の中で明らかにした。 このブログ記事は、これより前に書かれた記事への追加記事である。前の記事で氏は、モバイルにおけるJavaScriptのパフォーマンスがデスクトップの10倍遅いことを指摘した。その記事は激しい批判を浴びたため、Drew氏はそれに答える形で、さらに詳細な内容の記事を記した。モバイルの貧弱なパフォーマンスと、それについての改善が見られない理由は、次の3つに分類される。 モバイルのARMプロセッサのスピードと、デスクトップのx86プロセッサのスピードとの違い JavaScriptエンジンのパフォーマンスの傾向 ガベージコレクションに関連する特定
Web技術者に朗報！Firefox OSアプリ開発、触ってみたら簡単だった！ | OpenWeb
ここ数日、Firefox OSがにわかに盛り上がってまいりました。 2013年1月21日に開催した「第35回 HTML5とか勉強会（テーマ:『Web+OS最前線！』）」では、浅井智也さんのプレゼンテーションが大好評だっただけではなく、サプライズゲストとして登場した田中社長がFirefox OS搭載端末について言及しました。 そして本日、ついに開発者向けの実機もリリースされるというニュースが世界中を駆け巡りました。 そんなFirefox OS、昨年の味見部で触ってからずっと気にはなっていたのですが、いよいよ勢いも出てきたということで、ちょっと調べて見ることにしました。 とは言えぼくは、インストール可能な実機を持っているわけではないので、Firefox OSシミュレータを用いて、全部デスクトップで試してみます。 Firefox OSアプリの基礎知識 Firefox OSアプリ開発に必要なスキル
『ノンプログラマのためのJavaScriptはじめの一歩』を献本いただきました | CSS-EBLOG
『ノンプログラマのためのJavaScriptはじめの一歩』を献本いただきました カテゴリ：雑談 2012年11月 4日 22:31 ピクセルグリッドの社員である @hokaccha さんに、11/7発売予定の『ノンプログラマのためのJavaScriptはじめの一歩 (WEB+DB PRESS plus)』という本を献本いただきました。 中身を読んでみた感想をつらつらと書いてみたいと思います。まず最初に言っておくと、タイトルの通り「ノンプログラマ」向けの書籍です。 そのため、普段からJavaScriptを書いているような人にとっては若干物足りない書籍でしょう。ただ、「これからJSを学びたい」という人や「プログラムってなんだかむずかしいんでしょう？」と思ってなかなか手を出していない人にとってはとても分かりやすく、理解を助ける良書になると思います。 プログラムの基礎から解説 ノンプログラマのため
PhoneGapを用いたHTML5/JavaScriptアプリの速度や機能を拡張する「Monacaフレームワーク」、オープンソースで公開
PhoneGapを用いたHTML5/JavaScriptアプリの速度や機能を拡張する「Monacaフレームワーク」、オープンソースで公開 HTML5/JavaScriptで開発したWebアプリは、PhoneGapを使うことでネイティブアプリ化できます。ただし、このネイティブアプリは基本的にHTML5/JavaScriptをラップしたものであるため、見かけや動作速度は基本的にWebアプリケーションのままです。 このPhoneGapを用いて開発されるアプリケーションに対してOSネイティブなコンポーネントなどを追加し、ネイティブアプリケーションと同等の高速な画面遷移やアニメーション、OSネイティブのツールバーやタブバーの利用、メニューボタンや戻るボタンなどのハードウェアキーの対応などを実現する「Monacaフレームワーク」をオープンソースとして公開することをアシアルが明らかにしました。iOSとA
QuoJS - Micro JavaScript Library
The blog tapquo.com has been acquired by FindMyHosting.com. Its best and archived contents are kept alive as sub-pages of FindMyHosting.com/tapquo/ FindMyHosting.com takes no responsibility for the factual accuracy or anything else regarding the archived Tapquo contents posted under FindMyHosting.com/tapquo/ About Tapquo.com: Tapquo, founded in 2011, was built to develop meaningful projects design
高まるJavaScriptの重要性 | metaphase Column | 株式会社メタフェイズ
こんにちは、北島です。 今回は少し技術的な話を。 ここ2年ほどHTMLコーダーのスキルセットとしてJavaScriptの重要性が高まってきています。 かつては一部のコーダーやプログラマが書けていれば十分であったはずのJavaScriptが今やマークアップエンジニアやHTMLコーダーでもかなり重要視されるようになってきています。 なぜ、JavaScriptの重要性が高まってきたのでしょうか。 一つはjQuery、prototype.jsに代表されるJavaScriptライブラリの普及にあると思います。 これらのJavaScriptライブラリを使うことで、クリックでメニューがなめらかに開閉したり、スライドショーのように写真が横に流れるようなアニメーションなど、本来であれば複雑な記述が必要とされるスクリプトもより簡単でわかりやすく記述できるようになりました。 これによりJavaScrip
XMLHttpRequest advanced features | Can I use... Support tables for HTML5, CSS3, etc
Updated functionality to the original XHR specification including things like file uploads, transfer progress information and the ability to send FormData. Previously known as XMLHttpRequest Level 2, these features now appear simply in the XMLHttpRequest spec. ﹖ 4 - 6: Support unknown◐ 7 - 28: Partial support◐ 29 - 30: Partial support◐ 31 - 49: Partial support✅ 50 - 137: Supported✅ 138: Supported✅
MDN Web Docs
Resources for Developers, by DevelopersDocumenting web technologies, including CSS, HTML, and JavaScript, since 2005. //////////// //////////// //////////// //////////// //////////// //////////// //////////// ++++++ ++++++ ++++++ ++++++ ++++++ ++++++ ++++++{{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} ../../ ../../ ../../ ../../ ../../ ../..
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
WebTelephony API and WebSMS API – Part of WebAPI – Mozilla Hacks - the Web developer blog
Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. Juarez 1. Why not a future proof desing? var tel = navigator.getDevice(“phone”); 2. How can I handle a dual SIM phone like the LG Optimus Net Dual or the Samsung Y Pr
UnitePlayer.js 作ったよ - latest log
UnitePlayer はモバイルとゲームに特化した HTML5 な音楽再生プレイヤー UnitePlayer は、モバイルブラウザ上で動作するゲームに音をもたらします。 扱いが難しい Mobile Safari や Android ブラウザの音周りをフォーマット化し、とっても扱いやすくします。 フィーチャーフォン用のソーシャルゲームが大流行な昨今ですが、 フィーチャーフォン用のゲームって音が無いですよね? そのゲームをそのままスマートフォン向けにコンバートしても、音がならずに寂しい感じですよね? 2012年は UnitePlayer で BGM も SE も鳴らしちゃいましょう。 そして没入感や色々なものを高めちゃいましょう! PCブラウザでもそのまま動くから、横展開もお手軽に! UnitePlayer なら iPhone でも BGM と SE を擬似的に同時再生できますよ。 Unit
Sencha Touch 2 First Look :)
今週（10/23-26）、米国オースティンで、年に一度の Sencha の大規模なカンファレンスがあり、そのなかで、Sencha Touch の次期メジャーバージョン「Sencha Touch 2」についての紹介がありました。 Twitter ベースの情報なので発表内容はよく分からないのですが、なかなかイケてるようです :p ベンダーからのアピールは「Sencha Touch 2とはどのようなものか」を参考にして頂くとして、本記事では、実際に少し使ってみた印象をお伝えしてみたいと思います。 ※Sencha Touch 2 はまだリリースされていませんが、プレビュー版はこちらからダウンロードすることができます。 コードが綺麗に書けるように 現バージョンの Sencha Touch を使っている人が Sencha Touch 2 を使ってみて最初に感じることは、「コードの書き方が全然違ってる！
スマホサイト：Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope
ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 （jQuery Mobileなどを利用した開発方法は置いといて） HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード（フルスクリーンモード）」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる！ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです(￣▽￣;) 今回は、僕が知ってる大きな２つの注意点を
Post by @hamalog
以前に、Sencha Touch ちょっと触ってみた所感 でもちょっと書いたんですが、sencha touchというフレームワークを使ってやってみました。 動作面としては、iPhone80点、Android60点ぐらいかなーという感想でした。iPhoneだと、かなりサクサク動いていて、ほぼほぼ不満はないけど、気になった点が2,3点ほど。 まず、タップに対する反応が、ちょっと遅れることがあるという点。これはもうブラウザ上で動いている以上しょうがないんですけど、ネイティブだとボタン押したらすすーっと動くという場面でも、あら、今オレ押したよね？と思って1秒ぐらい待つと動いたりとか。具体的には、「みんなのポチり→詳細に移動→Backボタンで戻る」とかそういう時の動作。まぁこのへんはもうwebアプリなんだという割り切りも必要かも…もしくは表示するコンテンツをこまめに消したりなんなりしてチューンナップ
iPhone／Androidブラウザのアドレスバーを隠す方法 | alt
これはスマートフォンに限定した話になってしまうかもしれませんが、 コンテンツの領域が端末の縦幅より長いときってフリックやスワイプ操作でスクロールしますよね。 iPhoneやAndroidのブラウザで横向きにしたときは ファーストビューのエリアが狭いのでアドレスバーがすごく邪魔でちょっと不親切。 ユーザビリティを考慮したサイトには必ずといっていいほど、 初期時にブラウザのアドレスバーを隠してあげる工夫がされています。 やることは単純。 window.onloadか、jQuery使ってれば$(document).readyとかで1px移動しておくと、 ブラウザの仕様でバーの高さ分引っ込めてくれます。 人のやつ参考にしてみたけど、こんなんでいいのかな。。 iPhoneは読み込み遅延のせいでsetTimeout使わないとうまく反映されなかったです。 一応、両OSで動くのは確認
riaxdnp.jp - このウェブサイトは販売用です！ - riaxdnp リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://enactjs.com/
502 Bad Gateway nginx openresty 133.242.243.6