Senior Frontend & Graphics Engineer
π Mitaka-shi, Tokyo, Japan | π 080-9329-8370
βοΈ uraharanoa@gmail.com
Strategic Senior Software Engineer with over 5 years of experience specializing in high-performance web applications, 3D visualization, and frontend architecture. Proven track record in leading projects from 0 to 1, optimizing rendering performance by 80%, and managing cross-functional teams. Expert in Vue/React ecosystems and Web Graphics (WebGL, Three.js, Cesium.js). Currently advancing expertise in AWS Cloud Architecture. Bilingual in Mandarin and Japanese (JLPT N2).
- Languages: JavaScript (ES6+), TypeScript, C++, Shader (GLSL), WASM, Java, Python.
- Frontend: React, Vue.js (2/3), Tailwind CSS, Framer Motion, Vite, Webpack.
- 3D/Graphics: WebGL, Three.js, Cesium.js, Echarts, AntV G2, 3D Visualization, Mathematical Modeling.
- Backend & Infrastructure: Node.js, Express, AWS (Learning), WebSocket, RESTful API.
- Tools: VSCode, Git/GitHub, Markdown, Jenkins, Linux (Loongnix/Ubuntu), macOS.
- Project Management: Requirement Analysis, Module Design, Mentorship, Agile/Scrum.
- Rainfall Simulation & Disaster Prediction System (Vue3, Cesium.js, WebGL)
- Led the development of a 3D visualization system for local governments to simulate flood risks.
- Performance Engineering: Developed a custom rendering logic using Shader + PNG (Binary data), reducing data loading and rendering time by 80% (from 400ms to 80ms).
- Architecture: Optimized frontend load times by implementing defineAsyncComponent for lazy-loading heavy 3D components, significantly reducing initial bundle size.
- Company-wide Core Frontend Library (NPM / Project Manager)
- Managed a team of 3 to build a standardized utility and WebGL component library used across all company projects.
- Standardized module design and naming conventions, reducing development cycles for new projects by approximately 30%.
- Aviation Simulation & Satellite Monitoring System (Vue & React Transition)
- Phase 1 (0 to 1 Development): Led the entire lifecycle of the initial system by deconstructing complex business logic from legacy C++ PC software. Independently architected and developed the Vue2-based frontend from scratch, delivering core modules for aircraft status and radar visualization.
- Phase 2 (Architectural Migration): Strategically migrated the established Vue system to React to meet evolving enterprise requirements. Added advanced satellite-to-aircraft communication features and optimized visual effects (trailers, radar sweeps) using custom Shaders.
- Achievement: Achieved 100% feature parity during migration while enhancing real-time data synchronization via WebSockets.
- Web-based Virtual Globe System (Vue3, WebGL, WASM, Vite)
- Successfully ported core 3D functionalities from a legacy C++ desktop application to the browser.
- Implemented WebAssembly (WASM) and Emscripten to bridge high-performance C++ logic with the web interface.
- Independently built the 0-to-1 prototype of the "Virtual Globe" for internal data visualization, enabling intuitive global data interaction.
- B2B SaaS & Official Website Development: Developed responsive official sites and contributed to a large-scale B2B SaaS project using Vue2 and Element UI.
- Core Contributions:
- Implemented high-reusability components and encapsulated Axios methods for efficient API communication.
- Pioneered the integration of Amap (AutoNavi) services and utilized AntV G2 for 2D data visualization.
- Developed a real-time, data-driven browser printing solution for expense reports.
- Graphics Expert: Specialized in creating custom visual effects such as radar sweeps, explosion simulations, and dynamic aircraft trails using Raw Shader (GLSL) integration within Cesium.js.
- Optimization Specialist: Expertise in overcoming browser memory constraints and network latency for large-scale meteorological datasets.
- Leadership: Experience in mentoring junior developers, conducting code reviews, and acting as a technical bridge between stakeholders and the development team.
- B.S. in Detection, Guidance, and Control Technology (School of Equipment Engineering)
- Note: Includes 2 years of mandatory military service during enrollment.
- Languages: Mandarin (Native), Japanese (J-cert A2.2 - Intermediate), English (Professional Working Proficiency).
- Certification: J-cert Life/Vocational Japanese Proficiency (Sept 2024).
- Continuous Learning: Currently pursuing AWS Solutions Architect certification.
- Visa Status: Seeking sponsorship for Japan.
- Interests: 3D Engine Development, Cloud Computing, UI/UX Design.
| Property | Data |
|---|---|
| Language / IDE | |
| Domain Knownledge | |
| CI / CD | |
| Tools & Platform | |
| webGL / webGPU frameworks | |
| JS / TS frameworks |
| ---- | Certification |
|---|---|
| React | ![]() |


