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アプリ開発入門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...
プログラム

Angular Webアプリ開発入門16

はじめに これまで、simpleformというプロジェクトに、「テンプレート駆動版足し算」「リアクティブ版の足し算」「FormBuilderを使ったコーヒーの登録」という3つのコンポーネントを作った。これらのうちどのコンポーネントを表示す...