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

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 Ng2SearchPipeModule 検索機能の実装

はじめに Angular でJSONファイルに登録されているコードネームのフィルター/検索機能を実装する。 Ng2SearchPipeModule 今回使用するのはNg2SearchPipeModuleである。   インストール方法 np...
プログラム

Angular mouseover

はじめに 今回は現在作成してるアプリケーションのボタンにマウスカーソルを合わせると自動で画像が表示される機能を実装していく。 mouseover() mouseover()は、マウス系のイベント処理でカーソルが特定のHTML要素内に入った...
プログラム

Angular Material サイドメニュー

はじめに 今回はAngular Materialのdrawerを利用しヘッダーとフッターの間に折りたたみ可能なサイドコンテンツを表示できるようにしてみる。 Angular Material, Angular CDKのインストール プロジェ...
プログラム

Angular ngClass ngStyle

ngClassについて スタイルには、classとstyleの他に、「ngClass」「ngStyle」というものがある。 これはAngular独自のスタイル設定のためのディレクティブである。   今回は3つのチェクボックスをON/OFF...
プログラム

Angular ngFor ngSwitch

ngForによる繰り返し処理 繰り返しタグの表示を行いたい場合は、「ngFor」という構造ディレクテイブを使う。構造ディレクテイブとはテンプレートの中に記述できる、特別な役割を持った命令みたいなものである。 下記のようなものを作る   he...
プログラム

Angular 日時のリアルタイム

日時のリアルタイムを表示させる方法 hello.component.html <div id="body"><h1>{{title}}</h1><p>{{ today() }}</...
プログラム

Angular Webアプリ開発入門20

はじめに 今まで、コマンドラインから「ng serve --open」と入力し、Angularが持つ内部Webサーバーを使って、アプリケーションの動作確認をしてきた。この方法ではレンタルサーバーなどのWebアプリケーションを配置することが...
プログラム

Angular Webアプリ開発入門19

はじめに 前回の続きで、今回は項目を増やす。そのため、データモデルであるRecipeクラスを修正する。これまで、「id」「name」「miniute」「feature」の4項目だったが、「manner」「serve」「ingre」の3つの...
プログラム

Angular Webアプリ開発入門18

はじめに 今回からテキストボックスに文字列を入力すると、データを検索できる仕組みを作っていく。一覧ページと詳細ページともに、RecipeServiceを経由してデータを取得できるようにする。 データを管理するサービスを導入する 今回はデー...
プログラム

Angular Webアプリ開発入門17

はじめに 画面遷移では、「一覧をクリックすると、その詳細情報が表示される」というように、「主たるデータページ」から「その詳細ページ」に遷移する方式のものもある。こうした構成をとるものを「マスター/ディテイルアプリ(master-detai...