JavaScript

2021年5月3日

JavaScriptでDOMの基本操作: 要素を取得する方法をまとめました。

Vue v3とtailwindcssを使って、垂直スクロールで画像が水平に動くアニメーションを作る方法を紹介します。

tailwindcssの導入

tailwindcssの導入方法は、Vue 3でtail ...

Vueのv3を使っていて、下のエラーが出ている場合の対処方法です。

エラー内容vue-composition-api.esm.js?a6f4:64 Uncaught (in promise) TypeErro ...

Nuxt.jsで.envファイルを使う方法です。

Nuxt.jsで.envファイルを使う方法dotenvをインストール

まずはdotenvをインストールします。

npm install @nuxtj ...

Nuxt.jsでuuid(v4)を使う方法です。

Nuxt.jsでuuid(v4)を使う方法node_moduleでuuidを確認

uuidが含まれていれば、下のインポートから始めます。

no ...

Nuxt.jsでmoment.jsを使う方法を紹介します。

Nuxt.jsでmoment.jsを使う方法moment.jsをインストールnpm install momentVue.filter()を使用してカ ...

Nuxt.jsとfirebase(ログイン/ログアウト機能)を実装する方法です。

Nuxt.jsとfirebase(ログイン機能)

Nuxt.jsでfirebaseを使う方法はNuxt.jsでfireba ...

Nuxt.jsをインストールからfirebaseを使えるようになるまでにすることをまとめました。

Nuxt.jsの設定Nuxt.jsのプロジェクトの作成npx create-nuxt-app

でNuxt. ...

2021年4月24日

配列の中に、別の配列の要素を入れたいとき、スプレッド構文を使います。

2021年4月24日

JavaScriptのMapはとても便利なので詳しくみていきましょう。

2021年4月24日

JavaScriptの配列とSetとオブジェクトとMapはどう使い分け方についてまとめました。

2021年4月24日

JavaScriptのthisについてまとめました。

JavaScriptのthisについて

JavaScriptのthisは、特別な変数ですべての関数実行コンテキストで作成されます。
thisと ...

2021年4月24日

JavaScriptのレスト構文とスプレッド構文の使い方をまとめました。

2021年4月24日

NULL合体演算子(Nullish coalescing operator) ‘??’についてまとめました。

2021年4月24日

JavaScriptのOptional Chanining(.?)についてまとめました。

Vueでの.env.localの使い方です。
.env.localファイルを使うことで、GitHubでソースコードをあげても、APIキーなど大切な情報の漏洩を防ぐことができます。

2021年4月16日

JavaScriptは、コンパイラでもインタープリタでもなくの実行時コンパイラ（JUST-IN-TIME compiler）です。

実行時コンパイラとはなにかについてまとめました。

2021年4月7日

JavaScriptのObject.keys()メソッドとObject.values()メソッドとObject.entries()メソッドについてまとめました。

Objectのメソッド

Object.ke ...

Vue.js v2でaxiosを使ってAPIデータを取得してグリッド表示とリスト表示を切り替える方法を紹介します。
Vue 3でも考え方は使えます。

表示を切り替える方法

今回はボタンを押すと、グ ...

Vuex + axiosを使って、追加・削除・更新・フィルターといった基本的なAPI操作方法(CRUD)を紹介します。

Vuexについてと、Vue.js v2におけるVuexの基本的な使い方をまとめました。

Vuexとは

Vuexはライブラリ・ステイトマネジメントパターンです。
ステイトというのは状態と言われますが ...

Vue.jsの$emitを使って子コンポーネントから親コンポーネントへの値の受け渡し方法をまとめました。

$emitとイベント修飾子の使い方例1

Todoアプリで子のclickイベントを親に渡したいとしま ...

Vue.jsのpropsの使い方です。
簡単な例から見てみましょう。

props

todoアプリの場合をみてみます。
App.vueとTask.vue、TaskItem.vueという2つの ...

2021年4月6日

JavaScriptで文字列を操作のまとめです。

JavaScriptで文字列の基本操作文字を一文字ずつ取得する{//文字を一文字ずつ取得するconst plane = 'D456';console.log( ...

Vue.jsでライブラリを使わずに進捗バーの表示するシンプルな方法です。
基本はJavaScriptのため、考え方は他のフレームワークでも生のJavaScriptでも同じです。

Vue jsの:classと:styleについて簡単に違いをまとめました。

データのひと塊のみを表示して次へボタンで次のデータを表示する方法を紹介します。
Vue 2の書き方ですがVue 3でも考え方は同じです。

v-forで選択されたアイテムを取得して表示する方法です。
Vue2のコード例ですが、考え方はVue 3でも同じです。

JavaScriptの例外処理とエラーの書き方についてまとめました。

例外処理とエラーの書き方

例外処理(Exception Handling)とは、エラーが発生したときに飛ぶ特別な処理のことです。

JavaScriptのXMLHttpRequestとPromiseの違いについてまとめました。
Promiseの書き方は次の記事を参考にしてみてください。
JavaScriptのPromiseの使い ...