macoblog

「ゲーム × プログラミング」で生きていく

タグ:vuejsが付いている記事一覧


プログラミング

この記事では、Vue.jsやNuxt.jsで作られているサイト及びサービス事例を紹介しています。最新のフロントエンド技術(Vue.js)で作られているサービスや企業が気になる方は参考にどうぞ。【Vue.js・Nuxt.jsの導入事例まとめ】「WEBサイト一覧」「WEBサービス一覧」「ECサイト一覧」

JavaScript

この記事では、Vue.jsを使ってForm送信処理を制御する方法について解説しています。submitしてPOSTする前に値チェックや特定の処理を挟みたい場合は「@submit」か「@submit.prevent」をFormタグのv-on属性に設定すればOKです、いくつか注意点はありますが基本的な使い方は同じです。

JavaScript

この記事では、LINEが提供するLIFFをVue.jsを使って構築する方法について解説、Node.js(npm)を使用したLIFF構築手順をまるっとご紹介します。【記事の内容】「①:LINE/LIFFアプリの設定をする」「②:VueCLIにLIFFを組み込む」「③:LINEでLIFFの動作確認」

JavaScript

Vue.jsで画像パス(src)を動的に変更する方法について解説しています。変数による画像の切り替えや、ループ内での画像指定を想定しています。よく使うので備忘録として残しておきます。【画像パス(src)を動的に変更する方法2パターン】「①:require()を使用する」「②:publicに画像を設置+絶対パス指定」

JavaScript

Vue.jsでjsonファイルを読み込む方法について解説しています 、動的なデータをjsonファイルで管理する際に便利な方法です。TypeScript導入時の注意点についても触れてありますので参考にどうぞ。「Vue-cliを使っている場合」「①:TypeScript導入時の注意点」

JavaScript

Node(npm)を使わずCDN読み込みだけでVue.jsでSPAを作成する方法を紹介しています。【Vue.jsを使ってSPAを構築する方法】「①:完成イメージ」「②:環境・実装に必要なもの(vue.js、vue-router.js、http-vue-loader.js)」「③:各ファイル・コード紹介」

JavaScript

Vue.jsを使ってプログラムを書いたものの「IE」だと何も表示されず真っ白の画面、他のブラウザで動作するのにIEでは動かない時は以下の問題が考えられます。「原因①:関数定義が省略記法である」「原因②:アロー関数を使用している」「原因③:バッククォートを使用している」

JavaScript

今回は「Vue.js(ビュージェーエス)」について学んでみました、その道のりをこの記事に残しておきますので初心者の方は独学勉強の参考にしてみてください。【環境:Windows・vscode・chrome】【記事の内容】「①:はじめに」「②:Vue.jsのドキュメントから学ぼう【入門】」「③:終わりに」