コリログ

コリ

Written by コリ who lives and works in San Francisco building useful things. You should follow him on Twitter

GatsbyJSでMarkdownで記事の一覧を表示させよう

January 21, 2019

GatsbyJSでMarkdownで記事の一覧を表示させよう 今回は、GatsbyJSで記事一覧を表示させていこうと思います。 gatsby-transformer-remarkをインストール gatsby-transformer-remark…

GatsbyJSでMarkdownの記事を表示させよう

January 21, 2019

GatsbyJSでMarkdownの記事を表示させよう Markdownファイルをそのまま表示させることは出来ません。 そこで、Markdownファイルを表示するページを動的に生成する必要があります。 Gatsbyでそのようなことをする場合はgatsby-node.js…

GatsbyJSのgatsby-source-filesystemを使ってみる

January 21, 2019

Gatsbyの強力すぎる管理能力 GatsbyJSには、gatsby-source-filesystemというライブラリがあります。 これの凄いところは色々なソースファイルをGraphQLでまとめてに管理できるところです。 ソースファイルとしては Qiita Wordpress…

GatsbyJSのサイトをデプロイする。Netlifyにデプロイする

January 21, 2019

Netlifyデプロイです。 いよいよ、Netlifyにデプロイです。 Netlifyとは? Netlifyは静的なサイトを超高速で提供できるWebサービスです。 Netlify…

GatsbyJSでCSS Modulesを使ってみよう

January 19, 2019

GatsbyJSでCSS Modulesを使ってみよう Webサイトを作成していくとCSSファイルがどんどん肥大化していきます。 そこで、部品ごとにCSSを分割してあてて管理するやり方がいくつかあります。 CSS Modules CSS in JS…

GatsbyJSのサイトをデプロイする。GitHub登録まで

January 19, 2019

GatsbyJSのサイトをデプロイする GatsbyJSで作ったサイトをデプロイ(公開)するにはいくつか方法があります。 Firebase Netilify など様々なホスティングサービスを使うことできます。 しかも、多くは個人サイトレベルなら無料です。 今回はNetilify…

GatsbyJSのサイトをデプロイする。GitHubへリポジトリを反映する

January 19, 2019

GitHubへリポジトリを反映するための一連の流れ GitHubへリポジトリを反映させるためには、下記の手順で実行しましょう。 GitHubにリモートリポジトリを作成する ローカルリポジトリにリモートリポジトリを登録する 登録したリモートリポジトリへプッシュする GitHub…

GatsbyJSのImageを設定しよう

January 19, 2019

GatsbyJSのImageを設定しよう GatsbyJSの初心者殺しのポイントとしてImageの使いにくさがあると思います。(ただし、markdown内は別) 今回はそこをセッティングしていきたいと思います。 GatsbyJSのindex.js…

GatsbyJSのLayoutを設定しよう

January 18, 2019

GatsbyJSのLayoutを設定しよう GatsbyJSのレイアウトを修正していきましょう。 という構造になっていますが、この構造だとlayout.cssに全部CSS…

GatsbyJSにページを追加しよう

January 18, 2019

GatsbyJSにページを追加しよう 立ち上がったGatsbyJSにページを追加したいと思います。 srcフォルダの中身は以下のような構造になっていると思います。 ここのpagesフォルダには3つのファイルが入っているのがわかると思います。 GatsbyJSではこのpages…

GatsbyJSをはじめる

January 17, 2019

GatsbyJSとは? GatsbyJSは、FaceBookが開発しているJavascriptフレームワークのReactJSという言語を使った静的サイトジェネレーターです。静的サイトとはHTML…

GatsbyJSをインストールする

January 17, 2019

GatsbyJSをインストールする GatsbyJSをインストールするには以下の手順が必要になります。 NodeJSをインストール GatsbyCLIをインストール Gatsbyのプロジェクトを作成する それでは具体的に見てみましょう NodeJS…

初心者がプログラミングスクールで学習した内容全部書く

January 08, 2019

初心者がプログラミングスクールで2か月でサービスを開発した勉強法を全部書く はじめに 最近、プログラミング教育サービスが乱立している。…

複業のトリセツの書評

January 07, 2019

複業のトリセツってどんな本? 複業のトリセツの著者の染谷昌利さんは、サラリーマンを辞めてブログだけで生計を立てた「ブログ飯」などを書かれた方で、ブログ、YouTube…

Google AdSense マネタイズの教科書の書評

December 28, 2018

巷で話題の のんくら本 こと「Google AdSense…