<h1 id="%E3%82%84%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8"><a class="header-anchor-link" href="#%E3%82%84%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8" aria-hidden="true"></a> やったこと</h1>
<ul>
<li>ブログ OGP 画像を動的に生成</li>
<li>編入数学 3-7 章</li>
<li>コンピュータ工学課題</li>
</ul>
<h2 id="%E3%83%96%E3%83%AD%E3%82%B0-ogp-%E7%94%BB%E5%83%8F%E3%82%92%E5%8B%95%E7%9A%84%E3%81%AB%E7%94%9F%E6%88%90"><a class="header-anchor-link" href="#%E3%83%96%E3%83%AD%E3%82%B0-ogp-%E7%94%BB%E5%83%8F%E3%82%92%E5%8B%95%E7%9A%84%E3%81%AB%E7%94%9F%E6%88%90" aria-hidden="true"></a> ブログ OGP 画像を動的に生成</h2>
<p>ずっとやろうと思っていて後回しになっていた OGP 画像の動的生成をやった。ishibe-chan に教えてもらった@vercel/og を使った。画像を確認しながら開発できたのは良かったが、CSS 弱者としてはデベロッパーツールで Element を確認しながらやりたかった。完成したのはかなり Zenn 亜種ぽくなってしまったけど満足。コードは div だけで構成したり、border のグラデーション表現で background グラデーションを子で上書きすることで実現したりと筋肉コードがあるのでぼちぼち修正したい。</p>
<h2 id="%E7%B7%A8%E5%85%A5%E6%95%B0%E5%AD%A6-3-7"><a class="header-anchor-link" href="#%E7%B7%A8%E5%85%A5%E6%95%B0%E5%AD%A6-3-7" aria-hidden="true"></a> 編入数学 3-7</h2>
<p>なきなき</p>
<h2 id="%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E5%B7%A5%E5%AD%A6%E8%AA%B2%E9%A1%8C"><a class="header-anchor-link" href="#%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E5%B7%A5%E5%AD%A6%E8%AA%B2%E9%A1%8C" aria-hidden="true"></a> コンピュータ工学課題</h2>
<p>明日やりたい</p>
<h1 id="%E6%80%9D%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8"><a class="header-anchor-link" href="#%E6%80%9D%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8" aria-hidden="true"></a> 思ったこと</h1>
<p>課題やりたい。イーストウッド映画みたい。</p>


Dz99 Blog

2023-01-07

やったこと

ブログ OGP 画像を動的に生成

編入数学 3-7

コンピュータ工学課題

思ったこと