概要

以前に作った morino.deno.dev の全アイドル対応版です。
白菊ほたるさんのお誕生日用に急いで作りました。

ひとこと

Next.js / TypeScript / Tailwind CSS / Vercel / Cloudinary / Github Actions / Depfu

オモコロラジオの JSON / 非公式 Podcast フィード

Web メディア「オモコロ」で配信中のラジオの JSON データ及び、非公式 Podcast フィードです。

JSON データは専用プレイヤー「匿名Player++」を作るために、Podcast フィードは自分で使うために作成しました。
定期的に RSS フィードを取得・解析し、ほぼ自動で更新されています。

ポートフォリオサイトのようなもの (4代目)

つくったものをまとめた、ポートフォリオのようなサイトです。

Gatsby から Next.js へ移行したほか、ヘッドレス CMS を導入しました！
※ 2022/03/28 : デザインを刷新しました。

Next.js / TypeScript / Tailwind CSS / Framer Motion / plaiceholder / microCMS / Vercel / Cloudflare / Playwright / GitHub Actions / Depfu

凛世さんのお誕生日をカウントダウンするサイト

アイドルマスターシャイニーカラーズに登場するアイドル、杜野凛世さんの「誕生日までの秒数」をひたすらカウントダウンするサイトです。

動的に生成された OGP 画像とともに、残りの秒数を SNS で共有することができます。

せっかくのお誕生日、何か作りたいな……って思っていたらこれが降りてきたので勢いで作りました。
Deno Deploy を使ってみたかったというのもあります。

HTML / CSS / Deno / esbuild / party.js / Deno Deploy / Cloudinary / Github Actions

アイドルマスターシリーズに登場する、アイドルの「バッジ」をつくることができる Web アプリです。

README.md に貼りたくなったので作りました。

Next.js / Deno / TypeScript / Tailwind CSS / im@sparql / shields.io / Vercel / GitHub Actions / Depfu

ポートフォリオっぽいサイト (3代目)

今までにつくったものをまとめた、ポートフォリオ的なサイトです。

はじめてドメインを取りました 🎉
記事ページは JSONファイル から自動生成しています。

Gatsby / TypeScript / Tailwind CSS /  Font Awesome / GitHub Actions / GitHub Pages / Cloudflare

アイドルマスターシリーズに登場する、アイドル・ユニットのイメージカラーが検索できる Web アプリです。

名前の一部や色味からイメージカラーを検索し、カラーコードをコピーすることができます。
また、よく使うカラーを Keep しておくこともできます。


Next.js / TypeScript / Tailwind CSS / im@sparql / Jest / Playwright / Vercel / GitHub Actions / Depfu

ブラウザゲーム「アイドルマスターシャイニーカラーズ」に登場する、衣装説明の検索・共有ができる Web アプリです。

自動生成された OGP 画像を利用して、SNS 等で共有することができます。

ポエムという言葉からなぜか万年筆を連想したので、インクの色であるブルーブラックをメインカラーとし、「万年筆で書かれたポエム」をイメージしてデザインしました。

Next.js / TypeScript / Tailwind CSS / Cloudinary / im@sparql / Jest / Playwright / Vercel / GitHub Actions / Depfu

ポートフォリオ的なサイトです。

Vue から React へ移行するとともに、デザインを刷新しました。

Gatsby / JavaScript / Semantic UI / GitHub Pages

初めてフレームワークを使って作った、ポートフォリオ的なサイトです。


Vue 2 / JavaScript / Bootstrap 4 / Fort Awesome / Google Analytics / GitHub Pages