Takumon blog

Takumon
東京でJavaのSIerやってます。
follow us in feedly
12

Gatsby themeを使ってみる

なにこれ下記の記事を読んで、実験的に追加されたGatsby themeで何ができるのかサンプル作って試してみました。そのときのメモです。Gatsby themeはどんな問題を解決してくれるかGatsbyはスキャフォールド機能があって初期導入...

2018/11/24

Gatsby PluginでGraphQLデータ追加

なにこれ前回のunifiedでMarkdownをHTMLに変換 & ReactでQiitaっぽい目次を作るで、GraphQLで取得したヘッダー情報をReactコンポーネントで加工していましたが、あらかじめGraphQLのデータとし...

2018/11/03

Gatsbyプラグイン45選

なにこれGatsbyのプラグインは、公式プラグインとコミュニティ提供のものをあわせると、なんと502個もあります。(2018/10/21現在)今回はその中でもおすすめプラグイン45個をユースケース別にご紹介します。ユースケース別目次※クリッ...

2018/10/22

Gatsbyプラグインの使い方・作り方・公開方法

なにこれGatsby公式サイトのプラグインの章のまとめ。プラグイン概要Gatsbyプラグインは、Gatsbyの全処理を拡張および修正可能です。例えば下記のようなことができます。外部コンテンツ(CMS、ファイル、REST APIなど)を追加し...

2018/10/21

Gatsbyにおけるコンポーネント分割とCSS Module

なにこれGatsbyでブログを作っていて、機能拡張とともにテンプレートが肥大化してきたので、下記図の青枠単位でコンポーネント分割しました。あわせてCSS Moduleも採用しました。そのときのメモです。CSSをコンポーネントスコープにする方...

2018/10/14

Gatsby2系の新機能

なにこれGatsby(React製の静的サイトジェネレーター)が2018年9月に2系にアップデートしたそうです。2系の新機能について、公式ブログ(Announcing Gatsby 2.0.0)を参考に、主要な部分をピックアップして紹介しま...

2018/10/12

GatsbyでPWA対応

なにこれスマホでネイティブアプリっぽいUXを実現するため、GatsbyでPWA対応した時のメモです。以下の4つが可能になりました。前提ServiceWorkerを利用するため、SSL化が必須です。そのためブログはhttpsでアクセスできるよ...

2018/10/08

GatsbyでYouTubeとTwitter埋め込み

なにこれブログに良くあるYouTubeやTwitterの埋め込みをGatsbyでやる方法のメモです。こんな感じで埋め込めるようになります。YouTubeyoutube:https://www.youtube.com/embed/z8Kt1g...

2018/10/07

Gatsby製ブログ開設手順

ブログ開設手順Gatsbyってなにって状態から30分程度でブログを開設できました。下記にそのときの手順をメモしておきます。0. 前提条件Git、Node、npmは事前にインストールしておいてください。1. ブログのスターターキットを起動Ga...

2018/09/11

Gatsbyでブログ始めました。

ブログをやろうと思った理由Qiitaは、誰得な作業メモは載せられないしはてなブログは、見た目が好きじゃない...一時期、WikiHub日報とかもやっていたんですが、なかなか続かず...そのせいか、やったことを3ヶ月後には忘れてしまう状況がコ...

2018/09/10