![• H.N. :蜜葉 優 [mitsuba yu]
• Expression Blendが好きな人
• 最近はカメラが趣味
• twitter:@mitsuba_tan
• Community:Windows Phone Arch
• blog:http://d.hatena.ne.jp/c-mitsuba
profile](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a UXDD MVVM Store Apps 蜜葉式開発フロー
Semelhante a UXDD MVVM Store Apps 蜜葉式開発フロー (20)
Mais de c-mitsuba
Mais de c-mitsuba (20)
UXDD MVVM Store Apps 蜜葉式開発フロー
- 1. UXDD MVVM Store Apps 蜜葉式開発フロー 蜜葉 優
- 2. • H.N. :蜜葉 優 [mitsuba yu] • Expression Blendが好きな人 • 最近はカメラが趣味 • twitter:@mitsuba_tan • Community:Windows Phone Arch • blog:http://d.hatena.ne.jp/c-mitsuba profile
- 3. • プログラマにはデザイナっていう人 • デザイナにはプログラマっていう人 • UXデザイナとかインタラクションデベ ロッパーとか怪しい肩書きはじめました • XAMLが好きな人 • C#はよくわかんない。 • ロジックとか興味ないけど • 見た目は綺麗な方がいい profile
- 5. 経緯
- 7. 作ってみよう！
- 12. 決別の危機！
- 13. ちょっと作り方を考えよう。
- 14. ふむ、、、こうすればいいかも？
- 15. 今日はそんな体験談をお話します。
- 16. • アプリケーション開発を分担する – MVVM – 協業 テーマ
- 17. • すばらしきWindows Phone – SampleDataset – DataStore – Behavior agenda
- 18. • Windows Store Appsでこうつくった – ラフ作成 – コピペXAML – ItemsTemplate書く – ぷろっぷたぶたぶぐらい覚えれるよね – CollectionViewSourceでしあわせ agenda
- 19. 前提知識
- 20. • Silverlight,WPF,WindowsPhoneApps,Windows Store Appsを開発するときのパターン • XAML= Extensible Application Markup Language • C#/VB – なんか処理するコード XAML+C#/VB
- 21. • 誤解を恐れずにいっちゃえば、 • XAML = HTML＋CSS的な役割 • C#/VB = Javascript的な役割 XAML+C#/VB
- 22. MVVMみたいなもの
- 24. MVVM Model View ViewModel(モデル・ビュー・ビューモデル;MVVM)は、独自の GUI(グラフィカルユーザーインターフェース)を持つアプリケーションソフト ウェアを、以下に述べるようなModel-View-ViewModelの3つの部分に分割して 設計・実装するソフトウェアアーキテクチャパターンである。MVC(Model- View-Controller)の派生パターンであり、特にPresentation Model[1]パターンを 直接の祖先に持つ。MVVMを考慮してアプリケーションを開発する目的は、他 のMVC系のパターンと同様にアプリケーションの「プレゼンテーションとド メインを分離[2]」する事で、アプリケーション開発における保守性・開発生 産性に寄与する事である。 元来マイクロソフト社のユーザーインターフェースサブシステムである WPF(Windows Presentation Foundation)やSilverlightの世界で生まれた考え方で はあるが、現在はAndroidやウェブブラウザ上でのJavaScriptの世界でもMVVM の利用は広がっている。 wikipedia
- 26. View : みため ViewMode :表示したい データをまとめたやつ Model : 実際にデー タ取ってくるコード
- 27. 程度に考えてる
- 29. • MVVMを使うと綺麗に疎結合できる！ – V,VM,M間でだれがどこを実装するか分担できる • 一人やったら、やらなくてもいいんちゃうの？ – 綺麗に分けるのに、どこまで分けるかとか、難しい実装とかいるか もしれない。 • べたで書いた方が開発速度がいいかもしれない。 – コードの再利用性が高くなる！ • ほんとに再利用する？ – 綺麗に分けると、コードをいじった時の影響が少なくて済むから保 守性があがる。 • これはそうかも MVVMに思うこと
- 30. MVVMに思うこと • MVVMを使うと綺麗に疎結合できる！ – V,VM,M間でだれがどこを実装するか分担できる • 一人やったら、やらなくてもいいんちゃうの？ – 綺麗に分けるのに、どこまで分けるかとか、難しい実装とかいるか もしれない。 • べたで書いた方が開発速度がいいかもしれない。 – コードの再利用性が高くなる！ • ほんとに再利用する？ – 綺麗に分けると、コードをいじった時の影響が少なくて済むから保 守性があがる。 • これはそうかも
- 31. とはいえ、やっぱり むずかしそう
- 40. M <-> V M <-> M
- 43. • SampleDataSet • DataStore • Behavior • Binding • Converter Windows Phoneの場合
- 44. • SampleDataSet – 実行時に取得するデータをデザイン時に仮に 生成してくれる機能 – 取得するデータの形式さえ決まっていれば、 コードの実装を待たずにデザインを作ること ができるようになるのがメリット Windows Phoneの場合
- 45. • DataStore – アプリケーション内で利用したい値を保持する機 能 – DataStoreの生成にはコードを必要とせず、ビ ジュアルに定義が可能 – 後述するBehaviorをつかえば、値の変更も可能 Windows Phoneの場合
- 46. • Behavior – だれのなにをどうしたときに、 – だれのなにをどうするっていう機能 – 例えば、ボタンをクリックしたときに、テキ ストを変更するとか Windows Phoneの場合
- 47. • Binding – コントロールのプロパティとコントロールの プロパティをひもづける機能 – 例えば、TextBoxに入力している文字と TextBlockに表示する文字をひもづける Windows Phoneの場合
- 48. • Converter – Bindingでひもづけた間でデータに何か編集を 行う機能（というか実装？ – 例えば、TextBoxに100(int)と入力すると、 TextBlockに01:40(TimeSpan)と表示するなど Windows Phoneの場合
- 53. やってみよう
- 62. • Windows Store AppsにはSampleDataset、 DataStore、Behaviorがない。 • あるのは、Storyboard、Binding、 Converterぐらい 最初に言ったように
- 63. • SampleDataSetがないDataStoreがない！ – データありきでデザインとか開発ができない • Behaviorがない！ – C#かかなあかん。。 最初に言ったように
- 64. Storeのデモ！
- 66. いやかなりつらい
- 72. でも、、、
- 74. • Windows Store Appsでは協業・分離できる ほどの環境が整ってない。 • ボタン押した時にStoryboardを動かすとか もC#で書かないといけない。 • .csがどんどんXAMLと密結合する • しかも、Windows Store Appsのデザイナな らちょっとぐらいC#書けないと… まとめ
- 75. • ただまぁ、ItemsTemplate作って、 CollectionViewSourceでデータでるように したし、ここまでやったから、 • あとプログラマよろしく でいいとおもう – デザイナとプログラマの線引き – 協業なんてなかったんや。。。 まとめ
- 76. 所感