0
0 から始める Expression Blend + Phone 7 <ul><li>蜜葉  優 </li></ul>
profile <ul><li>H.N. : 蜜葉 優  [mitsuba yu] </li></ul><ul><li>本名 : 泉本優輝  [izumoto yuuki] </li></ul><ul><li>Community:Silverl...
commercial
commercial
other
<ul><li>Blog[0 から始める Expression Blend 4  再入門 ] の実習版 </li></ul><ul><li>+ Windows Phone 7 </li></ul><ul><li>Blend で出来ることを網羅で...
<ul><li>TL もやりながら確認しようとおもいます。 </li></ul><ul><li>難しそうなところは、随時聞いてもらえればいいです。 </li></ul><ul><li>できれば@ついてたら補足しやすいので嬉しいです。 </li>...
<ul><li>インストールしよう </li></ul><ul><li>プロジェクトをつくる  - Hello Blend - </li></ul><ul><li>Rectangle 、 Ellipse を使ってみる </li></ul><ul...
<ul><li>レイアウトまわり </li></ul><ul><li>Grid </li></ul><ul><li>StackPanel </li></ul><ul><li>Canvas </li></ul><ul><ul><li>ツールキット...
<ul><li>アニメーションをやってみる </li></ul><ul><li>イージングをつかってみる </li></ul><ul><li>ビヘイビアでアニメーションを再生する </li></ul><ul><li>ビヘイビアでメディアファイル...
<ul><li>Visual State Manager を覚えよう </li></ul><ul><li>Sample Data を使ってみる </li></ul><ul><li>Binding で生成した Item をレイアウトする </li...
<ul><li>psd ファイルを取り込む </li></ul><ul><li>ai ファイルを取り込む </li></ul><ul><li>コントロールにパースをかける </li></ul><ul><li>Effect 効果をつけよう </l...
<ul><li>SketchFlow を使ってみる </li></ul><ul><li>画面遷移 </li></ul><ul><li>アニメーション </li></ul><ul><li>Component Screen </li></ul>ag...
<ul><li>SketchFlow を使ってみる </li></ul><ul><li>サイドバーを操作する </li></ul><ul><li>フィードバック機能を利用する </li></ul><ul><li>仕様書(ぽいもの)を作る </l...
<ul><li>Windows Phone 7 </li></ul><ul><li>プロジェクトを作る </li></ul><ul><li>Device パネル </li></ul><ul><li>PhoneAccentColor </li><...
<ul><li>#1 Expression Blend ってあった、ような… </li></ul><ul><li>#2  使えるようになったら嬉しいなって </li></ul><ul><li>#3  もうアニメーションも怖くない </li></...
<ul><li>Microsoft Expression Studio Ultimate に入ってる </li></ul><ul><li>Expression Blend  最新バージョンは4 </li></ul><ul><li>SL/WPF/...
<ul><li>SL4 なら> </li></ul><ul><li>基本的にインストーラを叩くだけで入ります。 </li></ul><ul><li>まずは評価版で試してみるといいでしょう </li></ul><ul><li>SL5 なら> Pr...
<ul><li>プロジェクトをつくる  - Hello Blend - </li></ul><ul><li>Rectangle 、 Ellipse を使ってみる </li></ul><ul><li>グラデーションを操作する </li></ul>...
<ul><li>プロジェクトをつくる  - Hello Blend - </li></ul><ul><li>Rectangle 、 Ellipse を使ってみる </li></ul><ul><li>グラデーションを操作する </li></ul>...
<ul><li>レイアウトまわり </li></ul><ul><li>Grid </li></ul><ul><li>StackPanel </li></ul><ul><li>DockPanel </li></ul><ul><li>Canvas ...
<ul><li>レイアウトまわり </li></ul><ul><li>Grid </li></ul><ul><li>StackPanel </li></ul><ul><li>DockPanel </li></ul><ul><li>Canvas ...
<ul><li>アニメーションをやってみる </li></ul><ul><li>イージングをつかってみる </li></ul><ul><li>ビヘイビアでアニメーションを再生する </li></ul><ul><li>ビヘイビアでメディアファイル...
<ul><li>アニメーションをやってみる </li></ul><ul><li>イージングをつかってみる </li></ul><ul><li>ビヘイビアでアニメーションを再生する </li></ul><ul><li>ビヘイビアでメディアファイル...
<ul><li>アニメーションをやってみる </li></ul><ul><li>イージングをつかってみる </li></ul><ul><li>ビヘイビアでアニメーションを再生する </li></ul><ul><li>ビヘイビアでメディアファイル...
<ul><li>psd ファイルを取り込む </li></ul><ul><li>ai ファイルを取り込む </li></ul><ul><li>コントロールにパースをかける </li></ul><ul><li>Effect 効果をつけよう </l...
<ul><li>psd ファイルを取り込む </li></ul><ul><li>ai ファイルを取り込む </li></ul><ul><li>コントロールにパースをかける </li></ul><ul><li>Effect 効果をつけよう </l...
<ul><li>psd ファイルを取り込む </li></ul><ul><li>ai ファイルを取り込む </li></ul><ul><li>コントロールにパースをかける </li></ul><ul><li>Effect 効果をつけよう </l...
<ul><li>Style </li></ul><ul><li>DataBinding </li></ul><ul><li>Visual State Manager </li></ul><ul><li>Sample Data を使ってみる </...
<ul><li>Style </li></ul><ul><li>DataBinding </li></ul><ul><li>Visual State Manager </li></ul><ul><li>Sample Data を使ってみる </...
SketchFlow <ul><li>Silverlight で開発できるプロトタイプ開発機能 </li></ul><ul><li>スケッチのように簡単に動くものが作れる </li></ul><ul><li>ほとんどプログラミングすることがなく...
<ul><li>SketchFlow を使ってみる </li></ul><ul><li>画面遷移 </li></ul><ul><li>アニメーション </li></ul><ul><li>Component Screen </li></ul>第6話
<ul><li>SketchFlow を使ってみる </li></ul><ul><li>画面遷移 </li></ul><ul><li>アニメーション </li></ul><ul><li>Component Screen </li></ul><u...
<ul><li>SketchFlow を使ってみる </li></ul><ul><li>サイドバーを操作する </li></ul><ul><li>フィードバック機能を利用する </li></ul><ul><li>仕様書(ぽいもの)を作る </l...
<ul><li>SketchFlow を使ってみる </li></ul><ul><li>サイドバーを操作する </li></ul><ul><li>フィードバック機能を利用する </li></ul><ul><li>仕様書(ぽいもの)を作る </l...
<ul><li>Microsoft が発表したスマートフォン </li></ul><ul><li>3 D サクサク!ぬるぬる! </li></ul><ul><li>SL/XNA で開発 </li></ul><ul><li>MetroUI </l...
<ul><li>Windows Phone 7 </li></ul><ul><li>プロジェクトを作る </li></ul><ul><li>Device パネル </li></ul><ul><li>エミュレータ / 実機実行 </li></ul...
<ul><li>Blend は VS よりも 簡単にリッチな UI を作れるいいツールです。 </li></ul><ul><li>しかも、ほとんどの UI 周りをノンコーディング で行えます。 </li></ul><ul><li>もちろん基本的...
<ul><li>モックや画面設計目的ならば技術に縛られないので、 SketchFlow で手早く動く物を作ってしまう 、という使い方もできます。 </li></ul><ul><li>GUI なツールなのでぜひ デザイナさん に Blend を使...
 
