原因 storyや_app.tsxで<HogeProvider></HogeProvider>がなかった事 発覚する過程 hooks内でsetStateできない ↓ 別の箇所でsetState試すもできない ↓ すでに同じグローバルステートをsetしている箇所を検索 ↓ 別のstoryではProviderでのラップがあったが今見ていた画面のstoryに関してはな…

原因 :focus-withinにすべき場所を:focusにしていたのが問題 サンプル ok jun0222.github.io ng jun0222.github.io

基本的な数学関数 関数 説明 SUM(range) 指定範囲の合計を計算します。 AVERAGE(range) 指定範囲の平均を計算します。 MIN(range) 指定範囲の最小値を見つけます。 MAX(range) 指定範囲の最大値を見つけます。 COUNT(range) 指定範囲内の数値の個数をカウン…

操作 Vim コマンド Nano コマンド ファイルを開く vim filename nano filename 新規ファイル作成・編集 vim nano 保存 :w Ctrl + O, Enter 保存して終了 :wq or :x Ctrl + X, Y, Enter 終了（変更なし） :q Ctrl + X, N 強制終了（変更を破棄） :q! Ctrl + X…

テキストファイルの操作 cat: ファイルの内容を表示します。 bash cat myfile.txt grep: テキスト内でパターンに一致する行を検索します。 bash grep "search pattern" myfile.txt sed: テキスト内で検索と置換を行います。 bash sed 's/original/new/g' myf…

変数操作 # 変数の定義 MY_VAR="Hello World" # 変数の使用 echo $MY_VAR # 環境変数のエクスポート export MY_VAR 文字列操作 # 文字列の連結 GREETING="Hello," NAME="Alice" MESSAGE=$GREETING" "$NAME echo $MESSAGE # 文字列の長さ echo ${#MESSAGE} # …

以下のようなユニオン型なので、 型を細かく絞りたくない時に使える。 type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined;

npx sb init

以下を参考に推奨の型を使えば良い qiita.com

エラー内容 # npx sb init したときに表示 Running Storybook yarn run v1.22.19 $ storybook dev -p 6006 --initial-path=/onboarding --quiet Error: It looks like you are having a known issue with package hoisting. Please check the following iss…

記事を書いた qiita.com

このコミュニティの翻訳は、最新の Storybook バージョンに対応していません。英語ガイドの最新の変更を適用して、この日本語ガイドの更新にご協力ください。 Pull requests を大歓迎します。. storybook.js.org

qiita.com

const str = "これはサンプルの文字列です。あああが含まれています。"; const substring = "あああ"; const containsSubstring = str.includes(substring); if (containsSubstring) { console.log(`文字列は"${substring}"を含んでいます。`); } else { con…

const myString = "これは テスト 文字列です"; const convertedString = myString.replace(/\s+/g, '-'); console.log(convertedString); // "これは-テスト-文字列です"

背景 すぐに覚えられて、 8割くらいのパターンには対応できそうな基礎のみをまとめた。 繰り返す中で改善や練度が上がっていくと良いと考える。 まとめ zukai-kiso 参考 www.diamond.co.jp