kou

Storybookの書き方をstoriesOfからCSFに書き換える方法

Storybook5.2からCSFが推奨の書き方となった Storybook 5.2からStorybook’s Component Story Format (CSF)が推奨の書き方となりました。今後は、今ま...

【Nuxt】nuxt-device-detectでデバイスやユーザーエージェントを判別する方法

ユーザーエージェントでデザインの表示を切り返えたい Nuxtでスマホやタブレット、PCの表示分けをデバイスやユーザーエージェントで切り替えたい時がありました！ Nuxt Communityから出ているnuxt-devi...

【Nuxt】ua-parser-jsでユーザーエージェントを判別する方法

Nuxtでユーザーエージェントやデバイスを判別したい Nuxtでユーザーエージェントやデバイス、OSなどを判別したい時がありました！ User-Agentのリクエストヘッダーを自分でパースしてやっても良いとは思いますが...

ts-jestを使う時に、jestのバージョンで警告が出る

ts-jestを使う時に、jestのバージョンで警告が出た ts-jestを使ってテストを書く際に、jestのバージョンで警告が出ましたので、その時の備忘録になります。発生した警告 ts-jes...

Go言語をインストールする方法

Go言語をインストールする MacやLinux(Ubuntu, CentOS)、WindowsでGo言語をインストールする方法をまとめました！簡単にインストールできたので是非参考にしてください！ ...

Route53×CloudFront×S3で画像や静的ファイル配信用のリソースを作成

画像や静的ファイル配信用のCDN的なやつを作りたい画像や静的ファイルを配信するために、AWSでCDN的なやつを作りたい！って時がありました！今までCDNなやつは、VPSでNginxを立ててそこでやっていましたが、今...

S3バケットの全公開方法

S3を全公開にしたい！ S3を全公開にしたい！って時がありました。本当はTerraformとかでやっておきたかったのですが、個人の既存のものは全部手動でやってしまっているので、全部移行する気力が湧くまでは、ぽちぽち頑...

【React】Propsに関数の型を指定する方法

Propsに関数の型を指定したい ReactをやっていてPropsに関数の型を指定したい時がありました！その時にすぐわからなかったので、備忘録になります。型がanyになってしまっている...

【React】is not assignable to type(TS2322)のエラー

is not assignable to type(TS2322)のエラーが出た Reactをやっていて、Propsの型定義の部分で〜is not assignable to type(TS2322)のエラーが発生したため、...

【Laravel】MockeryでAPIをモック化してテストコードを書く

APIをモック化したい Laravelでテストコードを書く時に、APIをPHPUnitのMockeryを使用してモック化したい時がありましたので備忘録として残しておきたいと思います！既存のコードで、A...

【React】文字列と変数の複数のクラス名を指定したい時

文字列と変数の複数のクラス名を同時に指定したい Reactで文字列と変数の複数のクラス名を同時に指定したい時がありましたので、備忘録として残しておきたいと思います！やり方やり方の例やり...

vueやnuxtで普通のclassとバインドするclass両方合わせて使いたい時

普通のclassとバインドするclassを両方合わせて使いたい VueやNuxtを使っていて、普通のclassとバインドするclass両方合わせて使いたい時がありましたので、備忘録として残しておきます！ ...

Mac nvmのインストール方法

nvm vs nodebrewのどちらを選択するかこちらは色々意見や好みがあるとは思いますが、個人的にはNodeのバージョンを切り替えることができればどちらでも良いと思います。今回はnvmの手順について紹介していき...

Mac nodebrewのインストール方法

Nodeのバージョンを切り替えられるようにする最近はプロジェクトでNodeを使う機会も増えてきたと思いますが、NodeをそのままPCへインストールすると結構後から困っちゃうことがあります。プロジェクト毎にしようしているN...

【Nuxt】Propsのdefault値にObjectやArrayを指定する際の注意点

Propsのdefault値にObjectを指定したらエラーになった NuxtでPropsを使用する際に、default値としてObjectを指定したらエラーになりました！今回は、Propsのdefault値...

【React】Material-UIのCSSでnth-of-typeやhoverなどを使用したい時

Material-UIのCSSでnth-of-typeやhoverなどを使用したい ReactでMaterial-UIを使用してCSSを書いていると、makeStylesやwithStylesを使ってnth-of-typeや...

ReactTypeScript

【React × TypeScript】inputの入力値を取得したい時

inputの入力値を取得したい時 TypeScriptでReactを書いていてinputの入力値を取得したい時がありますが、どうやってonChangeのイベントから値を取得するんだっけ？TypeScr...

ReactTypeScript

【Nuxt】gettersやactionsでrootGettersやrootStateなどを使いたい時

gettersやactionsでルートからアクセスしたい Nuxtをやっていると、gettersやactionsで、ローカルのステートではなく、ルートのステートから呼び出したい時があります。今回は、そのルートのステー...

【TypeScript】中括弧でバインドする際に、暗黙anyエラーになる時

暗黙anyエラーになる TypeScriptで中括弧でバインドする際に、型を指定しないと暗黙anyエラーとなりました。その際の対処方法を備忘録として残しておきたいと思います！エラー ...

gcloud deployで対話入力を省略(自動的にyes)としたい時

gcloudコマンドで対話入力を省略(自動的にyes)としたい gcloud deployやgcloudのコマンドを使用している時に、yes/noを対話式で求められる時がありますよね！毎回聞かれるのは面倒だし、一つに...

次のページ

123 4…8