やりたいこと

noteみたいにURLを貼ったらogpを読み取ってリッチに表示するようにする

検討している実装手段

ビルドのタイミングでbodyを直接書き換える方法を取る。

URLを検出したら以下のライブラリを利用してogp情報を取得する
https://www.npmjs.com/package/ogp-parser

Nuxt.jsでのプライグインの利用方法も忘れない
https://qiita.com/fj_yohei/items/cddf267a94fa30ecb0b8

microCMSではaタグが使えるのだけど、aタグで貼ったときはむりやりリッチリンク化したくないので、そこは無視するようにする。

これはリッチリンク化したいURL

やりたいこと↑この上の目次をデフォルトで開いてる状態にしたい現状想定しているやり方まずはDOMにアクセスしないといけないので、これを試すhttps://designsupply-web.com/me....

utautattaro.blog

これはしたくないURL

utautattaro.blog

とりあえずやってみよう

もくじ

やりたいこと検討している実装手段具体的に課題具体的に

LIFF(LINE)ブラウザでwindow.prompt()が期待する動作をしない

2021年10月16日(土) 14時22分50秒 | 129 view

あたらしいVisual ImageをAI使って作りました

2023年4月20日(木) 16時38分53秒 | 55 view

目次をデフォルトで開いたり、開いたり閉じたりを検出したい

2020年10月30日(金) 9時52分28秒 | 30 view

ncmbのREST APIでエラー{"error":"12.16.1 is invalid version","status":400,"code":"E400001"}が出る

健康生活

2020年11月5日(木) 14時57分32秒 | 17 view

Ryotaro Tsuda @utautattaro

3D系Webデベロッパー。
エンジニアリングよりもデベロップメントやアートに興味があります。技術の根幹やコアも重要ですが、それで何を実現/表現するか？を考えていることの方が多いです。