次はURLのogp出力に挑戦
2020年10月30日(金) 16時52分19秒 | 161 view
やりたいこと
noteみたいにURLを貼ったらogpを読み取ってリッチに表示するようにする
検討している実装手段
ビルドのタイミングでbodyを直接書き換える方法を取る。
具体的に
URLを検出したら以下のライブラリを利用してogp情報を取得する
ogp-parser
This Package is Open Graph Parser.. Latest version: 0.6.0, last published: 10 months ago. Start usin...
www.npmjs.com
Nuxt.jsでのプライグインの利用方法も忘れない
Nuxt.jsにおけるプラグイン導入方法(初学者向けハンズオン) - Qiita
はじめに初学者向けにNuxt.jsにおけるプラグインの導入方法を今回書いてみました。npmインストールしたけど、「あれ？動かない？」と詰まった初学者は多いはず！(あれ、私だけ？...実は公式ページにち...
課題
microCMSではaタグが使えるのだけど、aタグで貼ったときはむりやりリッチリンク化したくないので、そこは無視するようにする。
具体的に
これはリッチリンク化したいURL
目次をデフォルトで開いたり、開いたり閉じたりを検出したい | EMC2NARY
やりたいこと↑この上の目次をデフォルトで開いてる状態にしたい現状想定しているやり方まずはDOMにアクセスしないといけないので、これを試すhttps://designsupply-web.com/me....
utautattaro.blog
これはしたくないURL
目次をデフォルトで開いたり、開いたり閉じたりを検出したい | EMC2NARY
やりたいこと↑この上の目次をデフォルトで開いてる状態にしたい現状想定しているやり方まずはDOMにアクセスしないといけないので、これを試すhttps://designsupply-web.com/me....
utautattaro.blog
とりあえずやってみよう
関連する投稿
なるべく楽にUnityからPlayCanvasへヒエラルキーごと3Dモデルを移植する
2021年8月17日(火) 2時29分33秒 | 281 viewJamStackでもアクセスカウンターを実装したい
2021年12月13日(月) 3時21分10秒 | 113 viewmicroCMSにプリセットで入っているimgixを利用してお手軽に動的OGPを設定する
2021年9月6日(月) 14時33分9秒 | 75 view健康生活
2020年11月5日(木) 14時57分32秒 | 68 viewタグにメタデータを持たせられるようになりました
2021年9月25日(土) 5時34分35秒 | 49 view
Ryotaro Tsuda @utautattaro
3D系Webデベロッパー。
エンジニアリングよりもデベロップメントやアートに興味があります。技術の根幹やコアも重要ですが、それで何を実現/表現するか？を考えていることの方が多いです。
