【増枠】Frontend de KANPAI! 7 - Going on 令和 - 2019年7月19日参加レポート
今回は DeNA さん主催の Frontend のイベントに参加してきましたので、 報告しようと思います。hashtag はこちら #frokan
firebase の勢いがすごい。あと now も多少人気で、now 信者の私とっては嬉しい 。
イベント概要
「Frontend de KANPAI!」（以下、FROKAN）は、フロントエンドエンジニアやフロントエンドに興味がある人が集い、ドリンク片手にゆるく交流・技術交換ができるコミュニティを目指しています。
※ https://frokan.connpass.com/event/135584/
特徴的だったのが立食形式という点です。 会場には多少の椅子が用意されているものの、ほとんどの人が立ってドリンクを持ちながら、登壇者のお話を聞いていました。
座っていると私はあんまり他の参加者とコミュニケーションしない人です。 椅子があると、その椅子が自身のテリトリーになってしまって閉じこもってしまう気持ちがあります。 しかし、立っているとその縛りがないので、楽にコミュニケーションを取れた感じがありました。 照明が暗かったというところもあると思います。ちなみに、お酒は一切飲んでないです。（笑）
ただ、翌日は少しつらかったです...。
普段は、メモをがっつり書いて twitter に投稿している私ですが、 今回は一切そのようなことをしていません。したがって、ほぼ記憶ベースでイベント内容を報告します。ご了承ください。 誤りありましたら、ご指摘下さい。
印象に残ったお話
React と WebComponents で Vanilla な開発
日本経済新聞社 宮本 将 さん
WebComponents に興味がある私は、この発表は気になっていました。
内容をざっくり説明すると「CustomElements をプロダクトとして使っていたけど、つらみがあったので typescript で縛るようにしたよ」 というものでした。CustomElements は Web 標準の技術ですが、react や vue のような prop による型縛りがありません。 すべて文字列として表現するため、バリデーションチェックがつらいというお話が印象的でした。 そこで、react(JSX) + typescript を駆使して CustomElements を Wrap することで上記問題を解決されたそうです。
実際に導入したことによる「つらみ」というものは、プロダクト導入検討している私にとってはありがたいお話でした。
そもそも、なぜ CustomElements を導入したのかというお話もありました。 日経さんでは WebApplication というより Static な WebSite に近いプロダクトだそうです。 そのため、react や vue といったフレームワークは必要以上な機能が多いため却下し、 Vanilla な JS で CustomElements を進めて行こうという経緯があるそうです。 プロダクトの特徴に応じてコンポーネント選択すべきね。
※ CustomElements っていろんなフレームワークで対応しているんですね。
実録フグ料理
株式会社ディー・エヌ・エー Takepepe さん
当初、「お、ネタ枠か？」と思っていたのですが、 予想以上に面白いお話でした。
Project Fugu というものがあります。
Unter dem Codenamen Fugu plant Google die Einführung zahlreicher Webschnittstellen in seinem Webbrowser Chrome, welche die Lücke zwischen Progressive Web Apps und ihren nativen Gegenstücken schließen wollen.
Google 翻訳を通すと
コードネーム Fugu の下、Google は Chrome ウェブブラウザで数多くのウェブインターフェースを立ち上げることを計画している。これは Progressive ウェブアプリと彼らのネイティブの対応物との間のギャップを埋めるであろう。
つまり Chrome ウェブブラウザからネイティブな部分を操作できることを目的としています。 今回 Takepepe さんが紹介していたのは Shape Detection API です。 バーコードやテキスト、そして顔を形状検出するデモの発表がありました。 どれもサクッと簡単に動作していましたが、まだ実験的な機能なため安定しない部分もあるそうです。
次の画像は顔検出した箇所にモザイクを入れるデモです。これは笑いました。
※ tweet
ちなみに、Fugu という名前の由来は、 「ネイティブな部分を操作することは色々な事ができるようになり夢が広がるが、使い所を誤ると危険なもの」という話から フグの「調理の仕方によって美味しい料理になるが、毒があるので調理の仕方を誤ると危険なもの」という自戒の念を込めて Fugu になりました。 ネイティブな部分を操作できるということは、センシティブな情報を取得できてしまうという面があります。 そこが使い方によっては「毒」になるものですね。
新しい API
株式会社ディー・エヌ・エー feb19 さん
speakerdeck.comいきなりポエムを語り始めた feb19 さん。 「DeNA の人たちは、みんなこうなのか？」と面白く見ていました。 この発表では、HTML,CSS,JS の API が紹介されていました。 LazyLoad という有名なものから、少しマニアックな inverted-color まで幅広く、よくこんなもの知ってるんだなと驚きました。
最後に
フロントエンドのイベントは、今回初めてかもしれません。 参加者の多くは、どちらかというと「陽の者」が多く、ノリが楽しい人たちばかりでした。 参加者の方と技術的な話をしたのですが、やはり react, vue, augular のワードが多かった印象です。なんだか聞き飽きた印象もありますが、それだけ需要があるのだなと改めて思いました。
-
コメント
0
読み込み中...
シェアする
フォローする
購読する
関連する記事
タグ「レポート」の記事
GDG DevFest Tokyo 2019というイベントに参加してきました。最近はプライベートの都合上、中々時間が取れていませんでした。しかし今回、会社の都合上、良い感じに時間を確保できたため、こちらのイベントに参加してきました。`大阪→東京` でわざわざ新幹線を使ってまで参加しましたが、それに見合う発見が多くありました。今回、私が学んだ内容について、報告しようかなと思います。
今回、東京で開催されましたCloud Native Days Tokyo 2019に2日間とも参加してきましたので、報告しようと思います。セッション毎の報告というより、全体を通した感想を話そうかなと思います。
背景 今年の9月にPyConJP 2019が開催されます。 https://pycon.jp/2019/ LTの募集があったので、LT応募するためのネタ探しをはじめました
タグ「フロントエンド」の記事
AI にコードを書かせた後、余計なコードを見つけて消す作業があります。 不毛なことなので、それらの作業を減らすためのお作法を紹介します。 未使用コードを消す 以下でも書きましたが、未使用コードの検査に knip を使うことが多いです。 ht
最近、iframeを使っています。 クライアントサイドで埋め込む想定で、iframeを使おうとしています。 色々と苦労したことがあったので、書いて残しておこうと思います。 レスポンスヘッダー 前提として、ウェブアプリケーションをプロダクショ
紙を積んだイラストをSVGで書こうとしていました。 （当たり前ですが）図形を表現するためには数学の知識が必要で、学生の頃の記憶を思い出したので疲れました。 所感について、諸々書こうと思います。 成果物 実際に完成したのは、以下の画像ができま
2026年02月17日