キクナントカ

ソフトウェアエンジニアをしています。趣味でボードゲームを制作したり、個人開発でNakamyというサービスを開発しています。詳しくはこちら

俺が考えた最強のブログを作る (8件)

Gatsby.js で作っているブログでコードブロックの行数を表示できるようにして、プラグインの中身を少し読んでみた

2019-12-15

はじめに ギフティ Advent Calendar 2019 - Qiita の15日目の記事。アドベントカレンダー駆動開発でこのブログを進化させていくスタイルをとっている。このブログでコードを書いた時にコードブロックがいい感じになるようにしたので、その過程をまとめる。今回はコ…

Gatsby.js で作っているブログでコードブロックで指定した行数がハイライトされるようにした

2019-12-12

はじめに ギフティ Advent Calendar 2019 - Qiita の12日目の記事。アドベントカレンダー駆動開発でこのブログを進化させていくスタイルをとっている。このブログでコードを書いた時にコードブロックがいい感じになるようにしたので、その過程をまとめる。今回は指…

Gatsby.js で作っているブログでコードブロックにタイトルをつけられるようにした

2019-12-11

はじめに ギフティ Advent Calendar 2019 - Qiita の11日目の記事。アドベントカレンダー駆動開発でこのブログを進化させていくスタイルをとっている。このブログでコードを書いた時にコードブロックがいい感じになるようにしたので、その過程をまとめる。前回に引…

Gatsby.js で作っているブログでシンタックスハイライトが適用されるようにした

2019-12-03

はじめに ギフティ Advent Calendar 2019 - Qiita の3日目の記事。枠が空いていたので書いた。アドベントカレンダー駆動開発でこのブログを進化させていくスタイルをとっていきたい。このブログでコードを書いた時にコードブロックがいい感じになるようにしたので、…

Gatsby.js で作っているブログにタグ機能を導入した

2019-12-01

はじめに ギフティ Advent Calendar 2019 - Qiita の1日目の記事。このブログにタグ機能を導入したので、その時の手順を解説する。基本的に 公式の記事 に従えば良いのだが、差分が分かりづらいのと、自分で理解した内容を補足したいので、記事にした。 前提 こ…

Sass with CSS Modulesな環境を整えた

2019-04-15

導入した背景 他の案件などでsassでスタイルを書いているので、お互いに流用しやすいので、このブログでも採用した。 CSS ModulesはGatsbyに標準で入っている。 やったこと 下記コマンドで必要なパッケージをインストールして、gatsby-config.jsに設定を追…

Semantic UI Reactを導入した

2019-04-10

導入した背景 ブログのデザインをカスタマイズするためにフレームワークを導入したかったので、普段から使い慣れているSemantic UIを導入した。Reactコンポーネント版のSemantic UI Reactがあるので、そちらを導入した。 Semantic UI Introdu…

Gatsby.jsにブログを移行するまでにやったこと

2019-03-29

ホスティング先の選定 Netlify: All-in-one platform for automating modern web projects. 大人しくNetlifyにした。Toykoリージョンはまだなく、一番近くてシンガポールのようだが、GitHubと連携するだけで、…