邱冠喻(キュウ カンユ)

西瓜(スイカ) / Leo

台湾・台北 ソフトウェアエンジニア

ハードウェア、OS、ネットワークから Web のフロントエンド・バックエンド、アプリケーション開発まで、情報技術の幅広い分野に興味があります。

おもしろいインタラクションやものづくりの過程が好きで、Web・フロントエンド開発に取り組みながら、ゲーム開発に携わることを目指しています。

職務経歴

2022/3 ~ 2026/2

Crypto.com & CronosLabsフロントエンドエンジニア

2021/2 ~ 2022/3

フリーランス技術探究・個人開発

Cogini からの受託開発

Elixir / Phoenix プロジェクトの開発を支援。

2017/2 ~ 2021/2

五倍紅寶石(5xRuby)フルスタックエンジニア

QuickBuy クイックバイ EC プラットフォーム・モバイルアプリ

チームを率い、海外の顧客と協力して MVP(実用最小限の製品)を開発。

React Native で Android / iOS 向けのクロスプラットフォームアプリを構築。CI/CD によるビルド自動化で開発作業を効率化。

バックエンドに Ruby on Rails、管理画面のフロントエンドに React を使用。

「美玉姨」紹介サイト(checkcheck.me)

React ベースの静的サイトジェネレーター Gatsby を使用。デザイナーと協力し、レスポンシブ対応・多言語対応のサイトを制作。

Shopmatic EC プラットフォーム

ストア画面と管理・編集画面を React で刷新し、ユーザー体験を改善。

Elixir で移行処理を実装し、約 50 万件のストアページのデータを無停止で移行。

キャリアで初めて長期的な保守・開発を担当した Ruby on Rails プロジェクト。

受賞・出版

2022/12

著書『WebGL — 建構網頁中的 3D 遊戲,從基礎渲染原理、光影到應用』

深智數位(2022 年)/ ISBN: 9786267146828

2021 年の iThome WebGL 連載をもとに、豊富なサンプルで WebGL を解説。描画に加え、ゲームのインタラクション実装も扱い、帆走ゲーム「Catch The Wind!」を制作。

2022/1

優選受賞iThome 鉄人賽 2021 Modern Web 部門

テーマ:Web で 3D シーンを描画するには? WebGL の基礎から

三角形の描画から始め、2D / 3D 変換、ライティングを解説し、最後に帆船と海の 3D シーンを制作する連載を執筆。

登壇・講師

2021/4

ASTRO Camp 7thJavaScript 講師

2020/12

ASTRO Camp 6thJavaScript 講師

2020/8

ASTRO Camp 5thJavaScript 講師

2020/8

自分専用の便利ツールを作ろう:翻訳・単語カードChrome 拡張機能ワークショップ講師

2020/8

COSCUP 2020Arch Linux インストールワークショップ

2019/8

COSCUP 2019WebRTC で半分散型ネットワークを構築する

2018/11

MOPCON 2018WebComponent & lit-html:フロントエンド開発の新たな選択肢

2018/8

COSCUP 2018Arch Linux を日常的に使うまでの道のり

2018/4

Ruby & Elixir Conf TW 2018Elixir を知らない方へ:30 分で紹介

2016/2

SITCON 2016開発環境をカスタマイズしてオープンソースに!

学歴

2012 ~ 2016

国立中興大学情報科学・工学科

在学中、情報系サークルの代表および学生会の情報管理担当を経験。

2009 ~ 2012

新北市立板橋高級中学理系コース

スキル

フロントエンド

  • Javascript / Typescript
  • React / Next.js / React Native
  • Three.js / WebGL
  • DOM API / jQuery
  • CSS / Tailwind CSS / Bootstrap

バックエンド・データベース

  • Ruby / Rails
  • Elixir / Phoenix
  • Node.js
  • PostgreSQL

DevOps

  • Linux / ArchLinux / Ubuntu
  • Git / Git flow CI/CD
  • Container (Docker / Podman)
  • Self-hosted Proxmox / GCP

制作実績

Bazaar:マルチプレイヤー横スクロールゲーム

Bazaar:マルチプレイヤー横スクロールゲーム

大学の友人と始めたゲームプロジェクト。WebSocket でサーバーに接続した後、WebRTC でプレイヤー同士をフルメッシュ接続し、マルチプレイを実現。

ソースコードhttps://github.com/pastleo/bazaar

unamed-network-demo

unamed-network-demo

WebSocket + WebRTC でノードを接続し、Kademlia DHT アルゴリズムで P2P ネットワークを構成。

ルーム名を DHT のハッシュ入力に使い、同じルーム名を入力したユーザー同士が接続できる仕組みを実装。

デモサイトでは unamed-network を使ったシンプルなテキストチャットを提供。

ソースコードhttps://github.com/pastleo/unamed-network

unnamed-network-chat-ysync

unnamed-network-chat-ysync

YouTube 動画の同期視聴とテキストチャットを提供。

WebSocket + WebRTC でノードを接続し、半分散型の P2P ネットワークを構成。

COSCUP 2019 の登壇と技術記事で、このネットワークを紹介・実演するために制作。

ソースコードhttps://github.com/pastleo/unnamed-network-chat-ysync

PopKube

PopKube

Elixir LiveView で POPCAT のようなアプリを制作。全ユーザーのクリック数を集計し、リアルタイムに同期。

DigitalOcean Kubernetes Challenge 2021 の成果物。Web アプリ、データベース、ロードバランサーを含むシステム全体をコンテナ化し、Kubernetes クラスターにデプロイ。

ソースコードhttps://github.com/pastleo/k8s-challenge-2021