2015/01/31 「2015 MVP Community Camp 北海道エリア」のスライドです。 #MVPComCamp #clrh93

1. .NETで始める
プログラミング
2015 MVP Community Camp 北海道エリア
#MVPComCamp
#clrh93
CLR/H
@KatsuYuzu

2. 本日の内容
•プログラムへの心構え
•プログラミングを始めてみる

3. 自己紹介
• しみみん@KatsuYuzu
• XAML系が好き
• ASP.NETが好き
• ゆずが好き
• ファイアーエムブレムが好き
• Ultima Onlineが好き

4. コミュニティ紹介
• CLR/H（http://clr-h.jp/）
• 2か月に1度くらい
• テーマ自由
• 共催歓迎
• 日程や場所のご相談
大歓迎
• 5分～
• 話してくれる方 募集中
• テーマも形式も問いません
• 告知などでもOK！
• 次回予定
• 3,4月あたり？
• ちょっとした時間に
気軽に集まりたい

5. プログラムへの心構え

6. プログラムとは
• 身の回りのプログラム

7. 初めてのプログラム
• ドラゴンクエスト
• カジノのスロットで
コントローラーに輪ゴムをセット
• Ultima Online
• ゲーム内マクロをキーに割り当てて
キーボードに文鎮をセット

8. 初めてのプログラム
• Excel

9. 初めてのプログラム
• チーｔ（ｒｙ
裁縫キット
皮数 > 条件
スキル > 条件
補充
作成
(C) Electronic Arts Inc. Electronic Arts, EA, EA GAMES, the EA GAMES logo, Ultima,
the UO logo and Britannia are trademarks or registered trademarks of Electronic
Arts Inc. in the U.S. and/or other countries. All rights reserved.
※ゲームの規約に反するので、
やってはいけません。

10. 初めてのプログラム
• RPGツクール

11. プログラミングを
始めてみる

12. 開発環境
• Visual Studio Community 2013 無料
• http://www.microsoft.com/ja-
jp/dev/products/community.aspx

13. HTML5

14. HTMLとCSS
• HTML
• 文書構造
• CSS
• デザイン
14

15. HTMLとCSS
• 「各章のタイトルは赤で太字！」
「タイトルの色を黄色に変更してー！」
「え？！200章もあるんですが……」
15

16. HTMLとCSS
• CSSならレイアウト変更も簡単
「タイトルの色を黄色に変更してー！」
「終わりました！」
16

17. JavaScript
• JavaScript
• 動作
17

18. デモ
• http://jsfiddle.net/
18

19. ASP.NET

20. まず実行してみる
20

21. フォルダー構成
21
モデル
コントローラー
ビュー

22. 概要
22
DB
処理
結果と
画面の
返却
結果
処理の
呼び出し
http://~~/Account/Login

23. 概要
23
DB
処理
結果と
画面の
返却
結果
処理の
呼び出し
http://~~/Account/Login
M（モデル）
V（ビュー）
C（コントローラー）

24. XAML

25. XAMLとは
HTMLに似てると
考えたら読みやすい？

26. • プレゼンテーション層の言語
XAMLとは
一般的なユーザー
∩＿＿＿∩
| ノ ヽ
/ ● ● |
| ( _●_) ミ
彡､ |∪| ､｀＼
/ ＿＿ ヽノ /´> )
(＿＿＿） / (_／
ディス
プレイ
XAML
プログ
ラム
コンピューター

27. XAMLとは
• ModelとViewの分離
• MVC系: MV + hoge
一般的なユーザー
∩＿＿＿∩
| ノ ヽ
/ ● ● |
| ( _●_) ミ
彡､ |∪| ､｀＼
/ ＿＿ ヽノ /´> )
(＿＿＿） / (_／
ディス
プレイ
View Model
コンピューター

28. XAMLとは
• MVVM
• Model – View - ViewModel
View
・ViewModelの
監視
=
バインディング
ViewModel
・Viewの
データストア
・操作の伝達
Model
・アプリケー
ション
コンピューター

29. まとめ
• プログラムへの心構え
• 簡単なことから
• 自分が使いたいものから
• プログラミングを始めてみる
• 無料のVisual Studio Community 2013
• コツ
• 影響範囲を考える
• 依存させない

30. more...
• セッション3.
わくわく HTML5
• セッション4.
息子たちがローマ字勉強するための
HTML5 アプリ作ってみた
• セッション5.
この辺で、Xamarin 導入による効果と限
界をしっかり把握してみよう
• セッション6.
Visual Studio Community 2013 で始める
プログラミング Win32/MFC