Vue.js

「Vue.js」に関する情報が集まっています

人気の投稿

新着の投稿

小ネタ Vue.jsは、ブラウザの開発ツールやVue.js用の拡張機能を利用しなくても、HTMLファイルにとあるタグを記述することで、データの内容をJSON形式で確認できる。 記述方法 HTMLファイル内に「{{ $data }}」を任意の場所に記述する。 <html> <head> <...

2019-05-03

この記事は下書きに1年以上入れたままだったものをサルベージしたものです 明確なバージョンは書いていませんが、時期的に2.5系が基準になっています 完全ビルドとランタイムビルドの違い Electron (node.js) 環境でVue.jsを入れた際に、実行すると以下のWarningがConsoleに出力された。 You ar...

2019-05-07

ルーターフックとも呼ばれているVue Routerのナビゲーションガードですが、そのうちのよく使うbeforeRouteEnterのnextコールバックの実行タイミングが、自分が思っていたのと違っていました。 検証 // Foo.vue beforeRouteEnter(to, from, next) { console.log...

2019-05-06

Introduction こんにちは、JJ(@JJ_1123_I)です!今回は、「Vue.jsでLocalStorageにデータを保存方法」についてまとめていきたいと思います。 対象 Vue.js初心者の方 LocalStorageとは? 一言で表すとブラウザ(クライアント側)にデータを保有する機能です。Cookie に比べて...

2019-05-03

Introduction こんにちは、JJ(@JJ_1123_I)です! Herokuを使ったVue.jsでのデプロイ方法についてまとめたいと思います。以下のサイトにに概要が記載されてますが、一連の流れで記載していきます。Heroku へデプロイするには? 対象 Vue.jsでフロント側を開発した環境を手間なくデプロイしたい人 ...

2019-04-28

Introduction こんにちは、JJ(@JJ_1123_I)です!Vue.jsのv-forについてのメモです。 v-forとは? v-forディレクティブを使うと、配列に納められた値をページに表示してくれるや〜つ。多分。 構文 <要素名 v-for= "バリュー in オブジェクト" > {{ 表示したいバリ...

2019-04-17

Introduction こんにちは、JJ(@JJ_1123_I)です!Vue.jsを学ぶ中で双方向バインディングを理解するのが難しかったのでメモです。 双方向バインディングとは? Vue.jsではコンポーネントという単位で機能実装を分ける事が出来ます。そのコンポーネント間のデータ連携(親⇆子供⇆...)を双方向バインディングといいます。 ...

2019-04-15

Introduction こんにちは、JJ(@JJ_1123_I)です! 今日は、最近Vue.jsの勉強を始めたので、Vue.jsを用いたWebアプリケーションの開発を始めるにあたり必要な手順を記載致します。 対象 Vue.jsを始めるにあたり、何から始めたらいいか分からない人 フロントエンドの開発全般に知見があまりない人 ...

2019-04-07

UUIDを配列や連想配列in配列で指定個数生成できるWebサービスをリリースしました サービスの紹介と使った技術とかライブラリとか紹介していきます~! 追記:v1.0.4アップデート(2019/4/12)フォントを細めに変更テキストを校正テンプレートエディタに行数を表示その他微調整 サービスのリンク UUID v4 Gener...

2019-04-11

Vue.js Advent Calendar 2018 13日目の記事です。 この記事は、社内ナレッジベース向けに書いた記事を Qiita 向けに再編集したものです。 2018/10/25,16 に開催された React Conf. 内で発表された React Hooks 、各方面に悲喜交交大わらわで大変盛り上がっててフロントエンド界隈の注...

2019-04-09

はじめに 前回「AnimateCC(Flash)で「Animated SVG Exporter」を使ってSVGアニメーションを作成した話」でSVGアニメーションを作りました。書き出しされたSVGファイルの中身を張り付けるだけなのでとっても簡単でした!ですが、AnimateCC(Flash)側で各SVGの色が決まるため、書き出した後はその通りにしか使え...

2019-03-31

はじめに 知人のポートフォリオサイトにちょっとしたアニメーションを入れることになり、今回はAnimateCCで作成することにしました。 AnimateCCはHTML5のcanvasで動作するアニメーションを作成してくれますが、作成されるjsファイルがES6形式ではないため、WebpackやVue.jsなどに組み込むのが思ったより大変なことになり...

2019-03-24

技術ブログ開設

ここから先はアカウント(ブログ)開設が必要です

英数字4文字以上
.qrunch.io
英数字6文字以上
ログインする