Blog

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

WordPressのGutenbergで記事のパーマリンクを設定する方法

2018.11.05
  • Blog
  • Web Development
GutenbergでのPermalink設定

WordPressの投稿の編集をGutenberg(グーテンベルク)で行う際に、パーマリンクの設定欄がわかりづらかったので、設定方法をメモしておきます。 ...

Gatsbyで作ったサイトをGoogle Search Consoleに登録する

2018.11.04
  • Blog
  • Web Development
Google Search Console

サイトをGoogle Search Console(サーチコンソール)に登録する場合、適切なGoogle Analyticsタグが入っていればすぐに登録できま...

gatsby-plugin-sitemapを使う

2018.11.03
  • Blog
  • Web Development
gatsby-plugin-sitemap

Gatsby.jsでサイトマップを作成するプラグインgatsby-plugin-sitemapの設定方法です。 インストール npm i ...

GitUpでuser.nameやuser.emailに関するエラーが発生する場合の対策

2018.11.02
  • Blog
  • Web Development
GitUp

GitUpでCommitする際にuser.nameやuser.emailのエラーが出ることがあります。gitで名前やEmailを設定していないためです。以下の...

PHPのcheckdnsrrでDNSレコードの存在が正しく確認できない場合の対策

2018.11.01
  • Blog
  • Web Development
checkdnsrr PHP

PHPのcheckdnsrrでDNSレコードを検索してサーバーの存在を確認することができますが、場合によって存在するサーバーが正しく認識されないことがあります...

iOSでvideoタグの動画を自動再生する方法

2018.10.24
  • Blog
  • Web Development
iOS Videoタグ 自動再生

iOSのSafariでvideoタグで指定した動画を自動再生させる方法をメモしておきます。 <video src="ビデオファイルのパス" aut...