Html5 framework montagejs

HTML5 framework

1

who is

Katayama Hideo

age:36

仕事はWeb系業務アプリ (java, python , php, etc)がメイン です。

子だくさん

新しいものずき

友人には「悪魔」とか「腹黒い」って言ってくる人がいます。

今日のお題

LTしろ（by N澤）

ってことで

HTML5 + frameworkで検索して見つかった何かを調べて発表してみてます。

取上げるframework

MontageJS

日本語にすると

MontageJS = 「異なった種々の画面[要素]を並べて一つの画面[作品]にまとめる手法＋javascript」

MontageJSの定義的には

オープンソースの JavaScript フレームワークであり、スケーラブルなシングルページアプリケーションを開発するために設計されている。その

目的は実績のあるネイティブアプリケーションフレームワークの基盤の多くを採用することにより表現力豊かなHTML5のアプリケーションの開発と保守性を簡素化することである。Montageを使用すると、開発者は再利用が可能なユーザーインターフェイスコンポーネントおよびモジュールを構築したり、拡張したりが可能になり、コンポーネントとコントローラ間のプロパティをバインドし、特にリソースに制約のあるデバイス上でスムーズなユーザー体験を保証するために、DOMの更新を同期させることができる。（by wikipedia : http://ja.wikipedia.org/wiki/MontageJS)

HTML5とは

白石さんがなんとかしてくれてるはず。（丸投げ）

Single-Page Applications(SPAs)

単一ページのアプリケーション？？

まずはサンプルをみてみますか。多分見れば「これかっ。知ってる知ってる」って言う感じに

9

Sample

http://montagestudio.com/gallery/

ちなみに

ちょっとまぎらわしいですが、「シングルページ」ってデザイン手法?!も有るようです。http://ascii.jp/elem/000/000/921/921580/

つづき

これ見て「あれ期待してたものと違う、やべっLTやめようかな。」っと考えてました。

why use SPAs

ページ遷移うざいぃ（作る方も、使う方も）

他にも色々理由はあるとは思いますが省略

why use SPAs

画面遷移があると画面ロードに時間がかかる。

遷移時に画面間の値の受け渡しとか考えるの面倒（HTTPの行って来いで1セットってプロトコルの制約）

SPAsとHTML５との関連は

HTML5の表現力により、1ページ内でおさめられるアプリケーションが作れるようになった。

でも

別にHTML5じゃなくてもいいんじゃねって思いませんでした？

あのプラグインとか使えば

why use montageJs

こんなことよくありますよね？？

あのプラグイン（）とかあのプラグイン（）とか、入れなきゃ使えネェのかよ!!

あのプラグイン（）とかあのプラグイン（）とか、このブラウザで使えネェじゃネェか・・・orz

why use montageJs

JSならどこでも呼出せるでしょ

why use montageJs

ブラウザの互換性問題は残るけど、montageJSが吸収してくれるんでしょ（ある程度）

どこら辺楽になんの？

これを使うと何が楽になるん？

ここら辺View Model

Controller

データモデルjavascriptクラス

画面コンポーネントテキストボックススライダー

関連づけ

ビジネスロジック

ソース見た方が分かりやすい

http://montagejs.github.io/mfiddle/#!/5904468

で、montageJsとHTML５は

HTML５をラップしたコンポーネントを提供してくれています。

http://docs.montagestudio.com/montagejs/theme-digit-components.html

実際に使えるのか？

はっきり言えばまだ厳しいか。

ただ途中見ていただいた、見た目重視なサンプルアプリみたいなのはいけるんじゃないかな。

実際に使えるのか

業務アプリは？

UI部分の工数は増えそう。

montageJsだけじゃバリデーションとかDBアクセスとかの部分は何かみつけてこなきゃ行けない

パラダイム変換が必要。やるとしてもスモールスタート

課題もあるが

ユーザには見た目で喜ばれそう。

数年後にはユーザからSPAsでできるかって言われそう。

新しいものは面白い。

montageJSじゃなくても

他にも色々frameworkあるので興味持ったらしらべてみてください。angularjsとか同じようなことできる？のかな・・？？？

ちなみにこんな本ももう発売しています。http://www.amazon.co.jp/dp/4873116732

おしまい