2/4

astro-notion-blogの目次を折りたためるようにする

Featured image of the post

astro-notion-blogの目次を折りたためるようにしました。detailsとsummaryを使用し、CSSのみで開閉します。

Raspberry Pi PicoとArduino IDEでお手軽PWM割り込み

Featured image of the post

Raspberry Pi PicoとArduino IDE(Arduino-Pico環境)で簡単に使えるPWM割り込みを紹介します。analogWriteのPWMで使えます。

astro-notion-blogのInstagram埋め込みをカスタマイズする

Featured image of the post

astro-notion-blogのInstagram埋め込みをカスタマイズしました。

astro-notion-blogのX(旧Twitter)埋め込みをカスタマイズする

Featured image of the post

astro-notion-blogのX(旧Twitter)埋め込みをカスタマイズしました。

astro-notion-blogの開発環境構築(Windows)

Featured image of the post

Windows用のastro-notion-blog開発環境をWSL2とVSCodeを用いて構築します。

マウスホバーでアンカーリンクが浮き出る見出しを作る

Featured image of the post

GitHub・Zenn・Qiitaのように、マウスカーソルが触れるとアンカーリンクのアイコンが浮き出る見出しを作りました。

astro-notion-blogにバリューコマースのLinkSwitchを導入する

Featured image of the post

astro-notion-blogにバリューコマースのLinkSwitchを導入し、MyLinkBoxを使えるようにしました。

要素が自動配置されるトグルスイッチを作る(CSSのみ・計算不要)

Featured image of the post

幅と高さを設定するだけで、座標の計算を行うことなく要素が自動的に配置されるトグルスイッチをCSSのみを用いて作りました。

astro-notion-blogでサイドバーをカスタマイズする

Featured image of the post

astro-notion-blogのサイドバーをカスタマイズしました。

愛用の箸・樺の木先細箸

Featured image of the post

中学の修学旅行で行った嵐山のお土産ショップで初購入して以来、株式会社トーホクの樺の木先細箸を使い続けています。長さ・先端形状・耐久性・見た目・値段と全てが非常に高い水準のお箸です。これからも使い続けます。