概要

以前に突貫工事で作ったサイトを Remix の学習を兼ねて再構築したものです。

ひとこと

Remix / TypeScript / Tailwind CSS / daisyUI / im@sparql (SPARQL) / Vercel / Cloudinary

使用技術

制作時期

idol-birthday.vercel.app

アイマスワールドのオープンデータプラットフォーム「im@sparql」のデータダッシュボードです。

収録されているデータ件数をまとめてみられたらいいな〜と思ったのでつくりました。
Deno の Web フレームワーク、fresh を使用しています。

Deno / TypeScript / fresh / Twind / im@sparql (SPARQL) / Deno Deploy

im@sparql Data Dashboard

アイマス CD のアートワーク情報を検索できる Web アプリ・API です。

SolidJS / Hono / MongoDB を触るついでにできたものです。
いつも Vercel ばかり使っているので、Cloudflare Pages にデプロイしてみました。

SolidJS / TypeScript / Milligram / Cloudflare Pages / Vite

使用技術（フロント）

Deno / TypeScript / hono / MongoDB Atlas / Deno Deploy / GitHub Actions

使用技術（API）

imas-artwork-search

アイドルマスターシリーズに登場する全アイドルの「お誕生日までの秒数」をカウントダウンするサイトです。


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

Next.js / TypeScript / Tailwind CSS / im@sparql (SPARQL) / Vercel / Cloudinary / Github Actions

アイマスアイドルのお誕生日まで…？

凛世さんのお誕生日までをカウントダウン

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

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

特徴

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

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

morino

シャニマス非公式専用ブラウザ

ブラウザゲーム「アイドルマスターシャイニーカラーズ」の非公式専用ブラウザです。

ウィンドウが非アクティブになるのを防ぎ、常時コミュを再生することができます。
そのほか、1クリックでスクショを保存 & クリップボードへコピーする機能や、音声のミュート機能も搭載しています。

機能

Electron / React / TypeScript / webpack / Tailwind CSS / GitHub Actions / GitHub REST API

serizawa

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

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

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

idol-badge-generator

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

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


Next.js / TypeScript / Tailwind CSS / im@sparql (SPARQL) / Jest / Playwright / Vercel / GitHub Actions

im@s-palette

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

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

万年筆のインクをモチーフとして、どこか情緒のあるおしゃれな雰囲気になればいいな〜と思いながらデザインしました。

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

ShinyPoems

アイマスアイドルを検索できる LINE Bot

アイドルマスターシリーズに登場する、アイドルのプロフィールを検索することができる LINE Bot です。

名前の一部や読みがなから検索できる「うろ覚え検索」に対応しています。
そのほか、誕生日からの検索や、複数のアイドル名を入力して同時に検索することも可能です。

Node.js / Express / LINE Messaging API / im@sparql (SPARQL) / Jest / Vercel / GitHub Actions

works