Vue.jsを100時間勉強して分かったこと - Qiita

2020/01/14 293 users Qiita incl Udemy Vue.js 内訳

Vue.jsを100時間ほど勉強して分かったことを整理します。 勉強時間の内訳は、 Udemyの Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex) をだいたい全て完了（85時間） 実際に自分でコードを書いてみた（15時間） です。 学習開始時のレベルは、JavaScript・jQueryはそれなりに扱うことができ、過去に少しだけR... 続きを読む

【Vue.js】Web API通信のデザインパターン (個人的ベストプラクティス) - Qiita

2019/05/12 400 users Qiita AXIOS ベストプラクティス チュートリアル

はじめに Vue.jsを使用したアプリケーションでのWeb API呼び出しのデザインパターンについて調べてみました。 しかし検索して出てくるチュートリアルやサンプルはコンポーネント内でaxiosをインスタンス化していたり、Vuexの中でaxiosを使用するというサンプルが多数見受けられました。しかし実際のプロダクトでこれをし... 続きを読む

Vueを学び、SPA対応のポートフォリオサイトを自作するまでの道のり - Qiita

2019/01/29 226 users ポートフォリオサイト Qiita Vue ポートフォリオ 自分

昨日1/28にVue, Vuex, Vue Routerを使って、SPA対応のポートフォリオサイトを自作しました！ここまで形になったこと、本当に嬉しかったです。 自作ポートフォリオサイト もともと1週間でVue.jsを使ったポートフォリオを作った記事をみて、「すげぇ…自分もVueでポートフォリオサイト作成を第一目標にしよ！」と思ったんで... 続きを読む

Vue + Vue Router + Vuex + Laravel チュートリアル（全16回）を書きました。 - Qiita

2019/01/14 629 users Qiita CSRF Laravel Vue ローディング

学べること Vue.js と Laravel を組み合わせる ルーティングライブラリ Vue Router を取り入れる 状態管理ライブラリ Vuex を取り入れる タブやローディングを作る Vue.js + Laravel の構成でクッキー認証と CSRF 対策を行う SPA でエラー処理を行う こんな人に読んでほしい Vue や Laravel について、 入門書を読んだあ... 続きを読む

Vuexによる状態管理を含む最高に快適な Vue.js + TypeScript の開発環境を目指す話 - Qiita

2018/12/12 274 users Qiita TypeScript Vue.js 開発環境

※ この記事は気合を入れすぎてアドベントカレンダーの担当日を超過しそうになったため、後日追記予定とした項目がいくつかあります。 基本的には抑えるべきポイントは全て書いてありますが、サンプルコードを今後追加予定のため、 こちら のレポジトリをウォッチしておくことをオススメします。 Vue.js Advent Calendar ... 続きを読む

Vue.js + Vuex + TypeScript ファーストインプレッション - Shin x Blog

2018/11/15 114 users サーバサイド template Vue.js Shin x

日頃は、サーバサイドの開発が主なのですが、その UI として フロントエンドの開発も行うことがあります。最近話題の Vue.js を試してみたのでその感想などを。 前提 これまで利用した構成 Vue.js 構成 雑感 ちょっと試す、がすぐにできる vue-cli が楽 vue ファイル template ディレクティブ scoped css vue-router / V... 続きを読む

Vuex でショッピングカートを実装できる無料コース「Vuex for Everyone」を受講した - kakakakakku blog

2018/09/15 315 users ショッピングカート Vue.js 進め方 無料コース 初心者

Vue School の無料コース「Vuex for Everyone」を受講した．Vue.js 初心者でも受講できるレベルになっているし，今まで Vue.js を書いたことはあるけど，Vuex はまだ使ったことがないという人にもオススメできる．進め方にもよるけど，写経するとしても2,3時間あれば終わる． Vuex for Everyone 今回受講した「Vuex for ... 続きを読む

2018年Vue.jsとVuexを使ってる人には必ず知っていてほしいドキュメントに書かれていないコンポーネントやストア、メンテナンスの際に役立つTips

2018/09/13 437 users コンポーネント Tips Vue.js with Vuex

2018年Vue.jsとVuexを使ってる人には必ず知っていてほしいドキュメントに書かれていないコンポーネントやストア、メンテナンスの際に役立つTips はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構... 続きを読む

JavaScriptでClean Architectureを導入してみた - Vue.js・Reactのサンプルつき

2018/07/07 205 users Clean Architecture サンプル andy

事の発端 始まりはこちらのツイートから。 Usecasesレイヤーを充実させていったらVuex Actionsほとんど使わなくなるな笑 — Andy (@andoshin11) 2018年6月15日 それはどういうことだよ・・・ フロントでどう使うんだ・・・？ と疑問に思い、自分なりに検証・実装してみたいと思ったのが事の発端です。 Clean Architecture... 続きを読む

2018年 スタートアップでSSRにVue.jsを導入してWebサービスを開発した際の知見 - Qiita

2018/04/15 114 users jQuery Qiita StorYBook SSR 知見

私がWebサービスのバージョンアップでVue.js導入することになり、取り組んでる内容についてWEBエンジニア向けに簡単に解説する記事です。 例えば jQueryのUIプラグインを沢山使ってるサーバーフレームワーク で Vue.js、Vuex、Storybook を導入する際にどうすれば良いのか？などの ノウハウについて 記述します。 はじめに サーバーフレームワークのテンプレートへの組み込みが今... 続きを読む

Vue.jsの関連ツール・ライブラリ(Vuex, Vue-Router, Nuxt)

2018/04/08 201 users Nuxt DOM Vue 主観 Vue.js

Vue.jsの関連ツール・ライブラリ(Vuex, Vue-Router, Nuxt) 1. 前回のVueの基礎を経て 実際にVueを使ってみると、DOMの取得や更新⼿続きが楽になる⼀⽅、 直接JSで書くことに⽐べ、どうやって書くのか考えさせるところがあった のかなと思います。 その辺りは⼤きく、 ・Vue.jsの記述の慣れ (主観) ・何を状態として管理するか (設計) によるところではないかと思... 続きを読む

Vue + Vuex を使ってみた感想と、Redux との比較 – Toro_Unit

2016/11/29 104 users redux Vue Flux Toro_Unit React

いいにくの日ですね。肉食べたいです。 React + Redux にはよくお世話になっている昨今なのですが、React 以外も扱いたいなと思ったこと、そもそも Flux に対する理解が浅いんじゃ無いか？ということで、 Vue.js + Vuex をちょっと勉強してみました。 つくったもの： https://github.com/torounit/vuex-todo ここら辺をいろいろ参考にしました... 続きを読む

Vue.js + Vuexで開発をしてみよう！ - Tech Blog - Recruit Lifestyle Engineer

2016/09/15 326 users Recruit Lifestyle Engineer

こんにちは、フロントエンドエンジニアの蔀です。 ここ数年のフロントエンド開発の潮流の変化は急激で、雨後の筍のように色々なフレームワークが出てきていますね。 8月末には、Mediumで こんな記事 が人気になりました。 The State Of JavaScript: Front-End Frameworks と銘打たれたこの記事は、React/Angular/Angular2/Ember/Vue/... 続きを読む