作成したアプリケーション デモ 主な機能 ログイン/ログアウト 会員登録 投稿一覧 投稿詳細 マイページ（一覧・登録・更新・削除） プロジェクトの概要 Nuxt.js3 を利用した学習用のサンプルアプリケーションです。 […]
Vue.jsの記事
Vue.js
Nuxt.js3 を利用してWebアプリケーションを作成する
Vue.js
MicroCMS と Nuxt.js を利用してJamStackなWebアプリケーションを作成する
JamStack とは？ JamstackのJamはJavaScript/APIs/Markupの頭文字です。JavaScriptでAPIをたたいてMarkupを配信することを意味しています。 通常のWebアプリケーショ […]
Vue.js
Vue.jsで親子のデータを同期するならsyncを使え
Vue.js で親コンポーネントと子コンポーネントのデータを同期する手法として、v-model や sync を利用する方法がありますが、それぞれのサンプルコードを作成して比較してみました。 まず、Vue.jsで親コンポ […]
Vue.js
画像アップロードVue.js用コンポーネント(ドラッグ&ドロップ対応)− vuejs-image-base64
vuejs-image-base64 とは vuejs-image-base64 は、NPMで公開 されている画像アップロード用のVue.jsコンポーネントです。 特徴 Base64にエンコードされた画像データを取得する […]
Vue.js
Vue.jsでオーバーレイを作成する（TypeScript対応版）
作成したオーバーレイ Vue.jsで利用できるオーバーレイ（モーダル）のコンポーネントを作成しました。親コンポーネントでオーバーレイ内に表示するコンテンツをslotで指定してから、propで表示の切り替えが可能です。 デ […]
Vue.js
Vue.jsで画像スライダーを作成する（TypeScript対応版）
作成した画像スライダー Vue.jsで利用できる画像スライダーのコンポーネントを作成しました。親コンポーネントからPropでオプションを渡すことで、カルーセルやオートページャなどの機能にも対応しています。 対応している機 […]
Vue.js
Qiita APIを利用した検索表示－Vuejs
作成したDEMOページ Qiita APIを利用した検索表示のサンプルをこちらに用意しました。 Qiita API とは Qiita API は、Qiitaが提供しているサービスから様々なデータの取得、投稿やストックなど […]
adminLTE
保守性の高い管理画面のデザインを考える－AdminLTE3
AdminLTEとは AdminLTEとは管理画面に特化しBootstrapベースのCSSフレームワークです。 スマートフォン等にも対応しており、手軽にかっこいい管理画面を作成することが出来ます。 https://adm […]
Vue.js
Vue.js をTypeScriptで書く！書き方の違いを比較 − vue-property-decorator
vue-property-decorator Vue.js や Nuxt.js で TypeScriptを利用するためにはvue-property-decorator というデコレータを利用します。（Nuxt.js の場 […]