>INITIALIZING SYSTEM..._

>Hello, I'm
Eric Kei.
_

> ESTABLISHING CONNECTION...
> What is Burst Style ?
/Enter

"Burst Style" — 創造性を爆発させ、未知の体験を形にする。Webエンジニアとしての情熱を原動力に、既存の枠を打ち破る新しい価値を実装します。

Eric Kei@Burst Style ~ >ls
/Projects
/About Me
/Contact

> My Skills

HTML
CSS
JavaScript
React
Next.js
TypeScript
Tailwind CSS
Node.js
Three.js
Blender
Docker
Linux
Figma
GitHub
Vercel
Bun
Discord.js
HTML
CSS
JavaScript
React
Next.js
TypeScript
Tailwind CSS
Node.js
Three.js
Blender
Docker
Linux
Figma
GitHub
Vercel
Bun
Discord.js
HTML
CSS
JavaScript
React
Next.js
TypeScript
Tailwind CSS
Node.js
Three.js
Blender
Docker
Linux
Figma
GitHub
Vercel
Bun
Discord.js
01. Selected Works

Projects

既成概念を打ち砕き、記憶に残る体験を。
デザインと技術を融合した『Burst Style』の実践。

Cutting Works

Cutting Works

多彩なカッティングステッカー・デザインサイト制作。ユーザーが直感的にデザインを選べるUIと、制作実績のギャラリー機能を実装。

#Next.js#MicroCMS#Tailwind CSS
Discord 自己紹介認証Bot

Discord 自己紹介認証Bot

コミュニティ運営を効率化する自己紹介認証Discord Bot。自宅サーバー × CI/CD による実運用経験

#Node.js#Discord.js#TypeScript
02. Who I am

About Me

Profile Background BaseProfile Growth Stage 1Profile Growth Stage 2
STATUS: ONLINE
ID: 0216

Eric Kei

Creative Developer

JavaScriptTypeScriptPython

Born in Wakayama

2002

v2002.0 Initial Commit: プロジェクト「Eric Kei」が和歌山県にてローンチされました。

  • [Init]新規ユーザー「Eric Kei」を作成。
  • [System]コアカーネル（生命）が正常に起動。
  • [Inherit]親プロセス（父）からエンジニア属性を継承。
WakayamaOriginEngineer Father

Hello, World with Scratch

Elementary School

v2013.0 Early Access: プログラミングの世界へ初めてログイン。創造性の初期パラメータを設定。

  • [Add]ビジュアルスクリプト（Scratch）モジュールを実装。
  • [Improve]論理演算と創造性アルゴリズムを改善。
Hello, World with Scratch
ScratchVisual Programming

First Code with C#

Junior High

v2015.0 Feature Update: 友人からの招待コードにより、本格的なコーディング環境へ移行。

  • [Add]C#言語サポートとVisual Studio環境を追加。
  • [Build]自作電卓アプリケーションをデプロイ。
Calculator.cs [Design]
0
1private void btn_Equal_Click(object sender, EventArgs e)
2{
3    double second = double.Parse(txtDisplay.Text);
4    double result = 0;
5
6    switch (operation)
7    {
8        case "+":
9            result = first + second;
10            break;
11        case "-":
12            result = first - second;
13            break;
14        case "*":
15            result = first * second;
16            break;
17        case "/":
18            if (second != 0)
19                result = first / second;
20            else
21                MessageBox.Show("Div/0 Error");
22            break;
23    }
24    txtDisplay.Text = result.ToString();
25}
C#Windows FormsAlgorithms

Hardware Enthusiast

High School

v2019.0 Hardware Upgrade: ソフトウェアだけでなく、実行環境（ハードウェア）への最適化プロセスを開始。

  • [Optimize]オーバークロックによるCPU/GPUパフォーマンス最適化。
  • [Add]自作PCビルド機能を追加。
Hardware Enthusiast photo 1
PC BuildHardwareOverclocking

Silicon Valley Tour

High School (Summer)

v2019.1 Global Connect: シリコンバレーサーバーへのアクセスに成功。エンジニアとしての視座をアップデート。

  • [Access]グローバルテック本社（Google, Meta, Intel）へのアクセス確立。
  • [Sync]テックカルチャーとイノベーション思考を同期。
Silicon Valley Tour photo 1
Silicon Valley Tour photo 2
Silicon Valley Tour photo 3
Silicon Valley Tour photo 4
Silicon ValleyTech CultureGlobal Mindset

