Blog

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

Contact form 7のHTMLタグの幅を指定する

2018.10.23
  • Blog
  • Web Development

Contact form 7を使っている際にモバイル表示でinputタグが画面幅よりも長くなってしまうことがあります。そのような場合に幅をCSSで指定する方法...

WordPressでシンタックスハイライトするのにPrismを使う

2018.10.18
  • Blog
  • Web Development

元々プラグインでシンタックスハイライトさせていたのですが、動作が重かったり表示が一昔前っぽくなってしまうのでモダンな表示になるものを探していました。今回はPri...

Gatsbyでfaviconを変更する方法

2018.10.17
  • Blog
  • Web Development

Gatsbyでページを作成するとデフォルトのfaviconが割り当てられているので、これを自作のfaviconに変更しました。 faviconはブラウザの...

gatsby-imageで画像を表示する方法

2018.10.16
  • Blog
  • Web Development
gatsby-image

Gatsbyを使って画像を表示する方法です。dev.toに参考になる記事があったのでこちらをもとに設定しました。 yarnやnpmで必要なプラグイ...