javascript

VirtualDOM のパフォーマンステストについて,その後

はじめに 年末に書いたエントリーについて、あちこちで言及がありました*1。 師走の忙しさにかまけて勢いで書いてしまったところも多いので、少し補足をしたいと思います。 Virtual DOMってどんだけ早いの?測ってみた - webとかmacとかやってみようか R Vir…

Virtual DOMってどんだけ早いの?測ってみた

この記事は VirtualDOM Advent Calendar 2014 - Qiita の2日目です。mizchi くんから誘われて軽い気持ちで参加したら、初日からえらくエモいエントリー(VirtualDom - なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita) でブルってます。Virutal DOM…

jQuery Mobile & Sencha Touch ハンズオンやりました

昨日、こちらのハンズオンイベントで講師させて頂きました。AITC第2回勉強会「jQuery MobileとSencha TouchでWebアプリを作ってみよう!」~ 2大スマホ向けWebアプリフレームワークを使いながら比較 ~猛暑の中、30名近い参加者にお越し頂き、ありがとうござ…

jQuery Mobile & Sencha Touch ハンズオン資料まとめ

いよいよ明日に迫ったAITC第2回勉強会「jQuery MobileとSencha TouchでWebアプリを作ってみよう!」 http://aitc.jp/events/20130713-HTML5/info_v2.html https://www.facebook.com/events/394205564021383/ 半日でどっちも触ってアプリ作るという無謀な企画…

AITC第2回勉強会「jQuery MobileとSencha TouchでWebアプリを作ってみよう!」のご案内

そういえば、告知が遅くなりましたが、来週末の土曜日 7月13日(土)に、下記ハンズオンで講師を務めさせて頂きます。 AITC第2回勉強会「jQuery MobileとSencha TouchでWebアプリを作ってみよう!」 概要 実際にコードを書きながら、スマホWebアプリを作るハ…

HTML5機能を色々使ったスマホ向けWebアプリを作ってみた話:後編

前回のエントリでもお知らせしたように、ドコモゼミ Webアプリラボのコンテストにアプリを出しました!面白かったら下記ページの いいねをお願いします!かきまる スマートフォンを使いながらも、アナログな感触をもっと楽しんで欲しい。そういう想いで考え…

HTML5機能を色々使ったスマホ向けWebアプリを作ってみた話:前編

昨日、ドコモがやっているWebアプリコンテストのノミネート作品が一般公開されました。私も、デザイナさんと協同して作品を一つ出しました!面白かったら下記ページの いいねをお願いします! かきまる スマートフォンを使いながらも、アナログな感触をもっ…

Safari/Mobile Safari(iOS) にクロージャを使った計算で桁溢れするバグ

前回のエントリ JavaScriptのfor/forEach/jQuery.each/Ext.each のパフォーマンスを計ってみた。の検証中に発見したバグの話し。Safari 6.0.4 (8536.29.13) 及び、Mobile Safari(iOS 6.1.4)では、クロージャを使った計算では、桁溢れする可能性があります…

JavaScriptのfor/forEach/jQuery.each/Ext.each のパフォーマンスを計ってみた。

先日、Sencha Touch 2 ソースコード読書会 第2回@東京でナビゲータを務めさせて頂きました。その時の様子は以下などに。 Sencha Touch 2 ソースコード読書会 第2回レポート 読んだ内容読んだ内容 Sencha Touch 2 ソースコード読書会 第2回@東京 core/lang/Ar…

gruntで更新されたファイルを対象にタスクを動かす方法

JavaScript のビルドツール grunt が熱いということで使い始めました。Sencha Touchの場合は senchaコマンドでビルドできるのですが、それ以外のプロジェクトでリリースビルドを作るのに、sassのコンパイル、cssのminify、jsの結合とminify、そしてリリース…

ネイティブよりも速いと評判のfastbookの裏側を調べてみる

本記事は、Sencha Advent Calendar 2012 の23日目の記事です。1日遅れでごめんなさい!あ、今日であってた(;´▽`A 当初完走は無理なんじゃないかと思ってたけど、みんなのがんばりで完走目前!おめでとうございます! Sencha Touchで作ったネイティブよりも…

Sencha Touch 2.1の変更点まとめ

本記事は、Sencha Advent Calendar 2012 の3日目の記事です。Sencha Advent Calendar ですが、今のところ参加者がとても少ないです。。どんなネタでも大歓迎ですので、ご参加お待ちしています! 先月、11月6日に Sencha Touch 2.1 がリリースされました。ざ…

Chrome/Safari でスマホサイズの表示テストをする方法

スマホ用のWebページ(アプリ)なんかを作っていると、Chrome や Safari でその画面サイズで表示を確認したいことが多いですよね。インスペクタ便利だし。実機とかエミュレータとかめんどくさい。 一般的なスマホの画面サイズ 320 x 480 にブラウザのウイン…

HTML5 x Touch UI の UXを考える(補足)

昨日、ありえるえりあミニ勉強会#3 ~Sencha Touch で、「HTML5 x Touch UI の UXを考える」 を発表しました。 発表資料は こちら HTML5 × Touch UI の UX を考える 川野さんの「Sencha Touch - カスタムコンポーネントを作るためにおさえておきたい 10 のス…

HTML5 × Touch UI の UX を考える

今日、 ありえるえりあミニ勉強会#3 ~Sencha Touch で 「HTML5 x Touch UI の UXを考える」というタイトルで発表してきます。 その資料がとりあえず出来たので、一足お先に こちらで公開します。 UX on HTML5 x Touch UI from dsuket Webアプリの Touch UI…

最近のMVCとJavaScriptのMVCについて まとめ

ここ最近のWebアプリの進化に伴い、ネイティブアプリ並のUIを持ったWebアプリへの期待が高まっています。jQueryなんかで簡単にDOMを操作できるようになりましたが、ある程度の規模のアプリを作ろうとすると jQuery だけでは厳しいものがあります。 そこで、J…

JavaScript の Array.forEach vs jQuery.each vs Ext.each

前回の JS ArrayのforEach, filter, map の速度を調べてみた。 に引き続き、Sencha Touch の Ext.each や、iPhone, iPad でどうなのかを比較してみました。 結果はこちらに → forEach 速度比較: jQuery、Senchaのブラウザ毎の差異 Macでは遅かった ネイティ…

JS ArrayのforEach, filter, map の速度を調べてみた。

最近のモダンブラウザのJS実装には、Array#forEach や filter, map などがビルトインされている。 jQuery とかの each使うより、ネイティブ実装のほうが早そう。しかし forEach、filter、map の速度に違いがあるのかちょと気になったので実験してみた。 環境…