#nuxt.js

本ブログでも採用、フロントエンドフレームワーク


microCMSにプリセットで入っているimgixを利用してお手軽に動的OGPを設定する

2021年9月6日(月) 14時33分9秒

Qiitaとかである記事のタイトルなんかをOGPに入れ込んでシェアした段階でわかりやすくなるあれですhttps://blog.qiita.com/qiita-article-ogp-renewal/動...

Ryotaro Tsuda avatar


ついにURLのogp出力に対応した

2021年9月1日(水) 2時20分35秒

URLを貼り付けたらOGP情報があればそれを引っ張ってきて貼り付けるような仕様に対応しました

Ryotaro Tsuda avatar


埋め込み要素(iframe / embed)をいい加減対応させたい

2021年6月9日(水) 1時2分54秒

何故かmicroCMSは埋め込みが特定のサービスしか対応していないので独自でHTMLを書いて埋め込むのができないなので埋め込みを対応できるように自力で実装しようと思う。

Ryotaro Tsuda avatar


nuxt.jsでテキストボックスクリック時にテキストを全選択する

2021年6月1日(火) 14時2分16秒

URLを発行したりしたときにコピーさせやすくするためのアレですこんなふうにテキストボックスを用意します<b-input ref="selectablebox" readonly id="inli...

Ryotaro Tsuda avatar


私的Nuxt.jsでどのアーキテクチャを選ぶかフロー

2021年4月27日(火) 15時51分42秒

ユーザージェネレーテッドかどうかYES → SSRNO↓ページ数が多くそれぞれのページのSEOを気にするかYES → SSGNO↓SPASSR動作が早いがデプロイ環境がnode.jsサーバーがホスティ...

Ryotaro Tsuda avatar


会社のテックブログを勝手に爆速にしてみた

2021年2月1日(月) 14時22分18秒

本記事はOne Tech Blogに寄稿した記事を転載したものですこんにちは GMOグローバルサイン・ホールディングス株式会社 GSP事業部 PlayCanvas推進室室長の津田@utautattar...

Ryotaro Tsuda avatar


次はURLのogp出力に挑戦

2020年10月30日(金) 16時52分19秒

やりたいことnoteみたいにURLを貼ったらogpを読み取ってリッチに表示するようにする検討している実装手段ビルドのタイミングでbodyを直接書き換える方法を取る。具体的にURLを検出したら以下のライ...

Ryotaro Tsuda avatar


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

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

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

Ryotaro Tsuda avatar


目次を作りたい→作った

2020年10月29日(木) 11時1分28秒

目次を作りたい目次とはhタグをまとめて上部にアンカーリンクを置く要件完成物とりあえずhタグが全部リンク化されている状態にしたいどうやって作るか?とりあえずフルスクラッチで作ろう具体的にbodyをデータ...

Ryotaro Tsuda avatar


highlight.jsを入れた

2020年10月28日(水) 13時49分3秒

vue-highlight.jsもmarkdownitも試したがうまくいかなかったので最終手段CDNで入れたら秒でできた。2時間返してくれ。C++#include <iostream> ...

Ryotaro Tsuda avatar


テキストから一意の値を算出する

2020年10月27日(火) 14時9分41秒

タグに自動で色がつくようにしました。なお、同一のタグは同一の色がつくようになっていますタグのコンポーネントはこんな感じ<template>     ...

Ryotaro Tsuda avatar