Reactの記事一覧

React v18でReact Compilerを使う&一部のコンポーネントだけReact Compilerで最適化する方法

⚛️

先日、React Compilerがオープンソースになり、誰でも利用できるようになりました。 しかしながら、React CompilerはReactのベータ版が必要になり、本番環境でガッツリ利用するのは少し難しいです。そこで、今回はReact CompilerをReact v18でも利用できるよう…

工嶺祭2023HP制作の裏側

🎆

私は今年の工嶺祭のHP制作を担当しました。ここでは制作にあたっての技術スタックや運用、工夫した点などを紹介します。 なお、この記事は私が自主的に書いたものであり、工嶺祭実行委員会や長野高専とは一切関係ございません。 本記事の内容に関して学校などに直接問い合わせることはご遠慮ください。また、この記事…

KaTeX と React Syntax Highlighter を React Server Component に対応させる

🧐

このブログは Next.js 13 で新しく追加された App Dir + React Server Component(RSC)を使って実装しています. RSC はクライアントサイドのバンドルサイズを非常に小さくすることができますが,RSC では useState などの副作用や Provide…

ブラウザ上で動くファビコンジェネレーターを作った

🎉

この前blog.s2n.tech v2 をリリースしましたが, その時に動的に OGP 画像を生成するために @vercel/og というライブラリを使用しました.@vercel/og は大まかには JSX を SVG に変換する処理と SVG を PNG に変換する処理を内部で行っているのですが…

blog.s2n.tech v2 のリリース

📝

このブログは元々 2021 年末に唐突に自作のブログが作りたくなって急遽作ったものだったのですが, 急ごしらえで作ったせいか,色々と機能不足だったり,問題があったりと不満点がたくさんありました.そこで今回自作ブログを大幅にリニューアルし,機能の追加,問題の解決を行いました.v1 時代のブログシステ…