netで始めるプログラミング

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

Upload: katsuyuzu

Post on 22-Jul-2015

513 views

Category:

Technology


4 download

TRANSCRIPT

Page 1: NETで始めるプログラミング

.NETで始めるプログラミング

2015 MVP Community Camp 北海道エリア

#MVPComCamp

#clrh93

CLR/H

@KatsuYuzu

Page 2: NETで始めるプログラミング

本日の内容

•プログラムへの心構え

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

Page 3: NETで始めるプログラミング

自己紹介

•しみみん@KatsuYuzu

• XAML系が好き

• ASP.NETが好き

•ゆずが好き

•ファイアーエムブレムが好き

• Ultima Onlineが好き

Page 4: NETで始めるプログラミング

コミュニティ紹介

• CLR/H(http://clr-h.jp/)

• 2か月に1度くらい• テーマ自由• 共催歓迎

• 日程や場所のご相談大歓迎

• 5分~

• 話してくれる方募集中

• テーマも形式も問いません

• 告知などでもOK!

•次回予定• 3,4月あたり?• ちょっとした時間に気軽に集まりたい

Page 5: NETで始めるプログラミング

プログラムへの心構え

Page 6: NETで始めるプログラミング

プログラムとは

•身の回りのプログラム

Page 7: NETで始めるプログラミング

初めてのプログラム

•ドラゴンクエスト•カジノのスロットでコントローラーに輪ゴムをセット

• Ultima Online•ゲーム内マクロをキーに割り当ててキーボードに文鎮をセット

Page 8: NETで始めるプログラミング

初めてのプログラム

• Excel

Page 9: NETで始めるプログラミング

初めてのプログラム

•チーt(ry裁縫キット

皮数 >条件

スキル >条件

補充

作成

(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.

※ゲームの規約に反するので、やってはいけません。

Page 10: NETで始めるプログラミング

初めてのプログラム

• RPGツクール

Page 11: NETで始めるプログラミング

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

Page 12: NETで始めるプログラミング

開発環境

• Visual Studio Community 2013 無料• http://www.microsoft.com/ja-

jp/dev/products/community.aspx

Page 13: NETで始めるプログラミング

HTML5

Page 14: NETで始めるプログラミング

HTMLとCSS

• HTML•文書構造

• CSS•デザイン

14

Page 15: NETで始めるプログラミング

HTMLとCSS

•「各章のタイトルは赤で太字!」

「タイトルの色を黄色に変更してー!」

「え?!200章もあるんですが……」

15

Page 16: NETで始めるプログラミング

HTMLとCSS

• CSSならレイアウト変更も簡単

「タイトルの色を黄色に変更してー!」

「終わりました!」

16

Page 17: NETで始めるプログラミング

JavaScript

• JavaScript•動作

17

Page 18: NETで始めるプログラミング

デモ

• http://jsfiddle.net/

18

Page 19: NETで始めるプログラミング

ASP.NET

Page 20: NETで始めるプログラミング

まず実行してみる

20

Page 21: NETで始めるプログラミング

フォルダー構成

21

モデル

コントローラー

ビュー

Page 22: NETで始めるプログラミング

概要

22

DB

処理結果と画面の返却

結果処理の呼び出し

http://~~/Account/Login

Page 23: NETで始めるプログラミング

概要

23

DB

処理結果と画面の返却

結果処理の呼び出し

http://~~/Account/Login

M(モデル)

V(ビュー)

C(コントローラー)

Page 24: NETで始めるプログラミング

XAML

Page 25: NETで始めるプログラミング

XAMLとは

HTMLに似てると考えたら読みやすい?

Page 26: NETで始めるプログラミング

•プレゼンテーション層の言語

XAMLとは

一般的なユーザー

∩___∩| ノ ヽ

/ ● ● || ( _●_) ミ彡、 |∪| 、`\

/ __ ヽノ /´> )(___) / (_/

ディスプレイ

XAMLプログラム

コンピューター

Page 27: NETで始めるプログラミング

XAMLとは

• ModelとViewの分離• MVC系: MV + hoge

一般的なユーザー

∩___∩| ノ ヽ

/ ● ● || ( _●_) ミ彡、 |∪| 、`\

/ __ ヽノ /´> )(___) / (_/

ディスプレイ

View Model

コンピューター

Page 28: NETで始めるプログラミング

XAMLとは

• MVVM• Model – View - ViewModel

View

・ViewModelの監視

=バインディング

ViewModel

・Viewのデータストア・操作の伝達

Model

・アプリケーション

コンピューター

Page 29: NETで始めるプログラミング

まとめ

• プログラムへの心構え

•簡単なことから

•自分が使いたいものから

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

•無料のVisual Studio Community 2013

•コツ• 影響範囲を考える

• 依存させない

Page 30: NETで始めるプログラミング

more...

• セッション3.

わくわく HTML5• セッション4.

息子たちがローマ字勉強するためのHTML5 アプリ作ってみた

• セッション5.

この辺で、Xamarin導入による効果と限界をしっかり把握してみよう

• セッション6.

Visual Studio Community 2013 で始めるプログラミングWin32/MFC