Javascript

react

create-react-appでHello World

vue.jsを勉強すると必ず出てくるreactについて少しお勉強。 環境構築 まずは環境構築として、node.js と yarn をインストールします。 node.jsのインストール 上記からLTS版(8.12.0 LTS)をダウンロードし...
Vue.js

Vue.jsでお天気情報を取得

Vue.jsのお勉強。 Vue.jsでお天気情報のAPIを叩いて情報を取得するサンプルです。 お天気情報APIは無料で利用できるOpenWeatherMap(→APIリファレンス)を使用します。 Vue.jsでインクリメントサーチを少し改造...
Vue.js

Vue.jsでインクリメントサーチ

Vue.jsのお勉強。 配列からインクリメントサーチをするサンプルです。 配列のサンプルはココのを使わせてもらいました。 JSONデータから日本の都市一覧を配列に入れてリスト表示して、検索窓に入力されたキーワードでフィルタしているイメージで...
Vue.js

Vue.jsでQiita検索APIを使ってみる

監視プロパティでテキストボックスを監視しておき、キーワードが入力された時点でQiitaのAPIを呼び出して検索結果を取得するサンプルです。 キーワードが入力される度にAPIを呼び出すと大変なので、一定時間(とりあえず1秒)操作が止まった時点...
Vue.js

Vue.js v-htmlディレクティブ

Vue.jsのお勉強。 マスタッシュ構文({{・・・}})では全てプレーンテキストとして扱われるため、HTMLとして表示したい場合には v-htmlディレクティブを使用します。 ※注意:XSS脆弱性のため、信頼できる情報のみに設定すること。...
スポンサーリンク