Global Communities & Gaming

2020 - 2022

v2020.0 Security Patch: パンデミックによる接続エラー（留学中止）発生に伴い、デジタル空間へ強制ルーティング。

  • [Fix]リモート通信プロトコル（Discord）を確立。
  • [Add]東京シェアハウス領域とソーシャルスキルを追加。
Global Communities & Gaming photo 1
Global Communities & Gaming photo 2
DiscordCommunity BuilderGamingTokyo Life

North America Tour

2022(Summer)

v2022.1 Localization Update: バーチャルな友情データを物理レイヤー（現実）へ同期。

  • [Sync]オンラインフレンドを物理接続（カナダ）へ同期。
  • [Improve]英語通信プラグインとグローバルマップデータを拡張。
North America Tour photo 1
CanadaUSAReal-life MeetupFamily Visit

Resort Byte & Self-Study

2022 〜 2025

v2022.2 Physics Engine Update: 物理演算（スノーボード）の処理性能を極限まで向上。

  • [Add]氷点下環境適応（白馬・ニセコ）パッチを適用。
  • [Background]プログラミング独学プロセスをバックグラウンド実行。
Resort Byte & Self-Study photo 1
Resort Byte & Self-Study photo 2
HakubaNisekoSnowboardingSelf-Taught

Web Development & TypeScript

2025 (Autumn)

v2025.0 Major Refactor: エンジニアリングスキルをモダンスタックへ完全移行。

  • [Add]TypeScript & React サポートを追加。
  • [Fix]型安全性とコンポーネント設計の課題を修正。
TS
TodoApp.tsx
Learn TypeScript
Build a Portfolio
Master Next.js
1interface Todo {
2  id: number;
3  text: string;
4  completed: boolean;
5}
6
7const TodoApp = () => {
8  const [todos, setTodos] = useState<Todo[]>([]);
9  const [input, setInput] = useState("");
10
11  const addTodo = () => {
12    if (!input) return;
13    const newTodo = {
14      id: Date.now(),
15      text: input,
16      completed: false
17    };
18    setTodos([...todos, newTodo]);
19    setInput("");
20  };
21
22  const toggle = (id: number) => {
23    setTodos(todos.map(t => 
24      t.id === id ? {...t, completed: !t.completed} : t
25    ));
26  };
27
28  return (
29    <div className="todo-container">
30      {/* ... UI Implementation ... */}
31    </div>
32  );
33};

AI-Assisted Learning

学習中に直面したエラーや疑問点は、AIと対話しながら解決。 単に答えを求めるだけでなく、コードの背景にある仕組みやベストプラクティスについて深掘りすることで、 実務で通用する知識を効率的に吸収しました。 左記のTODOアプリも、そのようなプロセスを経て完成させた成果物の一つです。

Web DevelopmentTypeScriptFrontendStudyGitHub

Server & Infrastructure

2026

v2026.0 Infrastructure Expansion: ローカル環境にLinuxサーバーをデプロイ。

  • [Deploy]自宅サーバー（Raspberry Pi 4）をデプロイ。
  • [Improve]ネットワークとOSアーキテクチャの知識ベースを強化。
Raspberry Pi Server
Model
Raspberry Pi 4 Model B
OS
Ubuntu 24.04.3 LTS
Role
Home Server & BOT Host
Running
DockerDiscord BOT
Server Terminal
LinuxRaspberry PiHome ServerNetwork

Looking for New Opportunities

2026 〜 Future

v2026.1 Update Log: バックエンド（人生経験）は複雑ですが、フロントエンド（人柄）はモダンでレスポンシブ対応済み。

  • [Fix]住所不定バグを修正し、定住意欲が向上。
  • [Add]独学で実装した技術力と、海外でデプロイされた適応力をバンドル。
  • [Note]仕様により「好奇心」がメモリを大量消費しますが、パフォーマンスは絶好調です。

この最新バージョンを本番環境で運用してくれる企業様、プルリクエストをお待ちしています！

Contact Me
Open to WorkJob SeekerFrontend EngineerCreative
03. Contact

Get In Touch

新しいプロジェクト、コラボレーション、またはカジュアルな挨拶まで。
『Burst Style』への通信回線は常に開かれています。

>ERIC KEI

© 2026 Burst Style. All rights reserved.