#ブログ開発

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


ページビュー数を表示する

2021年11月6日(土) 15時27分55秒 | 35 view

JAMStackでもページビュー数を取得して表示したい! ということで実装しました。技術要素はこちらGoogle Analytics Reporting API v4google-api-php-cl...

Ryotaro Tsuda avatar


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

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

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

Ryotaro Tsuda avatar


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

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

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

Ryotaro Tsuda avatar


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

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

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

Ryotaro Tsuda avatar


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

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

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

Ryotaro Tsuda avatar


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

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

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

Ryotaro Tsuda avatar


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

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

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

Ryotaro Tsuda avatar


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

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

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

Ryotaro Tsuda avatar


次はURLのogp出力に挑戦

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

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

Ryotaro Tsuda avatar


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

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

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

Ryotaro Tsuda avatar


目次を作りたい→作った

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

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

Ryotaro Tsuda avatar


highlight.jsを入れた

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

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

Ryotaro Tsuda avatar


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

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

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

Ryotaro Tsuda avatar


backnumberを実装した

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

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

Ryotaro Tsuda avatar


tweetlogを作った

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

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

Ryotaro Tsuda avatar


このブログについて

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

概要忘備録や日常の事など、適当に書き留めていくブログです。Nuxt.js + Github Action + microCMSでJAMstackな設計になっています。{{github}}技術スタックF...

Ryotaro Tsuda avatar