ベストイレブン研究所 | ElevenLabo 開発記録

kenshuhori

久しぶりに個人開発を開始

今までは何となく XXX を作ってみよう！でスタートしていつも途中退場してたので、今回はアプローチを変更する

テーマ（個人開発の内容）を決める # ここまでは今までと同じ
最初にFigmaを書いて、初回リリースの内容を確定する
- あれもできたらいいな、みたいな所謂Nice-To-Haveな画面や機能を極限まで減らす
対応する画面を減らす
- 今回はwebかつスマホ向け画面のみ作成する
とはいえ、今後の自分や仕事につながる要素、チャレンジ要素も大事にする

kenshuhori

Storybook に ChakraUI を組み込む

手順

$ yarn add -D @chakra-ui/storybook-addon

theme を組み込んであげないとエラーになるので、雑にtheme.tsを作って利用

# src/app/theme.ts
export default {
  // なにもしない
};

# .storybook/preview.ts

import type { Preview } from "@storybook/react";
import theme from "../src/app/theme";

const preview: Preview = {
  parameters: {
    chakra: {
      theme,
    },
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/i,
      },
    },
  },
};

export default preview;