preact プロジェクトにstorybookを導入する
English version is here preact + TS + goober 環境下に storybook を入れることに苦労したのでその時のメモです。 storybook の作成に失敗する preact + TS + goober で何かしらのコンポーネントを作ります。 import { h } from "preact" import { styled } from "goober" const _Button = styled("button")` background-color: red; ` export const Button = () => { return <_Button>ok</_Button> } import { h } from "preact" import { Button } from "./button" export default {
TypeScript + Storybook CSF3.0の書き方とユニットテストへの応用
概要 Storybook6.4からデフォルトでCSF3の書き方が使えるようになったので、自分なりに調べたことをまとめてみました。TypeScript + Reactで説明します。 公式の記事はこちら この記事の内容は以下のとおりです。 CSF2からCSF3の変更点 CSFの既知の問題と公式の対応状況 インタラクティブストーリーの書き方 CSF3で書いたストーリーをユニットテストに応用する方法 この記事の説明で使うコンポーネント 名前を入力してSubmitボタンを押すと、ボタンを押した時の入力テキストを下に表示するコンポーネントです。 import { VFC, useState } from 'react' export type Props = { title: string } const SimpleFrom: VFC<Props> = ({ title }) => { const
「株式投資は長期的にはほぼ儲かる」という主張が完全に間違っている理由 | グローバルマクロ・リサーチ・インスティテュート
世界的なインフレが実体経済と株式市場を襲っている。インフレについてはここでは2020年から警告し続けていたことであり、株安についても年始から予想していたことである。 しかしはっきり言うが、まだ何も始まってさえいない。ここからが物価高騰という地獄の本番である。 長期投資 そもそもインフレの何が恐ろしいのかということを復習しておきたい。前回の記事では現在のいわゆるつみたてNISAによる株式投資ブームが最悪のタイミングで始まったことを説明した。 株式投資ブームに乗った時点で個人投資家の損失はほぼ確定している だが金融庁にそそのかされた素人たちはこう言うかもしれない。仮にこれから株価が暴落しても、積み立て続けていれば長期的にはプラスになるのではないか？ 特に米国株はこれまで40年、長期的には上がり続けたではないか。 先ず第一に、このつみたてNISA詐欺がよく出来ているのは、自分の保有する資産の価値
【CSS】きみは "擬似クラス" 何個言えるかな？？ - Qiita
はじめに あなたは "擬似クラス" 何個言えますか？ 擬似クラスには、:hover や :active、:focusといったよく使うものから、 :is()や:where()、:has()といったこれからサポートされていくものまで たくさん種類があるのは、ご存知ではないでしょうか？ でも、"擬似クラス" 何個言えますか？と聞かれると数個くらいしか思い出せないと言う方は多いのではないでしょうか？ もしかしたら、15個以上言えたら、CSS玄人と言えるかも知れません。 この記事では、たくさん種類があるのは知っているけど、詳しくはわからない "擬似クラス" が、 何種類あるか、どんな擬似クラスがあるかをまとめました。 知らなかった "擬似クラス" の数を数えながら、読んでいただけると嬉しいです。 擬似クラス 擬似クラスとは？ 擬似クラスとは、セレクタのあとにつけることで、 指定した要素の状態に応じて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TypeScript + Gatsby + Storybook環境でimport aliasを利用する | tamalog
Storybook の開発環境で React is not defined が表示された場合の対処
Component Story Format 3.0
