>INITIALIZING SYSTEM..._

>Hello, I'm
Eric Kei.
_

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

"Burst Style"  Web

Eric Kei@Burst Style ~ >ls
01. Selected Works

Projects

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

Sontaくん

Sontaくん

空気を読む、AI日程調整ツール

#Next.js#AI#Supabase
Cutting Works

Cutting Works

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

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

Discord 自己紹介認証Bot

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

#Node.js#Discord.js#TypeScript
Burst Style

Burst Style

没入型Web体験を追求した自身のポートフォリオサイト。「宇宙船への搭乗」をコンセプトに、Three.jsと映像演出を駆使したSPA。

#Next.js#Three.js#Tailwind CSS#React
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
App.tsx

Todoリスト with Typescript

    1import React, { useState } from 'react';
    2import './App.css';
    3
    4function App() {
    5 const [inputValue, setInputValue] = useState("");
    6 const [todos, setTodos] = useState<Todo[]>([]);
    7
    8 type Todo = {
    9 inputValue: string;
    10 id: number;
    11 checked: boolean;
    12 };
    13
    14 const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    15 setInputValue(e.target.value);
    16 };
    17
    18 const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
    19 e.preventDefault();
    20
    21 const newTodo: Todo = {
    22 inputValue: inputValue,
    23 id: todos.length,
    24 checked: false,
    25 };
    26
    27 setTodos([newTodo, ...todos]);
    28 setInputValue("");
    29 };
    30
    31 const handleEdit = (id: number, inputValue: string) => {
    32 const newTodos = todos.map((todo) => {
    33 if (todo.id === id) {
    34 todo.inputValue = inputValue;
    35 }
    36 return todo;
    37 });
    38 setTodos(newTodos);
    39 };
    40
    41 const handleChecked = (id: number, checked: Boolean) => {
    42 const newTodos = todos.map((todo) => {
    43 if (todo.id === id) {
    44 todo.checked = !checked;
    45 }
    46 return todo;
    47 });
    48 setTodos(newTodos);
    49 };
    50
    51 const handleDelete = (id: number) => {
    52 const newTodos = todos.filter((todo) => todo.id !== id);
    53 setTodos(newTodos);
    54 };
    55
    56 return (
    57 <div className="App">
    58 <div>
    59 <h2>Todoリスト with Typescript</h2>
    60 <form onSubmit={(e) => handleSubmit(e)}>
    61 <input type="text" onChange={(e) => handleChange(e)} className="inputText" />
    62 <input type="submit" value="作成" className="submitButton" />
    63 </form>
    64 <ul className="todoList">
    65 {todos.map((todo) => (
    66 <li key={todo.id}>
    67 <input
    68 type="text"
    69 onChange={(e) => handleEdit(todo.id, e.target.value)}
    70 className="inputText"
    71 value={todo.inputValue}
    72 disabled={todo.checked}
    73 />
    74 <input
    75 type="checkbox"
    76 onChange={(e) => handleChecked(todo.id, todo.checked)}
    77 />
    78 <button onClick={() => handleDelete(todo.id)}>消</button>
    79 </li>
    80 ))}
    81 </ul>
    82 </div>
    83 </div>
    84 );
    85}
    86
    87export default App;
    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]仕様により「好奇心」がメモリを大量消費しますが、パフォーマンスは絶好調です。

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

    Open to WorkJob SeekerFrontend EngineerCreative
    03. Contact

    Get In Touch

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

    >ERIC KEI

    © 2026 Burst Style. All rights reserved.