2013/08/03 Hokuriku.NET vol.12 @福井市地域交流プラザ 研修室603 (AOSSA 6階) 30分枠 WebMatrix 3の紹介。 (SlideShareにアップしたら体裁崩れちゃいました。)

1. を使って、
Webプログラミング
への
スピード入門
2013/08/03
Hokuriku.NET vol.12

2. 自己紹介
-
-
-
お仕事では、Javaやってみたり、C#やってみたり、WPFやってみたりして
ます。
ソフトテニスが好きです。
本日は、2回目のセッション挑戦です。緊張しています、お手柔らかに。
（発表内容は個人の見解です。所属する組織を代表するものではありません。）

3. 僕から見た、本日のHokuriku.NET

4. -さん
-さん
-さん
-さん
-さん
-さん
スラッガーぞろい!!

5. つなぎのバッティング
川相昌弘
送りバントや右打ち、ファウルで粘って四球を奪い取るなど、「つなぎ」の姿勢に
徹していた。
長打力こそ無いものの、確実性の高いバッティングでチームを支えた。(Wikipedia)

6. 次の打者に確実につなげるよう、
頑張ります！

7. さて、ここから本題です。

8. アジェンダ
1. 本日のテーマ
2. WebMatrix 3 って何?
3. WebMatrix 3 で何ができるか
4. デモンストレーション
5. まとめ
6. 参考資料

9. 「WebMatrix 3」のお手軽感を味わうお話。
「Webプログラミングやってみたいんだけど、Webサーバー
とかDBとか色々必要そうで、環境準備とか大変そうだし、な
にからどう手を付ければいいのか…」という、超初心者の
方向けのお話。
「WebMatrix 3」で、
お手軽にWebプログラミングに慣れ親しみましょうよ
というお話。
本日のテーマ

10. WebMatrix 3 って何?

