四コマ漫画「今日は定時で帰れるっしょ」

四コマ漫画を作ってね！と言われたので作りました！（どーん）

LINE 公式アカウントに友達登録する

まずは LINE で今回のためだけに生まれた LINE 公式アカウントに友達登録をお願いします。

友達登録用 QR コードは以下の画像です。

追記：スミマセン、どうやら開発者しか動作しない状況みたいなので次のセクションのデモ動画をごらんください。（内部でLINEミニアプリ（旧LIFF）を利用しており、本番リリースするには審査を通す必要がありました。うーん、たぶん通らないでしょう！w）

追記の追記：LIFF 剥がして直接開けるようにしました！最初からこうしておけばよかった！w

追記の追記の追記：LIFF剥がしたら外部ブラウザが起動するようになってしまった！やはりインラインで起動するLIFFじゃないと完成度が下がるなぁ。。

追記の追記の追記の追記：私が勝手に外部ブラウザで開く設定にしてただけでデフォルトの挙動はインラインブラウザが起動するらしかったから体験は劣化してなかった()

デモ動画

十年後はうまくうごいていないかもしれません。動画もご覧ください。

https://youtube.com/shorts/NXPJl7vKTOw?feature=share

インフラ構成図

時間がなさそうなので図をご覧ください。

全体像

左側がユーザーが触れるLINEの中身の構成、右側がコンテンツを提供しているアプリケーションの構成図です。

LINE 側

ユーザーフレンドリーに一つのクライアントで完結させたかったので苦肉の策でLINEをベースに構築しています。LINEが提供しているリッチメニューを使うことで特定のURLを開いたり、特定のメッセージをトークルームに送ることができます。このことを利用して起承転結それぞれの画面を呼び出しています。（承に関してはLINE Botにメッセージを送って画像を返させている）

~~特定のURLにはLINEミニアプリ（旧LIFF）を指定でき、LINEの中で起動させることができます。~~ できますが、これを利用せずともインラインブラウザが開けることがわかったのでやめました。これインラインブラウザを利用してReactやUnityがホストされているWebアプリを表示させています。