Arumakan のモーション映像

この映像について

このサイトの自己紹介をもとにした 54 秒のモーショングラフィックス。 絵も音も、再生しているブラウザの中でその場で描いて鳴らしています。

章

1. 0:00はじまり

   夜の画面に「"Nakamura".reversed()」と打ち込まれる。8 文字が組になって軌道を描いて入れ替わり、「Nakamura」が「Arumakan」になる

2. 0:04なまえ

   Arumakan、あるまかん、ソフトウェアエンジニア

3. 0:08すきなもの

   エディタに型の定義が書かれる: type Favorite = "型安全なもの" | "かわいいもの" | "作業環境の整備"

4. 0:14あゆみ

   2016.09 Java の入門書で独学スタート、2017.11 パソコン甲子園 新人賞、2018.06 応用情報技術者試験 合格、2018.08 SuperCon 本選、2018.12 情報オリンピック 本選、2019.08 SuperCon 本選 (2 回目)、2022.12 ICPC アジア地区大会、2023.11 ICPC アジア地区大会 (2 回目)、2024.03 情報処理学会 学生奨励賞、2024.04 ソフトウェアエンジニアに、2025.12 AI Engineering Summit に登壇、2026.03 国際学術誌に論文が掲載

5. 0:30つかう技術

   モニターの画面に技術の名前が降り積もる: TypeScript、Python、Rust、C++、C、Java、C#、Go、Haskell、Scala、F#、MoonBit、D、Nim、Ruby、PHP、React、TanStack Router、Tailwind CSS、Hono、FastAPI、Zod、ArkType、Pydantic、PostgreSQL、Drizzle、Prisma、DuckDB、AWS、AWS CDK、Docker、Neovim、tmux、mise、chezmoi、Turborepo

6. 0:36デスク

   画面から引くと作業机。物が次々に置かれ、猫がやってくる。2025.03 ITmedia NEWS にデスクが載る。日が暮れてランプが灯る

7. 0:44モットー

   夜空の五線譜に「今を楽しもう！♪」の文字が音符のように並ぶ

8. 0:50おしまい

   Arumakan — arumakan1727.dev。GitHub arumakan1727、X @Arumakan_ei1727、AtCoder Arumakan1727

操作

Space

再生 / 一時停止

← →

2 秒戻る / 進む (シークバーの上では 1 秒)

Shift + ← →

5 秒戻る / 進む

M

音のオン / オフ

S

スロー再生

F

全画面

クレジット

• 猫のイラスト:ソコスト
• アニメーション:GSAP(Standard License)
• 音: Web Audio API でその場で合成

トップページへ戻るターミナルで読む