プログラム

Vue.js入門3

はじめに 今回はVue.jsでバインドする方法を学んでいく。   テキストにバインドする HTMLのテキスト部分にマスタッシュで{ { プロパティ名 } } を記述すると、アプリケーションのdataオプションに定義したプロパティの値が、その...
プログラム

Vue.js入門2

ディレクティブによるデータアクセスv-text データオブジェクトにアクセスするのに、({{...}}の代わりに)v-textディレクティブを利用しても構まわない。   以下コードは同じ意味である <p>{{ message...
プログラム

Vue.js入門1

JavaScriptのフレームワーク Webアプリのフロントエンド開発に、今やJavaScriptは欠かすことができない存在である。 中規模以上の本格的なフロントエンド開発にはAngular、より小規模な開発にはVue.js、ライブラリの組...
プログラム

jQueryの基本3

アコーディオン アコーディオンはリンクやボタンをクリックすると隠されたコンテンツを表示するUI。場所を取らず、コンテンツをコンパクトに表示できるため、PCをにもスマートフォンにも適している。スクリプトも簡単である。 html <!do...
プログラム

jQueryの基本2

jQueryのライブラリの読み込み方 jQueryを使うために、HTMLドキュメントにライブラリを読み込む。読み込む方法は下記2通り CDNサーバーのURLに直接リンクを張る方法 ダウンロードしておいたファイルにリンクする方法 現...
プログラム

jQueryの基本1

jQueryとは jQueryはJavaScriptで作られたオープンソースのライブラリ。JavaScriptで頻繁に行う処理をm少ない記述で実現できるようになっている。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つ存在する世界)   ※同じ調合で示...