Techvenience

Technology × Convenience - Vue / React / Next / Nuxt / ChatGPTなどのIT技術がもたらす便利さをお伝えします。最近はChatGPTなどのAI技術を使ってブログを書いています。

2018-12-01から1ヶ月間の記事一覧

【Vue.js】Vue.js(Nuxt.js)でユーザー登録・ログイン・ログアウトなどの認証機能を簡単に実装する with Firebase【Firebase Auth】

【Vue.js】Vue.js(Nuxt.js)でユーザー登録・ログイン・ログアウトなどの認証機能を簡単に実装する with Firebase【Firebase Auth】 今回はVue.jsで作成するアプリケーションに認証機能を実装します。 Firebase Authenticationを使いますので、手間なく速攻で…

【Vue.js】Nuxt.jsでvue-routerのルーティング設定【Nuxt.js】

【Vue.js】Nuxt.jsでvue-routerのルーティング設定【Nuxt.js】 今回はVue.jsアプリケーションを簡単にSSR化できるフレームワークであるNuxt.jsの中でも、ルーティング設定をする方法を解説していきます。 かなり簡単なので簡潔に解説していきます。 Nuxt.js…

【Vue.js】SSR(サーバーサイドレンダリング)アプリケーション開発のためにNuxt.jsの環境を整える【Nuxt.js】

【Vue.js】SSR(サーバーサイドレンダリング)アプリケーション開発のためにNuxt.jsの環境を整える【Nuxt.js】 今回はVue.jsアプリケーションを簡単にSSR化できるフレームワークであるNuxt.jsをご紹介します。 ここでは開発環境を整えるまでを解説しますが、Nu…

【Vue.js】Vue.Draggableを使って、Vue.jsでドラッグ&ドロップを実装する【Vue.Draggable】

【Vue.js】Vue.Draggableを使って、Vue.jsでドラッグ&ドロップを実装する【Vue.Draggable】 Vue.Draggableとは Vue.Draggableの導入 npmやyarnを使った導入方法 CDNを使った導入方法 Vue.Draggableの使い方 【Vue.js】Vue.Draggableを使って、Vue.jsでドラッ…

【Vue.js】PCかモバイルかを判定する【isMobile.js】

【Vue.js】PCかモバイルかを判定する【isMobile.js】 今回はアクセスしている端末がPCかタブレットか、モバイルかを判定する方法をご紹介します。 Vue.jsで使うことを想定して解説します。 目次 isMobile.jsの導入 モバイル・タブレット判定方法 isMobile.js…

【Vue.js】Vue Schoolで改めてVue.jsを学びなおしてみた【Vue School】

【Vue.js】Vue Schoolで改めてVue.jsを学びなおしてみた【Vue School】 Vue.js学習プラットフォームとして、Vue Schoolというものがあります。vueschool.io 今回は、Vue.js経験1年程度の私が、Vue SchoolでVue.jsを学びなおしてみた感想を書いていきたいと思…