Slide 1

Slide 1 text

フロントエンドカンファレンス北海道参加レポート

Slide 2

Slide 2 text

技術記事を書いたりするのが趣味。 最近はReactを使ったアプリケーションを書いています。 ユーザーインターフェイスやブラウザが好き。 https://github.com/ken7253 https://zenn.dev/ken7253 https://dairoku-studio.com ken7253 Frontend developer

Slide 3

Slide 3 text

朝起きれないので昼の便で行った 軽く札幌観光 ラーメン食べて終了 前日入りしました

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

Qiitaのダークモード対応について の発表 ダークモードの歴史とかの話が面 白かった グレースケールの設計とかも面白 かった デザイントークンに関しての知識 があると内容が入ってきやすいか も ダークテーマとアクセシビリティの融合したカラートークンの ダークテーマとアクセシビリティの融合したカラートークンの ダークテーマとアクセシビリティの融合したカラートークンの by by by 出口 裕貴 出口 裕貴 出口 裕貴 ダークテーマとアクセシビリティ の融合したカラートークンの設計

Slide 6

Slide 6 text

CodeGridを会社で購読してほ しい!! 「ライブラリなしで実装するUI」 という記事がめちゃくちゃよさそ うだった Astroの記事とかもあるらしい フロントエンド全体の記事を広 く、正確に書いているのでかなり 参考になりそう 2024.08.24 フロントエンドカンファレンス北海道 CodeGrid 記事 かいつまみ紹介 株式会社ピクセルグリッド 中野祐人 1 / 36 CodeGrid記事かいつまみ紹介

Slide 7

Slide 7 text

Adobeが開発しているHeadless UI系ライブラリ SpectrumのReact実装がReact ariaに依存している WAI-ARIAに対しての知見が少なく てもある程度の知識があれば構築 できる 5 分で分かる React Aria の 良いところ・これからなところ 5 分で分かる React Aria の 良いところ・これからなところ 5 分で分かる React Aria の 良いところ・これからなところ by by by mattsu- mattsu- mattsu- React Aria のコントリビュ ーターが思う React Aria の良いところ・これからな ところを5分でお話します!

Slide 8

Slide 8 text

みなさんご存じ(?)整形コンテ キストの話 CSSのボックスモデルを理解して 正しくレイアウトを構築するため に必要な知識 みんなも仕組みを理解してレイア ウトを組もう! CSS レイアウト再入門: 完全に理解してCSS を記述するために CSS レイアウト再入門: 完全に理解してCSS を記述するために CSS レイアウト再入門: 完全に理解してCSS を記述するために by by by berlysia berlysia berlysia CSSレイアウト再入門:完全に 理解してCSSを記述するために

Slide 9

Slide 9 text

自分たちのアプリケーション固有 の制約を守るためにESLintのプラ グインを書く話。 「チェックリスト」式・レビュー で確認運用を信用していないので 共感があった。 ESLint Rule により事業, 技術ドメインに沿った制約と誓約を敷 ESLint Rule により事業, 技術ドメインに沿った制約と誓約を敷 ESLint Rule により事業, 技術ドメインに沿った制約と誓約を敷 by by by Shinobu Hayashi Shinobu Hayashi Shinobu Hayashi ESLint Plugin により事業, 技術 ドメインに沿った制約と誓約を 敷衍させるアプローチのすゝめ

Slide 10

Slide 10 text

フロントエンドが知っておかない といけないデザインの話が凝縮さ れた発表だった。 Freeform DesignとStructured Designの話とかも併せてみておき たい。 Component-Driven Design & Development Component-Driven Design & Development Component-Driven Design & Development by by by sakito sakito sakito Component-Driven Design & Development

Slide 11

Slide 11 text

ほかにも面白い発表がたくさんあったので見てみてね

Slide 12

Slide 12 text

感想 カンファレンスの楽しさを再認識できた 「フロントエンド」のカンファレンスは意外と少ないので貴重な話を聴けた 旅行がてらのカンファレンスはいいぞ

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

No content