プログラム

プログラム

Vue.js入門3

今回はVue.jsでHTMLのテキスト部分にマスタッシュで{ { プロパティ名 } } を記述すると、アプリケーションのdataオプションに定義するプロパティの値が、その場所に置き換わり出力していくか学んでいく。
プログラム

Vue.js入門2

ディレクティブとは、v~ではじまる特別な属性のこと。 directive(指令)という名前の通り、Vue.jsになんらかの指示を渡すためのしくみ。 v-textディレクティブであれば、現在の要素配下を指定された式の値で置き換える。
プログラム

Vue.js入門1

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

jQueryの基本3

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

jQueryの基本2

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

jQueryの基本1

jQueryはJavaScriptで作られたオープンソースのライブラリ。 JavaScriptで頻繁に行う処理をm少ない記述で実現できるようになっている。 jQueryはJavaScriptプログラミングの難しいところや面倒なところ、毎回行う処理を開発者の代わりにしてくれるツール。
プログラム

Angular Ng2SearchPipeModule 検索機能の実装

今回はNg2SearchPipeModuleを使用し検索機能を実装する。 検索機能はかなり有用で使用頻度が高いため、積極的に利用していきたい。
プログラム

Angular mouseover

mouseover()は、マウス系のイベント処理でカーソルが特定のHTML要素内に入った時に処理を実行できる。 今回は、ボタン部分にマウスカーソルが重なったときに画像が表示できるようする。 これはボタン部分のHTML要素内にマウスカーソルが入った瞬間に画像を表示する処理が実行される。 mouseover()を活用するとインタラクティブなWebページが作れる。
プログラム

Angular Material サイドメニュー

今回はAngular Materialのdrawerを利用しヘッダーとフッターの間に折りたたみ可能なサイドコンテンツを表示できるようにしてみる。
プログラム

Flask Web開発入門10

今回は、モデルで定義した内容をデータベースに反映させる必要がある。 データベースへの反映作業は、モデルを定義した後に1度だけ行う必要がある。 今回はスクリプトというファイルを作成して実行する方法を利用する。