Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」

2021/01/13(水)19:30 〜 22:00 開催
ブックマーク

イベント内容

アーカイブ動画を公開しました。
https://youtu.be/eX8Lf20ETew

本イベントは、複数回にわたりフロントエンド技術の各分野に精通した方をお招きし、フロントエンド領域の技術を網羅的に学ぶことを趣旨として開催いたします。

開催概要

近年その存在がより重要視される開発レイヤーといえば、フロントエンドを思い浮かべる方も多いのではないでしょうか。

変化が早すぎると言われたフロントエンドも今は昔、各フロントエンドフレームワークのユーザーグループやエンジニアリングに力を入れる企業が中心となって、其々の最新技術アップデートや事例の共有がなされてきました。
先導してくれたコミュニティや企業のおかげで、特定の技術やフレームワークを学ぶことは容易となり、だからこそより重要な領域として、フロントエンドはWeb開発において大きな地位を築いています。

ですが、そんな今だからこそ、俯瞰的に、そして統合的に学ぶ場は減少しているのではないでしょうか?
フロントエンド開発は、バックエンドやデザイン、インフラなど、非常にコラボレーションの機会が多く、特定の技術によらない Web そのものへの知識が求められる領域です。
今回 Forkwell は potato4d氏と協力し、いずれのフロントエンド技術でサービス開発する際も必要となる大切な指標や、Web技術全体について学び直すことができる機会として、Front-End Study を設けました。

本イベントでは、それぞれのテーマについて知見を持つ方を複数名お呼びし、参加される皆さまと一緒に、フロントエンドについて考えていきたいと思います。
また、フロントエンド、バックエンドといった技術の垣根なく、現代のWeb開発において求められる技術を学べる総合的な勉強会にできれば幸いです。

本勉強会スケジュール

日程 テーマ 発表者
11月9日(月) 第1回「Cloud Native時代のフロントエンド」 mizchi氏 / 西谷 圭介氏 / 甲斐 啓真氏
12月15日(火) 第2回「Performance Tuning in depth」 古川 陽介氏 / chikoski氏 / Ryoma Abe(Araya)氏
1月13日(水) 第3回「『当たり前』をつくりだすWebアクセシビリティ」 ymrl氏 / yamanoku氏 / 五十嵐 涼氏
2月xx日(x) 第4回「(仮)デザインに命を吹き込むフロントエンド開発」 調整中
3月xx日(x) 第5回「(仮)フロントエンドアーキテクチャのこれまでとこれから」 調整中

こんなエンジニアにおすすめ

  • フロントエンド技術を網羅的に学びたい方
  • フロントエンド技術について自分がどれだけ理解しているのか確認したい方
  • 各フレームワーク、プラクティスを技術選定する上で大事な考え方を学びたい方
  • 最新のフロントエンド技術トレンドをキャッチアップしたい方

Front-End Study #3 「『当たり前』をつくりだすWebアクセシビリティ」

