コリログ
Written by コリ who lives and works in San Francisco building useful things. You should follow him on Twitter
ぜったいに おしちゃダメ?は子供の反応が楽しい読み聞かせ絵本
January 24, 2019ぜったいに おしちゃダメ?？とは ぜったいに おしちゃダメ?は、アメリカで大ヒットしたビルコッターさんの絵本です。 今回は、サンクチュアリ出版様のご厚意で献本していただきました。 ぜったいに おしちゃダメ?の内容 この絵本にはたった…
GatsbyJSでMarkdownで画像を表示する
January 23, 2019GatsbyJSでMarkdownで画像を表示する Markdownファイルは、 という形で画像を挿入することができますが、実はそのままだと今くいきません。そこでgatsby-remark-imagesを使用します。 gatsby-remark-imagesのインストール npm…
GatsbyJSでiframeタグを使う
January 23, 2019GatsbyJSでiframeタグを使う ちょっと書評の仕事が来たのでこのブログを書いた。 その時、Amazonリンクを書評だから貼ってしまおう！と言うことで実装した。 gatsby-remark-responsive-iframeを使う こういうiframe…
GatsbyJSでフォントを変更する
January 23, 2019GatsbyJSでフォントをあてる ブログの見た目と読みやすさを追求するならやはりフォントにも多少はこだわりたい。 GatsbyJSには、 Typography.js を用いたやり方が公式チュートリアルには記載されている。（本当はtypefaceでやるやり方が最近のGatsby…
GatsbyJSでfontawesomeを使う
January 23, 2019ブログのUI開発に必要なやつ ブログのUI開発にアイコンは、ユーザーの学習コストを下げるという意味で無くてはならないモノだと思っていてその実装をGatsbyではどうするか？について調べた。 結論fontawesomeを採用した。 react-icons react…
GatsbyJSでMarkdownで記事の一覧を表示させよう
January 21, 2019GatsbyJSでMarkdownで記事の一覧を表示させよう 今回は、GatsbyJSで記事一覧を表示させていこうと思います。 gatsby-transformer-remarkをインストール gatsby-transformer-remark…
GatsbyJSでMarkdownの記事を表示させよう
January 21, 2019GatsbyJSでMarkdownの記事を表示させよう Markdownファイルをそのまま表示させることは出来ません。 そこで、Markdownファイルを表示するページを動的に生成する必要があります。 Gatsbyでそのようなことをする場合はgatsby-node.js…
GatsbyJSのgatsby-source-filesystemを使ってみる
January 21, 2019Gatsbyの強力すぎる管理能力 GatsbyJSには、gatsby-source-filesystemというライブラリがあります。 これの凄いところは色々なソースファイルをGraphQLでまとめてに管理できるところです。 ソースファイルとしては Qiita Wordpress…
GatsbyJSのサイトをデプロイする。Netlifyにデプロイする
January 21, 2019Netlifyデプロイです。 いよいよ、Netlifyにデプロイです。 Netlifyとは？ Netlifyは静的なサイトを超高速で提供できるWebサービスです。 Netlify…
GatsbyJSでCSS Modulesを使ってみよう
January 19, 2019GatsbyJSでCSS Modulesを使ってみよう Webサイトを作成していくとCSSファイルがどんどん肥大化していきます。 そこで、部品ごとにCSSを分割してあてて管理するやり方がいくつかあります。 CSS Modules CSS in JS…
GatsbyJSのサイトをデプロイする。GitHubへリポジトリを反映する
January 19, 2019GitHubへリポジトリを反映するための一連の流れ GitHubへリポジトリを反映させるためには、下記の手順で実行しましょう。 GitHubにリモートリポジトリを作成する ローカルリポジトリにリモートリポジトリを登録する 登録したリモートリポジトリへプッシュする GitHub…
GatsbyJSのサイトをデプロイする。GitHub登録まで
January 19, 2019GatsbyJSのサイトをデプロイする GatsbyJSで作ったサイトをデプロイ（公開）するにはいくつか方法があります。 Firebase Netilify など様々なホスティングサービスを使うことできます。 しかも、多くは個人サイトレベルなら無料です。 今回はNetilify…
GatsbyJSのImageを設定しよう
January 19, 2019GatsbyJSのImageを設定しよう GatsbyJSの初心者殺しのポイントとしてImageの使いにくさがあると思います。（ただし、markdown内は別） 今回はそこをセッティングしていきたいと思います。 GatsbyJSのindex.js…
GatsbyJSのLayoutを設定しよう
January 18, 2019GatsbyJSのLayoutを設定しよう GatsbyJSのレイアウトを修正していきましょう。 という構造になっていますが、この構造だとlayout.cssに全部CSS…
GatsbyJSにページを追加しよう
January 18, 2019GatsbyJSにページを追加しよう 立ち上がったGatsbyJSにページを追加したいと思います。 srcフォルダの中身は以下のような構造になっていると思います。 ここのpagesフォルダには3つのファイルが入っているのがわかると思います。 GatsbyJSではこのpages…
GatsbyJSをはじめる
January 17, 2019GatsbyJSとは？ GatsbyJSは、FaceBookが開発しているJavascriptフレームワークのReactJSという言語を使った静的サイトジェネレーターです。静的サイトとはHTML…
GatsbyJSをインストールする
January 17, 2019GatsbyJSをインストールする GatsbyJSをインストールするには以下の手順が必要になります。 NodeJSをインストール GatsbyCLIをインストール Gatsbyのプロジェクトを作成する それでは具体的に見てみましょう NodeJS…
初心者がプログラミングスクールで学習した内容全部書く
January 08, 2019初心者がプログラミングスクールで2か月でサービスを開発した勉強法を全部書く はじめに 最近、プログラミング教育サービスが乱立している。…
複業のトリセツの書評
January 07, 2019複業のトリセツってどんな本？ 複業のトリセツの著者の染谷昌利さんは、サラリーマンを辞めてブログだけで生計を立てた「ブログ飯」などを書かれた方で、ブログ、YouTube…
Google AdSense マネタイズの教科書の書評
December 28, 2018巷で話題の のんくら本 こと「Google AdSense…