登壇者・セッション紹介

NuxtとFirebaseを使って、PWA対応のリアルタイムWebチャットアプリケーションを開発した話をします。

大規模なプロジェクトは、開発期間が伸びるほど開発初期に生んでしまった負債との付き合いになります。

開発が進んでからも日々設計についての吟味を重ねたことによって、初期の設計は妥当だったのか、誤っていたのか。

理想と現実、そして様々な対処法についてご紹介します。

CMS(content management system)という言葉から想像されるのは、管理者向けの画面とユーザー向けの画面が含まれるモノリシックなアプリケーションだと思います。

しかし、近年マイクロサービスが広がっていく中でHeadless CMSという管理画面とWeb APIのみを提供するCMSが普及し始めています。

Headless CMSを利用するとバックエンドと疎結合なアプリケーションを簡単に構築でき、SPAとの親和性も高いです。

本セッションではHeadless CMSの紹介をしつつ、既存のMonolithic CMSと比べた時のメリット・デメリット、esa.io/Qiita:teamなどのサービスをCMSとして利用する方法をご紹介します。

Reactをはじめ、Vue.jsなどにもHooksの動きが出て来ました。

その利点やそれによって改善できる点をデモと具体的な例を用いて紹介します。

ウェブは誰でも当たり前にアクセスできる時代になりました。

オープンで相互運用性の高いプラットフォームとしてのウェブを守るため、今どんなことが行われているのか、未来のウェブがどうなっていくか、についてお話しします。

私たちのチームがVue.jsを使い始めて4年以上の月日が経過しました。

当初はRuby on Railsのエコシステムに乗ったバージョン0.10系のものをCoffeeScriptを使って書いていましたが、最近では最新2.5系バージョンをES2015記法で書くことができています。必要なところではVuexも利用しています。

Webサービスの根本はあくまでRuby on Railsで、どうしてもサーバサイドの実装と切り離せない部分があったりSPAではなかったりなどフロントエンド最先端とは言いづらいですが、一方でそれなりのモダンさを保てているのではないかと考えています。

チーム開発をする上で何よりも大事なのは合意形成ですが、フロントエンド界隈は変化が比較的早く、それが故に共通認識をアップデートしつづけるのが難しい部分もあります。さらには仕事として開発をしている以上は機能の実装も求められます。

このセッションでは私たちのチームが4年間走り続けてきて、さらにこの先も走っていく上で機能開発とトレンド追従を両立させている方法についてご紹介します。

老舗のドメインサービス、ムームードメインのリニューアルでは、スタイルガイドを構築してマークアップを管理しました。

さらに、スタイルガイド上で作成したスタイルシートを `npm` を介してプロダクションに利用する方法をとっています。

これは複数のレポジトリをまたがり、効率よくスタイルシートを管理するため採用しました。

セッションでは、スタイルガイドの導入と`npm` を介した方法をとった背景にふれ、その中で感じたメリットと、生々しい失敗談、などを通して、我々の開発現場のイマをお届けしたいと思います。

フロントエンドの祭典ですね？

そんなフロントエンドを支えるバックエンド、興味ありませんか？

バックエンドエンジニアがフロントエンドを支えるバックエンド技術についてお話します

Ruby on Railsを利用して作られているOSSのウェブアプリケーションであるMastodon。

Web UIの実装はwebpackとReactが用いられているがどのようにしてRailsと繋ぎ込まれているのかの解説します。

Since July, I have worked for Babel.js as part of Rails Girls Summer of Code, a global fellowship program for women and non-binary coders.

Our team has developed REPL in babel official website, a playground for ES6; where user can write ES6 code, check the relevant code in ES5; and also the output.

In this talk, as a member of Open Source ecosystem, I am going to share my experiences and learning from project and program.

Rails Girls Summer of Code(*) の活動の一環で、6月からBabel.jsに携わってきました。

私達のチームでは、Babel.js公式サイトのES6プレイグラウンドを開発しました。

ユーザはこれによって自分が書いたES6のコードがどのようなES5のコードとして出力されるかを確認することができます。

この発表では、オープンソースエコシステムの一員として、本プロジェクトを通して得られた知見を共有したいと思います。

※Rails Girls Summer of Code2013年から開催されている、女性やノンバイナリー（性別の枠組みにあてはまらない人）な方向けの国際的なフェローシッププログラム。

当日ブースで実施する「フロントエンド総選挙」の結果を発表します。

（「フロントエンド総選挙」とは、VueやReactなど、フロントエンドの技術要素に対して「使ったことがない、これからも使わない」「使ったことがないが、使ってみたい」「使ったことがあるが、もう使いたくない」「使ったことがあり、これからも使いたい」の4つから選択してもらうアンケートです。）

「家庭内での課題も、ITで解決・改善できないか」という思いがあり、PWA家計簿アプリをAngularとFirebaseを使って開発しました。

実際に運用する中で、家族からもらったフィードバックや、感じたこと、勉強になった点について話したいと思います。