2019-06

プログラム

Angular Webアプリ開発入門12

はじめに リアクティブフォームにバリデータを設定する。リアクティブフォームの場合、バリデータの設定をテンプレートではなくて、コンポーネントの方に記述する。 FormControlオブジェクトを作るときに指定する バリデータを設定するには、...
プログラム

Angular Webアプリ開発入門11

はじめに 今回はボタンがクリックされたときの処理を実装する。リアクティブフォームでは、結び付けられたFormControlオブジェクトを通じて、入力された値を取得する。(値を設定することもでき、値を設定すれば、その値がフォームに表示される...
プログラム

Angular Webアプリ開発入門10

はじめに コンポーネントにあらかじめフォームオブジェクトなど用意しておき、テンプレートから参照するリアクティブフォームについて学んでいく。   テンプレート駆動フォームとリアクティブフォーム Angularでフォームを構成する方法は下記2...
音楽理論

モードの作曲理論12

はじめに 前回は1つのコードに特性音と、そのモードを決定づける3度やテンションを加えたコードを使う方法でモードらしい響きを生み出すことができることを学んだ。 今回はルートと特性音を組み合わせることで、コード進行でモードを表現することを学ぶ...
プログラム

Angular Webアプリ開発入門9

はじめに 前回はテキストボックスが未入力の時は「赤色の下線」、入力されたら「緑色の下線」の表示を行った。今回は下記を実施する。 未入力のとき「左側のフィールドが空白です」や「右側のフィールドが空白です」といったメッセージを表示する 未入...
プログラム

Angular Webアプリ開発入門8

はじめに 前回作成した「足し算アプリ」では、値を入力してCalcボタンをクリックした時の処理で、入力された値が正しく数値に変換できたときに限って足し算ができるように処理をした。正しく変換できたかどうかは、isNaNメソッドで調べた。 in...
音楽理論

モードの作曲理論11

はじめに 前回はコード・ネームとモードの関連性からモードに隠れているテンションノートの存在について学んだ。今回は学んだ内容を踏まえ、一つのコードで各モードを表現する方法について学んでいく。 必要最小限の音でモードを確定するコード モードにコ...
プログラム

Angular Webアプリ開発入門7

はじめに 前回はボタンがクリックされたとき何かプログラムを実行したり、メッセージを画面に差し込んだりする機能を作成した。今回はテキストボックスに足し算をする処理を作っていく。 数値に変換した値を格納する変数を用意する テキストボックスに入...
プログラム

Angular Webアプリ開発入門6

はじめに 前回はボタンがクリックされたとき何かプログラムを実行したり、メッセージを画面に差し込んだりする方法が分かった。今回は、テキストボックスに入力された読み込む処理を作っていく。 テキストボックスを操作する仕組み Angularでテキ...
プログラム

Angular Webアプリ開発入門5

はじめに 前回は、自動生成されたAngularプロジェクトがどのような構成になっているのか、どこをどのように修正して、自分が望む動作にカスタマイズできるのかを学んだ。今回は入力フォームを作り、ボタンがクリックされたとき何かプログラムを実行...