エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
汎用的なTOCを自作した
こんにちは!CastingONEの大沼です。 始めに ページが長い時に目次を用意して、それぞれの場所に飛べる... こんにちは!CastingONEの大沼です。 始めに ページが長い時に目次を用意して、それぞれの場所に飛べるようにリンクを貼っておくと便利です。これは英語だとTable of contentsと言われ、TOCと略されます。 正にZennやQiitaのような技術系の記事でよく見かける機能ですが、こういった機能を提供しているパッケージがないか調べてみたところ、react-tocやtocbotなどが見つかりました。ただreact-tocはmarkdown前提であること、tocbotはpure JSであるためReactで動的に目次が変わる場合はやりづらそうでした。今回弊社のTOCはフォームに対して適用するので動的に項目が変更する場合にも自然と同期されるようなものだと嬉しいです。 結局ライブラリでは細かいところでつまづいてしまう可能性があることを考えて、自作することにしました。自作のTOCではより汎