基調講演「Webエンジニアとしていま知っておきたいWebアクセシビリティ」

 ymrl 氏(@ymrl
 freee株式会社 デザイナー/エンジニア

▍発表内容について

Webにおいてアクセシビリティは「いつか取り組む必要のあるもの」と認識されつつも、多くのエンジニアにとっては「とっつきにくいもの」になってしまっている現実があります。アクセシビリティに関する情報には、それに取り組む社会的意義のようなそもそも論や、エンジニア以外の責務となりがちな情報設計・ビジュアルデザインの比重が大きいものが多く、これがエンジニアがアクセシビリティから遠ざかる原因のひとつになっていると私は考えています。

今回はエンジニアの立場や責務からアクセシビリティを捉えなおし、Web技術のエキスパートとしてのエンジニアが、どういう形でアクセシビリティに関与できるのか・するべきなのかを考え直します。モダンなWebフロントエンド開発の中でアクセシビリティを向上させるために行われている手段・使われているツールについても紹介したいと思います。

より品質の高いWebサイトやアプリケーションを開発するために持つべき視点としてのアクセシビリティの考え方を持ち帰っていただければと思います。

セッション1「これからもつづけるWebアクセシビリティ」

 yamanoku 氏(@yamanoku
 株式会社クラウドワークス フロントエンドデザイナー

▍発表内容について

ここ数年、アクセシビリティの重要性が説かれてきて一人ひとりのやっていこうという気持ちが高まってきているように感じています。しかしその次のステップとして、どのように始めて持続的に続けていくのかという問題に直面している方もいるかもしれません。

私からは、まず最初に取り組んでみること、普段の開発とアクセシビリティをどう絡めていくか、アクセシビリティ向上させる関連ツールの紹介、日頃意識していくこと、どういった情報を追っていけばいいのか等、継続していくために必要なことについて述べさせていただきます。

セッション2「実践!Reactで学ぶアクセシビリティ」

 五十嵐 涼 氏(@TheGodOfNeet
 未踏ジュニアスーパークリエータ

▍発表内容について

「アクセシビリティのコンセプトはわかったけど、実際に書くと大変なんだよね…」そんなあなたに送る、ReactでアクセシブルなWebアプリを開発するライブコーディングの発表です。

明日から使えるマークアップなどの基礎的な問題から、最新のフレームワークを用いた複雑なSPA特有の問題まで幅広く触れられます。ぜひ開発中のプロダクトをお手元にご用意の上お聴きください!

タイムスケジュール(目安)

  時間          内容               発表者       
18:30〜 事前リハーサル 発表者全員
19:30〜 開会挨拶、ゲストの紹介 主催 Forkwell 重本 湧気
司会 potato4d
19:40〜 基調講演(30分)
「Webエンジニアとしていま知っておきたいWebアクセシビリティ」
freee株式会社 デザイナー/エンジニア
ymrl
20:10〜 質疑応答(10分) ymrl氏
potato4d氏
20:20〜 Sponsor LT 1(5分) Forkwell 重本 湧気
20:25〜 休憩(5分) -
20:30〜 Session 1(20分)
「これからもつづけるWebアクセシビリティ」
株式会社クラウドワークス フロントエンドデザイナー
yamanoku
20:50〜 質疑応答(10分) yamanoku氏
potato4d氏
21:00〜 Sponsor LT 2(5分) 株式会社アンドパッド フロントエンドエンジニア
mmiyauchi
21:05〜 休憩(5分) -
21:10〜 Session 2(20分)
「実践!Reactで学ぶアクセシビリティ」
未踏ジュニアスーパークリエータ
五十嵐 涼
21:30〜 質疑応答(10分) 五十嵐 涼氏
potato4d氏
21:40〜 アフタートーク 発表者全員
22:00 完全解散

※ タイムスケジュールは目安です。完全解散22:00までの間で、より参加者にご満足いただける形で各コンテンツ時間が調整される場合がございます。
※ プログラムは変更となる可能性があります。随時こちらで更新いたします。

参加方法

  • 本イベントは YouTube Live を使用してライブ配信いたします。
    • 下記のリンクよりチャンネル登録の上、ライブ配信予定枠のリマインダー設定をお願いします‍♂️
        Forkwell【エンジニア向け勉強会チャンネル】
    • ライブ配信終了後、同URLにてアーカイブ動画の公開を予定しております。アーカイブ動画はライブ配信終了後、YouTube側のエンコード処理が終了次第正常に視聴可能となります。処理中は動画が切れていたり音声が再生されないことがございますので、ご承知おきくださいませ。
    • Twitter タイムラインと連動したリアルタイムな参加体験を重視するため、YouTube Liveの後追い再生はできないよう設定しております。
  • 投げ銭について
    • Super Chat を用いた投げ銭に取り組む可能性があります。
  • Front-End Study では、Koibumi というフィードバックシステムを利用します。
    • 登壇者に対して、リアルタイムで気軽にフィードバックでき、その後は Twitter などのオープンな場での議論での議論も可能です。
    • 当日はこちらへお願いいたします。

登壇者

  • 登壇者は、ビデオ会議ツール Zoomを使用いたします。 Zoom をインストールしたPCで、指定されたURLにアクセスするだけで参加することができます。
  • 事前リハーサルは当日18:30より Zoom URLにて実施いたします。お手数お掛け致しますがご協力お願いします。 上記日程にて難しい場合は、別途個別でお時間調整させていただけますと幸いです。
  • 一般的な勉強会での発表と同じように、スライドを用意して音声で発表を行っていただきます。
  • Zoom の画面共有機能を利用し、参加者にスライド画面を配信します。ウィンドウ単位での画面共有が可能なので、他の画面が見られる心配もございません。 PC内臓のマイク・スピーカーまたは外付けのイヤホンマイクを用いて発表することができます。

留意事項

  • Forkwell の宣伝をさせていただく時間がございます。予めご了承ください。
  • エンジニアの方を対象としたイベントのため、非エンジニアの方のご参加、ならびに同業に属する方の当イベント内でのリクルーティング活動につきましてご遠慮いただいております。
  • イベントおよび懇親会の風景を、Forkwellメディア上の記事(イベントレポート)に掲載することがございます。掲載を希望されない方は、当日Zoomチャットまたはイベントページ問い合わせフォームより、掲載希望されない旨をお伝えください。

また、ご参加者の方々が最大限楽しんで頂けるよう、運営サイドで参加にふさわしくないと判断させて頂いた方については、イベント中であろうとご退席をお願いすることがございます。

  • 保険、宗教、ネットワークビジネスの勧誘が目的と見られる方
  • その他運営サイドで参加が不適切だと判断した方

誠に恐れ入りますが、あらかじめご了承くださいませ。

主催・協力

主催/コミュニティ支援協賛

「成長し続けるエンジニアを支援する」サービスを運営する Forkwell が開催いたします。
ソニー株式会社様の協賛のもと、技術コミュニティへのスポンサー活動を実施しております。

ライブ配信代行

天神放送局

天神放送局はライブ配信を広めることで「機会格差をなくす」ことをミッションとしたライブ配信ユニットです。
コミュニティイベントが増え続ける中、コンテンツを熱意ある人に届けるために活動しています。


ライブ配信費用スポンサー

株式会社アンドパッド

アンドパッドは、「幸せを築く人を、幸せに。」というミッションを掲げ、業界の人手不足解決、働き方改革を加速させる建設・建築業に特化したクラウド型建設プロジェクト管理サービス「ANDPAD」を提供しています。


各回配信スポンサー

#1 Buildサービス推進チーム(伊藤忠テクノソリューションズ株式会社)

Buildサービス推進チームは、デザイン×クラウドネイティブアーキテクチャ×アジャイル開発で日本の新規サービスやプロダクトを企画から実現まで共創しています。デザイナーやエンジニアを主体としたチーム運営を行い、技術やデザインを教え合い高め合うチームであり続けます。

#2 株式会社マネーフォワード

2012年5月の設立以来、個人向けのお金の見える化サービス『マネーフォワード ME』、自動貯金アプリ『しらたま』、バックオフィスSaaS『マネーフォワード クラウド』などを提供するFintech企業。

#3 株式会社アンドパッド

アンドパッドは、「幸せを築く人を、幸せに。」というミッションを掲げ、業界の人手不足解決、働き方改革を加速させる建設・建築業に特化したクラウド型建設プロジェクト管理サービス「ANDPAD」を提供しています。

#4 株式会社LegalForce

LegalForceは、契約書業務をサポートするSaaSを開発している創業4年目のスタートアップです。弊社ではユーザー体験を徹底的に追求した開発を行っており、その一環としてフロントエンド開発にもかなり力を入れています。UIにこだわりたい、アーキテクチャにこだわりたいというエンジニアの方、一緒に仕事しましょう!

#4 READYFOR株式会社

READYFOR株式会社は、「誰もがやりたいことを実現できる世の中をつくる」というビジョンのもと、クラウドファンディングサービス「READYFOR」を運営しています。
技術の力でより多くの「想いの乗ったお金の流れを増やす」ことを目指し、組織の中にエンジニアリングが自然に溶け込んでいる「乳化」を追求しています。

#5 株式会社アジャイルウェア

顧客の仕事を「楽にする」というミッションを実現するため、働き方も「楽に」「自由に」

  • 得意なコトに集中!苦手なことはしなくていい
  • 好きな時間、場所で働ける(フルフレックス、リモートいつでもOK、withコロナの手当やサポート充実)
  • エディタ、ライブラリ、フレームワーク自由
  • 上司のいないフラットな組織
#5 LINE Growth Technology株式会社

LINE Growth Technoogyは、LINEのサービスをより多くのユーザーにより深く愛されるように成長させ続けるための ”Growth開発”を担う開発専門子会社として設立されました。LINEグループの中で特定サービスに紐づかない横断的な組織として、サービスの成長過程で生じる課題解決、LINEサービスの競争力を高めるべく取り組んでいます。

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

関連するイベント