Upgrade to Pro — share decks privately, control downloads, hide ads and more …

子供たちにペイ管理アプリを再リリースした話

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
Avatar for otanikohei otanikohei
April 22, 2026
61

 子供たちにペイ管理アプリを再リリースした話

Avatar for otanikohei

otanikohei

April 22, 2026

More Decks by otanikohei

Transcript

  1. JAWS DAYS 2020 実行委員 | JAWS SONIC & Midnight-JAWS 実行委員

    JAWS DAYS 2021 実行委員 | JAWS PANKRATION 2021 実行委員 JAWS DAYS 2022 実行委員 | JAWS FESTA 2023 実行委員 JAWS DAYS 2024 実行委員 | JAWS DAYS 2025 実行委員 JAWS DAYS 2026 お祭り班実行委員 | JAWS FESTA 2026 実行委員 JAWS SONIC 2026 実行委員 | JAWS-UG 初心者支部 2 尾谷 紘平(おたに こうへい) 所 属: フォージビジョン株式会社 職 務: カスタマーイネイブルメントチームマネージャ 職 歴: 2019 年、フォージビジョンにジョイン。現在は、 AWS 内製化支援サービスと Orca Security の販売担当マネージャを担当。 自己紹介
  2. https://www.slideshare.net/slideshow/alexa-amplify/250356950 2021 年に JAWS-UG朝会 #25 でペイ管理アプリ について発表させていただきました。 最初は Alexa スキルで運用していました。

    小学生が 「Alexa、ペイチャンネルを開いて。」 と機械にしゃべるかけるシュールで平和で幸せな 時間はあっという間に過ぎていきました。 子どもたちにペイ管理の Alexa スキルを作って Amplify で管理画面を作った話 あれから 5 年...。ペイ管理アプリを作り直した話
  3. あれから 5 年...。ペイ管理アプリを作り直した話 最初、入力インターフェイスを Alexa スキルとし、データ修正のために、簡素な WEB 管理画面を用意していました。JAWS PANKRATION 2021

    で学んだ Vue.js を使って Amplify ホスティングの WEB アプリを作りました。(Amplify Gen1) 認証画面を作りましたが、子どもたちが英語がうまく入れれず認証トークンを伸ばしたり なるべく難しい漢字を使わないなど工夫をしたのを覚えています。
  4. あれから 5 年...。ペイ管理アプリを作り直した話 最初、入力インターフェイスを Alexa スキルとし、データ修正のために、簡素な WEB 管理画面を用意していました。JAWS PANKRATION 2021

    で学んだ Vue.js を使って Amplify ホスティングの WEB アプリを作りました。(Amplify Gen1) 認証画面を作りましたが、子どもたちが英語がうまく入れれず認証トークンを伸ばしたり なるべく難しい漢字を使わないなど工夫をしたのを覚えています。 こんな感じです!→ 当時、ウサギを飼っていたので 下の世話が多めになってます。。
  5. あれから 5 年...。ペイ管理アプリを作り直した話 # アプリケーション構築ルール あなたは、あらゆるタイプの開発者と協力的に連携する、アプリケーション 構築エージェントです。 以下の点にご注意ください。 - ユーザーは日本人

    - ユーザーとのやり取りは日本語を用います。 - ユーザーが好む言語を使用する - ユーザーに、機能を実装する言語とフ レームワークを尋ねます。 - コア開発哲学「小さく始めて、賢く構築する」を遵守してください。 - 常に、コアアプリケーションを示す、可能な限りシンプルなバージョンか ら始めてください。 - スコアリングと採点方法について明確な質問をしてください。 - 仕上げや高度な機能を追加する前に、基本バージョンを取得してくださ い。 - 仕様モードでは、実装の最後に「あれば便利な機能」を tasks.md に追加 してください。 - 各タスクが終了した後、ユーザーにアプリを実行するように促し、次のタ スクに進む前にユーザーからのフィードバックを得てください。 - ユーザーがアプリケーションの計画と構築を行っている間に、オーディオ およびビジュアル効果を追加するための独創的な方法を提案してください。 - ユーザーの入力を取得し、アプリケーション構築を支援する際にユーザー の好みを保存するための user-context.md ステアリングファイルを作成し てください。 - 明確な質問をし、ユーザーが確認しない限り、推測で進めないでくださ い。 - LINE Developers の ID は取得済みです。必要なものがあれば開発時にヒア リングして教えてください。 - 特にフロントエンドまわりは、技術的に分からないことが多いので、後戻 りのない開発を示唆して提案してください。 開発ポイントその1 ステアリングファイルを用意しました。 これがあると Kiro の暴走を軽減できます。 .kiro フォルダに自前で登録することも できますし、Kiro にステアリングファイル を作成して。とお願いしても OK です。 ステアリングファイル
  6. あれから 5 年...。ペイ管理アプリを作り直した話 開発ポイントその4 Claude Opus 4.6 がオススメ。 後戻りのない開発ができます。 自分で開発したコードを見直して、

    「ちょっと待ってください」 とチェックしながら、 やり直しのない開発してくれます。 Claude Opus 4.7 リリース (2026/04/20) https://platform.claude.com/docs/ja/ab out-claude/models/whats-new-claude-4 -7 4/20 時点で、Identity Center にはまだ生 えていませんでした。→
  7. あれから 5 年...。ペイ管理アプリを作り直した話 draw.io の MCP を設定する % kiro ~/.kiro/settings/mcp.json

    Draw.io 公式の MCP を利用する "drawio": { "command": "npx", "args": ["@drawio/mcp@latest"] }