Skip to content
View hidao80's full-sized avatar

Organizations

@Qithub-BOT

Block or report hidao80

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
hidao80/README.md

EMPOWERING IDEAS WITH IT

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

Fun Facts

Hobby

PCπŸ’», GadgetsπŸ“±, Various OSπŸ’Ώ, Coffee (especially iced)β˜•, OSS DevelopmentπŸ†“

Economic Activity

GamificationπŸ‘Ύ, Behavioral Economics🚢, Marketing AutomationπŸ“Š, Investment TrustπŸ’°, Charitable DonationπŸͺ™

Favorite Artists / Creators (JP & Global mix)

Hiroyuki ODA, Masami Okui, Michael Jackson, Sheryl Nome, Yoko Kanno, Hayato Kagami

Profile

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

On the Web



wakatime My Qiita posts My Qiita contributions
Zenn Articles Zenn Scraps Zenn Likes

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!

Technologies of Interest

  • 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

πŸ› οΈ Tech Stack

⚑️ Currently in Use

  • 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

πŸ“šοΈ Currently Learning & Practicing

  • Frontend: TypeScript, React, Vite, Vue.js
  • Certification: IPA Database Specialist

πŸ—‚οΈ Featured Projects

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
Input Screen Exported summary HTML file
  • 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
Input Screen
  • 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
preview
  • 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

πŸ†οΈ Achievements

  • πŸ€– 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)
    • Breakdown

      • (Chrome extension installs not auto-updated yet β€” displayed only on Chrome Web Store page)

🧰 Cross-Platform Development Achievements

πŸ’ͺ Core Strengths

  1. 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.
  2. 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
  1. 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

Activity

My Awesome Stats

Pinned Loading

  1. A bookmarklet that saves and edits t... A bookmarklet that saves and edits the memo associated with the url in the browser.
    1
    /**
    2
     * Copyright (c) 2022 hidao80
    3
     * Released under the MIT license
    4
     * https://opensource.org/licenses/mit-license.php
    5
    */
  2. embed-images-in-markdown embed-images-in-markdown Public

    Drag and drop an image file into the markdown file while holding down the Shift key to convert it to the DataUrl scheme and embed it in the markdown file.

    TypeScript 3 1

  3. HovelAPI HovelAPI Public

    Ultra lightweight API framework for PHP

    PHP 1

  4. Fast-logbook-PWA Fast-logbook-PWA Public

    A PWA for time-stamped work notes. It can be compiled in HTML and Markdown tables and can also be exported.

    JavaScript

  5. misskey-utils misskey-utils Public

    Utilities that make Misskey useful.

    JavaScript 8

  6. ShigotoForm ShigotoForm Public

    ShigotoForm is a project designed to streamline and simplify job application processes.

    TypeScript