30
今月の「俺 はてブ」 2009-03-02 OPEN INTRA-MART勉強会 Lightning Talk 篠宮 信明

2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

今月の「俺 はてブ」2009-03-02

OPEN INTRA-MART勉強会Lightning Talk

篠宮 信明

Page 2: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

このLTでは、、、

「俺 はてブ」から今月の気になった技術系(?)の話題をご紹介します。

Page 3: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

というか、これって、、、

Page 4: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

LTを続けるにあたっての障壁を低くする手法

Page 5: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

つまり、、、

(LTネタ探しの)コストを削減する方法!

Page 6: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

ということは、内緒です。

Page 7: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

http://b.hatena.ne.jp/cnomiya

/LTネタ/2009-03-02

L

Page 8: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

大きく分けると次の4トピック

Page 9: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

•ブラウザ上でのIDE最新事例• iPhone用オフラインGmail• JSONのDateについて•Cloudが基幹業務に向かないのは誤解(by丸レク)

トピック(2009-03-02)

Page 10: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

ひとつめ

Page 11: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

ブラウザ上でのIDE最新事例• InterfaceBuilderのブラウザ版

• InterfaceBuilderとは、Mac/iPhoneのアプリ開発用IDE

• コントローラやViewの連携可能

• ブラウザだけでここまでできるのが凄い!

(5:52から(F10))左ペイン :feeds右上ペイン:selectedStories右下ペイン:selectedStoryHTML

Page 12: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

ふたつめ

Page 13: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

iPhone用オフラインGmail• 機内モードONでも高速にGmailを利用可能

• 機内モードONとは、オフライン状態の事

• HTML5• ClientSide Database• Offline App Caching

• クロスプラットフォームで同等のルック&フィール

• WebkitベースのAndroidでも同じように動作

• Webアプリ>ネイティブアプリ• WriteOnceRunAnyware的

Page 14: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

これを読んで思い出したのは…

Page 15: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

今後のWebパワーバランス(@iPhone 3G Wiki blog)

• ケータイプラットフォームにおけるWebKit勢力• iPhone/Android/NokiaS60/PalmPre

• メディアハンドリング• HTML5+CSS3• WebKitで統一され→Flashの層で新たにカバーリングする必要性は薄い

• HTML5とCSS3の実現するもの• ローカルデータベース(Client-side Database Storage)• アプリケーションキャッシュ(アプリのオフライン稼動=ネット・電波の届かないエリアのカバレッジ)

• CSSアニメーション+SVG• メディアハンドリング• JavaScriptエンジンの驚異的な速度アップ

Page 16: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

今後のWebパワーバランス(@iPhone 3G Wiki blog)

• アプリケーション稼働プラットフォームの変化• デスクトップOS→クラウドに移行

• クラウドなサービスを利用する環境=ブラウザ• ケータイプラットフォームでは、、、

• スタンダードWeb:HTML5+CSS3• プラットフォームを超えて共通利用される

• ネイティブアプリ• 各プラットフォームの差別化要因• プラットフォームを超えられない

Page 17: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

これを読んでやりたくなった事は…

Page 18: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

オフラインでも快適なWebアプリフレームワーク

を作りたい!

Page 19: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

jsspRpcのオフライン対応

サーバサイドクライアントサイド

im-UISupplements im-jssp

オンライン

オフライン

jsspRpcが吸収HTML5のローカルDB、アプリキャッシュを利用

Page 20: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

間に合うか!?みっつめ

Page 21: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

JSONのDateについて• JSONの値 (RFC4627より抜粋)

• オブジェクト• 配列• 数値• 文字列• false null true

• Dateについては言及していない。。。• 一般的にはどうやって対処しているのだろう?• RESTful Webサービス読書会でわき上がった疑問

Page 22: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

JSONのDateについて• ちなみに、RFC4627には以下も載っていた。

• 文字列としてくくられていない全ての文字がJSONのトークンを構成する 文字セットの中に含まれていれば、そのJSONテキストは JavaScript の 文字列をコンパイル実行する eval() 関数に安全に渡すことができる

var my_JSON_object = !(/[^,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]/.test( text.replace(/"(\\.|[^"\\])*"/g, ''))) && eval('(' + text + ')');

Page 23: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

JSONのDateについて• で、Date。マイクロソフトの場合

• JavaScriptSerializer クラス(System.Web.Script.Serialization)

• im-jsonとほぼ同じ実装=安心しました。

JSON では "\/Date(タイマ刻みの数)\/" として表されます。タイマ刻みの数は、世界協定時刻 (UTC) の 1970 年 1 月 1 日午前 00:00 時からの経過時間をタイマ刻み (ミリ秒) の数で示す正または負の long 値です

Page 24: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

時間がないよ!よっつめ

Page 25: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

Cloudが基幹業務に向かないのは誤解(by丸レク)

Cloudが基幹業務に云々は、釣りです。

本当は、、、

Page 26: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

ScalabilityとAvailability(by丸レク)

• 丸レク第4回『動き始めた各社のクラウド構想』の講演• キーワード

• CAP定理• ScalableでAvailableで、かつ、Eventually Consistentなシステムは可能である

• BASE (ACIDを相対化して見直そう)• OptimisticなConcurrent Controllメッセージキュー• Persistencyの担い手としてのメモリ• Cloudがコンシューマ向けで基幹業務に向かないというのは誤解

Page 27: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

告知

Page 28: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

RESTfulWebサービス読書会

• あのオライリー本の読書会やっています• ML等で開催告知

• まとめページ• 以下で検索

• jssp• RESTful• 読書会

• http://oss.intra-mart.org/projects/im-jssp/wiki/RESTful-Webサービス読書会

Page 29: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

週に一回みんなで開発• 毎週金曜日• 19:00から(終了時間は各自で設定)• 商談コーナーAに集合

• スタンドアップミーティング• 自分が今からやる事を宣言する• 他の人が何をやるかを聞く

• あとは、自由。

Page 30: 2009-03-02 LT cnomiya - INTRA-MARToss.intra-mart.org/study_meeting/2009-03-02/2009-03-02...2009/03/02  · •CSSアニメーション+SVG •メディアハンドリング •JavaScriptエンジンの驚異的な速度アップ

おしまい