11. (→これを、僕の理解で読み替えると、)
WebMatrix
「WebMatrix はマイクロソフトが提供する無料の Web サイト構築ツールで、
Web サイトの初期設定・編集、公開といった一連の Web サイト構築作業を
“カンタン” に行う事ができます。」 (http://www.microsoft.com/japan/web/webmatrix/)
ALL IN ONEの Webサイト統合開発環境であり、
これひとつでとてもお手軽に
を行える環境構築、作成、公開 ツール。無償
（「WebMatrix 3」は、2013/05にリリースされた最新版で
す。）

12. さっそくインストール
Microsoft Web Platform
http://www.microsoft.com/japan/web/webmatrix/ これだけでOK !
WebPIで、必要なコンポーネントがひと通りインストールされます。
WebMatrix
Microsoft .NET Framework
Microsoft SQL Server Compact
ASP.NET Web Pages
IIS Express
などなど
Webサーバー
データベース

13. WebMatrix 3 で何ができるか

14. 使いみち
１．開発ツールとして
２．Webサイト公開ツールとして
ちなみに、MVCよりもお手軽な「ASP.NET Webページ」を使うことができ
ます。
「ASP.NET Webページ」とは、いわゆるRazor構文のこと（だと思ってま
す）。
（今回のセッションではここはスルーします。）

15. 画面
エディタ
リソー
ス
メニュー

16. いろいろ周辺機能
データベース操作
 作成・更新・参照
ブラウザ拡張機能
 iPhoneシミュレータ/iPadシミュレータ/WindowsPhoneシミュレータ
NuGetでのライブラリ管理
(NuGet: .NET向けのライブラリパッケージマネージャー)
ソース管理
 Git
 TFS

17. Webギャラリーからのサイト作成
「WordPress」をはじめとして、
数多くのメジャーなWebアプリ
をインストールして使用することが
できる。
ここでも秀逸なのが、
必要な例えばWordPressの場合に
PHPやMySQLが必要なのだが、
手順に従っていけばインストールできてしまう。

18. Windows Azureとの連携
デプロイ
サーバ上での直接編集（リモートビュー）

19. デモンストレーション

20. デモ１（ほくねっとパン屋）[新規作成/
実行]
1. 新規作成 (新規 > テンプレートギャラリー > パン(※) )
2. 実行(IE)
3. 実行(iPhoneシュミレータ)
（※）パン：注文可能な商品の一覧を表示するWeb サイト テンプレート

21. デモ２(ふくい写真館)[データベース操作]
1. 新規作成 (新規 > テンプレートギャラリー > フォトギャラリー(※) )
2. 実行(IE)
3. (操作(ユーザ登録、写真登録）)
4. データベース参照
（※）フォトギャラリー：注文可能なフォトギャラリー用のWeb サイト テンプレート

22. デモ３ (ほくりくねっとブログ)[シーン：公開
/メンテ作業]
1. 新規作成 (新規 > アプリギャラリー > WordPress Japanese )
2. WordPress用に必要情報の入力
3. 発行
4. 資源の入れ替え（サイトのタイトルを変更して、「発行」を実行する。）

23. デモ４（レポート機能）
パフォーマンス
SEO対策

24. まとめ

25. まとめ：WebMatrix 3
ALL IN ONEの Webサイト統合開発環境であり、
これひとつでとてもお手軽に
を行える環境構築、作成、公開 ツール無償 でしたね!!
もし興味を持った方がいらしたら、
ぜひインストールして使ってみてください!!

26. 最後に

27. 大工さんの話。道具の話。
息子
「父は新しいものを取り入れようとしない。
今は釘を打つための電動の道具はホームセンターでも買える。
プロとはそれらの道具をいかに使いこなすかだ！」
父親
「釘は自分で打て。
大工としては釘の打ち方が基本で、まずはそういう基礎が重要だ！」
息子
「確かに釘の打ち方は重要だ。
しかし、父は最新の道具は全く使えない。非効率だ。
そんなのでは取り残されてしまう。」
(出典: Geekなぺーじ:ある大工親子間での意見の衝突)
基礎も大事だけど、
便利なツールは
ぜひ使ってみましょう!!

28. 参考(1)
Microsoft WebMatrix
http://www.microsoft.com/japan/web/webmatrix/
WebMatrix 3 Release Notes
http://www.microsoft.com/web/post/webmatrix-3-preview-release-notes
使ってみよう、WebMatrix3
http://www.slideshare.net/kiyokura/cod2013-web-matrix3
Razor 構文と ASP.NET Web ページ (ASP.NET デベロッパー センター)
http://msdn.microsoft.com/ja-jp/asp.net/gg193039
WebMatrix おすすめ学習コンテンツ
http://www.microsoft.com/japan/web/webmatrix/learn/
Geekなぺーじ:ある大工親子間での意見の衝突
http://www.geekpage.jp/blog/?id=2007/10/4

29. 参考(2)
窓の杜 - 【特集】「Microsoft WebMatrix」でWebアプリの世界へ踏み出そう！
第1回
http://www.forest.impress.co.jp/docs/special/20110901_473168.html
窓の杜 - 【特集】「Microsoft WebMatrix」でWebアプリの世界へ踏み出そう！
第2回
http://www.forest.impress.co.jp/docs/special/20110908_473925.html
窓の杜 - 【特集】「Microsoft WebMatrix」でWebアプリの世界へ踏み出そう！
第3回
http://www.forest.impress.co.jp/docs/special/20110915_475746.html
窓の杜 - 【特集】「Microsoft WebMatrix」でWebアプリの世界へ踏み出そう！
第4回
http://www.forest.impress.co.jp/docs/special/20110922_477152.html
↑
実は、2日前くらいにこの記事の存在に気付いたのですが、
この記事には、今回のセッション内容がみごとに包含されていまして、
僕がお伝えしたかったことが見事に詳細に表現されていました…Oh
ぜひご一読ください！

30. ご清聴ありがとうございました。