📆

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

WEBデザインブログ「Koblog」の管理人。現役高校生。趣味は音楽鑑賞とネットサーフィン・読書。主にWEBデザイン・プログラミング・GatsbyJS・はてなブログ関連のことについて発信していきます。投げ銭をしてくれる方を募集しています。

donation