ポータルサイト作り直した

ブログとかいろいろな情報を掲載していたTyankatsu Sketch Bookを閉じて、tyankatsu.comを作った。

なんで

ドメイン取ったのがでかい。
他には

• TravisCI 依存（contentful の webhook で使用）からの脱却
• Netlify から Vercel にしたかった
• 前のサイトのデザインに飽きた

技術的な面で変えたところ

ホスティングに Vercel 使うようにした

Netlify より最近 Vercel を使う機会が多くて、色々設定が簡単なのは Netlify と変わらずなのでこっちにした。
Netlify はビルド中に画面がエラーになるけど、Vercel はそうならないから好き。

フォント変えた

最近 GitHub に公開され、フリーライセンスで利用できるfontworks-fonts/DotGothic16を使うようにした。ブラウン管テレビのデザインに合いそうだなーと思って使った。
やっぱり日本語フォントだから読み込みに時間がかかるのがデメリットだけれど、雰囲気出すためにはしょうがないかなって割り切ってる。

shiki使った

前まではPrismJS/prism使ってたけれど、.vue をサポートしておらず、そこまで愛着がなかったので、前から気になってた shiki に鞍替えした。Vetur 作ってたoctrefさんが作ってる Syntax Highlighter。
issue や PR 見る感じ、最近 Node 以外でもブラウザで使えるようになってたっぽいので使った。

vercel/og-image使った

Qiita や Zenn みたいに投稿タイトルが画像に組み込まれるやつ使いたいなーって思ってたので使ってみた。
fork してそのまま Vercel にデプロイすればすぐに使え、template literal ではあるが、html と css を修正して生成画像の見た目を修正できるのでとてもいい。