Cybozu Frontend Monthly #6

イベント概要

サイボウズフロントエンドマンスリーは、サイボウズ社内で行っているフロントエンド情報共有会「フロントエンドウィークリー」の公開版です。

その月に気になったフロントエンドの情報を、サイボウズのフロントエンドエキスパートチームのメンバーが共有していきます。

このイベントのハッシュタグは #サイボウズフロントエンドマンスリー です。

※フロントエンドウィークリーとは

毎週火曜の 17:00 〜 18:00 で社内向けに行っているフロントエンドの気になる記事を紹介する会です。2016年3月15日から行われています。
ハッシュタグ #サイボウズフロントエンドウィークリー で実況しています。

開催日

2020年12月22日

イベントページ

https://cybozu.connpass.com/event/199283/

配信URL

https://www.youtube.com/watch?v=kZfz1PYyg4g

タイムテーブル

07:50 - 08:00配信開始
08:00 - 08:05オープニング
08:05 - 08:55本編
08:55 - 09:00クロージング

メンバー


紹介記事

1月〜3月のまとめ

リリースなど

印象に残っている記事など

社内では 1/28 に新春増刊号をやっており、2019 年のまとめ系記事を紹介していました。

  • Alex Russell - The Mobile Web: MIA - YouTube

    • Web はデスクトップでは大成功したが、モバイルでは大敗しており、既に取り返しのつかないところまで来ているぞ!モバイル Web のユーザーが上昇のトレンドにあるインド等の市場に勝機がありそうだが、ロースペックの端末が主流なので、デスクトップで開発しハイエンド端末で確認している我々(Web Developer)は土俵にすら立ててない!モバイルファーストで開発し、Budget を設定し、JS の排出を減らしてまず土俵に立ちましょう!という話
    • pirosikick: この時期は動画いっぱい観ていたな〜
  • CNAME を利用したトラッキング方式のご提供 | AD EBiS サポートサイト, Fingerprint 解説サイト

    • この時期に 3rd party cookie とかプライバシーの話が盛り上がってた記憶
  • Adding notification permission data to the Chrome User Experience Report

    • 通知許可ダイアログの許可/拒否率のデータが Chrome の UX レポートに追加された
    • CrUX のレポートが BigQuery のデータとして提供されていることも初めて知りました

4月〜6月のまとめ

リリースなど

ブラウザ関連

印象に残っている記事など

イベント

ReactEurope や web.dev LIVE といった大きいイベントがオンライン開催されました。イベントで発表された話題に関する記事も注目を集めました。

OSS のリリースでは Blitz や Recoil といった React 関連の新しいライブラリが目立ちました。また、昨年以前から開発されていた Vue v3 や Deno のベータ版や v1.0 がリリースされて注目が集まりました。

ブラウザ関連では Chrome の SameSite=Lax の話題や Safari の Tracking Prevention といったセキュリティやプライバシー周りの話題がありました。

1 年を通して話題になることが多かった Core Web Vitals に関しては、Lighthouse の指標に入り重要な指標であることが強調されました。


7月〜9月のまとめ

リリースなど

ブラウザ関連

印象に残っている記事など

7 月から 9 月の間には注目度の高いフレームワークやライブラリなどのリリースがありました。

Vue v3 は 2016 年リリースの v2 から 4 年ぶりのメジャーバージョンアップです。Composition API や TypeScript への対応強化など色々な変更が入りました。

React の v17 は新機能の追加がないリリースでした。このリリースは React のアップグレードを段階的に行えるようにすることにフォーカスしたものになっています。

Prettier2.1 はフロントエンドエキスパートチームに所属している@__sosukesuzukiがリリース作業やリリースブログの準備などを行いました。

ブラウザ関連では、セキュリティ関連の記事が目立ちました。

またセキュリティ関連では、https から http に送る form に対して警告が出るようになる変更がアナウンスされたり、Firefox では Cookie が SameSite=Lax デフォルトになりました。その他では、Microsotft が Office 365 での Internet Explorer 11 サポートを 2021 年 8 月 17 日で終了するという発表を行いました。

注目記事としては、Adobe が PhoneGap の開発を終了し Cordova への投資を止めることを発表した記事や、新しい Facebook.com での accessibility への取り組みについてのがありました。

他には、Cloudflare が発表した Cloudflare Workers で、データの永続化と worker 間通信が可能になる仕組みである Durable Objects のベータリリースについてや、select などの要素をカスタマイズ出来るようにするためのプロポーザルについても盛り上がりました。


10月〜12月のまとめ

OSS 関連

印象に残っている記事など

OSS は webpack,node,npm,husky,Nextjs のメジャーバージョンリリースがありました。 LibSass の Deprecated や husky のライセンス変更などフロントエンドの OSS にとっては忙しい時期でした。

Firefox Site Compatibility Working Group が解散したことで「FireFox サイト互換性情報」のサイトが終了になりました。

2020 年も終わりに近づき、State of CSS 2020,The State of the Octoverse,The 2020 Web Almanac など 2020 年を振り返る記事も多くなりました。もっと詳細に知りたい方はこういった記事で 2020 年を締め括ると良いかもしれませんね。

来年も Cybozu Frontend Monthly とサイボウズフロントエンドエキスパートチームをよろしくおねがいします。


フロントエンドエキスパートチームについて

https://speakerdeck.com/cybozuinsideout/frontendexpert-team