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を使用するというサンプルが多数見受けられました。しかし実際のプロダクトでこれをし... 続きを読む

vuexを使ったコードを図解してみる - Qiita

2019/03/06 54 users Qiita コード

Vuexについて、とりあえず必要ないしなんだか分かりづらいからと使わないでいたのですが、 この度いざ使ってみたところ、最初こそ引っかかるもののの、結構すんなりはいってきました。 ただ、この「最初こそ引っかかる」部分ができる人にとっては些細すぎるし、 引っかかって躓いてしまう人にとっては大変な部分だと思う... 続きを読む

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

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

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

新規プロジェクトにVueとVuexを採用してみた - Studyplus Engineering Blog

2019/01/28 60 users Studyplus Vue 所感 アプリケーション自体

こんにちは。Studyplus開発部の田口です。 新規で立ち上がった開発プロジェクトにVueとVuexを採用してみたので、今回はその所感を書こうと思います。 Vue/Vuexの採用理由 今回のプロジェクトで開発するのは、Studyplusのアプリ内ブラウザのWebViewページです。 プロジェクトを開始するにあたって、アプリケーション自体... 続きを読む

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... 続きを読む

2018年Vue.jsとVuexを使ってFluxをしている人には必ず知っていてほしい開発やメンテナンスの際に役立つVuexのTipsとサンプルコード

2018/09/29 93 users Flux Tips Vue.js with Vuex 画面

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

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の記述の慣れ (主観) ・何を状態として管理するか (設計) によるところではないかと思... 続きを読む

Vuexを使って絞り込み機能を実装してみた - SCOUTER開発者ブログ

2017/12/12 64 users ryotakodaira 小平 Vue.js 機能 サービス

2017 - 12 - 12 Vuexを使って絞り込み機能を実装してみた Vue.js Vuex Tweet こちらは Vue.js #4 Advent Calendar 2017 - Qiita 12日目の記事です。 株式会社SCOUTERの小平( id:ryotakodaira ) です。 今回はVue.js用の状態管理パターン＋ライブラリの「 Vuex 」を使って、一般的なサービスでよく見か... 続きを読む

Vue/Vuexに静的に型を付ける - Please Drive Faster

2017/07/26 66 users Vue Electron デスクトップクライアント 習作 前々

2017 - 07 - 26 Vue/Vuexに静的に型を付ける JavaScript Vue TypeScript 最近Vue/Vuexを触っている。 前々から欲しいと思っていたのもあって、習作としてelectronで YouTube のデスクトップクライアントを作った。 github.com 僕は仕事中はだいたい YouTube を再生している。映像を見ながらコードを書きたい 欲求 があった。... 続きを読む

Vue.jsとvuex、Fluxについて - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く

2017/03/21 79 users Flux 蓄音機 インジケータ 立て続け API

2017 - 03 - 21 Vue.jsとvuex、Fluxについて 最近立て続けにそのあたりの話をする機会があったので。わたしの意見です。 vuexというかFluxに手を出すタイミング Vue.jsを利用していて、相互に関連のある二つ以上の状態を扱う必要が出てきたら、それはもうすでに「十分に複雑な状態管理」である たとえば、 API との通信中はインジケータを出したいので「通信中かどうか」を管... 続きを読む

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/... 続きを読む