プログラム Angular Webアプリ開発入門２
プログラムVue.js入門３
はじめに 今回はVue.jsでバインドする方法を学んでいく。 テキストにバインドする HTMLのテキスト部分にマスタッシュで{ { プロパティ名 } } を記述すると、アプリケーションのdataオプションに定義したプロパティの値が、その...
プログラムVue.js入門２
ディレクティブによるデータアクセスv-text データオブジェクトにアクセスするのに、（{{...}}の代わりに）v-textディレクティブを利用しても構まわない。 以下コードは同じ意味である <p>{{ message...
プログラムVue.js入門１
JavaScriptのフレームワーク Webアプリのフロントエンド開発に、今やJavaScriptは欠かすことができない存在である。 中規模以上の本格的なフロントエンド開発にはAngular、より小規模な開発にはVue.js、ライブラリの組...
プログラムjQueryの基本3
アコーディオン アコーディオンはリンクやボタンをクリックすると隠されたコンテンツを表示するUI。場所を取らず、コンテンツをコンパクトに表示できるため、PCをにもスマートフォンにも適している。スクリプトも簡単である。 html <!do...
プログラムjQueryの基本2
jQueryのライブラリの読み込み方 jQueryを使うために、HTMLドキュメントにライブラリを読み込む。読み込む方法は下記２通り CDNサーバーのURLに直接リンクを張る方法 ダウンロードしておいたファイルにリンクする方法 現...
プログラムjQueryの基本1
jQueryとは jQueryはJavaScriptで作られたオープンソースのライブラリ。JavaScriptで頻繁に行う処理をｍ少ない記述で実現できるようになっている。jQueryはJavaScriptプログラミングの難しいところや面倒...
プログラムAngular Ng2SearchPipeModule 検索機能の実装
はじめに Angular でJSONファイルに登録されているコードネームのフィルター/検索機能を実装する。 Ng2SearchPipeModule 今回使用するのはNg2SearchPipeModuleである。 インストール方法 np...
プログラムAngular mouseover
はじめに 今回は現在作成してるアプリケーションのボタンにマウスカーソルを合わせると自動で画像が表示される機能を実装していく。 mouseover() mouseover()は、マウス系のイベント処理でカーソルが特定のHTML要素内に入った...
プログラムAngular Material サイドメニュー
はじめに 今回はAngular Materialのdrawerを利用しヘッダーとフッターの間に折りたたみ可能なサイドコンテンツを表示できるようにしてみる。 Angular Material, Angular CDKのインストール プロジェ...
音楽理論Minor Keys
Minor Keys 7つのModeからIonianとAeolianがピックアップされMajor（長調）と、Minor(短調)の調整を軸とした、世界観、システムが確立。 →ダイアトニック（トニックが2つ存在する世界） ※同じ調合で示...