#ブログ開発

このブログを開発していった歴史


タグにメタデータを持たせられるようになりました

2021年9月25日(土) 5時34分35秒

作ったものタグページにメタデータを持たせられるようになりました。https://blog.utautattaro.com/tag/amongus/現在はdescriptionと画像を設定可能。URLと...

Ryotaro Tsuda avatar


パスワード付き記事を作った

2021年9月24日(金) 7時12分55秒

パスワードを知らないと読めない記事を作りました。

Ryotaro Tsuda avatar


非公開記事を作る

2021年9月24日(金) 2時11分30秒

この記事はロックされています

Ryotaro Tsuda avatar


記事が公開された瞬間にツイートする

2021年9月20日(月) 16時51分57秒

ようやくつけました。めっちゃめんどくさかった最終的なymlはこんな感じ# This is a basic workflow to ...

Ryotaro Tsuda avatar


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


actions-js/push@masterでのデフォルトブランチがmasterからmainに変わっていてCIが動かなくなっていた

2021年8月30日(月) 8時49分10秒

ある日突然CIが動かなくなったこのCI自体はこのブログシステムのJAMStackアーキテクチャ内で利用していて、ブログシステムのアップデートと記事の更新によるトリガでCIが動くような仕組みになっている...

Ryotaro Tsuda avatar


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

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

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

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


backnumberを実装した

2020年10月21日(水) 9時34分34秒

こんな感じhttps://blog.utautattaro.com/backnumber/2020-10/microCMSのcreatedAtで、年月だけを抽出して記事を作成する仕組みを作ったこれで、...

Ryotaro Tsuda avatar


tweetlogを作った

2020年10月10日(土) 3時22分55秒

自分のツイートを収集してブログに残す仕組みを作りましたIFTTTGASmicroCMSで構成しています。まず、Twitter APIがめんどくさそうむずかしそうだっため、IFTTTでスプレッドシートに...

Ryotaro Tsuda avatar


このブログについて

2020年10月9日(金) 17時15分39秒

概要忘備録や日常の事など、適当に書き留めていくブログです。Nuxt.js + Github Action + microCMSでJAMstackな設計になっています。{{github}}キャッチコピー...

Ryotaro Tsuda avatar