結婚式の席札を手書きしたくな かったので技術で解決した話 @sukechannnn

● @sukechannnn（すけちゃん） ● フィードフォース新卒3年目 ● EC Booster というプロダクトを作って いるエンジニア ● 2019/11/23 に結婚式をしました（ちょ うど１ヶ月前！） ● このスライドは、超絶アナログな結婚 式業界に新風を巻き起こした話です （新風は巻き起こらない） 自己紹介

結婚式の準備でこんなことがありました

結婚式の準備でこんなことがありました ● 席札にメッセージ書くの頑張ろうね！ by 奥さん

結婚式の準備でこんなことがありました ● 席札にメッセージ書くの頑張ろうね！ by 奥さん ● 頑張る…？何を…？ by 私

結婚式の準備でこんなことがありました ● 席札にメッセージ書くの頑張ろうね！ by 奥さん ● 頑張る…？何を…？ by 私 ● 席札の裏にメッセージを手書きするんだよ〜知らないの？ by 奥さん

結婚式の準備でこんなことがありました ● 席札にメッセージ書くの頑張ろうね！ by 奥さん ● 頑張る…？何を…？ by 私 ● 席札の裏にメッセージを手書きするんだよ〜知らないの？ by 奥さん ● 知らない！嫌だ！！！ by 私

結婚式の準備でこんなことがありました ● 席札にメッセージ書くの頑張ろうね！ by 奥さん ● 頑張る…？何を…？ by 私 ● 席札の裏にメッセージを手書きするんだよ〜知らないの？ by 奥さん ● 知らない！嫌だ！！！ by 私 ● 手書きしたくない！いつの時代だよ！タイピングさせろ！！！ by 私

というわけで、メラメラ燃えた私は、手書き しないでメッセージを伝える方法を考えは じめました

Webでメッセージを伝える方法 ● メッセージカード（デジタル） ● 作ったカードを表示する仕組み ● 席札からアクセスできる仕組み 以下の３つが用意できれば良さそう

Webでメッセージを送るのに必要な仕組み ● メッセージカード（デジタル） ○ メッセージカードの画像 ● 作ったカードを表示する仕組み ○ 画像を配信するサーバー ● 席札からアクセスできる仕組み ○ QRコード 以下の３つが達成できれば良さそう

メッセージカードの画像

メッセージカードの画像 Canva を利用！ 1. 良い感じのメッセージカードの テンプレを作る 2. 全員分のメッセージを書く (spreadsheet) 3. ひたすらコピペ

メッセージカードの画像 ● Canva そのままの画像 だとサイズが1.3MBとか あってでかい ● ImageMagic でリサイズ するスクリプトを Ruby で実装 ● 80KBくらいまで圧縮

画像を配信するサーバー

● 使用した技術 ○ Go と Fargate で画像が埋め込まれた超シンプルなHTMLを配信するサー バーを実装 ○ 普段は Ruby on Rails + Heroku なので、ここぞとばかりに使ったことない技 術を使う 画像を配信するサーバー

● 超時間なかったので ○ 来賓のリスト作成とかルーティングとかの管理に Ruby を使用 ○ スタティックなサーバーにした（DB なし） ○ Go & docker で画像配信できた！（超シンプルだけど確実） 画像を配信するサーバー

QRコード

● rqrcode gem ○ https://github.com/whomwah/rqrcode ● 生成したQRコード画像をImageMagickで変換 ● 誰のQRコードか分かるように名前を入れたり QRコード

QRコード コンビニでインデックスプリントして切って貼り 付け（一番大変だった）

できたもの サーバー 席札に貼ってある QRコードを読み取 ると... かわいいメッ セージカードが 表示！ 嬉しい！！！

ハマったポイント（こんな単純なものでもハマるんですね ...） ● Fargate のヘルスチェックでエラーになって、なぜか10分おきにタスクが走って無 限に再起動し続けた ○ 個別のメッセージカード配信に特化したものなので、ルートパスは 404にしてた ○ Fargate のヘルスチェックはデフォルト設定でルートを見に行くようになってた ○ 現象に気づいたのが前日で、 10分おきにアクセス不能になっててめちゃくちゃ焦った ... ○ 幸いにも原因に気づけたので、ヘルスチェックで見るパスを変えることで解決！ ● Wifi では見れたメッセージカードがスマホの4Gだと表示できない ○ 単純に画像サイズが大きすぎたんだけど、危うく気づかぬところだった ○ 本番に近い環境での QA の大切さを噛み締めた

● 手書きしないで済んだ ● ギリギリまで他の準備に充てられた ○ 席札は1週間前に提出だが、QRコードだけ先に提出すれば良い ○ おかげでメッセージの推敲に時間をかけられた ● なんか弊社のテーブルが盛り上がってた ○ 独自ドメイン取ってたからか、謎の調査が繰り広げられていた ○ 「乗っ取られるぞ！」と脅さご助言頂いた やって良かったこと

やって良かったこと なによりみんな見れた！ 最後の最後まで不安だったので、本当に良かった ...。 作ったものがちゃんと利用されて、見た人が喜んでくれたのが本当に嬉しかったです。

おしまい