herohoroブログ

Posts before 2022-05-18

0

記事ページにDBの情報を表示させる | useEffect・enableLink_Blog learn05

thumbnail

記事ページごとにNotionDBの情報を切り替えられているのはReact HookのuseEffectのおかげではなかったのよ。知ってた?

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のコードを修正できて良かったっていう内容です。

Buy Me A Coffee

新着記事を通知したい??


RSSリーダーにatomのリンクを登録すると通知が行くよ🐌

https://herohoro.com/atom

やってみてね(*´ω`*)(*´ω`*)

Twitter Timeline


フォロー大歓迎\(^o^)/