ABCABC Tech Catalog
WORK@ABC

テレビ社1dayインターン向け投票システムをAWS Amplifyで開発

とにかく学生に楽しんでもらうために

ABCテレビでは、エンジニア志望の学生に向けて「テレビ × 技術」を体感してもらうTechコース1dayインターンを実施しました。

👉 https://www.asahi.co.jp/saiyo/intern/#courseTechnology

今年のテーマはずばり「学生格付けチェック」!

学生のみなさんにはパートに分かれて、ABCの業務でも使っている技術を使いながら、課題に挑戦してもらいました 💪

AWS上で動く格付け投票システム」を構築!

私の所属する部署のパートでは、「AWS上で動く投票システムのバックエンド構築」にチャレンジ。

学生がAWSの各サービスを使ってサーバーレスアーキテクチャを体験できるようにしました。

投票結果がリアルタイムに反映されるようにしたことで、発表の瞬間は大盛り上がり!

格付けチェック感をしっかり味わえる仕掛けになっています 👀

私はフロントエンドを担当しました!

今回私は、投票システムのフロントエンド部分を担当しました。
バックエンドAPIは学生が構築する想定だったため、**AWS Amplify(Gen2)**を使ってフロントを実装。

AmplifyはReactベースのアプリをAWS上に簡単にホスティングでき、認証やAPI連携の設定もスムーズ。
短期間で信頼性の高い環境を整えられる点が、こうした1dayイベントにはぴったりでした。

開発時に意識したポイントはこの3つです👇

  • 操作のシンプルさ:初めて触る学生でも直感的に投票できるUI
  • レスポンスの速さ:リアルタイムに結果が反映されるワクワク体験
  • 運営側の使いやすさ:イベント前のセットアップがラク

セッション情報はAmplify Dataに保存し、クライアント側から数秒おきにポーリングする仕様にしました!

実際に作成した画面はこちら👇

file1

file2

開発を通して感じたこと

今回の開発で一番大事にしたのは、「学生が楽しくスムーズに体験できること」

インターンは“技術を学ぶ場”であると同時に、“テレビ社の空気を感じてもらう場”でもあります。(むしろ1dayなら後者に重きを置いています。)

限られた時間の中でもトラブルなく進められるよう、シンプルかつ堅実な構成を心がけました。

AWS Amplifyは、短期開発やPoCに本当に相性がよく、「小さく始めてしっかり動かす」にはベストな選択肢だと再認識しました。

さいごに

参加していただいた学生には少しでも「テレビ×技術」を感じていただけたのかなと思います。

学生の皆さんにとって、この1日が自分の進路を見つけるきっかけになっていたらうれしいです。

AUTHOR

橋本 隼佑

朝日放送テレビ株式会社 技術局 技術開発部

新卒入社から2年半マスターでTVの運用監視業務を担当。2024年11月にDX・メディアデザイン局 SDチームに配属され周囲のタイピング速度に圧倒され中…

WORK@ABC

技術力を培うための
環境と文化

ABCに昔から根付く「自分たちで開発する」文化を支える環境や取り組みをご紹介します
ABCについてもっと知る