English | ζ₯ζ¬θͺ
- π§© Motto: Build in Flow, Value for All β to us, our clients, and end users.
- βοΈ Values: Optimal better than Best - MVP mindset, practical solutions
- π― Goal: Full-Cycle Engineer β from design β implementation β operation
- πΌ Current: 7 years of infrastructure & 10 years of practical experience. Remote development from Okayama
PCπ», Gadgetsπ±, Various OSπΏ, Coffee (especially iced)β, OSS Developmentπ
GamificationπΎ, Behavioral EconomicsπΆ, Marketing Automationπ, Investment Trustπ°, Charitable Donationπͺ
Hiroyuki ODA, Masami Okui, Michael Jackson, Sheryl Nome, Yoko Kanno, Hayato Kagami
I'm an IT engineer who's passionate about setting up dev environments and building web tools in my spare time.
I'm also the supreme leader of the Okayama Iced Coffee Club β because let's be real, iced coffee is the ultimate drink! βοΈ
I'm a firm believer in "multi-standardism" β basically, I think there are as many different versions of "normal," "common sense," and "obvious" as there are people in this world. Everyone's got their own take on what's standard, and that's totally cool with me!
- π‘ Philosophy: Creating sustainable value through IT
- πΌοΈ Vision: Solving core problems with optimal technology
- π Positioning: Full-Cycle Engineer tackling business challenges with IT & AI
What is a Full-Cycle Engineer?
A development approach advocated by Netflix in 2018 where engineers handle the entire software lifecycle:
Design β Implementation β Testing β Deployment β Operation β Support
Full-Cycle (depth of development process), not Full-Stack (breadth of technical domains)
Reference: Netflix Technology Blog (2018)
Practical Example:
- Fast logbook PWA: Handled everything from planning β PWA/i18n learning β implementation β OSS release & Netlify deployment β user support
Platform Strategy:
- Technical articles on Zenn
- Development tips and IT poems on Qiita
- Business topics and reflections on Hatena Blog
Open Source Development:
- Public repositories: 60+ (MIT License and others)
- Total contributions: 2000+
- Free to use and modify
Project contributions (Issues, PRs, feedback) are always welcome!
- Frontendπ»: React, Vue.js, TypeScript, Tailwind, Vite, bun, IndexedDB, Server-Sent Events (SSE), WebSocket API, Web Push API, Notification API
- BackendβοΈ: FastAPI, FastMCP, GraphQL, Mago
- AI Developmentπ οΈ: Claude Code, GitHub Copilot CLI, Codex CLI, Gemini-CLI, v0, GitHub Copilot Code Review, CodeRabbit, CodeRabbit CLI, Replit, Serena MCP, AGENT.md
- AI Integrationπ§ : MCP Server development, Local LLM AI
- Certificationsπ: IPA IT Strategist, System Architect, JCCI Bookkeeping Level 3
- Frontend: JavaScript, HTML/CSS, jQuery, WebRTC API, Web Speech API, Geolocation API, Prompt API, Chrome extensions, Firefox extensions, VS Code extensions, Claude Desktop extensions, UserScript, PWA, Bookmarklet
- Backend: PHP, Laravel, MySQL, PostgreSQL, SASS, Twig, Python
- Infrastructure: AWS, Azure, Linux, BSD, Windows Server, Apache, MariaDB, ssh, sendmail, Git, Subversion, Docker, Vagrant, Ansible, Mackerel
- Marketing: WordPress, SEO, Google Ads, Facebook Ads, Press releases, Listing on lead generation sites, Google Analytics 4, Google Search Console, Google Tag Manager, Structured data (schema)
- AI Tools: GitHub Copilot Chat, ReCline-Legacy, Claude, ChatGPT, MS Copilot, M365 Copilot, Gemini, Grok, Rakuten AI, NotebookLM, DALL-E3, MCP Server, MCP config files, Local LLM AI (Ollama, LM Studio, GPT4ALL)
- Chat Tools: Chatwork, Slack, LINE, Teams, Messenger, Discord, Matrix, Google Chat, Google Meet, Zoom, FaceTime
- Knowledge Base: esa.io, OneNote, Google Keep, Redmine Wiki, Zenn.dev, qiita.com
- Frontend: TypeScript, React, Vite, Vue.js
- Certification: IPA Database Specialist
A timestamped work memo PWA that allows aggregation in HTML and Markdown table format, with export functionality.
- Tech stack: PWA, JavaScript, HTML/CSS, i18n
- Problem Solved: Realized simple work logging and time aggregation with a PWA requiring no installation or account. Can be installed as an app on mobile devices. Easy local storage using HTML export.
- Use Cases:
- Work log management for individual developers
- Billable hours tracking for freelancers
- Daily report creation for teams where app installation is not allowed
2. ShigotoForm
- A PWA-based resume generator with offline operation, IndexedDB storage, and PDF export for seamless & serverless resume creation.
- Tech stack: PWA, Vite, IndexedDB, JavaScript, HTML/CSS
- Problem Solved: Create Japanese resume PDF files on the web without leaving data on servers. Export personal info, education, work history, and certifications as JSON files, and resume as PDF.
- Use Cases:
- Personal resume creation
- Digitization of resume data and increased versatility through JSON conversion
- A VS Code extension that allows embedding images directly into Markdown files, making documentation simpler and smarter.
- Tech stack: TypeScript, VS Code API, Markdown
- Problem Solved: Consolidate images displayed when previewing Markdown files into a single Markdown file.
- Use Cases:
- Solving the problem of not being able to preview images in Markdown files alone
4. memory_mcp
- An MCP server that bridges LLMs (Claude, Cursor editor, GitHub Copilot Chat, etc.) with development environments, enabling seamless AI workflow integration and productivity enhancement.
- Tech stack: Node.js, Python, MCP, AI/LLM integration
- Problem Solved: Realized memory functionality across threads in Claude desktop app, which was impossible at the time.
- Use Cases:
- Sharing the same knowledge across multiple CLI agents or accounts
- π€ Custom GPTs Development: 20+ (for internal process efficiency, including multilingual versions)
- π Internal Phone Call Notification System: Built chat notification system (productivity improvement)
- π«οΈ Email & Internet FAX Notification System: Developed and operated chat notification and filtering Power Automate flow (productivity improvement)
- π Work Log PWA OSS Release: Developed & released Fast logbook PWA
- π§ Extension Total Installs: 720+ (VS Code, Chrome, Firefox)
- Open Source Portfolio: 60+ public repositories on GitHub
- Cross-Platform Development:
- UserScripts: 30+ automation tools
- Browser Extensions: Chrome Web Store + Firefox Add-ons (published)
- VS Code Extension: Marketplace published
- Desktop Application: Electron-based
- Strategic Thinking for Maximizing Multifaceted Value Creation from Single Resources
Create tutorials, deep-dives, and design notes from one deliverable, reaching different audiences with minimal additional cost. - Full-Cycle Development with Business Value Focus (Full-Stack Capable)
- Deliver end-to-end solutions from infrastructure to UX
- Developed attendance management system with Laravel+Twig, including facial recognition with Azure Face API
- Created 20+ GPTs for business process automation, including multilingual versions
- Applied to custom prompts in various chat AI project features, built expertise in simple RAG, SBI feedback AI from work logs, document review AI, etc.
- Developed MCP servers for enhanced AI workflow integration
- AI-Driven Business Process Optimization
- Automated call notification system reducing productivity loss
- Implemented FAX notification & filtering flow with Power Automate
- Built custom tools for competitive web analysis and email marketing
- Created custom prompts returning SBI feedback from work logs





