基本 next/image レイアウト touch components/{layout,header,hooter}.js components/layout.js components/header.js compo […]

点数 84点 感想 Next.jsの基礎がわかりやすく説明されていた。 最低限の使い方としては、本書の内容で十分だと思う。 基本 環境構築 CSS CSS Modules Linkコンポーネント <a href=& […]

Vuexストアのテスト 単一ファイルコンポーネントのテストにはJestプラグイン(vue-jest)が必要だが、まずピュアなJavaScriptだけで書かれたVuexストアのテストを体験してみる。 Vue Test Ut […]

テスト実行環境の構築 どこまでテストを書くか？ 以前はフロントエンドのテストはDOMやブラウザに依存するため、テストの寿命が短いにも関わらず作成コストが高いものであった。 今はある程度はDOMに依存しないテストが可能とな […]

サンプルアプリの作成（続き） ログイン情報の永続化 1. サーバサイドでもCookieを扱うことができるuniversal-cookieを導入 npm install universal-cookie 2. app/pa […]

サンプルアプリの作成 環境構築 npx create-nuxt-app test-blog以下を選択。 UI framework: Element Nuxt.js modules: Axios – Promi […]

Nuxt.jsの基本 レイアウト コンテナ、ナビ、フッターなどの共通化は、Vue.jsで開発する際の悩みのタネである。 Nuxt.jsのレイアウト機能を使うと、簡単に共通化を実現することができる。 複数のレイアウトの管理 […]

Nuxt.jsの基本 pagesディレクトリ users/_id.vueは/users/100のようなURLでアクセスすることができる。 /users/100/postsのようなURLにしたい場合はusers/_user […]

書籍「Nuxt.jsビギナーズガイド」のまとめ。 点数 84点 感想 Nuxt.jsの概要から使い方までわかりやすく書かれており、なかなかの良書だった。 SPAを実装する際はVue.jsだけで実装するのではなく、Nuxt […]

書籍「Web技術速習テキスト 実践編」のまとめ。 点数 84点 感想 書籍名のイメージとは異なり、Vue.js、Vuetify、Firebaseについての解説本だった。 説明がとても丁寧で、Vue.jsを扱っている他の書 […]