| 連番 | 名称 | 備考 |
| 1 | メニュー | |
| 2 | 作業領域 | |
| 3 | プロパティウィンドウ | 部品のあれやこれやを設定する箇所。 |
| 4 | コンポーネントトレイ | 画像が無い部品置き場。 |
画面構成
Category: VB.NET
付箋メモ
▼完成図
▼機能要件ぽいの
- 複数行の文字が入力できること。
- フォーム上部の拡大ボタンや閉じるボタンなどが無いこと。
- Escキーでアプリケーションが終了すること。
- ドラッグで位置を移動できること。
▼非機能要件ぽいの
- 背景色の変更ができること。
- 常に画面の前面に表示されること。
- 透けてること。
▼画面設計
- 作るアプリの画面をイメージして、各部品の処理をメモったりする。
- Visual Studio Communityを立ち上げ、新規プロジェクトを作成。
- テンプレートは「Windowsフォームアプリケーション(Visual Basicの)」で進める。
- フォーム(Form1 )が出来たら、以下を「ツールボックス」からフォームに放り込み、 識別のために「 プロパティ」でコントロール名、値を設定する。
| 内容 | 系統１ | 系統２ | 設定項目 | 設定値 |
| フォーム | – | – | Opacity, TopMost (Name), FormBorderStyle | 60%, True, 任意, None |
| 入力欄 | コモンコントロール | TextBox | (Name), MultiLine, Dock | Memo, True, Fill |
| 背景色 | ダイアログ | ColorDialog | (Name), BackColor | BackColor, 任意 |
- 適宜、手動か プロパティのSizeで 位置やサイズの調整。
▼コーディング
- TextBox 「Memo」を選択する。
- プロパティウィンドウのイベント(イナズママーク)をクリック
- KeyDownイベント(内容はクリック時参照)をダブルクリック。
- 同じようにMouseDown、MouseMove、MouseDoubleClickイベントハンドラを追加し、コード画面で以下を記述。
- デバッグで動作確認後、保存したフォルダ (~~\プロジェクト名\bin\Debugとか) にできたexeファイルが単体で動くアプリのそれ。
簡易タイマー
▼完成図
▼画面設計
- 作るアプリの画面をイメージして、各部品の処理をメモったりする。
- Visual Studio Communityを立ち上げ、新規プロジェクトを作成。
- テンプレートは「Windowsフォームアプリケーション(Visual Basicの)」で進める。
- フォーム(Form1 )が出来たら、以下を「ツールボックス」からフォームに放り込み、 識別のために「 プロパティ」でコントロール名、値を設定する。
| 内容 | 系統１ | 系統２ | 設定項目 | 設定値 |
| 説明文１ | コモンコントロール | Label | Text | 計測時間(秒) |
| 入力枠 | TextBox | (Name) | SetTime | |
| 説明文２ | Label | Text | 残り時間(秒) | |
| 結果枠 | TextBox | (Name) | ResultTime | |
| 開始ボタン | Button | (Name) , Text | StartButton, 計測開始 | |
| 計測部品 | コンポーネント | Timer | Interval | 1000 |
- 適宜、手動か プロパティのSizeで 位置やサイズの調整。
- フォームの Text[プロパティ]を任意で変更し、 タイトルバー名を設定
▼コーディング
- 放り込んだButtonプロパティをダブルクリック
- Form1.vb(デザイン)タブに戻る
- コンポーネントトレイのTimerコントロール(下方の時計マーク)をクリック
- プロパティウィンドウのイベント(イナズママーク)をクリック
- Tickイベント(内容はクリック時参照)をダブルクリックして以下を記述。
- デバッグで動作確認後、保存したフォルダ (~~\プロジェクト名\bin\Debugとか) にできたexeファイルが単体で動くアプリのそれ。
ショートカット
バージョンにより対応していないショートカットもある。
| 系統 | 内容 | コマンド |
| 移動 | ソリューションエクスプローラー | Ctrl + Alt + L |
| そのコード画面 | F7 | |
| そのデザイン画面 | Shift + F7 | |
| その定義(入る) | F12 | |
| その参照(出る) | Shift + F12 | |
| 指定行 | Ctrl + G | |
| 次のタブ | Ctrl + Alt + PgUp | |
| 前のタブ | Ctrl + Alt + PgDn | |
| 行を移動 | Alt + 上下 | |
| 直前の参照行(戻る) | Ctrl + – | |
| 直後の参照行(進む) | Ctrl + Shift + – | |
| 強調表示の文字間 | Ctrl + Shift + 上下 | |
| エラー箇所 | Ctrl + Shift + F12 | |
| 次のブックマーク | Ctrl + Shift + K, Ctrl + Shift + N | |
| 前のブックマーク | Ctrl + Shift + K, Ctrl + Shift + P | |
| 一部ウィンドウの上下 (参照一覧、エラー一覧とか) | F8 or Shift + F8 | |
| 切り取り | 行 | Ctrl + X |
| コメント | コメント化 | Ctrl + K, Ctrl + C |
| 非コメント化 | Ctrl + K, Ctrl + U | |
| 置換 | クイック置換 | Ctrl + H |
| クイック置換後に順次置換。 置換したくないならEnter | Alt + R | |
| クイック置換後に全て置換 | Alt + A | |
| 名をまとめて変更 | Ctrl + R, Ctrl + R | |
| デバッグ | 開始 | F5 |
| 停止 | Shift + F5 | |
| ブレークポイント設置切替 | F9 | |
| ブレークポイント有効化切替 | Shift + F9 | |
| 挿入 | 行の複製 | Ctrl + E, V |
| 変換 | 選択範囲をフォーマット | Ctrl + K, Ctrl + F |
| クイックアクション (何か参考にするときとか) | Ctrl + . | |
| 閉じる | タブ | Ctrl + F4 |
| 検索 | 色々 | Ctrl + , (:7で7行目とか) |
| 目印 | ブックマークの設定切替 | Ctrl + K, Ctrl + K |
| ブックマークのクリア | Ctrl + K, Ctrl + L | |
| 選択 | 単語 | Ctrl + W |
簡易計算アプリ
▼完成図
▼画面設計
- 作るアプリの画面をイメージして、各部品の処理をメモったりする。
- Visual Studio Communityを立ち上げ、新規プロジェクトを作成。
- テンプレートは「Windowsフォームアプリケーション(Visual Basicの)」で進める。
- フォーム(Form1 )が出来たら、以下を「ツールボックス」からフォームに放り込み、 識別のために「 プロパティ」でコントロール名、値を設定する。
| 内容 | 系統１ | 系統２ | 設定項目 | 設定値 |
| 左の項 | コモンコントロール | TextBox | (Name) | Input1 |
| プラス記号 | Label | Text | + | |
| 右の項 | TextBox | (Name) | Input2 | |
| =ボタン | Button | Text | = | |
| 右辺 | TextBox | (Name) | Ans1 |
- 適宜、手動か プロパティのSizeで 位置やサイズの調整。
- フォームの Text[プロパティ]を任意で変更し、 タイトルバー名を設定
▼コーディング
- 放り込んだButtonプロパティをダブルクリックして以下を記述。
- デバッグで動作確認後、保存したフォルダ (~~\プロジェクト名\bin\Debugとか) にできたexeファイルが単体で動くアプリのそれ。
用語一覧
| 系統 | 用語 | 内容 |
| .NET | Microsoft .NET。 「いつでも、どこでも、どんなデバイスでも 皆いい感じにしよう」的なスローガン | |
| .NET Framework | フレームワーク。 .NETのビジョンに沿う用意された基盤、枠組み | |
| クラスライブラリ | 開発の部品 | |
| Windowsフォーム | よく使うクラスライブラリ | |
| プロジェクト | 作業フォルダみたいなもの | |
| ソリューション | 作業HDDみたいなもの。拡張子は.sln | |
| ビルド | 成果物にするための変 換作業 | |
| デバッグ | 検証モード | |
| インテリセンス | 入力補完機能 | |
| サブルーチン | 値を返さない処理のまとまり | |
| ファンクション | 値を返す処理のまとまり |
オブジェクト指向
ぱっと見で実社会でなじみがあって理解しやすく、コピペで使いまわせるコードの書き方。
▼まず用語
▼継承関係
▼その他
インストールとHello World
| 今回の環境 | |
| OS | Windows10 |
| インストール | Visual Studio Community 2019 |
▼Visual Studio Communityのインストールと初回起動
無料の中小規模用IDE(統合開発環境)。有料版は高額
- システム要件を満たすか調べる
- https://visualstudio.microsoft.com/ja/
- 「Visual Studio IDE」の「Community」をダウンロードして実行
- 目的の環境設定にチェックしてインストール。今回は「.NETデスクトップ開発」
- インストール時間が長いので「インストール後に起動」を外した
- 再起動が促され、インストール完了
- スタートから「Visual Studio 2019」を実行
- Microsoftアカウントでサインインし先を進めたら起動完了
▼ プロジェクトの作成(Windowsフォーム)
- ファイル→新規作成→プロジェクト
- Windwosフォームアプリケーション(C#ではなくVisual Basicの)→次へ
▼Hello World
- 左の「ツールボックス」→ピンマークで固定
- コモンコントロール→「Label」をForm1に放り込む
- 右下「プロパティ」の「Text」の入力エリアに「Hello World」
or
- Form1タイトルバーをダブルクリックして「label1.Text = “Hello World”;」と追加
- 「開始」でビルドされ、デバッグ状態になる(ビルドだけなら「ビルド」→ソリューションのリビルド )
- 出力ログに出た.exeファイルが成果物(実行可能ファイル )
作成したプロジェクトを開くときは.sln(ソリューション)ファイルをダブルクリック
任意の設定
▼行番号の表示
ツール→オプション→
テキストエディター→
すべての言語→行番号
▼キーバインド設定
インテリセンスなどで矢印キーを押すのが面倒なため。
ツール→オプション→環境→キーボードで「以下の文字列を含むコマンドを表示」で検索し、「ショートカットキー」に入力して「割り当て」
| 以下の文字列を含むコマンドを表示 | ショートカットキー |
| 編集.1行上へ (被るコマンドは削除した) | Ctrl + Shift + P |
| 編集.1行下へ (被るコマンドは削除した) | Ctrl + Shift + N |
| 編集.左に1文字移動 | Ctrl + Shift + J |
| 編集.右に1文字移動 | Ctrl + Shift + ; |