AWS

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

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

S3バケットの全公開方法

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

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

Propsに関数の型を指定したい ReactをやっていてPropsに関数の型を指定したい時がありました! その時にすぐわからなかったので、備忘録になります。 型がanyになってしまっている...
2020.02.04
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
Laravel

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

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

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

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

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

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

Macでyarnをインストールする方法

yarnをインストールしたい 最近のローカル開発環境の構築は、Dockerで環境を構築するというのが一般的になりましたが、フロントエンドのローカル環境は、むしろ今ではローカルにインストールして進めるというのが一般的になってい...
2020.01.14
Git

Mac XcodeとGitインストール

Macを買って色々環境を整えなきゃいけないけど、、、 とりあえず、一気にやるのは面倒なので、プログラミングしながら揃えていこう!と思った時でも、まずインストールが必要になるのはこのXcodeとGitのインストールです...
2020.01.14
Node

Mac nvmのインストール方法

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

Mac nodebrewのインストール方法

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

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

Propsのdefault値にObjectを指定したらエラーになった NuxtでPropsを使用する際に、default値としてObjectを指定したらエラーになりました! 今回は、Propsのdefault値...
2020.01.11
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
React

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

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

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

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

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

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

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

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

GitHubでNo newline at end of fileのエラー対処方法

No newline at end of fileが出る Githubを使っていると、以下の画像のようにNo newline at end of fileとエラーが出ることがあります! 今回はその際の対処方法を掲載して...
Express

Express bodyParserでuse individual json/urlencodedの警告の修正

BFFのExpressで警告が発生 今回は、以前こちらの記事で紹介したbodyParserの扱い方で、警告が出ていたため修正方法を掲載していきたいと思います。 発生した警告 ...
2019.11.04
Express

TypeScript × ExpressでPOSTでのRequestのbodyが取得できない時

ExpressでPOST Requestのbodyが取得できない TypeScript × Nuxtでプログラミングをしていて、UniversalモードだとSPA部分で外部と連携する時にCORSの設定をしないとエラーになりま...
2019.11.03