Vue.js
Vue2でタブとモーダルを作成する方法(Bulmaフレームワーク)
Vue2でタブとモーダルを作成する一例を紹介します。 Vue2でBulmaのcssフレームワークを使ってタブとモーダルを作成します。
ARCHIVE
月: 2021年4月
JavaScript
JavaScriptのXMLHttpRequestとPromiseの違い
JavaScriptのXMLHttpRequestとPromiseの違いをまとめました。XMLHttpRequestとは何か、コールバックがネストするCallback hellと、fetch()とthen()でフラットに書けるPromiseチェーンを同じ例で比較します。
Vue.js
Quasar frameworkの始め方(Vueフレームワーク)
VueフレームワークのQuasar frameworkのインストールからVueファイルの作成までの手順です。 Node.jsの設定（バージョン変更の仕方）、Quasar CLIのインストール、Quasarプロジェクトの作成を説明しています。
Vue.js
Firebaseの使い方 – プロジェクト作成からVue.jsでデプロイするまで
Firebaseの基本的な使い方をまとめました。 Vue.jsアプリを作成した後でFirebaseを利用する場合 Firebaseでプロジェクトを作成する Firebaseプロジェクトを作成します。 プロジェクト名を入力…
Vue.js
Firebase+Vue.js(Vue2 Options API)でログイン/サインアップフォームを作成する
Firebase+Vue.js(Vue2 Options API)でログイン/サインアップフォーム作成する方法です。 ログインとサインアップ（アカウントの新規作成）の機能があり、ログインやサインアップに失敗するとエラーメッセージが表示されます。
Vue.js
Vue.jsでJSON Serverを使う
Vue.jsでJSON Serverを使う方法をまとめました。 JSON ServerはAPIモックサーバーです。 ローカル環境からAPIが使えない場合などに使います。
JavaScript
JavaScriptの実行時コンパイラ（JUST-IN-TIME compiler）について
JavaScriptは、コンパイラでもインタープリタでもなくの実行時コンパイラ（JUST-IN-TIME compiler）です。 実行時コンパイラとはなにかについてまとめました。
Vue.js
Vue.js v2の$emitとイベント修飾子 | 子から親への値の受け渡し方法
Vue.jsの$emitを使って子コンポーネントから親コンポーネントへの値の受け渡し方法をまとめました。 $emitとイベント修飾子の使い方例1 Todoアプリで子のclickイベントを親に渡したいとします。 子コンポー…
Vue.js
Vue.js v2のprops | 親から子への値の受け渡し方法
Vue.jsのpropsの使い方です。 簡単な例から見てみましょう。 props todoアプリの場合をみてみます。 App.vueとTask.vue、TaskItem.vueという2つのコンポーネントがあるとします。 …
Vue.js
【Vue.js】v-forで選択されたアイテムを取得して表示する方法
v-forで選択されたアイテムを取得して表示する方法です。 Vue2のコード例ですが、考え方はVue 3でも同じです。
JavaScript
JavaScriptの例外処理とエラーの書き方
JavaScriptの例外処理とエラーの書き方についてまとめました。 例外処理とエラーの書き方 例外処理(Exception Handling)とは、エラーが発生したときに飛ぶ特別な処理のことです。 try{}→catc…
Vue.js
OpenWeatherMap APIで天気情報を取得する(Vue.js)
OpenWeatherMapのapiで過去、現在、未来予測の天気の情報を取得することができます。 無料から使い始めることができる点でも使いやすいです。 Vue.jsでOpenWeatherMapで天気情報を取得する方法を紹介します。
Vue.js
QuasarのIcon Genie CLIのインストール方法とよく使うオプションについて
QuasarのIcon Genie CLIを使うとアイコン（ファビコン）をデスクトップ、macandroid、iphone用に一括して作成することができます。Icon Genieのインストール方法、アイコン(ファビコン)作成時によく使うオプション、package.jsonの設定方法などを説明しています。
Vue.js
Firebase+Vue.js(Vue3 Composition API)でログイン/サインアップフォームを作成する
Firebase+Vue.js(Vue3 Composition API)でログイン/サインアップフォーム作成する方法です。 JavaScriptでパスワードベースのアカウントを使用してFirebase認証を行う場合のF…
Vue.js
Vue 3 Composition APIでasync-awaitを使う方法
Vue 3から導入されたComposition APIでasync-awaitを使う方法をまとめました。 async-await自体の使い方は、こちらの記事を参考にしてみてください。 JavaScriptのasync/a…
Vue.js
Vue 3 Composition APIの基本的な使い方
Vue 3から新しく導入されたComposition APIの基本的な使い方をまとめました。 Vue 3 Composition APIの基本的な使い方 Options APIとComposition APIの違い 基本…
Vue.js
Vue.js v2でTODOアプリ(CRUDシステム)を作成する
Vue.jsでTODOアプリ(CRUDシステム)を作成する方法を紹介します。 Vue.jsでTODOアプリ(CRUDシステム)を作成する プロジェクトの構成 プロジェクトの構成は次のようになっているとします。 Proje…
Vue.js
Vue.js v2のslotの使い方
Vue.jsのslotの使い方をまとめました。 slotの基本的な使い方 親コンポーネントApp.vue 親コンポーネントのtemplateタグの中に次のように記述します。 <template> <di…
Vue.js
Vue.js v2のteleportの使い方
Vue.jsのteleportの使い方をまとめました。 teleportの使い方 teleportを使うことで、index.htmlでmountしている場所と異なる場所に指定したコンポーネントを出力することができます。 …
Vue.js
Vue.js v2でリアクションタイマーを作成する
Vue.jsでリアクションの時間を図れるタイマーを作成します。 Vue.jsでリアクションタイマーを作成する 親コンポーネントApp.vueに加えて、 子コンポーネントBlock.vue 子コンポーネントResults.…
Vue.js
Vue.js v2のrouterの基本的な使い方
Vue.jsのrouterの基本的な使い方をまとめました。 routerの基本的な使い方 Vue CLIでrouterをインストールすると、次のようにpackage.jsonのdependenciesに追加されます。 p…
Git
Gitでコミットせずに一時保存するgit stashの使い方
作業が途中でコミットしたくないけど、別のブランチで作業しないといけないといったことが起こります。 そういうときに変更途中のものをコミットせずにいったん保存して一次避難させることができます。 コミットせずに一時保存するgi…
JavaScript
JavaSciriptのプロパティとディスクリプターについて
JavaSciriptのプロパティとディスクリプターについてまとめました。 プロパティとディスクリプター オブジェクトを作成するとプロパティには、値（バリュー）がセットされます。 実は、この値以外にもプロパティの設定値を…
JavaScript
JavaScriptのasync/awaitの書き方
JavaScriptのasync/awaitの書き方についてまとめました。 JavaScriptのasync/await async/awaitは、Promiseをさらに直感的に記述できるようにしたものです。 Promi…
JavaScript
JavaScriptのPromiseでよく使うfetch()メソッドとJSONについて
JavaScriptのPromiseでよく使うfetch()メソッドとjsonファイルについてまとめました。 Promiseの書き方は次の記事を参考にしてみてください。 JavaScriptのPromiseの使い方・書き…
JavaScript
【JavaScritpt】ブラウザ保存領域にデータを格納するlocalStorageの使い方
JavaScritpでブラウザ保存領域にデータを格納するlocalStorageの使い方をまとめました。 Storageとは Storageはブラウザの保存領域にデータを格納するためのオブジェクトです。 実際にはStor…
JavaScript
JavaScriptのProxyとReflectについて
JavaScriptのProxyとReflectについて、簡単にまとめました。 Proxyとは Proxyとは、プロパティの操作に独自の処理を追加するためのオブジェクトのことです。 第一引数にターゲットとなるオブジェクト…