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