やりたいこと
noteみたいにURLを貼ったらogpを読み取ってリッチに表示するようにする
検討している実装手段
ビルドのタイミングでbodyを直接書き換える方法を取る。
具体的に
URLを検出したら以下のライブラリを利用してogp情報を取得する
https://www.npmjs.com/package/ogp-parser
Nuxt.jsでのプライグインの利用方法も忘れない
Nuxt.jsにおけるプラグイン導入方法(初学者向けハンズオン) - Qiitaはじめに 初学者向けにNuxt.jsにおけるプラグインの導入方法を今回書いてみました。npmインストールしたけど、「あれ？動かない？」と詰まった初学者は多いはず！(あれ、私だけ？...実は公式ページに
課題
microCMSではaタグが使えるのだけど、aタグで貼ったときはむりやりリッチリンク化したくないので、そこは無視するようにする。
具体的に
これはリッチリンク化したいURL
目次をデフォルトで開いたり、開いたり閉じたりを検出したい | EMC2NARYやりたいこと ↑この上の目次をデフォルトで開いてる状態にしたい 現状想定しているやり方 まずはDOMにアクセスしないといけないので、これを試す Bootstrapのイベントで取れるようなら撮ってみる utautattaro.blog
これはしたくないURL
目次をデフォルトで開いたり、開いたり閉じたりを検出したい | EMC2NARYやりたいこと ↑この上の目次をデフォルトで開いてる状態にしたい 現状想定しているやり方 まずはDOMにアクセスしないといけないので、これを試す Bootstrapのイベントで取れるようなら撮ってみる utautattaro.blog
とりあえずやってみよう
