はてなブックマーク

まとめ Vue.js + Vuex において非同期処理は、actions 内で実行するのが良い。なぜなら、アクションを定義するメソッドの中で action の dispatch や mutation への commit を任意のタイミングで実行できるので、柔軟に処理を組み合わせることができるからだ。 その際、async/await シンタックスで書くことで、非同期処理を「あたかも同期処理のように、上から下へと希望する処理順と同じように書くこと」ができる。これはあくまで見た目であって、非同期処理は非同期処理である。内部的には Promise である。 まずは axios を使った promise ベースの http リクエストをだすメソッドを作る axios は http リクエストをだすためによく使われる npm。 async function を作るには、普通の function lit

一部修正しました Udemy で React コース公開してます。(絶対 Udemy の 1200 円割引価格にはしないので、このリンクから買ってもらうのが一番お互いに得です。) Udemy React + Redux コース 本発表における Modern JavaScript とは何か Phase 1 として以下の環境での開発ができれば Modern JavaScript に入門できたものとする。 Webpack, Parcel 等の module bundler による "module system" の活用。 ES2015+ や TypeScript といった *"Compile to JS 1" の使用。それに伴う Babel によるトランスコンパイルツールの使用。 ESlint, Prettier といった集団開発における、ソース品質安定のためのツール の使用。 ここまでのツール

VueJS に関する資料を探していて良いものを発見し、日本語訳がありますが、一部抜けていたので、翻訳しました。環境構築の部分です。https://lmiller1990.github.io/vue-testing-handbook/ja/setting-up-for-tdd.html まだ Vuex 周りは日本語訳がないので、おってしたいと思います。 また、プルリクも出したので、採用されれば該当サイトからも見れるようになります。 vue-cli をインストールする vue-test-utils は、VueJS 公式のテスト用ライブラリで、本ガイド全体で使用していくツールです。このツールは、ブラウザ環境でも Node.js 環境でも動作しますし、どんなテストランナーとも組み合わせることができます。本ガイドでは Node.js 環境でテストを走らせていきます。 vue-test-utils i

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Storybook Storybook を Vue.js で使っていきたいので、必要な箇所を翻訳します。 Introduction Storybook is a UI development environment for your UI components. With it, you can visualize different states of your UI components and develop them interactively. Storybook は UI Component のための開発環境です。これによっ