Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'wp_filter_content_tags' not found or invalid function name in /home/yuji1114/yuji-ft.com/public_html/wp-includes/class-wp-hook.php on line 287

Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'wp_filter_content_tags' not found or invalid function name in /home/yuji1114/yuji-ft.com/public_html/wp-includes/class-wp-hook.php on line 287

Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'wp_filter_content_tags' not found or invalid function name in /home/yuji1114/yuji-ft.com/public_html/wp-includes/class-wp-hook.php on line 287

Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'wp_filter_content_tags' not found or invalid function name in /home/yuji1114/yuji-ft.com/public_html/wp-includes/class-wp-hook.php on line 287

Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'wp_filter_content_tags' not found or invalid function name in /home/yuji1114/yuji-ft.com/public_html/wp-includes/class-wp-hook.php on line 287

Angular

プログラム

Angular Webアプリ開発入門14

はじめに 今回はFormBuilderを使ったFormCpontorolを構成する方法でラジオボタンやチェックボックス追加する。 ラジオボタンに関連付けるFormControlを作る TypeScriptのプログラムを修正し名目をhot...
プログラム

Angular Webアプリ開発入門13

はじめに これまでテキストボックスを使いながら、さまざまなディレクティブを使って、テンプレートとTypeScriptのプログラムを連動させる方法を学んできた。ユーザーから入力を受け付ける入力コントロールには、テキストボックス以外にもテキス...
プログラム

Angular Webアプリ開発入門12

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

Angular Webアプリ開発入門11

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

Angular Webアプリ開発入門10

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

Angular Webアプリ開発入門9

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

Angular Webアプリ開発入門8

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

Angular Webアプリ開発入門7

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

Angular Webアプリ開発入門6

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

Angular Webアプリ開発入門5

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

Angular Webアプリ開発入門4

はじめに 前回は、雛形からAngularプロジェクトを自動生成して実行してみた。今回は、自動生成されたAngularプロジェクトがどのような構成になっているのか、どこをどのように修正して、自分が望む動作にカスタマイズできるのかを学ぶ。 A...
プログラム

Angular Webアプリ開発入門3

はじめに 前回はAngular開発の環境構築を行った。今回はAngularプロジェクトの作成方法について学んでいく。 Angularのプロジェクトを作る コマンドプロンプトまたは、ターミナルを開いて下記のようにngコマンドを入力する。 n...