Notion拡張機能開発で直面した罠

ポッドキャスト番組「ちえラジ Chat ポッドキャスト版」にて、パーソナリティが「拡張しやすいウェブサイトと拡張しづらいウェブサイト」について語った。

日頃から情報整理にメモアプリ「Notion」を愛用しているが、画面サイズによって見出しレベル2と3が同じ大きさに見えるなど、階層構造が判別しづらい点に不満を抱いていたという。

AIを活用した拡張機能開発

不満を解消するため「ブラウザ拡張機能を作ればいい」と思いつき、生成AIに頼んで専用ツールを自作。提示されたコードは正常に動作しエラーも出ないが、実際の画面に変更が一切適用されない事態に直面する。原因を追究すると、サイト構築に使われている最新技術が大きな障壁となっていた。

開発者を悩ませるReactの壁

原因は「React」というフレームワークだった。外部の拡張機能で要素を書き換えても、システム側が自動で元の状態へ戻してしまう仕組みなのだ。この仕様に対し「ブラウザ拡張って拡張しようがないな」と当時の落胆を振り返る。

代替案で解決したものの、ローカル環境での自由なカスタマイズは許容してほしいと本音を吐露。最後に「フレームワークが使われているサイトを拡張する時は細心の注意を払いましょう」と語り締めくくった。