プログラム Angular ngFor ngSwitch
2019-07
プログラム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() }}</...
プログラムPythonとは
Pythonとは コンピュータに何かを実行させるための(高度な)命令文の様なイメージ。 AI(機械学習やディープラーニング)用のライブラリーが充実しており、近年 もっとも人気のあるプログラミング言語となっている。 高...
プログラム基本的なコマンド
ターミナル、コマンドプロンプト エンジニアの業務で何かと使う基本コマンドについて、主な操作方法と知っていると便利なまとめる。 Mac Windows 現在のディレクトリの表示 pwd dir 現...
プログラムAngular Webアプリ開発入門２０
はじめに 今まで、コマンドラインから「ng serve --open」と入力し、Angularが持つ内部Webサーバーを使って、アプリケーションの動作確認をしてきた。この方法ではレンタルサーバーなどのWebアプリケーションを配置することが...
プログラムAngular Webアプリ開発入門１９
はじめに 前回の続きで、今回は項目を増やす。そのため、データモデルであるRecipeクラスを修正する。これまで、「id」「name」「miniute」「feature」の4項目だったが、「manner」「serve」「ingre」の3つの...
プログラムAngular Webアプリ開発入門１８
はじめに 今回からテキストボックスに文字列を入力すると、データを検索できる仕組みを作っていく。一覧ページと詳細ページともに、RecipeServiceを経由してデータを取得できるようにする。 データを管理するサービスを導入する 今回はデー...
プログラムAngular Webアプリ開発入門１７
はじめに 画面遷移では、「一覧をクリックすると、その詳細情報が表示される」というように、「主たるデータページ」から「その詳細ページ」に遷移する方式のものもある。こうした構成をとるものを「マスター／ディテイルアプリ(master-detai...
プログラムAngular Webアプリ開発入門１６
はじめに これまで、simpleformというプロジェクトに、「テンプレート駆動版足し算」「リアクティブ版の足し算」「FormBuilderを使ったコーヒーの登録」という3つのコンポーネントを作った。これらのうちどのコンポーネントを表示す...