START 形から入る WINDOWS プログラミング入門「WINDOWS プログラミング入門 C#」| ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」アウトライン機能 ..................................................................................... 12 目次コードのグループ化 .................................................................................. 13 1 序章 ......................................................................................6 1.1 始めに ...................................................................................................... 6 1.2 特徴.......................................................................................................... 6 1.3 3.2.3 プロジェクトを作成する ................................................................. 14 3.2.4 本書で使用するウィンドウ ............................................................. 14 4 プログラミング演習 ...........................................................15 準備作業 .................................................................................................. 6 4.1 プロジェクトを作成する ....................................................................... 15 1.4 教材.......................................................................................................... 6 4.2 プロジェクトの確認 .............................................................................. 16 1.5 学習の手順 ............................................................................................... 7 4.3 アイコンとビットマップの確認 ............................................................ 16 4.4 プロジェクトにアイコンを追加 ............................................................ 17 4.5 Form のファイル名を変更 .................................................................... 17 4.6 アセンブリのアイコンの登録 ................................................................ 19 ゲームの操作および機能......................................................8 2 2.1 ゲーム概要 ............................................................................................... 8 4.7 保存とコンパイル .................................................................................. 21 2.2 基本操作 .................................................................................................. 8 4.8 FormMain のデザイン編集 ................................................................... 22 2.2.1 メニュー、ツールバー ...................................................................... 9 4.8.1 アイコンの変更 ............................................................................... 22 2.2.2 その他 ............................................................................................. 10 4.8.2 最大化、最小化ボタンを非表示に変更 ........................................... 22 4.8.3 Form タイトルとサイズの変更 ....................................................... 23 4.8.4 メニューコンポーネントの追加 ...................................................... 23 4.8.5 メニュー項目の編集 ........................................................................ 25 4.8.6 メニュー項目のショートカットキー設定 ....................................... 26 4.8.7 メニュー項目の名前の変更 ............................................................. 27 4.8.8 ツールバーの追加............................................................................ 28 4.8.9 ツールバーButton の名前変更 ........................................................ 29 3 VISUAL STUDIO について .................................................. 11 2 2 Ver. 1.1.2 3.1 はじめに ................................................................................................ 11 3.2 VS プロジェクト作成と環境設定 .......................................................... 11 3.2.1 ソースコードに行番号を表示する .................................................. 11 3.2.2 ソースコードの階層表示について .................................................. 12 ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」 4.8.10 ツールバーButton の Image 変更 ............................................... 30 4.12 Class フォルダの追加 ........................................................................ 60 4.8.11 ステータスバーの追加 ................................................................. 32 4.13 Board と Cell のクラス追加 ............................................................... 61 4.8.12 ステータスバーのステータス項目追加 ....................................... 32 4.14 文法上のコメントについて ................................................................ 63 4.8.13 TableLayoutPanel の追加 ........................................................... 33 4.8.14 TableLayoutPanel1 の編集 ......................................................... 33 4.15 Cell クラスのコーディング ................................................................ 64 4.8.15 PictureBox の追加 ....................................................................... 38 4.16 Board クラスのコーディング............................................................. 65 4.8.16 Panel コンテナの追加 ................................................................. 40 4.17 FormMain.cs のコーディング ........................................................... 66 4.8.17 Panel コンテナの編集 ................................................................. 41 4.18 プログラムの実行とテスト ................................................................ 67 4.8.18 無作為に配置したコントロールの調整 ....................................... 41 4.8.19 PictureBox の微調整 ................................................................... 45 4.8.20 TableLayoutPanel1 コンテナとの同期設定 ............................... 47 4.8.21 ステータスバー項目の名前変更(漏れ対応) ................................. 49 4.8.22 デザイン編集はこれで終了です .................................................. 49 XML Document の半自動生成機能 .......................................................... 63 5 学習のためのヒント ...........................................................68 5.1 ソースコードデバッグ ........................................................................... 68 5.1.1 ソースコードデバッグ方法 ............................................................. 68 イベントハンドラの作成 ....................................................................... 50 5.2 デバッグ情報の出力 .............................................................................. 69 4.9.1 FormMain イベントハンドラの追加 .............................................. 50 5.3 実行時エラーで深く考える .................................................................... 69 4.9.2 メニューイベントハンドラの追加 ................................................ 51 4.9.3 ツールバーボタンイベントハンドラの追加 .................................. 53 4.9.4 boardPanel イベントハンドラの追加 ............................................ 54 6 プログラム構造と用語 .......................................................70 6.1 プログラム構造 ...................................................................................... 70 6.2 プログラムの起動 .................................................................................. 71 6.3 クラス（Class） .................................................................................... 71 6.4 オブジェクト（Object） ....................................................................... 71 6.5 フィールド(Field) .................................................................................. 72 6.6 プロパティ(Property) ............................................................................ 72 4.9 4.10 3 3 Ver. 1.1.2 コーディングを始める前に ................................................................ 56 4.10.1 行番号の表示 ............................................................................... 56 4.10.2 フォームのデザイナ表示とコード表示 ....................................... 56 4.10.3 ファイルを閉じる ........................................................................ 57 4.10.4 開いているファイルの切り替え（選択） .................................... 57 4.11 情報ボックスの追加 ........................................................................... 58 ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」 4 4 Ver. 1.1.2 6.7 メソッド(Method) ................................................................................. 72 9.1.3 ファイル－追加 ............................................................................... 80 6.8 イベントハンドラ (Event Handler) ..................................................... 72 9.1.4 編集－C#のコード表示時 ................................................................ 81 6.9 ソリューション(Solution) ..................................................................... 73 9.1.5 編集－VB のコード表示時 .............................................................. 81 9.1.6 編集－検索と置換............................................................................ 82 7 ゲームプログラムの解説.................................................... 74 9.1.7 編集－詳細 ...................................................................................... 82 9.1.8 編集－ブックマーク ........................................................................ 83 7.1 機能一覧と概要 ..................................................................................... 74 9.1.9 編集－アウトライン ........................................................................ 83 7.1.1 ボールの描画................................................................................... 74 9.1.10 IntelliSense－インターフェイスの実装 ...................................... 84 7.1.2 マウス操作 ...................................................................................... 74 9.1.11 IntelliSense－using の整理(C#).................................................. 84 7.1.3 ボールの消し込み ........................................................................... 74 9.1.12 IntelliSense（VB） ..................................................................... 85 7.2 クラス関連図 ......................................................................................... 76 9.1.13 表示－検索結果 ............................................................................ 85 7.3 起動シーケンス ..................................................................................... 76 9.1.14 表示－その他のウィンドウ .......................................................... 86 7.4 OnPain イベント ................................................................................... 77 9.1.15 表示－ツールバー ...................................................................... 86 7.5 MouseDown イベント ........................................................................... 77 9.1.16 プロジェクト................................................................................ 87 9.1.17 ビルド .......................................................................................... 87 9.1.18 デバッグ－ウィンドウ（編集時） ............................................... 88 9.1.19 デバッグ－ウィンドウ（実行時） ............................................... 88 9.1.20 デバッグ－ウォッチ（実行時）................................................... 88 9.1.21 デバッグ－メモリ（実行時） ...................................................... 88 9.1.22 デバッグ－ブレークポイントの作成 ........................................... 89 9.1.23 書式－整理（デザイン時） .......................................................... 89 9.1.24 書式－同じサイズに整える（デザイン時） ................................ 89 9.1.25 書式－左右の間隔（デザイン時） ............................................... 89 9.1.26 書式－上下の間隔（デザイン時） ............................................... 90 8 最後に（次へのステップアップ） ................................... 78 8.1 Windows プログラミングの習得........................................................... 79 9 付録 .................................................................................... 80 9.1 VS 主要メニュー一覧 ............................................................................ 80 9.1.1 ファイル－新規作成 ........................................................................ 80 9.1.2 ファイル－開く ............................................................................... 80 ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」 9.1.27 書式－フォーム中央に配置（デザイン時） ................................ 90 9.1.28 書式－順序（デザイン時） .......................................................... 90 9.1.29 ウィンドウ ................................................................................... 91 9.1.30 ヘルプ .......................................................................................... 91 9.2 Ver. 1.1.2 ソリューションエクスプローラ .......................................................... 92 9.2.1 ソリューションサブメニュー－追加............................................. 92 9.2.2 プロジェクト－サブメニュー－追加 .............................................. 92 5 5 ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」 1 序章 1.1 始めにプログラミングってどんなものなの？そのためには「やってみる」のが一番です。でも、コンピュータ基礎、言語文法、プロ Ver. 1.1.2 1.2 特徴  短時間でプログラミングを体験  画面デザインを図解入りでわかりやすく解説  すべてのプログラミング作業を網羅（プログラム設計を除く）  「作ってみる→プログラム構造、アルゴリズムを知る」で理解度を高める  学習のためのヒント（デバッグで学ぶ、他）  ソースコード（ほぼ全行に対して）コメントが付いています  プログラム構造解説  ゲームプログラムのアルゴリズム解説グラミング技術などを学びながらでは時間がかかりすぎてしまいます。本書は、出来上がったプログラムをベースに、どなたでもスムーズに体験して頂けるよう「プログラミングが初めてでもプログラムを完成させることができる」という内容、構成になっています。「ちょっと試してみたい」という方にも最適です。画面デザインは図解入りになっていますので、迷うことはありません。プログラミングの概念、理屈、用語など「わからないこと」を一切無視して「プログラ 1.3 準備作業ミング作業を体験」してください。つまり、OJT（on-the-job training）方式です。実践することで、具体的なプログラミ「Visual Studio 2008 .NET」の対象言語がインストールされていて、いつでも実行できング工程（作業）の流れが分かります。これらの作業を終了してから、後で理論や理屈る状態にしてください（どの Edition でもかまいません）。無料版(Express Edition) を学ぶと、体験したことと関連付けができるので理解が深まります。は Microsoft 社よりダウンロードできます。使用するゲームプログラムは、難しすぎず、簡単すぎずといった内容です。プログラ 1.4 教材ミングの作成、テスト、プログラム構造、アルゴリズムなどを楽しみながら（ゲームをしながら）行えます。一通り体験したら、自分流にカスタマイズしてみてはいかがでし 6 6 ょうか。ダウンロード後、以下のファイルがそろっているかご確認ください。 ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」  ドキュメント（本書）  ソースコード（PDF 版） Ver. 1.1.2 Cell.cs.pdf、Board.cs.pdf 、FormMain.cs.pdf  ステップアップゲームでテストゲームプログラム (JawBreaker.EXE) 動作の確認や自作との比較などに使用します  プログラソースコード（プロジェクト一式） Visual アイコンファイルはプロジェクトの中に入っています。 Studio 添付されているソースコードは保険と考えてください。習ゲームで遊ぼう ※不足している場合やご質問等がございましたらこちらまでご連絡ください。 1.5 学習の手順ミング演すべての作業や工程は本物です。これから始まる Programming World を体験してください。 1. ゲームを実行して、操作や機能を理解します 2. Visual Studio のインストールと環境設定を行います 3. プログラミング演習（ゲームプログラムの製作）を行います画面デザインとコーディング 4. 5. 7 7 プログラムのテストを行います手順に従って、画面デザインやコーディングを行っていきます。もし、画面デザインなど、途中で分からなくなったらやり直してみてください。繰り返すと理解も早くなります。プログラミングが完了したら、プログラムの意味を理解しながらカストマイズするのもいいですね。プログラミングが完了しても、それが正しいかどうかは動かしてみなければ分かプログラムをより深く理解するためには、デバッグによるソースコードのステップ実行りません。ゲームで楽しみながらの動作テストを行います。が最適です。挑戦してみてください。ソースコードには、ほぼ全行に渡ってコメントがステップアップ記述されています。それを元にどのように作られているかを知るきっかけになります。プログラムの基礎構造を学び、ゲームプログラムのアルゴリズムを知り、ソースプログラミングを本格的にやってみたくなったら、言語仕様などの基本から学ぶことをコードデバッグでより深くプログラムの流れを理解します。お勧めします。 ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」 2 ゲームの操作および機能 Ver. 1.1.2 2.1 ゲーム概要 Jawbreaker はパズルゲームです。「さめがめ」「まきがめ」の名前で有名なパズルゲームです。ルールは簡単で、上下に隣接した同じ色のボールをクリックして消していき、すべてのボールを消す事が目的です。が、単純にボールを消していきクリアするのも楽しいのですが、一度に大量のボールを消す事で高得点を狙うという楽しみもあります。クリアを目標とするのか、ハイスコアに臨むのかはあなた次第です。 2.2 基本操作ボールをクリックして、消し込むボールの数と得点を確認します。クリックしたボールの中央に、個数に応じた得点が表示されます。同時に、消し込む対象ボールの背景色が変わります。これでよければ、選択されたいずれかのボールをクリックします。キャンセルする場合は、選択されていないボールをクリックします。 8 8 得点の計算は、選択個数×（選択個数-1）ですので、7 個の場合 7×6 で 42 点となります。 ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」得点は、最下部に現在までのトータルスコアと選択時の得点が表示されます。 2.2.1 Ver. 1.1.2 メニュー、ツールバー左図のように、選択できるボールがなくなると「ゲームオーバー」です。同じゲームで再挑戦する場合は、メニューまたはボタンの「元に戻す」で、はじめの画面にまでさかのぼることができます。戻しすぎた場合は、メニューまたはボタンの「やり直し」で進新規：新しいゲームの開始です。（ツールバーも同様）終了：ゲームを終了します。めることができます。元に戻す、やり直しは、キーボードのショートカットにも対応しています。一般的なアプリケーションと同様、元に戻すは、Ctrl + Z、やり直しは Ctrl + Y です。元に戻す：前の状態に戻します。（ツールバーも同様）「はい」ボタンをクリックすると、新規ゲームの画面になります。それまでの、すべての操作はやり直し：「元に戻す」ひとつ前に進めます。（ルールバーも同様）リセットされます。「いいえ」ボタンをクリックすると、最終の状態のままで、次の操作を待ちます。ツールバーは、左から「新規」「元に戻す」「やり直し」に対応します。「元に戻す」で任意の操作まで戻って「やり直す」 9 9 ことができます。 ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」 Ver. 1.1.2 なお、以下のようなサイズの場合にゲームを行うと、座標計算に失敗し例外が発生する場合があります。本プログラムでは、すべての状況に対するテストは行われていません。また、本来ならば、例外を Catch して対策をしなければならないのですが、コードが複雑になってし Jawbreaker のバージョン情報：以下のダイアログボックスが表示されます。 2.2.2 まうため、あえて記述していません。その他 Form はフリーサイズに対応していてサイズを自由に変更することができます。 10 10 ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」 Ver. 1.1.2 左のツリー項目より[テキストエディタ]を選択して、対象言語の[全般]をクリックしま 3 Visual Studio について 3.1 はじめにす。[表示]項目の行番号をチェックして OK ボタンをクリックします。 C# Visual Studio（以下 VS と呼ぶ）の Edition はいくつか存在しています。また、VS 機能のツールバーやウィンドウも選択が自由に行えます。 VS 画面の構成は、VS Edition、インストールされた複数の言語、VS の環境設定、使用状況などによって表示される内容、レイアウトは様々です。また、メニューは、選択されているウィンドウ、コード、デザインなどの状況、編集中と実行中などでも変化します（正確な資料はありませんので、その都度メニューを確認して覚えていくしかありません）。本書では、VS のハードコピーで解説しています。目の前の Visual Studio と違っていても気にしないでください。 Basic 3.2 VS プロジェクト作成と環境設定 3.2.1 ソースコードに行番号を表示する VS の初期値では、コードに行番号は表示されません。表示するためには、メニュー[ツ 11 11 ール]－[オプション]を選択して、オプションダイアログより言語毎に設定します。 ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」 3.2.2 ソースコードの階層表示について Ver. 1.1.2 すべてのコードを表示する場合は、テキスト上で右ボタンをクリックして、サブメニューの「アウトラインの中止」選択します。 Visual Studio には、コード全体の見通しを良くするための機能として、アウトラインとコードのグループ化があります。アウトライン機能コードを展開表示するためには、行番号の横にある[＋]をクリックします。展開される 12 12 ツリー階層表示がなくなり、すべてのコードが表示されます。と[＋]が[-]に変わります。 ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」 Ver. 1.1.2 #region は入れ子にも対応しています。コードのグループ化 #region 13 13 #region [コメント] [コメント] #region [コメント] ソースコードソースコード #endregion #endregion は、コードのグループ化を行うためのものです。コンパイルは、無視します。ソースコード #endregion ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」 3.2.3 Ver. 1.1.2 プロジェクトを作成する「4.1 プロジェクトを作成する」を参照してください。 3.2.4 本書で使用するウィンドウ以下は、本書で使用するウィンドウです。右図のメニューより以下のウィンドウを選択していつでも使える状態に設定しておいてください。  ソリューションエクスプローラ  エラー一覧  出力  プロパティウィンドウ  ツールボックス  ドキュメントアウトライン 14 14 ©2013 丸山プログラミング塾プログラミングをはじめる前に学ぶ講座「Windows プログラミング入門 C#」 Ver. 1.1.2 4 プログラミング演習 4.1 プロジェクトを作成する 1. プロジェクトの種類「Windows」を選択します 2. .NET Framework 2.0 になっていることを確認して、テンプレートは「Windows フォームアプリケーション」を選択します 3. プロジェクト名に「JawBreaker」を入力します 4. 場所は、プロジェクトをサック制する任意のフォルダを選択または入力します 5. ソリューション名は、プロジェクト名と同名になっていることを確認します 6. ソリューションのディレクトリを作成は、チェックされていることを確認します 7. OK ボタンをクリックすると、プロジェクトが生成されます。 VS2008 のメニュー[ファイル]－[新規作成]－[プロジェクト]を選択します。「新しいプロジェクト」ダイアログボックスが表示されますので、これを使ってプロジェクトを作成します。 15 15 ©2013 丸山プログラミング塾