web-study グループの新着イベントhttps://web-study.connpass.com/2026-03-17T15:34:50+09:00connpass.comweb-study グループの新着イベント#縦書き_study2026-03-17T15:34:50+09:002026-03-17T15:34:50+09:00https://web-study.connpass.com/event/387935/?utm_campaign=series_events&utm_source=feed&utm_medium=atom開催日時: 2026/04/17 19:00 ~ 21:00<br />開催場所: 東京都中央区日本橋2-7-1 東京日本橋タワー 27階<br /><br /><h1>縦書き_study</h1> <p>今の Web における縦書きは、どこまできているのか、何が足りてないのか。</p> <p>我々日本に生まれ、縦書きの教科書と原稿用紙で読み書きを習った Web エンジニアは、そこにどう貢献ができるのか。</p> <p>現状の把握と今後の展望について、確認する会を小さくやります。</p> <h1>Time Table</h1> <ul> <li>@berlysia: TBD</li> <li>TBD</li> </ul>#temporal_study2026-02-09T11:37:47+09:002026-03-16T20:06:57+09:00https://web-study.connpass.com/event/383606/?utm_campaign=series_events&utm_source=feed&utm_medium=atom開催日時: 2026/03/16 19:00 ~ 21:00<br />開催場所: 東京都港区三田2-15-45<br /><br /><h1>#temporal_study</h1> <p>我々を長年苦しめ続けた「日付処理」という技術課題。 色々と不足する <code>Date</code> を補うため、あらゆるライブラリを導入して、なんとか今日までしのいできました。</p> <p>しかし、 ECMA で提案された Temporal が入ることで、その苦しみからやっと解放されます。 Baseline Newly Available も目前、今年は Temporal への移行の話が上がり始める、元年になるかも。</p> <p>そこで、「日付処理」に魂を売った職人たちに、日付処理は何が難しいのか、 Temporal は何を解決するのか どうやって移行したらいいのか、我々はどうしたら救われるのか、などを語ってもらいます。</p> <h2>Time Table</h2> <ul> <li>@ふぁぼん: TBD</li> <li>@sajikix: TBD</li> <li>パネル: 今年我々は何をしたらいいのか? (+質問攻めタイム)</li> </ul> <p>質問はアンケートで募集します。</p> <p>例)</p> <ul> <li>toLocalDateString() ? toISOString()? YYYY-MM-DD したいだけなのに...</li> <li>平成 35 年で登録したのデータが DB にあるんだけど、、</li> <li>太陽暦?太陰暦?なんか地理の授業で聞いた気が?</li> <li>サマータイム?が終わった?でずっとサマータイムだと??</li> <li>8/9/2025 って 8月9日? 9月8日?</li> <li>サーバーは Java なんだけどどうしたら、、?</li> <li>こうしたくなっちゃうけど怒られますか?</li> </ul> <div class="codehilite"><pre><span></span><code><span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">formatter</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nb">Intl</span><span class="p">.</span><span class="nx">DateTimeFormat</span><span class="p">(</span><span class="sb">`ja-JP`</span><span class="p">,</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="nx">year</span><span class="o">:</span><span class="w"> </span><span class="sb">`numeric`</span><span class="p">,</span> <span class="w"> </span><span class="nx">month</span><span class="o">:</span><span class="w"> </span><span class="sb">`2-digit`</span><span class="p">,</span> <span class="w"> </span><span class="nx">day</span><span class="o">:</span><span class="w"> </span><span class="sb">`2-digit`</span><span class="p">,</span> <span class="w"> </span><span class="nx">hour</span><span class="o">:</span><span class="w"> </span><span class="sb">`2-digit`</span><span class="p">,</span> <span class="w"> </span><span class="nx">minute</span><span class="o">:</span><span class="w"> </span><span class="sb">`2-digit`</span><span class="p">,</span> <span class="w"> </span><span class="nx">second</span><span class="o">:</span><span class="w"> </span><span class="sb">`2-digit`</span><span class="p">,</span> <span class="w"> </span><span class="p">})</span> <span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">parts</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">Object</span><span class="p">.</span><span class="nx">fromEntries</span><span class="p">(</span> <span class="w"> </span><span class="nx">formatter</span><span class="p">.</span><span class="nx">formatToParts</span><span class="p">(</span><span class="nx">mtime</span><span class="p">).</span><span class="nx">map</span><span class="p">(({</span><span class="w"> </span><span class="nx">type</span><span class="p">,</span><span class="w"> </span><span class="nx">value</span><span class="w"> </span><span class="p">})</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">[</span><span class="nx">type</span><span class="p">,</span><span class="w"> </span><span class="nx">value</span><span class="p">])</span> <span class="w"> </span><span class="p">)</span> <span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">year</span><span class="p">,</span><span class="w"> </span><span class="nx">month</span><span class="p">,</span><span class="w"> </span><span class="nx">day</span><span class="p">,</span><span class="w"> </span><span class="nx">hour</span><span class="p">,</span><span class="w"> </span><span class="nx">minute</span><span class="p">,</span><span class="w"> </span><span class="nx">second</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">parts</span> <span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="sb">`</span><span class="si">${</span><span class="nx">year</span><span class="si">}</span><span class="sb">-</span><span class="si">${</span><span class="nx">month</span><span class="si">}</span><span class="sb">-</span><span class="si">${</span><span class="nx">day</span><span class="si">}</span><span class="sb"> </span><span class="si">${</span><span class="nx">hour</span><span class="si">}</span><span class="sb">:</span><span class="si">${</span><span class="nx">minute</span><span class="si">}</span><span class="sb">:</span><span class="si">${</span><span class="nx">second</span><span class="si">}</span><span class="sb">`</span> </code></pre></div> <h2>参加者アンケート</h2> <ul> <li>Temporal はライブラリでラップするの?そのまま使うの?</li> <li>サポートブラウザが古くてなかなか Temporal 化できなくて悲しい</li> <li>チームメンバーが Temporal を理解して扱うの難易度高くないですか?</li> </ul> <h2>会場</h2> <p>慶應義塾大学三田キャンパス</p> <p>詳細は「参加者への情報」に記載</p> <h2>その他</h2> <ul> <li>LT なし</li> <li>配信なし</li> <li>録画なし</li> <li>懇親会なし</li> </ul>Web 技術年末試験 20252025-12-19T21:15:26+09:002026-01-23T23:07:14+09:00https://web-study.connpass.com/event/378988/?utm_campaign=series_events&utm_source=feed&utm_medium=atom開催日時: 2026/01/23 22:00 ~ 23:00<br />開催場所: オンライン<br /><br /><h1>Web 技術年末試験 2025</h1> <h2>注意</h2> <p><strong style="font-size: 4em;">Chrome 144 を使う問題が出ます。インストール・アップデートしておいてください。</strong></p> <h2>Intro</h2> <p>2025 年の <strong>Web 技術を振り返る試験</strong> を実施します。<br> 試験を通じて、「こんなことあったなぁ」を振り返ったり「こんなことあったのか」と取りこぼしに気づくのが目的です。<br> このイベントは、試験をオンラインで実施する受験会場です。</p> <ul> <li><strong>範囲</strong>: 2025 年の Web 技術の変化、トレンド、重要トピックなど</li> <li><strong>方式</strong>: 選択、記述、コーディング</li> <li><strong>時間</strong>: 60 分</li> <li><strong>点数</strong>: 100 点満点</li> <li><strong>その他</strong><ul> <li>何を調べても良い(検索, AI etc)</li> <li>Google Docs でやるので Google アカウントが必要</li> </ul> </li> </ul> <h2>オンライン試験</h2> <p>オンラインで受験すると、主催による採点が行われ、点数がわかります。<br> 点数は本人にしかわからず、 N&gt;10 の場合のみ「<strong>平均</strong>」と「<strong>中央値</strong>」だけ公開します。<br> オンライン試験終了後、問題と想定解答を公開します。それ以降は主催による採点はありません。</p> <h3>受験の流れ</h3> <ol> <li>22:00 試験時間に Google Meet (参加者向け情報に記載)に参加</li> <li>Google Docs の回答用紙を自分用にコピー</li> <li>22:05 ~ 23:05 の 1 時間で解答</li> <li>終了後、主催に Docs を共有</li> <li>その場で簡単な解説を実施(以降自由退出)</li> <li>後日採点後、点数を Docs のコメントで本人に通知</li> <li>主催による講評をブログで公開</li> </ol> <h2>過去問</h2> <p>過去問です。これとほぼ同じ形式です。</p> <ul> <li><a href="proxy.php?url=https://docs.google.com/document/d/1Bzo385iu9YlAWSJTKVszqg9bj-m4VBTCYO8LSMoJN1s/" rel="nofollow">Web 技術年末試験 2024</a></li> <li><a href="proxy.php?url=https://docs.google.com/document/d/1jdN0NsM-PAnYRlWTioLFGB7-szx4pF-h-Z87_jzcyF8/" rel="nofollow">Web 技術年末試験 2023</a></li> <li><a href="proxy.php?url=https://docs.google.com/document/d/1AP5ZcM-yr3Yfoe6d-Va4oF6bsx7YKh39e_pGr_QUY5A/edit" rel="nofollow">Web 技術年末試験 2022</a></li> </ul> <h2>イラスト</h2> <p><a href="proxy.php?url=https://loosedrawing.com/" rel="nofollow">Loose Drawing|無料で商用利用可能なフリーイラスト</a></p>#tpac_study2025-12-15T23:24:45+09:002026-01-20T18:07:14+09:00https://web-study.connpass.com/event/378948/?utm_campaign=series_events&utm_source=feed&utm_medium=atom開催日時: 2026/01/20 19:00 ~ 21:00<br />開催場所: 東京都中央区日本橋2-7-1 東京日本橋タワー 27階<br /><br /><h1>TPAC 2025 参加報告会</h1> <h2>Intro</h2> <p>2025/11 に神戸で開催された TPAC 2025 の参加報告会です。 TPAC とはどんなイベントなのか、どんな議論がなされていたのか、 参加したエンジニアが、気になった WG のミーティングについて報告します。</p> <p>W3C とは関係ないイベントなので、 W3C 会員企業でなくても参加できます。</p> <h2>Time Table</h2> <p>19:00 〜 21:00</p> <ul> <li><a href="proxy.php?url=https://x.com/sakupi01" rel="nofollow">@saku</a>: Drafting the Future of CSS</li> <li><a href="proxy.php?url=https://x.com/berlysia" rel="nofollow">@berlysia</a>: Revisiting Scope Between i18n and CSS</li> <li><a href="proxy.php?url=https://x.com/sajikix" rel="nofollow">@sajikix</a>: Ambition and Improvement in i18n</li> <li>@nk: Agents in Payment</li> </ul> <h2>Other</h2> <ul> <li>無料</li> <li>懇親会無し</li> <li>配信無し</li> <li>LT 無し</li> </ul> <h2>入館方法</h2> <p>日本橋タワー 7 階のエレベーター前ゲートを、「参加者への情報 」に表示された QR で通って 27 階に上がって下さい。 <a href="proxy.php?url=https://cybozu.co.jp/company/access/tokyo/" rel="nofollow">https://cybozu.co.jp/company/access/tokyo/</a></p>Web 技術年末試験 20242024-12-04T12:24:21+09:002025-01-20T22:08:51+09:00https://web-study.connpass.com/event/339304/?utm_campaign=series_events&utm_source=feed&utm_medium=atom開催日時: 2025/01/20 22:00 ~ 23:00<br />開催場所: オンライン<br /><br /><h1>Web 技術年末試験 2024</h1> <h2>Intro</h2> <p>2024 年の <strong>Web 技術を振り返る試験</strong> を実施します。<br> 試験を通じて、「こんなことあったなぁ」を振り返ったり「こんなことあったのか」と取りこぼしに気づくのが目的です。<br> このイベントは、試験をオンラインで実施する受験会場です。</p> <ul> <li><strong>範囲</strong>: 2024 年の Web 技術の変化、トレンド、重要トピックなど</li> <li><strong>方式</strong>: 選択、記述、コーディング</li> <li><strong>時間</strong>: 60 分</li> <li><strong>点数</strong>: 100 点満点</li> <li><strong>その他</strong><ul> <li>何を調べても良い(検索, AI etc)</li> <li>Google Docs でやるので Google アカウントが必要</li> </ul> </li> </ul> <h2>オンライン試験</h2> <p>オンラインで受験すると、主催による採点が行われ、点数がわかります。<br> 点数は本人にしかわからず、 N&gt;10 の場合のみ「<strong>平均</strong>」と「<strong>中央値</strong>」だけ公開します。<br> オンライン試験終了後、問題と想定解答を公開します。それ以降は主催による採点はありません。</p> <h3>受験の流れ</h3> <ol> <li>22:00 試験時間に Google Meet (参加者向け情報に記載)に参加</li> <li>Google Docs の回答用紙を自分用にコピー</li> <li>22:05 ~ 23:05 の 1 時間で解答</li> <li>終了後、主催に Docs を共有</li> <li>その場で簡単な解説を実施(以降自由退出)</li> <li>後日採点後、点数を Docs のコメントで本人に通知</li> </ol> <h2>過去問</h2> <p>過去問です。これとほぼ同じ形式です。</p> <ul> <li><a href="proxy.php?url=https://docs.google.com/document/d/1jdN0NsM-PAnYRlWTioLFGB7-szx4pF-h-Z87_jzcyF8/" rel="nofollow">Web 技術年末試験 2023</a></li> <li><a href="proxy.php?url=https://docs.google.com/document/d/1AP5ZcM-yr3Yfoe6d-Va4oF6bsx7YKh39e_pGr_QUY5A/edit" rel="nofollow">Web 技術年末試験 2022</a></li> </ul> <h2>イラスト</h2> <p><a href="proxy.php?url=https://loosedrawing.com/" rel="nofollow">Loose Drawing|無料で商用利用可能なフリーイラスト</a></p>Web Developer Conference 20242024-06-28T18:49:22+09:002024-09-09T01:11:09+09:00https://web-study.connpass.com/event/321711/?utm_campaign=series_events&utm_source=feed&utm_medium=atom開催日時: 2024/09/07 12:00 ~ 20:00<br />開催場所: 東京都中央区日本橋2-7-1 東京日本橋タワー 27階<br /><br /><h1>Web Developer Conference 2024</h1> <h2>概要</h2> <p>「<strong>Web 開発</strong>」をテーマにしたイベントを夏に開催します。</p> <ul> <li>日程: 2024/09/07 (土) 12:00 - 20:00</li> <li>場所: サイボウズ</li> <li>配信/アーカイブなし</li> <li>懇親会/飲食提供なし</li> <li>参加費無料</li> </ul> <h1>Hash Tag</h1> <p>Togetter: <a href="proxy.php?url=https://togetter.com/li/2430964" rel="nofollow">https://togetter.com/li/2430964</a></p> <ul> <li>Green: <a href="proxy.php?url=https://x.com/hashtag/wdc2024_green" rel="nofollow">#wdc2024_green</a></li> <li>White: <a href="proxy.php?url=https://x.com/hashtag/wdc2024_white" rel="nofollow">#wdc2024_white</a></li> <li>Red: <a href="proxy.php?url=https://x.com/hashtag/wdc2024_red" rel="nofollow">#wdc2024_red</a></li> <li>LT: <a href="proxy.php?url=https://x.com/hashtag/wdc2024_lt" rel="nofollow">#wdc2024_lt</a></li> </ul> <h2>Time Table</h2> <table> <thead> <tr> <th align="center">Start</th> <th align="center">End</th> <th align="center">Green</th> <th align="center">Red</th> <th align="center">White</th> </tr> </thead> <tbody> <tr> <td align="center">12:00</td> <td align="center">12:40</td> <td align="center">開場</td> <td align="center">開場</td> <td align="center">開場</td> </tr> <tr> <td align="center">13:00</td> <td align="center">13:40</td> <td align="center"><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/c49bfb5f-fa97-4c86-9e8a-b14dcbe6ccb4" rel="nofollow">Rust + Sveltekit (Svelte 5) でモダンな web 開発 by YukiIshii</a></td> <td align="center"><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/99a572b0-4c6e-45af-b2e6-3de674a5be65" rel="nofollow">僕が思い描く TypeScript の未来を勝手に先取りする by yukukotani</a></td> <td align="center"><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/4d3298c5-c7c5-45da-8dd2-229669780b95" rel="nofollow">エンジニア視点で見る、組織で運用されるデザインシステムにするには by Shunya078</a></td> </tr> <tr> <td align="center">14:00</td> <td align="center">14:40</td> <td align="center"><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/0e0e94ff-c7b0-4090-b482-f329899b5c7d" rel="nofollow">Lessons by WebAssembly app in production on CDN edge computing service by Tetsuharu Ohzeki</a></td> <td align="center"><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/147a4f65-3341-4c79-ba53-eaaa0d1488e3" rel="nofollow">React Aria で実現する次世代のアクセシビリティ by まっつー</a></td> <td align="center"><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/34ebf17d-53f0-4581-a2a7-e968201c6779" rel="nofollow">疎通 2024 by sadnessOjisan</a></td> </tr> <tr> <td align="center"></td> <td align="center"></td> <td align="center">break</td> <td align="center">break</td> <td align="center">break</td> </tr> <tr> <td align="center">16:00</td> <td align="center">16:40</td> <td align="center"><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/67c5d220-1f55-4455-9e5f-af1ad9c8bd9a" rel="nofollow">なぜクラウドサービスで Web コンソールを提供するのか by did0es</a></td> <td align="center"><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/bc200ec3-b660-4cab-a6a2-f963ee046860" rel="nofollow">JavaScript の仕様と実装をつなぐ test262 と WebKit におけるその運用 by sosukesuzuki</a></td> <td align="center"><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/346be901-7ef3-4ea8-a9ae-6566eee41f46" rel="nofollow">モダンフレームワークで損なわれたブラウザバック体験とその改善 by akfm</a></td> </tr> <tr> <td align="center">17:00</td> <td align="center">17:40</td> <td align="center"><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/29df0d35-a811-4896-87a6-ccdbc5a238e1" rel="nofollow">開発全部俺 2024 by oliver</a></td> <td align="center"><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/ec0a2cde-97d3-4252-b8db-5711ada0f5ed" rel="nofollow">Web エコシステムの人文社会学的解釈 by Jxck</a></td> <td align="center"><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/32916521-534e-4364-828a-188cf93db4a7" rel="nofollow">Envoy の External AuthZ と gRPC Extension を利用した「頑張らない」Microservices 認証認可基盤 by andoshin11</a></td> </tr> <tr> <td align="center"></td> <td align="center"></td> <td align="center">break</td> <td align="center">break</td> <td align="center">break</td> </tr> <tr> <td align="center">18:30</td> <td align="center">19:30</td> <td align="center">LT: 「1 分 de Web 標準」x 50 人</td> <td align="center"></td> <td align="center"></td> </tr> <tr> <td align="center">20:00</td> <td align="center"></td> <td align="center">end</td> <td align="center">end</td> <td align="center">end</td> </tr> </tbody> </table> <ul> <li><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/c49bfb5f-fa97-4c86-9e8a-b14dcbe6ccb4" rel="nofollow">Rust + Sveltekit (Svelte 5) でモダンな web 開発 by YukiIshii</a></li> <li><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/99a572b0-4c6e-45af-b2e6-3de674a5be65" rel="nofollow">僕が思い描く TypeScript の未来を勝手に先取りする by yukukotani</a></li> <li><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/4d3298c5-c7c5-45da-8dd2-229669780b95" rel="nofollow">エンジニア視点で見る、組織で運用されるデザインシステムにするには by Shunya078</a></li> <li><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/0e0e94ff-c7b0-4090-b482-f329899b5c7d" rel="nofollow">Lessons by WebAssembly app in production on CDN edge computing service by Tetsuharu Ohzeki</a></li> <li><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/147a4f65-3341-4c79-ba53-eaaa0d1488e3" rel="nofollow">React Aria で実現する次世代のアクセシビリティ by まっつー</a></li> <li><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/34ebf17d-53f0-4581-a2a7-e968201c6779" rel="nofollow">疎通 2024 by sadnessOjisan</a></li> <li><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/67c5d220-1f55-4455-9e5f-af1ad9c8bd9a" rel="nofollow">なぜクラウドサービスで Web コンソールを提供するのか by did0es</a></li> <li><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/bc200ec3-b660-4cab-a6a2-f963ee046860" rel="nofollow">JavaScript の仕様と実装をつなぐ test262 と WebKit におけるその運用 by sosukesuzuki</a></li> <li><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/346be901-7ef3-4ea8-a9ae-6566eee41f46" rel="nofollow">モダンフレームワークで損なわれたブラウザバック体験とその改善 by akfm</a></li> <li><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/29df0d35-a811-4896-87a6-ccdbc5a238e1" rel="nofollow">開発全部俺 2024 by oliver</a></li> <li><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/ec0a2cde-97d3-4252-b8db-5711ada0f5ed" rel="nofollow">Web エコシステムの人文社会学的解釈 by Jxck</a></li> <li><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/32916521-534e-4364-828a-188cf93db4a7" rel="nofollow">Envoy の External AuthZ と gRPC Extension を利用した「頑張らない」Microservices 認証認可基盤 by andoshin11</a></li> </ul> <h2>LT (仮)</h2> <p>Web 標準に関する LT 1min x 50 (<a href="proxy.php?url=https://blog.jxck.io/entries/2024-06-26/1min-de-web-standard.html" rel="nofollow">「1 分 de Web 標準」のやり方</a>)</p> <table> <thead> <tr> <th>No</th> <th>title</th> <th>speaker</th> </tr> </thead> <tbody> <tr> <td>01</td> <td>draft-ietf-httpapi-deprecation-header について 1 分で</td> <td>araya</td> </tr> <tr> <td>02</td> <td>DOM の ChildNode と ParentNode について 1 分で</td> <td>uhyo</td> </tr> <tr> <td>03</td> <td>WinterCG Minimum Common Web Platform API について 1 分で</td> <td>progfay</td> </tr> <tr> <td>04</td> <td>式と文と宣言について 1 分で</td> <td>yosuke_furukawa</td> </tr> <tr> <td>05</td> <td>Web 標準について 1 分で</td> <td>okunokentaro</td> </tr> <tr> <td>06</td> <td>elementsFromPoint について 1 分で</td> <td>canalun</td> </tr> <tr> <td>07</td> <td>High Resolution Time について 1 分で</td> <td>bokken</td> </tr> <tr> <td>08</td> <td>Fetch API の keepalive の 64kb 制限について 1 分で</td> <td>yukukotani</td> </tr> <tr> <td>09</td> <td>CSS anchor positioning について 1 分で</td> <td>ユウト</td> </tr> <tr> <td>10</td> <td>Atomics について 1 分で</td> <td>sadnessOjisan</td> </tr> <tr> <td>11</td> <td>RFC 9557 (IXDTF) について 1分で</td> <td>sajikix</td> </tr> <tr> <td>12</td> <td>tc39 proposal: Promise.try について 1 分で</td> <td>saku</td> </tr> <tr> <td>13</td> <td>TC39 Regular Expression Pattern Modifiers について 1 分で</td> <td>daiki</td> </tr> <tr> <td>14</td> <td>WHIP(WebRTC-HTTP ingestion protocol)について 1 分で</td> <td>mganeko</td> </tr> <tr> <td>15</td> <td>Explicit Resource Management について 1 分で</td> <td>syumai</td> </tr> <tr> <td>16</td> <td>Binary AST について 1 分で</td> <td>re-taro</td> </tr> <tr> <td>17</td> <td>Digital Credentials (Identity Credential API) について 1 分で</td> <td>56</td> </tr> <tr> <td>18</td> <td>WebAssembly Component Model について 1 分で</td> <td>s7tya</td> </tr> <tr> <td>19</td> <td>AVIF について 1 分で</td> <td>ken7253</td> </tr> <tr> <td>20</td> <td>Baseline について 1 分で</td> <td>araya</td> </tr> <tr> <td>21</td> <td>PKCE について 1 分で</td> <td>sadnessOjisan</td> </tr> <tr> <td>22</td> <td>WebAssembly JS String Builtins について 1 分で</td> <td>igrep</td> </tr> <tr> <td>23</td> <td>WHEP(WebRTC-HTTP Egress Protocol) について 1 分で</td> <td>mganeko</td> </tr> <tr> <td>24</td> <td>Web Locks API について 1 分で</td> <td>uhyo</td> </tr> <tr> <td>25</td> <td>Iterator helpers と Array と NodeList について 1 分で</td> <td>takenspc</td> </tr> <tr> <td>26</td> <td>WebComponent と importmap について 1 分で</td> <td>asuka</td> </tr> <tr> <td>27</td> <td>focusgroup について 1 分で</td> <td>しゅん 🌙</td> </tr> <tr> <td>28</td> <td>WebGL について 1 分で</td> <td>did0es</td> </tr> <tr> <td>29</td> <td>MiniApp Standardization White Paper version 2 について 1 分で</td> <td>odan</td> </tr> <tr> <td>30</td> <td>draft-ietf-httpbis-cache-groups について 1 分で</td> <td>araya</td> </tr> <tr> <td>31</td> <td>WinterCG Runtime Keys について 1 分で</td> <td>WhyK</td> </tr> <tr> <td>32</td> <td>CSS Logical Properties and Values について 1 分で</td> <td>berlysia</td> </tr> <tr> <td>33</td> <td>FedCM Button Mode API について 1 分で</td> <td>maxmellon</td> </tr> <tr> <td>34</td> <td>WCAG3 について 1 分で</td> <td>まっつー</td> </tr> <tr> <td>35</td> <td>Deferring Module Evaluation について 1 分で</td> <td>re-taro</td> </tr> <tr> <td>36</td> <td>WebGPU について 1 分で</td> <td>しゅん 🌙</td> </tr> <tr> <td>37</td> <td>Temporal について 1 分で</td> <td>pal4de</td> </tr> <tr> <td>38</td> <td>text-box-trim について 1 分で</td> <td>pvcresin</td> </tr> <tr> <td>39</td> <td>selectlist について 1 分で</td> <td>yyo616</td> </tr> <tr> <td>40</td> <td>CSS View Transitions Module について 1 分で</td> <td>maxmellon</td> </tr> <tr> <td>41</td> <td><code>&lt;switch&gt;</code> Proposal について 1 分で</td> <td>saku</td> </tr> <tr> <td>42</td> <td>Readable Stream について 1 分で</td> <td>ryomaejii</td> </tr> <tr> <td>43</td> <td>Centralized modifications of session history について 1 分で</td> <td>canalun</td> </tr> <tr> <td>44</td> <td>Compression dictionary transport について 1 分で</td> <td>horo</td> </tr> <tr> <td>45</td> <td>Number.isNaN と isNaN について 1 分で</td> <td>wtoriumi</td> </tr> <tr> <td>46</td> <td>CSS @property について 1 分で</td> <td>pal4de</td> </tr> <tr> <td>47</td> <td>Beacon について 1 分で</td> <td>tari</td> </tr> <tr> <td>48</td> <td>W3C Trace Context について 1 分で</td> <td>noru</td> </tr> <tr> <td>49</td> <td>Window Management について 1 分で</td> <td>sititou70</td> </tr> <tr> <td>50</td> <td>MediaSession について 1 分で</td> <td>Aiji</td> </tr> <tr> <td>51</td> <td>Retrofit Structured Fields for HTTP について 1 分で</td> <td>Jxck(予備)</td> </tr> <tr> <td>52</td> <td>Invokers について 1 分で</td> <td>Jxck(予備)</td> </tr> <tr> <td>53</td> <td>void Discard Bindings について 1 分で</td> <td>Jxck(予備)</td> </tr> </tbody> </table> <h2>Updates</h2> <ul> <li><a href="proxy.php?url=https://blog.jxck.io/entries/2024-06-12/web-dev-conf-2024.html" rel="nofollow">開催告知ブログ公開</a>: 2024/06/12</li> <li><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024" rel="nofollow">Fortee 公開</a>: 2024/06/12</li> <li>CFP 募集終了(fortee): 2024/07/12</li> <li>Time Table 公開 (connpass): 2024/07/19</li> <li>参加枠増枠(100-&gt;150): 2024/07/21</li> <li>参加抽選確定(connpass): 2024/08/01</li> <li>参加募集終了(connpass): 2024/09/01</li> <li>追加枠募集開始: 2024/09/05</li> <li>追加枠募集終了: 2024/09/05</li> <li>当日: 2024/09/07</li> </ul> <hr> <h2>CFP 募集中(終了)</h2> <p>このイベントでは Session と LT の CFP を Fortee で 7/12 まで募集しています。</p> <p><a href="proxy.php?url=https://fortee.jp/web-dev-conf-2024/proposal/all" rel="nofollow">プロポーザル | Web Developer Conference 2024 - fortee.jp</a></p> <p>(CFP を出した人も、念の為 connpass の参加登録をしておいてください)</p> <h3>Session</h3> <ul> <li>「Web 開発」に関することならどんなテーマでも OK</li> <li>設計/開発ノウハウ</li> <li>標準仕様</li> <li>プラットフォーム</li> <li>フレームワーク/ライブラリ</li> <li>プロトコル</li> <li>デザイン/UI</li> <li>認証/認可/決済</li> <li>非機能要件(a11y, security, perf etc)</li> <li>国際化</li> <li>運用/インフラ</li> <li>Tech Writing</li> <li>etc, etc, etc</li> <li>話したいと思ってたけど、持っていくちょうど良いカンファレンスがなかったネタなんかも歓迎します</li> <li>セッション時間 40 分、質疑応答は別枠で確保します</li> </ul> <h3>LT (1 分 de Web 標準)</h3> <ul> <li>「Web の標準仕様」に関する 1 分の LT を 50 人連続でやります</li> <li>Anchor Positioning について 1 分で</li> <li><code>&lt;search&gt;</code> について 1 分で</li> <li>X25519 Kyber768 について 1 分で</li> <li>WCAG3 について 1 分で</li> <li>AVIF について 1 分で</li> <li><code>text-wrap: balance</code> について 1 分で</li> <li>etc etc etc</li> <li>最新仕様である必要はありません</li> <li>1 人で複数のエントリが可能です</li> <li>負荷が低いので、初めて LT をする人も歓迎です</li> <li>詳細なやり方はこちらで解説しています</li> <li><a href="proxy.php?url=https://blog.jxck.io/entries/2024-06-26/1min-de-web-standard.html" rel="nofollow">「1 分 de Web 標準」のやり方</a></li> </ul> <h2>Logo</h2> <p><img alt="Banner" src="proxy.php?url=https://media.connpass.com/thumbs/46/5e/465e052f8c155919c79a3051f107dc9e.png"></p> <p><img alt="Logo" src="proxy.php?url=https://cdn.discordapp.com/attachments/1242033637755457536/1272978792385871873/wdc.png?ex=66dbeca2&amp;is=66da9b22&amp;hm=3444a301cd6d09438c3df58ca2e0ac115a24d7c415c105ddea70c556518e7b27&amp;"></p>Web 技術年末試験 20232024-01-17T15:16:04+09:002024-01-22T22:03:24+09:00https://web-study.connpass.com/event/308040/?utm_campaign=series_events&utm_source=feed&utm_medium=atom開催日時: 2024/01/22 22:00 ~ 23:00<br />開催場所: オンライン<br /><br /><h1>Web 技術年末試験 2023</h1> <h2>Intro</h2> <p>2023 年の <strong>Web 技術を振り返る試験</strong> を実施します。<br> 試験を通じて、「こんなことあったなぁ」を振り返ったり「こんなことあったのか」と取りこぼしに気づくのが目的です。<br> このイベントは、試験をオンラインで実施する受験会場です。</p> <ul> <li><strong>範囲</strong>: 2023 年の Web 技術の変化、トレンド、重要トピックなど</li> <li><strong>方式</strong>: 選択、記述、コーディング</li> <li><strong>時間</strong>: 60 分</li> <li><strong>点数</strong>: 100 点満点</li> <li><strong>その他</strong><ul> <li>何を調べても良い(検索, AI etc)</li> <li>Google Docs でやるので Google アカウントが必要</li> </ul> </li> </ul> <h2>オンライン試験</h2> <p>オンラインで受験すると、主催による採点が行われ、点数がわかります。<br> 点数は本人にしかわからず、 N&gt;10 の場合のみ「<strong>平均</strong>」と「<strong>中央値</strong>」だけ公開します。<br> オンライン試験終了後、問題と想定解答を公開します。それ以降は主催による採点はありません。</p> <h3>受験の流れ</h3> <ol> <li>22:00 試験時間に Google Meet (参加者向け情報に記載)に参加</li> <li>Google Docs の回答用紙を自分用にコピー</li> <li>22:05 ~ 23:05 の 1 時間で解答</li> <li>終了後、主催に Docs を共有</li> <li>その場で簡単な解説を実施(以降自由退出)</li> <li>後日採点後、点数を Docs のコメントで本人に通知</li> </ol> <h2>過去問</h2> <p>2022 年の過去問です。これとほぼ同じ形式です。</p> <ul> <li><a href="proxy.php?url=https://docs.google.com/document/d/1AP5ZcM-yr3Yfoe6d-Va4oF6bsx7YKh39e_pGr_QUY5A/edit" rel="nofollow">Web 技術年末試験 2022</a></li> </ul> <h2>イラスト</h2> <p><a href="proxy.php?url=https://loosedrawing.com/" rel="nofollow">Loose Drawing|無料で商用利用可能なフリーイラスト</a></p>Orange の会2023-07-07T14:17:05+09:002023-08-07T23:30:53+09:00https://web-study.connpass.com/event/289468/?utm_campaign=series_events&utm_source=feed&utm_medium=atom開催日時: 2023/08/08 19:00 ~ 21:00<br />開催場所: 東京都中央区日本橋2-7-1 東京日本橋タワー 27階<br /><br /><h1>TL;DR</h1> <ul> <li>配信/アーカイブなし</li> <li>懇親会なし</li> <li>LT 募集なし</li> </ul> <h1>Orange の会</h1> <ul> <li>コーポレートカラーで<span style="color: orange;">オレンジ</span>系の色は選ばれがち</li> <li>でも、<span style="color: orange;">オレンジ</span>背景で白文字だとコントラスト比が低くなりがち</li> <li><a href="proxy.php?url=https://www.w3.org/TR/WCAG22/#contrast-minimum" rel="nofollow">アクセシビリティ対応</a>を進める中で、 4.5 どころか 3 も出ない、、</li> <li>4.5 出そうとするともはや<span style="color: orange;">オレンジ</span>じゃない、、</li> <li>黒文字にすると全体的に重い、、</li> </ul> <p>コーポレートカラーは簡単には変えられない、でもアクセシビリティは担保したい。</p> <p>そんな「<span style="color: orange;">オレンジ</span>」と戦う人たちが、日頃の工夫や苦労を共有する、分かる人にしか分からないタイプの勉強会です。</p> <h1>どうしてますか?</h1> <ul> <li>デザインどう工夫してる?</li> <li>指摘されたらどうやって説明してる?</li> <li>機械的な検査どうしてる?</li> <li>もし変えられるなら何色にしたい?</li> <li>etc etc</li> </ul> <p>日頃どうやってるか、ぜひ共有しましょう。</p> <h1>登壇者</h1> <ul> <li>Retty: <a href="proxy.php?url=https://connpass.com/user/yuri9813/" rel="nofollow">@yuri9813</a><ul> <li>「<strong>Rettyとオレンジの歩み</strong>」</li> </ul> </li> <li>LIFULL: <a href="proxy.php?url=https://twitter.com/_tsmd" rel="nofollow">そめ</a><ul> <li>「<strong>#ED6103との向き合い方</strong>」</li> </ul> </li> <li>弁護士ドットコム: <a href="proxy.php?url=https://connpass.com/user/mosaco/" rel="nofollow">山本香織</a><ul> <li>「<strong>ブランドリニューアルでカラーコントラスト改善</strong>」</li> </ul> </li> <li>SmartHR: <a href="proxy.php?url=https://connpass.com/user/masuP9/" rel="nofollow">@masuP9</a><ul> <li><strong>わかり手</strong></li> </ul> </li> </ul> <h1>入館方法</h1> <p>参加者への情報に記載</p> <h1>その他</h1> <ul> <li>Orange 以外(パステル系)でも困ってる</li> <li>自分はこうやって改善した</li> <li>大事なのは数字じゃない?</li> </ul> <p>などあったら、各位 note とかにハッシュタグ付きでぜひ書いてください。</p>IETF116 参加者の会2023-03-17T16:40:13+09:002023-03-28T18:23:15+09:00https://web-study.connpass.com/event/277025/?utm_campaign=series_events&utm_source=feed&utm_medium=atom開催日時: 2023/03/28 20:00 ~ 22:00<br />開催場所: 横浜中華街<br /><br /><h1>IETF 116 Yokohama 参加者の会</h1> <p>IETF が久々に日本で開催されます。せっかく横浜までいくので、雑に中華街でご飯食べたい。</p> <ul> <li>レイヤ: ネットワーク的な守備範囲はどこでも歓迎(主催は L4 以上)</li> <li>言語: 日本語なので心配なく</li> <li>学生: 二十歳以上なら歓迎</li> <li>予算: 割り勘で 4000~5000 円くらいを予定(PayPay or 現金 or Kyash)</li> <li>場所: 参加登録すると connpass の "参加者への情報" に出ます</li> </ul> <p>勉強会的なものではなく、単に中華食うだけ。</p> <p><a href="proxy.php?url=https://trustee.ietf.org/about/faq/#logo-acronym" rel="nofollow">IETF Logo &amp; Acronym Policy</a></p>#edge_study2023-03-08T19:59:48+09:002023-03-22T01:23:12+09:00https://web-study.connpass.com/event/277480/?utm_campaign=series_events&utm_source=feed&utm_medium=atom開催日時: 2023/03/22 19:00 ~ 21:00<br />開催場所: 東京都中央区日本橋2-7-1 東京日本橋タワー 27階<br /><br /><h1>これからの Edge (Computing / Functions) について真剣に議論する。</h1> <h1>tl;dr</h1> <ul> <li>Edge Computing ? Edge Functions ? 気になる</li> <li>Deno Deploy, Vercel, Cloudflare の中の人を呼んで話を聞こう</li> <li>日本語のみ, 配信なし, 録画なし, LTなし, 🍺🍕🍣 なし</li> </ul> <h1>Intro</h1> <p>CDN の導入が一般的となり、さらにその Edge 上でアプリを動かす構成も徐々に浸透してきました。 Winter CG も始まり、さまざまな会社が関連サービスを提供し始め、それぞれ似てるようで微妙に違い、特色を出し合ってます。 今回は、こうした Edge Computing / Functions 関連のサービスを提供する「中の人」達を呼んで、色々とお話をききつつ これからの Edge について真剣に議論します。</p> <h1>Time Table</h1> <ul> <li>Open: 19:00</li> <li>Start: 19:30</li> <li>Session1: Deno Deploy by <a href="proxy.php?url=https://twitter.com/kt3k" rel="nofollow">kt3k</a></li> <li>Session2: Vercel by <a href="proxy.php?url=https://twitter.com/seiyanuta" rel="nofollow">seiyanuta</a></li> <li>Session3: Cloudflare by <a href="proxy.php?url=https://twitter.com/KeioCF" rel="nofollow">KeioCF</a></li> <li>Panel / Social (残り)</li> </ul> <h1>入館方法</h1> <p>参加者への情報に記載</p>