tree -L 2

以下のような文言を入れてヒアリングしてもらう方が良い あなたはプロのエンジニアです。 色々提案する前に現状のヒアリングをちゃんとしてください。 答えが出せるよう、事細かに聞いてください。

Editor: Default formatterをprettierにする formatOnSaveにチェックを入れる Prettier拡張機能を入れる

rm -rf .nuxt && yarn install && yarn dev

yarn add @nuxtjs/axios // nuxt.config.js export default { // @nuxtjs/axios を使用する場合 modules: [ '@nuxtjs/axios', ], // その他の設定... } // @nuxtjs/axios を使用する場合 async asyncData({ $axios }) { const pages = await $axios.$get('/p…

git rm --cached ./static/pages.json

github.com github.com

概要 stylelint系のバージョンが古いので最新化して解決 手順 stylelint系ライブラリ最新化 yarn add stylelint stylelint-config-recommended-vue stylelint-config-standard 依存関係を再インストール rm -rf node_modules yarn.lock && yarn 以上で解決。

原因不明かと思っていたが、普通にエラーが出ていた。 警告が出ている設定はされていなかったが、明示的にそれが含まれない設定をして解決。 github.com

package.jsonやlockファイルを消した後、yarnしなおしでOK

以下のようにしてechoするだけにする。 "lint-staged": { "*.{js,ts,vue}": "echo Skipping eslint", "*.{css,scss,sass,html,vue}": "echo Skipping stylelint", "*.**": "echo Skipping prettier" },

原因 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

状況 package.json に以下を記述するもts-nodeの実行がうまくいかなかった "type": "module", 解決策 実行するコマンドをxからoに変更して解決。 多分プロジェクトのサーバーからではなく、 ホストマシンからリクエストを投げることになっていたと思われる。…

node が新しいことによって起きている。 deploy.rb に以下を追加することで解決。 # 環境変数の設定 set :default_env, { 'NODE_OPTIONS' => '--openssl-legacy-provider' }

コマンドプロンプト (Windows) ターミナル (Unix系) 現在のディレクトリを表示 cd pwd ディレクトリを変更 cd directory_name cd directory_name 親ディレクトリに移動 cd .. cd .. ディレクトリの内容を表示 dir ls 新しいディレクトリを作成 mkdir directo…