コリログ

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

January 21, 2019

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

January 21, 2019

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

January 21, 2019

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

January 21, 2019

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

January 19, 2019

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

January 19, 2019

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

January 19, 2019

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

January 19, 2019

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

January 18, 2019

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

January 18, 2019

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

January 17, 2019

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

January 17, 2019

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

January 08, 2019

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

January 07, 2019

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

December 28, 2018

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