次はURLのogp出力に挑戦
2020年10月30日(金) 16時52分19秒 | 111 view |
やりたいこと
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にアクセスしないといけないので、これを試す大阪市天王寺区ホームページ制作｜合同会社デザインサプライ-De....
utautattaro.blog
これはしたくないURL
目次をデフォルトで開いたり、開いたり閉じたりを検出したい | EMC2NARY
やりたいこと↑この上の目次をデフォルトで開いてる状態にしたい現状想定しているやり方まずはDOMにアクセスしないといけないので、これを試す大阪市天王寺区ホームページ制作｜合同会社デザインサプライ-De....
utautattaro.blog
とりあえずやってみよう
関連する投稿
vue-scrolltoとv-b-scrollspyが共存したらかっこよかった
2021年12月1日(水) 16時37分57秒 | 307 view【Web表現チェンジャー】PlayCanvasに追加された3Diframeサンプルが控えめに言ってヤバい
2021年1月13日(水) 15時21分41秒 | 118 viewあたらしいVisual ImageをAI使って作りました
2023年4月20日(木) 16時38分53秒 | 56 viewあえてこのタイミングではてなブックマークに対応した
2023年7月26日(水) 17時7分21秒 | 56 viewなんかタグが一文字だと表示されない
2020年10月27日(火) 15時59分28秒 | 11 view
Ryotaro Tsuda @utautattaro
3D系Webデベロッパー。
エンジニアリングよりもデベロップメントやアートに興味があります。技術の根幹やコアも重要ですが、それで何を実現/表現するか？を考えていることの方が多いです。
