Byunビョン Hyunseokヒョンソク

  • Frontend Engineer / AI Engineer•
  • 韓国、ソウル•
  • 95. 07. 01
  • • フロントエンドアーキテクチャ設計
  • • デザインシステムの構築とドキュメント化
  • • データキャッシュの最適化により読み込み時間を350ms -> 90msに短縮
  • • AI開発自動化により機能開発を5日 -> 1.5日に短縮
  • • デバッグ時間を1日 -> 半日に短縮
  • • 同時接続1,000人規模のサービス安定化

Work Experience

Global Knowledge Korea

韓国、ソウル

Frontend Engineer / AI Engineer

24. 03. 18 - 26. 09. 30

  • Flunti
    Next.jsReactTailwindTanStack QueryECS
    • SaaSプラットフォームのフロントエンドアーキテクチャ設計と開発を主導し、15社以上の企業サイトを運用
    • TanStack QueryとNext.js Fetch APIのキャッシュを統合し、DXを向上させ、ページの読み込み時間を350ms -> 90msに短縮
    • プロキシレイヤーのデータキャッシュ最適化により、基準情報全体の読み込み時間を100ms -> 65msに短縮
    • SEO向けのMetadataおよびJSON-LDヘルパーを設計・実装
  • Design System
    NextjsRadixUITailwindStoryBook
    • Reactベースのコンポーネントライブラリを設計・実装し、デザイナーと協業して再利用可能なコンポーネントを20種類以上開発
    • Storybookを導入し、フィードバックプラグインを開発
    • Next.jsとStorybookを用いたデザインシステムのドキュメントサイトを構築・デプロイ
    • サイト全体のUI一貫性を確保し、開発効率を向上
  • Studio
    Next.jsDrizzleDockerEC2
    • AI駆動開発のためのデザインシステムベースのプラットフォームヘルパーサイトを設計・開発・デプロイ
    • ページ生成プロンプトと自動化パイプラインを設計・実装し、機能開発期間を平均5日 -> 1.5日に短縮
    • 部門間協業を支援するHTMLモック生成機、ガイド文書用ステッパーページ、機能実現可能性を判断するAIボットを実装
  • AI Documentation
    Claude code
    • AI駆動フロントエンド開発のためのドキュメントとプロンプトを設計・適用し、デバッグ時間を平均1日 -> 半日に短縮
    • 既存のコンベンションとアーキテクチャパターンを全体分析し、15以上のSkillと6以上のCommandを作成・ドキュメント展開
    • PR分析と自動化パイプラインを実装し、人が作成したレビューコメントとの比較検証で人が検出した項目の約90%を再現
  • リアルタイムクラス教育システム
    ReactTailwindTanStack Query
    • 同時接続1,000人規模のリアルタイム教育プラットフォームで、Zoom Live連携、リアルタイムクイズ、掲示板などの主要フロントエンド機能を開発
    • Zoom Web SDKでライブ講義をプラットフォームに埋め込み、サービスから離脱せずに受講できるワンストップ環境を構築
    • リアルタイムクイズのトラフィック集中時にリクエストフローとAPIを最適化し、CloudWatch基準でECS Task平均CPU使用率を80% -> 40%に削減
    • 制限時間と開始時点の同期が必要なクイズインタラクションロジックを安定化し、デバッグを実施

Prosoft

韓国、昌原

Fullstack Engineer

23. 02. 06 - 24. 03. 01

  • レガシーソリューション再設計と高度化
    SpringBootVuePinia
    • NexacroベースのレガシーソリューションをVue 3、TypeScript、Piniaベースに再設計
    • 重複するAPI呼び出しを削除し、API呼び出しを非同期処理で最適化して応答速度を最大2倍改善
    • フォーム、グリッド、検索条件などの主要機能をモジュール化し、再利用性を強化
    • WebSocketによる通知機能とPDF.js、Fabric.jsベースの図面管理機能を実装
    • VitePressベースのオンボーディングドキュメントを作成し、新規メンバーの迅速なオンボーディングを支援
  • DB移行
    MyBatisOracleDBMariaDBJAVA
    • 既存のOracle DB構文で書かれたSQL文をANSI標準SQLにリファクタリングし、MyBatis Mapperに適用してテスト

Keywords Studio

日本、東京

LQA Tester

19. 07 - 2022. 01

  • ゲームLQAおよびオンボーディングプロセスの改善
    RedmineMS ExcelJIRA
    • 7件以上のプロジェクトでLQAを実施し、リリース完了を支援
    • 韓国語人材が不足する状況でTFチームを編成し、オンボーディング支援とテストを並行して実施して、オンボーディング期間を2-3日 -> 1日に短縮

Projects

個人プロジェクト

Toys

2022. 11 - 現在

  • BBlog
    Next.jsTypeScriptDrizzleMySQLbetter-auth
    • 2022年から運用する個人ブログをVue、Svelte、Next.jsへ移行しながら長期保守
    • MDXベースの記事、タグフィルタと検索、コメント、Logタイムラインなどのコンテンツ管理機能を実装
    • Vercelフロントエンド、b-hubバックエンド、MySQL、Cloudflare R2にサービス運用構成を分離
  • Webtoon Bookmarker
    Chrome MV3BunReactshadcn/ui
    • ネイバーウェブトゥーンのメインにブックマークタブを挿入するChrome Web Store公開拡張機能を開発・運用
    • Content Script、React Popup、chrome.storage.localでユーザー別ウェブトゥーンブックマーク管理を構築
    • v1 -> v2再構築でManifest V2 -> V3、Chakra UI -> shadcn/ui、Viteベースビルド -> Bunビルドパイプラインへ移行
  • kataru
    HonoReactCloudflareDrizzleMySQL
    • Hono、React SSR、IslandアーキテクチャによるマルチユーザーブログSaaSを設計・実装
    • ユーザー別サブパスブログとCSR管理アプリケーションを分離
    • HTMLとMarkdownの双方向変換エディタとCloudflare R2向けHonoベースSharp画像変換サーバーを実装
  • b-hub
    BunHonoDrizzleMySQLCloudflare R2
    • 8ドメインの個人サービスを統合するバックエンドハブを設計・運用
    • Bun、Hono、Drizzle、MySQLで認証、ファイル処理、API、スケジューリング機能を統合
    • RFC 4791 CalDAVサーバーを実装し、1,704件以上のテストでコアドメインの動作を検証

Skills

Frontend

  • Next.js
  • React
  • Vue
  • TypeScript
  • Tailwind CSS
  • TanStack Query
  • Storybook
  • Electron

Backend

  • Hono
  • Spring Boot
  • Drizzle ORM
  • JPA
  • MyBatis
  • MySQL
  • MariaDB
  • SQLite

Cloud

  • AWS ECS
  • AWS Lightsail
  • Vercel
  • Cloudflare R2

Infrastructure

  • Docker
  • Debian/RHEL Linux
  • Nginx

etc.

koenjp