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日目の記事。このブログにタグ機能を導入したので、その時の手順を解説する。基本的に 公式の記事 に従えば良いのだが、差分が分かりづらいのと、自分で理解した内容を補足したいので、記事にした。 前提 こ…
「Gotanda.js #13 in freee」で発表した
2019-11-07
発表した場 【増枠】Gotanda.js #13 in freee - connpass 発表した内容 前回に続いてGatsby.jsとCloud Functionsを使ったアーキテクチャについて発表を行った 発表資料 おわりに デモの代わりにキャプチャを用いて発表したのだが、…
AirPods Pro を買った
2019-11-05
買った。10/29にサイレント発表され、ちょっと出遅れて予約した。10/31に届いた。税を含めると3万円也。今は評判が呼んでか、Apple Storeで2週間待ちぐらいになってるようだ。 3行で AirPods Pro便利 ノイズキャンセリング機能すごい、音楽をもっと楽しめるよ…
macOS Mojaveを使っていて、再起動の通知が来るけど、Catalinaにアップグレードしたくないから、「明日再通知」を無限に押している人への共有
2019-11-01
対象 macOS Mojaveを使っていて、再起動の通知が来るけど、Catalinaにアップグレードしたくないから、「明日再通知」を無限に押している人 結論 その通知はCatalinaにアップグレードする内容じゃなかった いつものMojaveのセキュリティアップデートなので、む…
「フロントエンド Night #1」で発表した
2019-09-04
発表した場 フロントエンド Night #1 - connpass イベントスペースができたので、弊社で実施することができた。 発表した内容 Gatsby.jsとCloud Functionsを使ってフレームワーク比較サイトのプロトタイプを作ったので、その構成についてデモを交え…
「Battle Conference U30 #2019」で発表した
2019-07-18
発表した場 Battle Conference Under30 2019 Battle Conference U30 #2019 - connpass 発表した経緯 招待されて登壇する枠の人もいたみたいなのだが、それとは別でconnpassでいくつかの枠を公募していたので、U3…
「Gotanda.js #11 in MobileFactory」で発表した
2019-06-04
発表した場 Gotanda.js #11 in MobileFactory - connpass 発表した内容 Netlifyのプレビュー環境にBasic認証をかける この記事で解説したように、Netlifyのプレビュー環境にBasic認証をかけることができることを聞いていて、…
Netlifyのプレビュー環境にBasic認証をかける
2019-05-31
前提 NetlifyのProに契約していることが前提となります。 Deploy previews機能とは Netlifyには、Deploy previewsという機能がある。この機能が何をしてくれるかというと、GitHubでPRを作成した際にレビュー用のプレビュー環境を立ち上げ…
「We Are JavaScripters! @31th」で発表した
2019-04-26
発表した場 We Are JavaScripters! @31th【初心者歓迎・ショートセション大会】 - connpass 発表した内容 Meguro.esで話した内容 に少し肉付けして話をした。 発表資料 おわりに WebGLやJSのコアな話、Web Componentsや…
RubyKaigi 2019に参加してきた
2019-04-25
RubyKaigi 2019とは RubyKaigi 2019 近年は地方で開催するようになったRubyの国際会議。今年は福岡で開催された。Rubyの父、MatzさんのKeynoteなど数多くのセッションや展示、スポンサーブースなどがある。国際会議なだけあって、外国人の参加者の…
「Meguro.es #20」で発表した
2019-04-17
発表した場 Meguro.es # 20 @ Drecom - connpass 発表した内容 会社でLPを作る際にGatsby.jsを採用した時の話をした。このブログもそうだが、個人ブログなどで採用されているケースが多いが、法人の成果物として採用されているケースがそこまで多く…
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と連携するだけで、…
ブログをGatsby.jsに移行した
2019-03-27
移行した理由 「ブログをWordPressに移行した」という記事を書いて、1ヶ月も経たなかったが、やっぱりGatsbyに移行することにした。移行した理由は下記4点。 Gutenbergに慣れなかった ブログもSPAの方が体験が良い 本業と使用技術を統一して知見を深めたい Wor…