unifiedでMarkdownをHTMLに変換 & ReactでQiitaっぽい目次を作る
なにこれ自分のブログの目次をQiitaっぽくしたい...現在表示中の章をハイライトする目次を作りたい...ということで作りました。マークダウンをHTMLに変換するのにunifiedという構文解析ライブラリを使っています。メモ用にReactサ...
2018/10/29
Gatsbyにおけるコンポーネント分割とCSS Module
なにこれGatsbyでブログを作っていて、機能拡張とともにテンプレートが肥大化してきたので、下記図の青枠単位でコンポーネント分割しました。あわせてCSS Moduleも採用しました。そのときのメモです。CSSをコンポーネントスコープにする方...
2018/10/14
Reactで構造化データマークアップ（JSON-LD対応）
なにこれググった時に自分のブログ(React製)でパンくずを表示させたいということでJSON-LD対応しました。JSON+LDについてググると色々良い記事がでてきて一通り学ぶことができました。ここでは、それら記事の紹介を兼ねて、構造化データ...
2018/09/30
ReactでSNS対応（Gatsby製ブログでSNSシェアボタン、OGPタグ追加）
なにこれGatsby製ブログ(Reactアプリ)でSNS対応した時のメモです。(1) SNSシェアボタンと(2) 自分のSNSへのリンクを設置して、ブログの記事をSNSでシェアできるように、、、また、(3) OGPタグを設定し、SNSでシェ...
2018/09/17