2019.04 Archive
04.09
Gatsby+Netlifyでブログを始める方法【ロードマップ】
今回から数回に分けてGatsbyJSを使ったブログ作成の方法を紹介したいと思います。 前置きとして、僕の場合はGatsbyJSどころかReact・Javascriptを全く知らない状態から3日かかってこのブログを開設できました。本当はもっと早く出来るはずなのですが、無知すぎて時間がかかりすぎました。 ...
04.10
【第1回】Gatsby+Netlifyでブログを始める方法
今回はNode・npm・Gitのインストール方法を紹介します。またインストールしたnpmを使ってGatsbyをインストールする方法から、実際にローカル環境でブログを立ち上げる方法までを紹介します。 Nodeのインストール方法はいくつかありますが、今回は一番簡単な 公式サイト からのインストールをします。 ...
04.12
npmでpermission deniedがでた時の対処法(mac)
今回はnpmで permission denied が表示された時の対処法を紹介します。Gatsbyでブログを作る際には避けて通れないエラーなので、参考にしてみてください。 上記のサイトを参考にしました。 npmディレクトリのパスを下のコマンドで確認します。 おそらく/usr/local と表示されると思うので、 sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share} で、ディレクトリの権限を自分のアカウントに変更してください。 Nodeのインストール方法は下の記事で紹介しています。 NodeはHomebrewなどでもインストールすることができますが初心者には公式サイトからのインストールがおすすめです。
04.14
【第2回】Gatsby+Netlifyでブログを始める方法
今回は 前回 作ったブログのカスタマイズをしていきます。 今回も前回同様gatsby-starter-blogというテーマを例に説明していきます。行うカスタマイズは大きく分けて下のような感じです。 ・ブログ名の修正 ・Twitterアカウントの設定 ・コピーライト(©)の表示 ...
04.28
【第3回】Gatsby+Netlifyでブログを始める方法
今回は今までで作ってきたブログをGitHubにアップロードして実際に公開する方法を紹介します。アップロードに関してはGitHub Desktopを使うのでGitHubに慣れていなくても大丈夫です。 ここでは簡単に説明します。 詳しくは こちらのサイト を参考にしてください。 ...
04.30
ReactでFont Awesomeを使う方法
ReactでFont Awesomeを使う方法です。Font AwesomeのインストールReactでのFont Awesomeは公式でサポートされています。下のコードでアイコンのSVGを読み込みます。app.jsにインポート次にapp.js...