vue.js

1/112ページ

Vue.jsの書き方実例集(随時追加)※逆引きリファレンス的な

Vue.jsで色々書き方のルールがあるようで、備忘録として実際に使ったものをここにまとめていきます。 最初は少ないですが随時追加していく予定です。 1.propsで受け取った変数の中身を表示 {{ }}を使う <template lang="html"> <div> <p>{{ message.message }}</p> <small> […]

ClearクローンをPWAとしてNetlifyでデプロイするまで

TL;DR https://clear-redev.netlify.com https://github.com/kiyc/clearr ClearのクローンサービスをPWAとして作り、Netlifyでデプロイしました。 コードは書きたいが何を書けば?? 何か新しいアイデアや解決したい課題を思いつき、それをサービスとして実現するのが理想的だというのはわかっているけれど、そうそう面白いアイデアや課題 […]

Vue.js入門 2章 Vue.jsの入門(ディレクティブ)

前 Vue.js入門 2章 Vue.jsの入門(テンプレート、フィルタ、算出プロパティ) 次 Vue.js入門 2章 Vue.jsの入門(ライフサイクルフック/メソッド) ディレクティブ 標準のHTMLに対して独自の属性を追加することで、属性値の式の変化に応じたDOM操作を行う。この特別な属性をディレクティブと言う。 Vueインスタンスをマウントした要素と、その子孫でしか使えない。 ディレクティブ […]

Vue CLI 3.0 で TypeScript な Vue.js プロジェクトをつくってみる

この記事について ついに Vue CLI 3.0 がリリースされました Vue CLI 3.0 is here! – The Vue Point – Medium Vue CLI 3.0 で Vue.js in TypeScript なプロジェクトをさくっとつくってみたので、その記録です。 3.0 では、プロジェクト作成時に TypeScript を選べるようになっており、Vue.js in Ty […]

vue.js + typescript = vue.ts ことはじめ

vue.js は typescript を公式にサポートしています。 つい先日 vue-cli のバージョン 3.0 にてついに、初めから typescript が導入された vue.js のプロジェクトテンプレートが追加されました。 いよいよ vue.js ならぬ vue.ts に追い風が吹いてきたのを感じます。 そこでその追い風を更に強くするべく vue.js + typescript でコン […]

Vue.js(Vuetify)とFirebaseで簡単なブログを公開して、ちょっとテストも書く

はじめに 以前、Vue.jsとRailsでTODOアプリのチュートリアルみたいなものを作ってみたという記事を作成しました。 ただ、フロントエンドを完全に分離するなら、やはり単独で切り出した方が良いかなと悶々と考えておりました。 今回は、Vue.js と Firebase で簡単なブログを作成してみたので、手順をまとめておきたいと思います。 サンプルはこちらになります。 https://my-blo […]

Visual Studio Code + Vue.js(Nuxt.js) + Firebase(RealtimeDatabase)で簡単なTODOアプリを作る

概要 公式やいろんな方の Qiita の記事を参考にしながら下記を行ったのでメモしておきます。 メモなので解説なしの箇所もあります。 また、勉強中のため間違っていることもあると思います。その際は指摘いただけるとありがたいです。 Vue.js(Nuxt.js)や Firebase まわりの開発環境構築 Visual Studio Code (以降 VSCode)の開発環境構築 Vue.js(Nuxt […]

Web初心者がVue.jsから始めてnuxt.jsでサイトを作ったときにやったことまとめ

はじめに これはVue.js #2 Advent Calendar 2017の16日目の記事です ぼくの前日は ykhirao – Qiitaさん、Vue.jsでv-forをネストする – Qiitaでした   本記事はぼくがWebの初心者なだけなので、そこまで初心者向けではないかもしれません ぼくのバックエンド ぼくがどれくらいWeb初心者かをざっくりと説明すると今までの […]

Nuxt.js (Vue.js) + Express + Socket.IO でリアルタイムWeb (チャット) を体験する

追記 2018/06/26 作成したアプリを Heroku にデプロイする手順を追加しました。 また、これに伴いクライアントサイドの実装にも変更があり、デプロイ前にDockerfileを修正する必要があるため追記しました。 2018/06/27 pugでテンプレートを記述したものを「おまけ」として追記しました。 はじめに 「Node.js + Socket.IO」の記事はよく見かけるのですが、「N […]

Rails と Vue.js でWebサービスの環境を作ってみた(その2)

はじめに Railsを勉強し始めて、そろそろオリジナルでWEBサービス(比較サイト)を作ろうと思い、色々と調べつつ構築していったら勉強になったのでメモしていきます。今回も、Rails,Vueを使って開発したかったので、それに合わせた環境になっています。 今回はその第二弾です。 環境 この記事では以下の環境(2018年7月9日時点)で動作確認できました。 Ruby: 2.5.1p57 (2018-0 […]

1 112