Next.js Next.jsとは SSR, SSG, ルーター機能、を提供してくれる。 インストール エクスポート touch next.config.js CSS Reactではcssファイルをそのままimportす […]

Redux インストール npm install redux react-redux 語句 使い方 Reducerの作成 Storeの作成 const store = createStore(reducer);※ cre […]

コンポーネント 関数コンポーネント コンポーネントを別ファイルに切り離す タグボディはprops.childrenで取得可能、Vue.jsのslotと同じ。 ステート 独自イベントの作成 propsで関数を受け取るだけ。 […]

点数 82点 感想 React.jsとNext.jsに関してはわかりやすかったが、ReduxとFirebaseはわかりづらかった。 Reactの入門書としてはまずまずだと思う。 基礎 Reactを動かす React.cr […]

サブドメインでツール型サービスを作る MLBオープンデータRetrosheet 成功例 成功例システム編

点数 85点 感想 たくさんの個人開発者の様々な考えやエピソードが掲載されていて、とても参考になったと同時に良い刺激を受けた。 以下の内容が印象に残った。 便利なツールなど スマホアプリへの広告掲載 配信会社（アドネット […]

スロット 親コンポーネント 子コンポーネント propsとslotの使い分け 文字列や数値などのデータを受け渡すだけならpropsを使うべき。 状態で中の要素が変わるならslotを使うべき。 v-ifなどで中の要素が動的 […]

点数 87点 感想 Vue.3のComposition API、糖衣構文、Piniaについてわかりやすく説明されていて、なかなかの良書だった。 Vite Vue.js3.2からはVue CLIではなくViteがビルドツー […]

テスト 単体テスト Jestの準備 1. Vue CLIのJestプラグインの導入 npx vue create xxxでのプロジェクト作成時にUnit Testingを有効にし、テストライブラリとしてJestを選択する […]

Vuex Vuexの準備 npx vue create xxxでのプロジェクト作成時に有効にする。（既存のプロジェクトにはnpx vue add vuexで追加する） src/store/index.jsに雛形が生成され […]

Vue Router Vue Routerの準備 npx vue create xxxでのプロジェクト作成時に有効にする。 Use history mode for router?: Yesでhistoryモードにする。 […]

Vue CLI Vue CLIの基本 npm install @vue/cli npx vue create my-cli（defaultを選択） cd my-cli npm run serveで実行、npm run b […]