Nuxt

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

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

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

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

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

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

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

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

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

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

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

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

S3バケットの全公開方法

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

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

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

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

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

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

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

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

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

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

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

Mac nvmのインストール方法

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

Mac nodebrewのインストール方法

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

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

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

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

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

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

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

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

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

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

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

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

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