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 […]

書籍「いちばんやさしいアジャイル開発の教本」のまとめ。 点数 50点 感想 長すぎて最後まで読むことができず、途中で断念した。 もう少し要点がまとまっていないと書籍として役に立たないと思う。 アジャイル開発とは アジャイ […]

kindle本「Bootstrap5入門: 基礎から実演まで」のまとめ。 点数 72点 感想 Bootstrap5を使ってランディングページを作っていく、という内容だった。 全てを覚える必要はないので、必要になったらソー […]

コンテンツエリア モーダル カード アコーディオン フォーム Formコンポーネントを使うと、バリデーション付きのフォームを作ることができる。 JavaScriptによってバリデート後のformに.was-validat […]

kindle本「作りながら学ぶBootstrap入門」のまとめ。 点数 76点 感想 サンプルコードがたくさん掲載されてるが、細かい説明は少なかった。 それでも簡単にランディングページを作ることができたので、可もなく不可 […]

カード カード divに.cardを指定する。 その中に.card-bodyのdivを含める。 その中に.card-titleのh5など、.card-textのdivを含める。 画像を含める場合はimgに.card-im […]