Blog

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...

PrismでReact(jsx)のコードの HTMLタグが消える際の対策方法

2019.01.30
  • Blog
  • Web Development
Prismでjsxを選択したときにHTMLタグが表示されない

シンタックスハイライターのPrismを使っているのですが、Reactのコードを掲載するときにコンポーネント内のHTMLタグが残っていると消えてしまいます。 ...

Reactでfont awesomeを使う

2019.01.29
  • Blog
  • Web Development
font awesome

Font AwesomeというアイコンのフォントセットをReactで使うための方法を紹介します。react-fontawesomeというnpmパッケージを使用...

gatsby-plugin-page-transitionsはv2対応してないのでビルドが通らない

2018.11.07
  • Blog
  • Web Development
gatsby-plugin-page-transitions

gatsbyのページ遷移アニメーションをつけるプラグインgatsby-plugin-page-transitionsは廃止されたAPIを使用しているのでgat...

GatsbyでSassを使う

2018.11.06
  • Blog
  • Web Development
sass on Gatsby

GatsbyでSassを使う方法を調べてみました。 インストール npm install --save node-sass gatsby-plug...