herohoroブログ

Posts before 2022-05-17

1

テキストを可愛くアレンジできるColor Paletteが激アツだ_equation

thumbnail

easy-notion-blogの大先輩であるひつじさんのテンプレが便利で実用的すぎて興奮気味。

0

color text/backgroundとblock colorを深堀り

thumbnail

v0.7.0でサポートされた文字色・背景色の検証をしてみました。

2

NotionAPIで取得したslugの値で記事リンクを作成する | getStaticPathとDynamic routesが便利だ_Blog learn04

thumbnail

easy-notion-blogのslug列。記事へのpathで必要だったり、ひな形を用意して内容だけ差し替えるDynamic routesで必要だったりと実は縁の下の力持ちだった。。。。

0

サムネを超簡単に作成して執筆に専念する技

thumbnail

easy-notion-blogのOgImageを有意義に活用するためにGoogleスライドですぐ作成する工程を紹介します。

0

Notion APIの公式リファレンスを徹底的に根拠付けしながらブログにtitle,text,dateを一覧にして表示させる方法_Blog learn03

thumbnail

鬼ネストなNotionデータを精読しながら「なぜ?」と向き合いながら着実にデータを取得していく方法を解説します。※ 結構長いです

0

親要素を無視するimgのサイズを制御する

thumbnail

ogImageも保存する仕様にしたけどimgタグで親サイズを継承してくれない問題を解決するためにvwを使ったらうまく整いました。

0

APIのreq/resがいまいち分からないから作って遊んで浸透させることにした_Blog learn02

thumbnail

API の動きや外部データを取得して表示するdata fetchingについても公式サンプルを活用して納得行くまで作って動かして確認していく過程を紹介します〜🎶

0

ノーマルなcreate-next-appから本家のレイアウトを再現_Blog learn01

thumbnail

この上なく質素な状態から画面遷移・レイアウト・componentを実装しながらeasy-notion-blogの構成を学ぶと今更ながら気付かされることが多々ありました。

0

デモサイトのイラストを描いたらずっと悩んでいたOgImageの課題を無事解決できた

thumbnail

easy-notion-blogのロゴ・デフォルト画像を描かせていただいた経緯と作成小話に触れながらも結局OgImageのコードを修正できて良かったっていう内容です。

0

画像を保存して再利用!?コマンドを使わずPRを受け取る方法_Vercel Limit対策

thumbnail

VSCodeの拡張機能を使えばPRを受け取ったり、branchを可視化できたりと便利。