Vue.js、Nuxt JSを学習するときにやったこと | Webクリエイターボックス

2021/01/21 165 users Vue.js Webクリエイターボックス GATSBY 手順

2021年1月21日 JavaScript, Vue.js 以前「WebデザイナーのためのVue.js事始め」という記事でVue.jsについて触れたのですが、それから今まで、どんな手順で勉強してきたのかを紹介してみます。途中ReactやGatsbyを取り入れたりもしていたのですが、結局 .vueファイルでの単一ファイルコンポーネントが楽だなーと思い、今... 続きを読む

RailsでVue.jsのSFC（単一ファイルコンポーネント）を使うためにWebpackを入れてみた - SMARTCAMP Engineer Blog

2019/05/16 39 users Webpack Sprockets Rails 笹原 SFC

こんにちは。エンジニアの笹原です。 スマートキャンプではフロントエンドの開発にVue.jsを取り入れています。 Vue.jsで開発するうえで、SFC（単一ファイルコンポーネント）を利用できることは良さの一つだと思います。 今回は、Sprocketsでアセット管理を行っているRailsプロジェクトに、Webpackを入れることでSFCを使... 続きを読む

Vue.jsで style scoped な単一ファイルコンポーネントのcssをオーバーライドする

2018/08/14 16 users ＳＬＯＴ Vue.js Message template 内部

https://medium.com/vuejs-tips/override-scoped-css-de4275119b87 単一ファイルコンポーネントを作る時、 style scoped として CSSの影響範囲をコンポーネント内に収めるわけですが、 コンポーネント外部から内部のスタイルを変更したい場合があります。 <template> <div class="box"> <div class="message"> <slot></s... 続きを読む

Vue.jsで開発を始める前に決めておきたい事 - Qiita

2017/12/11 22 users Qiita コンポーネント 実務 記述 Webアプリケーション

ここ１年ほど実務でVue.jsを利用してWebアプリケーションを開発しています。 今回はVue.jsを使ってチームあるいは個人で開発を始める上で予め考慮しておくと良さそうな事をいくつか書きたいと思います。 コンポーネントルール Vue.jsは 単一ファイルコンポーネント によって、とてもシンプルな記述でコンポーネントを作る事ができます。しかし、開発者同士でコンポーネントの認識を揃えておかないと同じ... 続きを読む

はじめてのVue.js - 単一ファイルコンポーネントを作れる環境構築編 (npm + gulp + browserify + babel + vueify) - Qiita

2015/11/22 63 users Gulp Qiita npm ToDo Rails

この記事では、Rails や PHP といったサーバーサイドのプログラミングをメインでやっている人向けに Vue.js を用いた簡単な TODO 管理アプリを作るまでを、2回に分けて解説します。 なお、著者の作業環境の都合上、Mac OSX を対象として記事を執筆しています。 1回目では、Vue.js を用いたアプリのモダンな開発環境構築について説明いたします。 Vue.js とは？ Vue.js... 続きを読む