タグ Vuex
新着順 10 users 50 users 100 users 500 users 1000 usersVue + 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 について、 入門書を読んだあ... 続きを読む
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がとても機能的で複雑な画面まで設計し、構... 続きを読む
【Vue.js】Web API通信のデザインパターン (個人的ベストプラクティス) - Qiita
2019/05/12
400 users
Qiita
AXIOS
ベストプラクティス
チュートリアル
はじめに Vue.jsを使用したアプリケーションでのWeb API呼び出しのデザインパターンについて調べてみました。 しかし検索して出てくるチュートリアルやサンプルはコンポーネント内でaxiosをインスタンス化していたり、Vuexの中でaxiosを使用するというサンプルが多数見受けられました。しかし実際のプロダクトでこれをし... 続きを読む
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/... 続きを読む
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 ... 続きを読む
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... 続きを読む
Vuexによる状態管理を含む最高に快適な Vue.js + TypeScript の開発環境を目指す話 - Qiita
2018/12/12
274 users
Qiita
TypeScript
Vue.js
開発環境
※ この記事は気合を入れすぎてアドベントカレンダーの担当日を超過しそうになったため、後日追記予定とした項目がいくつかあります。 基本的には抑えるべきポイントは全て書いてありますが、サンプルコードを今後追加予定のため、 こちら のレポジトリをウォッチしておくことをオススメします。 Vue.js Advent Calendar ... 続きを読む
Vueを学び、SPA対応のポートフォリオサイトを自作するまでの道のり - Qiita
2019/01/29
226 users
ポートフォリオサイト
Qiita
Vue
ポートフォリオ
自分
昨日1/28にVue, Vuex, Vue Routerを使って、SPA対応のポートフォリオサイトを自作しました！ここまで形になったこと、本当に嬉しかったです。 自作ポートフォリオサイト もともと1週間でVue.jsを使ったポートフォリオを作った記事をみて、「すげぇ…自分もVueでポートフォリオサイト作成を第一目標にしよ！」と思ったんで... 続きを読む
JavaScriptでClean Architectureを導入してみた - Vue.js・Reactのサンプルつき
2018/07/07
205 users
Clean Architecture
サンプル
andy
事の発端 始まりはこちらのツイートから。 Usecasesレイヤーを充実させていったらVuex Actionsほとんど使わなくなるな笑 — Andy (@andoshin11) 2018年6月15日 それはどういうことだよ・・・ フロントでどう使うんだ・・・？ と疑問に思い、自分なりに検証・実装してみたいと思ったのが事の発端です。 Clean Architecture... 続きを読む
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.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年 スタートアップで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 + 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 ここら辺をいろいろ参考にしました... 続きを読む
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がとても機能的で複雑な画面まで設計し、構築しました。 ... 続きを読む
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に静的に型を付ける - 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 を再生している。映像を見ながらコードを書きたい 欲求 があった。... 続きを読む
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を採用してみた - Studyplus Engineering Blog
2019/01/28
60 users
Studyplus
Vue
所感
アプリケーション自体
こんにちは。Studyplus開発部の田口です。 新規で立ち上がった開発プロジェクトにVueとVuexを採用してみたので、今回はその所感を書こうと思います。 Vue/Vuexの採用理由 今回のプロジェクトで開発するのは、Studyplusのアプリ内ブラウザのWebViewページです。 プロジェクトを開始するにあたって、アプリケーション自体... 続きを読む
vuexを使ったコードを図解してみる - Qiita
Vuexについて、とりあえず必要ないしなんだか分かりづらいからと使わないでいたのですが、 この度いざ使ってみたところ、最初こそ引っかかるもののの、結構すんなりはいってきました。 ただ、この「最初こそ引っかかる」部分ができる人にとっては些細すぎるし、 引っかかって躓いてしまう人にとっては大変な部分だと思う... 続きを読む
Vuexのアプリケーションをスナップショットテストする #v_kansai / Snapshot testing for Vuex application - Speaker Deck
2019/02/28
44 users
Speaker Deck
アプリケーション
Vuexのアプリケーションをスナップショットテストする #v_kansai / Snapshot testing for Vuex application 続きを読む
改めて学び直すVuex - Qiita
2017/12/17
31 users
Qiita
Flux
Facebook
redux
React
まえがき 以前 Vue.js用のFluxライクなライブラリVuexを試してみる という記事を書きました。2年前の記事で更新もしていなかったので改めて整理して学び直してみようと思います。今回使用するバージョンは 3.0.1 です。 Vuexとは？ VuexはVue.js用の状態管理ライブラリです。Fluxの影響を受けています。ReactだとReduxに当たります。 Fluxの考え方はFacebook... 続きを読む
Nuxt.js で Vuex の結合テストを書く方法を考えた - kitak's blog
2018/07/15
28 users
ゲッター
ステート
焼き肉
Nuxt.js
定義
この間、友人と焼き肉を食べていて、「Nuxt.js で Vuex の結合テスト書くのどうやってますか？」という話になったので、考えてみました。 Vuex の結合テストの定義 この記事では、アクションやミューテーション単体ではなく、 アクションをディスパッチした結果のステートやゲッターが意図通りになっているか確認するテ... 続きを読む
Vuex + DDD のアーキテクチャを考える - Techtouch Developers Blog
2020/07/01
21 users
DDD
TypeScript
国定
軽量DDD
アーキテクチャ
フロントエンドエンジニアの国定です。 この記事では、TypeScript + Vue.js で開発しているフロントエンドに今年からドメイン駆動設計（DDD）を取り入れ始め、ひとまず設計が落ち着いてきたのでその経緯とアーキテクチャについて解説します。 課題 アーキテクチャ Domain Service Store（Vuex） UI（Vue.js） 軽量DDDに... 続きを読む
Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう！！【Laravel8対応】フロントエンド編③｜Yuu's Memo
2021/09/18
20 users
Yuu
memo
Laravel
クローン
フロント
皆さんこんにちは！！ 前回に引き続き、フロント（Vue.js）側の開発を始めていきます。 前回は、Vuexを利用してカレンダーコンポーネントを書き換えました。 Vuexは解説することが多かったので、かなり長い記事になっていますがとても大切な部分なので、じっくり読んでみてください。 前回までの記事はこちらからどうぞ ... 続きを読む
Vue.js 状態管理の選択肢 - そのVuex本当に必要ですか - / Vue.js State Management Options - Speaker Deck
2021/03/17
18 users
cons
Pros
Speaker Deck
Vue.js
Transcript Vue.js ঢ়ଶཧͷબࢶ ʙ ͦͷVuexຊʹඞཁͰ͔͢? ʙ @KawamataRyo 2021/03/17 iCARE Dev Meetup #19 ࣗݾհ @KawamataRyo LAPRAS גࣜձࣾ TypeScript, Vue, Firebase, Ruby ݩফ࢜?? ࠓ͢͜ͱ Vuex + α ͷঢ়ଶཧख๏ͷհ ͦΕͧΕͷ Pros/Cons ͷ·ͱΊ ͳͥঢ়ଶཧΛςʔϚʹʁ? Vuex ݏΘΕ͗͢͡Όͳ͍͔..? Vuex ? ? ? ? ? ? ? ? ? ͦΕͬͯຊʹVuexͷͳͷͩΖ͏͔ʁ VuexΛ దʹར༻Ͱ͖ͯͳ͍ or ద... 続きを読む