すしのへや

Portfolio

今までやってきたことや作ってきたものをまとめています。
GitHubはこちら ▶ My GitHub

💭 Mind

「誰かの『好き』や『やりたい』を最大限に実現する手伝いをする」
をモットーに、ファンコミュニティの運営やファン企画・二次創作を技術的に支援するツール・サービスの開発を行っています。

⚙️ Skills

skills: html,css,tailwind,js,ts,nextjs,react,astro,nodejs,vite,workers,cloudflare,py,docker,git,github,githubactions,discord,twitter,vscode

🚀 Experience

  1. 星街すいせい​100万人達成記念寄せ​書きWebsite企画

    直接関わったわけでは​ありませんが、​私が​今​持っている​モットーの​原点である​プロジェクトです。​ファンと​して​最大限自分たちの​「好き」を​表現する​ために、​技術を​使って​ゼロから​企画を​実行する​姿に​衝撃を​受け、​漠然と​いずれは​自分も​こう​ありたいと​考えるようになりました。

  2. プログラミングに​出会う

    チャットアプリ上で​使う​Botの​作成を​きっかけに、​書いた​ものが​動いて​人の​助けに​なることに​魅力を​感じ、​プログラミングを​学ぶようになりました。

  3. 電気通信大学 入学

  4. 初めて​ハッカソンに​挑戦する

    完成には​至りませんでしたが、​なにもない​ところから​アプリケーションや​APIを​組んでいく​楽しさを​知りました。​この​頃から​本格的に​色々な​学習を​するようになりました。

  5. Webフロントエンドに​出会う

    Webフロントエンドの​開発に​触れ、​作った​ものが​世界中どこから​でも​見れる​/​使えることに​感動しました。​この​頃から​主に​フロントエンドの​学習や​開発を​しています。

  6. -

    調布祭実行委員会 技術担当

    第73回調布祭実行委員会に​所属し、​新歓特設サイトや​調布祭公式サイトの​制作を​主導しました。​あわせて​インフラ基盤の​刷新も​行い、​大幅な​高速化・省力化に​成功しました。

  7. -

    バーチャルライブ研究会 技術班長

    調布祭実行委員会での​経験を​活かし、​コミュニケーション基盤の​管理や​Webサイトの​改修、​クラウド基盤の​更新まで​幅広く​取り​組んでいます。

💻 Works

ちいさな​よせが​き(開発中)

フロントエンド未定Lucia Auth?PlanetScale?Cloudflare Pages

Twitterアカウントだけで、気軽に短文寄せ書きを作れるオンライン完結のWebサービスです。
例えばライブの当日のようなその場で簡単に募集するタイプの寄せ書きをオンラインでも気軽に立てられるようにすることを目指しています。

ちいさな​よせが​き(プロトタイプ)

Next.js(App)MantineSupabaseDrizzle ORM

開発中のちいさなよせがきのプロトタイプとして、2024年2月に3週間ほどで作ったものです。

GitHubリポジトリ

第73回調布祭公式サイト

Next.js(App)SCSSCloudflare

技術選定・設計から関わり、費用を抑えつつも高速かつ使いやすいWebサイトを構築しました。
ご来場の方からも好評をいただきました。

ductile-ui

Pythondiscord.pyLibrary

初めて制作したライブラリです。
Discord BotでよりリッチなUIを実現するためのMessage ComponentをReactのような宣言的UIで書けるようにしています。
また、細部まで型付けされており、ジェネリクスなどを用いて快適な開発ができます。

GitHubリポジトリ

2代目個人サイト(この​サイト)

AstroTailwind CSSCloudflare

やや過剰な構成であった旧個人サイトをより簡単に維持するために、Astroを用いてリニューアルしました。
また、デプロイ先としてCloudflare Pagesを採用しました。

GitHubリポジトリ

TrackShare(prototype)

Next.js(App)Clerk

認証基盤を提供するClerkを使ってみたかったので作成したWebアプリです。
Spotify APIの制約上一般公開はできませんが、 下で紹介している#Nowplaying-APIにフロントエンドを実装したものとなっています。

#Nowplaying-API

TypeScriptHonoCloudflare Workers

聴いている音楽を気軽にツイートしたいので作ったAPIです。
Cloudflare WorkersとHonoの学習の一環で作成しました。
Workers KVを使ってSpotify APIから取得したデータをキャッシュすることで高速な応答を実現しています。

GitHubリポジトリ

初代個人サイト

Next.js(App)SCSS

第73回調布祭公式サイトの開発に携わることとなり、Next.jsに慣れておきたかったので作成したWebサイトです。
next-mdx-remoteなどを用いて、Markdown / MDXを格納したフォルダからページを動的に生成する機能などを実装しました。

GitHubリポジトリ

2023年度調布祭実行委員会新歓Webサイト

Next.js(Pages)Tailwind CSS

初めて制作したWebサイトです。
Next.jsとTailwind CSSを使い、1週間ほどで制作しました。