iLiss557_Ort https://blog.hatena.ne.jp/iLiss557_Ort/ アルゴ式 Tech Blog https://algo-method.hatenablog.com/ これはなに リッチエディタみたいな誰でもいい感じにページを作れるものから任意の部品を上手い具合に作るのは大変 html-react-parser を使うと受け取ったhtmlを置換したり、React Elementにして加工したりすることができる microCMSにはショートコードがないので近い機能をNext.js側で実装した コードを書かない人が記事を書く際にCMSにない機能をHTMLを書かずに使えるようにすることができ、うれしい アルゴ式 Advent Calendar 12日目の記事です。前日の記事は代表によるAlgo UIの記事でした。その他の記事はこちらにまとまっています。 adven… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Falgo-method.hatenablog.com%2Fentry%2F2025%2F12%2F12%2F164242" title="html-react-parserを使ってMicroCMSから受け取ったhtmlを直接編集せずに色々なものを挿入したい話 - アルゴ式 Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2025-12-12 16:42:42 rich https://algo-method.hatenablog.com/entry/2025/12/12/164242 1.0 100%