CODE 2023.04.16
Next.js+Newt+KaTeXで改めて数式をきれいに表示する|自作ブログ
以前KaTeXを使って数式をきれいに表示する方法を解説しましたが、しばらく使ってみたところこのやり方だと色々と問題があることに気づいたので、別の方法を模索して実装し直しました。新しい方法のメリット・デメリットも含め解説していきたいと思います。
#KaTeX
#ブログ
#Next.js
CODE 2023.04.15
Next.js+microCMS+KaTeXで数式をサーバーサイドレンダリングする|ブログづくり
前回の記事を作ろうとした際に数式の表示で死ぬほど苦労したのでその悔しさを忘れないための備忘録です。同じように苦しんでいる方の参考になれば幸いです。
#ブログ
#KaTeX
#フロントエンド
CODE 2023.03.28
TypescriptでuseSelectorを使ったらエラーが出た
TypescriptでuseSelectorを使った時に出てくるエラーProperty '〇〇' does not exist on type 'DefaultRootState'の対処法を解説しています。
#デバッグ備忘録
#React
#Redux
CODE 2023.03.24
CORSについてやさしく解説|webセキュリティの基礎
Webセキュリティの基本のキである同一オリジンポリシーやCORSについてまとめた記事です。
#Webセキュリティ
#HTTP
#API
CODE 2023.03.24
Connect-WebをMSWでモックする方法|Webフロントエンド
Connect-WebはgRPCを使いたい人にとっては導入も簡単で使い勝手の良いブラウザ用APIライブラリです。一方で新しい技術であることからも日本語ドキュメントが少ないという現状があります。今回は、Connect-Webのモックについて述べた記事があまりなかったので、これについて調べた内容を書き残します。
#API
#フロントエンド
#gRPC
CODE 2023.03.24
モダンなWeb言語たちの先祖|プログラミング言語の歴史を解説
本記事では現在よく使われているプログラミング言語の祖先となったような重要な言語を取り上げ、その開発の経緯やどんな名残があるのか、誰が作ったのかなどを中心に書き残したいと思います。
#プログラミング言語
#教養
CODE 2023.03.24
Next.js+MUIでページネーションを実装|ブログづくり
MUIは非常に便利なライブラリでかっこいいコンポーネントが一通り揃っていますしドキュメントも充実しています。ただ、使ってみると思うのですがMUIのコンポーネント自体は非常に豊富な機能を有している一方、ドキュメントに関しては案外痒いところに手が届かない説明になっていたりします。今回は自分と同じ痒さを患っている方の手助けをするためにも、Next.jsのLinkコンポーネントとMUIのPaginationコンポーネントを使った簡単なページネーションの実装方法を書き残します。
#Next.js
#TypeScript
#MUI
CODE 2023.03.24
custom hooksのテストでuseStateが更新されないときの対処法
react-hooks-testing-libraryを使ってcustom hooksをテストした際にhooks内で作ったstateが更新されない問題が起きたのでその対処法を書き残します。
#React Testing Library
#React
#デバッグ備忘録
CODE 2023.03.24
MUI+tailwindcssでButton componentが透明になる問題の解決策
MUI+tailwindcssでButton componentが透明になる問題の原因と対処法です
#MUI
#Tailwind CSS
#React