Web フロントエンド以外のフロントエンドを Web フロントエンドのように実装しよう - Email, Slack app を例に by izumin

ユーザとの接点という意味でのフロントエンドは Web ブラウザで動作するアプリケーションに限りません。 モバイルアプリはもちろん TUI や CLI, ... "フロントエンド" は様々なかたちをとります。

Web フロントエンドを持つプロダクトを開発する人間が、それ以外に開発するフロントエンドとしてメールや Slack app などを取り上げます。 これらは専用のライブラリを使いそのドキュメントをなぞるように作られがちでしょう。 しかし、ある程度の複雑さや物量を超えてくると途端に苦しくなってきます。

本発表では、この複雑さの低減に Web フロントエンドの設計・実装の考え方が有効であるということを紹介します。

• Web フロントエンドのように宣言的に実装し、
• Web フロントエンドのようにデータの依存関係を宣言・分離し、
• Web フロントエンドのようにテスト・プレビュー可能していく

• ……

  「Web フロントエンド」での考え方を抽象的に捉え「フロントエンド」に展開していくことで、他のフロントエンドでも開発体験を向上させる例をお見せできればと思います。