Blog

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を導入した際にエラーが出る...

DockerでWordPressを動かす

2019.05.29
  • Blog
  • Web Development

docker-compose up -d でコンテナを起動 /wp-json/wp/v2/postsにアクセスするとエラーが出てREST APIが...

Reactで画像を表示する方法

2019.05.29
  • Blog
  • Web Development

Reactで画像を表示する方法をメモしておきます。まず、使いたい画像の画像のパスを指定してimportして {モジュール名}を使ってimportした名前で呼び...

MacOS MojaveでGitが動かない場合の対策

2019.04.05
  • Blog
  • Web Development
Git

MacOSをMojaveにアップデートした後ターミナル上でGitが動かなくなりました。具体的には以下のようなエラーが出ました。 xcrun: error...

【Visual Studio Code】コードフォーマッタ Prettierを使う方法

2019.04.03
  • Blog
  • Web Development
Prettier

Pretterで何ができるか? コードのインデントや改行、セミコロンの有無などのフォーマットをファイル保存時に自動で行います。問題があるコードではエラー...

ES6 アローファンクションの書き方

2019.04.01
  • Blog
  • Web Development
ES6 アローファンクション

JavaScript (ECMAScript 6) ES6のアローファンクションの書き方をメモしておきます。 const func = x => { ...

COSMIC JS入門 始め方とデプロイまで

2019.03.25
  • Blog
  • Web Development

COSMIC JSはCMSサービスを提供しています。管理画面よりコンテンツを追加でき、APIリクエストで得たJSONを元に自分の好みのフレームワーク(Reac...

doPost()を実行した際のGoogle Action Scriptのログを見る方法

2019.03.24
  • Blog
  • Web Development

Sheetsなどで作ったGoogle Action ScriptのdoPost()の実行結果を確認する方法を紹介します。 Google Sta...

Gitを使ってxserver上のベアリポジトリからcloneする方法

2019.03.23
  • Blog
  • Web Development
xserver SSH設定

Xserver上にGitをインストールしてベアリポジトリを作成した際にローカルへクローンする方法をメモしておきます。 xserverの管理画面で...

firebase initでプロジェクト名が表示されない場合の対策

2019.03.20
  • Blog
  • Web Development
Firebase

Firebaseの管理画面で追加したプロジェクト名がfirebase initしても表示されない場合、以下のコマンドで明示的に初期化します。 fireb...

Google ChromeでSVGファイルが表示されない場合の対策

2019.03.12
  • Blog
  • Web Development

Photoshopで書き出したSVGファイルがChromeで表示されない場合の対策方法を紹介します。 SVGファイルをテキストエディタで開き、img/p...