Blog

NetlifyでNodeJSの環境変数を設定する方法

2020.03.03
  • Blog
  • Web Development

NetlifyのBuild&DeployからEnviromentの項目で変数を設定できます。NODE_ENVなどを設定して本番と開発環境を分けるのに便...

VS CodeでEmotionのCSSをハイライトするエクステンション

2020.02.20
  • Blog
  • Web Development

vscode-styled-componentsをインストールします。VS Codeのエクステンショの追加タブから追加できます。 インストールさ...

ReactでFontAwesomeのフォントを重ねる方法

2019.12.17
  • Blog
font awesome

<span className='fa-layers fa-fw'> <FontAwesomeIcon icon...

Max8 で小数点同士の乗算(かけ算)をする方法

2019.12.06
  • Blog

Max8で*オブジェクトを使って小数値の乗算をする際に結果が丸められてしまうので、結果でも小数が出る方法を調べました。 *の横に1.と入力することで少数...

Hasura + Auth0 に関するメモ

2019.12.05
  • Blog
  • Web Development

Hasuraでカラムを増やす場合の注意 Hasura側でカラムを増やした場合、HasuraのGraphiQLからはGraphQLリクエストが正しく実行で...

Apple Watchをいつ充電すべきか?

2019.11.13
  • Blog
Apple Watch

Apple Watch Series 5を購入したのですが、バッテリーをいつ充電すべきか悩みました。ちなみに購入時のバッテリー残量は50%程度でした。 ...

create-react-appで作ったプロジェクトをビルド後サブディレクトリに公開したい場合の設定

2019.11.13
  • Blog
  • Web Development

package.jsonにhomepageオプションを追加します。/sub-directory/となっているところを任意のディレクトリ名にすればOKです。 ...

emotionでplaceholderのスタイルを変更する

2019.11.11
  • Blog
  • Web Development

&::placeholoderでplaceholderのスタイルを指定できます。 const inputStyle = css` &:...

opensslでエラーが出てpemファイルが作れない場合

2019.09.18
  • Blog
  • Web Development

openssl rsa -in ~/.ssh/id_rsa -outform pem > id_rsa.pem 上記コマンドでPEMファイルを作ろ...

Reactでビルドした際にManifest: Line: 1, column: 1, Unexpected token.エラーが出る対策

2019.08.23
  • Blog
  • Web Development

publicディレクトリのindex.html中の以下の場所にcrossoriginの設定を追加すると出なくなりました。 <link rel="m...

Emotionでエラーが出る場合に確認すべき点

2019.06.20
  • Blog
  • Web Development

CSS-in-JSのライブラリEmotionでエラーが出る場合に確認すべき点をメモしておきます 冒頭のコメントがない /** @jsx jsx *...

React + Emotion + TypeScriptでReferenceError: jsx is not definedのエラーが出る場合の対策

2019.06.19
  • Blog
  • Web Development

create-react-appで作ったReactのプロジェクトにCSS-in-JSのライブラリEmotionとTypeScriptを導入した際にエラーが出る...