Upcoming SlideShare
Loading in...5
×

Oitec

750

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
750
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Oitec"

  1. 1. 0 から始める Expression Blend + Phone 7 <ul><li>蜜葉  優 </li></ul>
  2. 2. profile <ul><li>H.N. : 蜜葉 優 [mitsuba yu] </li></ul><ul><li>本名 : 泉本優輝 [izumoto yuuki] </li></ul><ul><li>Community:Silverlight Square Windows Phone Arch </li></ul><ul><li>twitter: @mitsuba_tan </li></ul><ul><li>Web: http://c-mitsuba.com </li></ul><ul><li>blog: http ://d.hatena.ne.jp/c-mitsuba </li></ul>
  3. 3. commercial
  4. 4. commercial
  5. 5. other
  6. 6. <ul><li>Blog[0 から始める Expression Blend 4 再入門 ] の実習版 </li></ul><ul><li>+ Windows Phone 7 </li></ul><ul><li>Blend で出来ることを網羅できれば </li></ul><ul><li>C# は基本的にない方向で </li></ul><ul><li>XAML 手書きも極力少なめで </li></ul><ul><li>ライブコーディングなので 会場で一緒にやれそうな人は是非 </li></ul>today
  7. 7. <ul><li>TL もやりながら確認しようとおもいます。 </li></ul><ul><li>難しそうなところは、随時聞いてもらえればいいです。 </li></ul><ul><li>できれば@ついてたら補足しやすいので嬉しいです。 </li></ul>today
  8. 8. <ul><li>インストールしよう </li></ul><ul><li>プロジェクトをつくる - Hello Blend - </li></ul><ul><li>Rectangle 、 Ellipse を使ってみる </li></ul><ul><li>グラデーションを操作する </li></ul><ul><li>ボタンを使ってみる </li></ul><ul><li>(一応)イベントハンドラを書く </li></ul>agenda
  9. 9. <ul><li>レイアウトまわり </li></ul><ul><li>Grid </li></ul><ul><li>StackPanel </li></ul><ul><li>Canvas </li></ul><ul><ul><li>ツールキット </li></ul></ul><ul><li>WrapPanel </li></ul>agenda
  10. 10. <ul><li>アニメーションをやってみる </li></ul><ul><li>イージングをつかってみる </li></ul><ul><li>ビヘイビアでアニメーションを再生する </li></ul><ul><li>ビヘイビアでメディアファイルを再生する </li></ul>agenda
  11. 11. <ul><li>Visual State Manager を覚えよう </li></ul><ul><li>Sample Data を使ってみる </li></ul><ul><li>Binding で生成した Item をレイアウトする </li></ul>agenda
  12. 12. <ul><li>psd ファイルを取り込む </li></ul><ul><li>ai ファイルを取り込む </li></ul><ul><li>コントロールにパースをかける </li></ul><ul><li>Effect 効果をつけよう </li></ul>agenda
  13. 13. <ul><li>SketchFlow を使ってみる </li></ul><ul><li>画面遷移 </li></ul><ul><li>アニメーション </li></ul><ul><li>Component Screen </li></ul>agenda
  14. 14. <ul><li>SketchFlow を使ってみる </li></ul><ul><li>サイドバーを操作する </li></ul><ul><li>フィードバック機能を利用する </li></ul><ul><li>仕様書(ぽいもの)を作る </li></ul><ul><li>Windows Phone 7 アプリの SketchFlow </li></ul>agenda
  15. 15. <ul><li>Windows Phone 7 </li></ul><ul><li>プロジェクトを作る </li></ul><ul><li>Device パネル </li></ul><ul><li>PhoneAccentColor </li></ul><ul><li>Panorama & Pivot </li></ul><ul><li>Tile UI をつくる </li></ul>agenda
  16. 16. <ul><li>#1 Expression Blend ってあった、ような… </li></ul><ul><li>#2 使えるようになったら嬉しいなって </li></ul><ul><li>#3 もうアニメーションも怖くない </li></ul><ul><li>#4 フォトショも、イラレも、あるんだよ </li></ul><ul><li>#5 C# なんて、あるわけない </li></ul><ul><li>#6 こんなの絶対おかしいよ (SketchFlow を知らないなんて ) </li></ul><ul><li>#7 フィードバックと向き合えますか? </li></ul><ul><li>#8 わたしの最高の友達 </li></ul>story
  17. 17. <ul><li>Microsoft Expression Studio Ultimate に入ってる </li></ul><ul><li>Expression Blend 最新バージョンは4 </li></ul><ul><li>SL/WPF/WP7 のデザインツール </li></ul><ul><li>値段は? </li></ul><ul><li>学生は? </li></ul><ul><li>条件に合えば </li></ul><ul><li>買えないよ! </li></ul>Blend ?
  18. 18. <ul><li>SL4 なら> </li></ul><ul><li>基本的にインストーラを叩くだけで入ります。 </li></ul><ul><li>まずは評価版で試してみるといいでしょう </li></ul><ul><li>SL5 なら> Preview をどうぞ </li></ul><ul><li>WP7 なら> AppHub からどうぞ </li></ul>install
  19. 19. <ul><li>プロジェクトをつくる - Hello Blend - </li></ul><ul><li>Rectangle 、 Ellipse を使ってみる </li></ul><ul><li>グラデーションを操作する </li></ul><ul><li>ボタンを使ってみる </li></ul><ul><li>(一応)イベントハンドラを書く </li></ul>第1話
  20. 20. <ul><li>プロジェクトをつくる - Hello Blend - </li></ul><ul><li>Rectangle 、 Ellipse を使ってみる </li></ul><ul><li>グラデーションを操作する </li></ul><ul><li>ボタンを使ってみる </li></ul><ul><li>(一応)イベントハンドラを書く ここまでは VS のデザイナでできますね! </li></ul>第1話
  21. 21. <ul><li>レイアウトまわり </li></ul><ul><li>Grid </li></ul><ul><li>StackPanel </li></ul><ul><li>DockPanel </li></ul><ul><li>Canvas </li></ul><ul><ul><li>ツールキット </li></ul></ul><ul><li>WrapPanel </li></ul>第2話
  22. 22. <ul><li>レイアウトまわり </li></ul><ul><li>Grid </li></ul><ul><li>StackPanel </li></ul><ul><li>DockPanel </li></ul><ul><li>Canvas </li></ul><ul><ul><li>ツールキット </li></ul></ul><ul><li>WrapPanel ここまで出来ればとりあえず画面はつくれますね! </li></ul>第2話
  23. 23. <ul><li>アニメーションをやってみる </li></ul><ul><li>イージングをつかってみる </li></ul><ul><li>ビヘイビアでアニメーションを再生する </li></ul><ul><li>ビヘイビアでメディアファイルを再生する </li></ul>第3話
  24. 24. <ul><li>アニメーションをやってみる </li></ul><ul><li>イージングをつかってみる </li></ul><ul><li>ビヘイビアでアニメーションを再生する </li></ul><ul><li>ビヘイビアでメディアファイルを再生する </li></ul><ul><li>アニメーションができれば、 SL/WPF/WP7 アプリじゃなくても、 モック作るぐらいはできますね! </li></ul>第3話
  25. 25. <ul><li>アニメーションをやってみる </li></ul><ul><li>イージングをつかってみる </li></ul><ul><li>ビヘイビアでアニメーションを再生する </li></ul><ul><li>ビヘイビアでメディアファイルを再生する </li></ul><ul><li>さらにビヘイビアにも慣れれば、静的な部分は大体ノンコーディングで可能です! </li></ul>第3話
  26. 26. <ul><li>psd ファイルを取り込む </li></ul><ul><li>ai ファイルを取り込む </li></ul><ul><li>コントロールにパースをかける </li></ul><ul><li>Effect 効果をつけよう </li></ul>第4話
  27. 27. <ul><li>psd ファイルを取り込む </li></ul><ul><li>ai ファイルを取り込む </li></ul><ul><li>コントロールにパースをかける </li></ul><ul><li>Effect 効果をつけよう </li></ul><ul><li>グラフィッカー / デザイナーとも仲良くなれそう! </li></ul>第4話
  28. 28. <ul><li>psd ファイルを取り込む </li></ul><ul><li>ai ファイルを取り込む </li></ul><ul><li>コントロールにパースをかける </li></ul><ul><li>Effect 効果をつけよう </li></ul><ul><li>むしろここまで出来る デザイナさんがすてき! </li></ul>第4話
  29. 29. <ul><li>Style </li></ul><ul><li>DataBinding </li></ul><ul><li>Visual State Manager </li></ul><ul><li>Sample Data を使ってみる </li></ul><ul><li>Binding で生成した Item をレイアウトする </li></ul>第5話
  30. 30. <ul><li>Style </li></ul><ul><li>DataBinding </li></ul><ul><li>Visual State Manager </li></ul><ul><li>Sample Data を使ってみる </li></ul><ul><li>Binding で生成した Item をレイアウトする </li></ul><ul><li>ここまでできれば、 もう Blend マスター!? </li></ul>第5話
  31. 31. SketchFlow <ul><li>Silverlight で開発できるプロトタイプ開発機能 </li></ul><ul><li>スケッチのように簡単に動くものが作れる </li></ul><ul><li>ほとんどプログラミングすることがなく、マップで視覚的に画面作成が可能 </li></ul><ul><li>さらにフィードバックやドキュメント出力機能がある </li></ul>
  32. 32. <ul><li>SketchFlow を使ってみる </li></ul><ul><li>画面遷移 </li></ul><ul><li>アニメーション </li></ul><ul><li>Component Screen </li></ul>第6話
  33. 33. <ul><li>SketchFlow を使ってみる </li></ul><ul><li>画面遷移 </li></ul><ul><li>アニメーション </li></ul><ul><li>Component Screen </li></ul><ul><li>さくっと作ってアプリの提案とかできそうですね! </li></ul>第6話
  34. 34. <ul><li>SketchFlow を使ってみる </li></ul><ul><li>サイドバーを操作する </li></ul><ul><li>フィードバック機能を利用する </li></ul><ul><li>仕様書(ぽいもの)を作る </li></ul><ul><li>Windows Phone 7 アプリの SketchFlow </li></ul>第7話
  35. 35. <ul><li>SketchFlow を使ってみる </li></ul><ul><li>サイドバーを操作する </li></ul><ul><li>フィードバック機能を利用する </li></ul><ul><li>仕様書(ぽいもの)を作る </li></ul><ul><li>Windows Phone 7 アプリの SketchFlow </li></ul><ul><li>企画をどんどんブラッシュアップしていきます。 </li></ul>第7話
  36. 36. <ul><li>Microsoft が発表したスマートフォン </li></ul><ul><li>3 D サクサク!ぬるぬる! </li></ul><ul><li>SL/XNA で開発 </li></ul><ul><li>MetroUI </li></ul>WP7
  37. 37. <ul><li>Windows Phone 7 </li></ul><ul><li>プロジェクトを作る </li></ul><ul><li>Device パネル </li></ul><ul><li>エミュレータ / 実機実行 </li></ul><ul><li>PhoneAccentColor </li></ul><ul><li>Panorama & Pivot </li></ul><ul><li>Tile UI をつくる </li></ul>最終話
  38. 38. <ul><li>Blend は VS よりも 簡単にリッチな UI を作れるいいツールです。 </li></ul><ul><li>しかも、ほとんどの UI 周りをノンコーディング で行えます。 </li></ul><ul><li>もちろん基本的に XAML なので XML や DOM に慣れていれば、苦手意識はないはず。 </li></ul>まとめ
  39. 39. <ul><li>モックや画面設計目的ならば技術に縛られないので、 SketchFlow で手早く動く物を作ってしまう 、という使い方もできます。 </li></ul><ul><li>GUI なツールなのでぜひ デザイナさん に Blend を使えるようになってほしい。 </li></ul>まとめ
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×