アプリを自作して快適に航空会社ステータス修行した話

この資料は、2025年8月24日にサイボウズ福岡オフィスで開催されたイベント「Voltech vol. 6」における発表に利用したものです。

イベント概要：https://nxtend.connpass.com/event/363132/

---
This material was used for a presentation at the “Voltech vol. 6” event held at the Cybozu Fukuoka Office on August 24, 2025.

Event outline: https://nxtend.connpass.com/event/363132/

Transcript

1. 2025年 8月 24日／Voltech Vol. 6 pkmiya.net Miyata Yusaku 宮田 優作（Miyata Yusaku） How I created my own app to comfortably earn airline status アプリを自作して快適に 航空会社ステータス修行した話 HOME SEARCH MY PLAN SKYMATE DESIGNER v1.0 / 2025-08-24
2. 自己紹介 九州大学 システム情報科学府 修士１年 インターン：MoneyForward／LayerX／メルカリ 九大プログラミングサークルGLEAP 高専から編入してきました。旅行します。 宮田 優作（みやたゆうさく） HOME SEARCH MY PLAN SKYMATE DESIGNER SELF INTRODUCTION pkmiya.net
3. 背景 たくさん飛行機に乗りたい層がいる。 具体的には、１年で50〜120回。 狙うは航空会社の上級ステータス。 大事なのは回数。 行き先なんて二の次。 HOME SEARCH MY PLAN SKYMATE DESIGNER INTRO DUCTION
4. 仕事や学業の合間の1日で 可能な限り多くのフライトを組む必要がある 空席の有無や運行状況、行き先はさしおき 上記に特化したサービスは見受けられない 航空会社Webサイト、代理店、検索ツール… 乗り継ぎ可否を直感的に知り、 ワンタップで旅程を組めるシステムを提案 目的 HOME SEARCH MY PLAN SKYMATE DESIGNER PURPOSE
5. Skymate Designer ワンタップで検索 ラクラク計画 X にすぐ共有 戦友に知らせる 洗練された画面設計 快適にポチポチ ANA便にも対応 万が一の満席にも skymate-designer.vercel.app HOME SEARCH MY PLAN SKYMATE DESIGNER 新たな乗継検索ツール
6. システム概要 検索可能フライト数＝国内線 2000件 ❤️ 835件、 💙1152件 ブラウザで利用可能なWebアプリ 技術スタック TypeScript, React, Next.js, Chakra UI v3, Vercel HOME SEARCH MY PLAN SKYMATE DESIGNER SYSTEM OVERVIEW
7. 使い方 検索条件を設定 1 フライトをさがす フライトをタップするだけ！ 2 フライトを追加・削除 検索条件が自動で動く！ 3 自動で検索 X で修行僧とつながる 4 みんなに共有 こちらの世界にようこそ。 5 ステータス獲得 HOME SEARCH MY PLAN SKYMATE DESIGNER USAGE
8. 使い方 検索条件を設定 1 フライトをさがす HOME SEARCH MY PLAN SKYMATE DESIGNER USAGE
9. 使い方 HOME SEARCH MY PLAN SKYMATE DESIGNER USAGE フライトをタップするだけ！ 2 フライトを追加・削除
10. 使い方 HOME SEARCH MY PLAN SKYMATE DESIGNER USAGE 検索条件が自動で動く！ 3 旅程追加＋自動検索
11. 使い方 HOME SEARCH MY PLAN SKYMATE DESIGNER USAGE X で修行僧とつながる 4 みんなに共有
12. 使い方 HOME SEARCH MY PLAN SKYMATE DESIGNER USAGE こちらの世界にようこそ。 5 ステータス獲得
13. 開発フロー 主要機能の実装 研究室合宿にて発表 Xにてアプリ概要を公開（4.5万回再生、272いいね） オープンデータAPIに対応するよう、データ型をリファクタ ANAにも対応（検索可能フライト数が2倍に） 知り合いの修行僧20名ほどに使っていただいています バージョン１：６月中旬（2 〜3 日） バージョン２：７月中旬（2 〜3 日） HOME SEARCH MY PLAN SKYMATE DESIGNER DEV FLOW
14. 工夫と苦労 URL、現在の旅程、検索条件を紐づけ みんなで同じ修行体験ができるように 旅程→URLの処理のコードはこちら URL との紐付け機能 HOME SEARCH MY PLAN SKYMATE DESIGNER EPISODES
15. OdptFlightBase ::DepartureBase ::ANADeparture ::ANAArrival ::JALDeparture ::JALArrival ::ArrivalBase 工夫と苦労 API が提供するデータ型の理解 HOME SEARCH MY PLAN SKYMATE DESIGNER EPISODES 定義した型の継承のようす（親→子） たとえば、JALの到着情報のうち、一部のフラ イトにだけゲートとターミナルの情報 いわゆるドメインのキャッチアップの重要性
16. 旅程を 保存・共有する 今後の展望 運行状況や天気 を知らせる 旅程を 自動でつくる HOME SEARCH MY PLAN SKYMATE DESIGNER PROSPECTIVES
17. Skymate Designer ワンタップで検索 ラクラク計画 X にすぐ共有 戦友に知らせる 洗練された画面設計 快適にポチポチ ANA便にも対応 万が一の満席にも HOME SEARCH MY PLAN SKYMATE DESIGNER 新たな乗継検索ツール
18. Thank You! HOME SEARCH MY PLAN SKYMATE DESIGNER skymate-designer.vercel.app
19. よくある質問 このアプリをつくってみた感想は？ アプリをつくろうと思ったきっかけは？ 自分で実際に使ってみた？ ほかの人に使ってもらった様子は？ 学生で金欠なんですけど修行できますか？ HOME SEARCH MY PLAN SKYMATE DESIGNER FAQ