https://html5.connpass.com/2025-11-01T08:39:46+09:00connpass.comHTML５を楽しみましょう2025-09-25T17:28:57+09:002025-11-01T08:39:46+09:00https://html5.connpass.com/event/370534/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2025/11/01 10:00 ～ 12:00<br />開催場所: オンライン<br /><br /><h1>🚀 HTML5 11周年 定例イベント！— あの頃のワクワクを、もう一度 🚀</h1> <p>HTML5をきっかけに、私たちのWebは大きく進化しました。あれから11年。あのときの興奮、覚えていますか？</p> <p>この記念イベントでは、HTML5の今とこれからをテーマに、最新のWeb技術やちょっと面白い使い方を、現役・元Microsoft MVPがやさしく紹介します。</p> <p>CSSやAPIの新しい可能性、そして「Webでできること」の広がりを、私達と一緒に楽しく体験しましょう。</p> <ul> <li>💬 「最近のHTML5まわりの動きが気になる」</li> <li>💬 「CSSやAPIの新しい使い方を知りたい」</li> <li>💬 「かつてのHTML5ブームをもう一度味わいたい」</li> </ul> <p>そんな方にぴったりです。見て聞くだけでも、十分に楽しめます。</p> <p>週末の朝、ちょっと原点に帰ってみませんか？ HTML5がもたらした「Webの楽しさ」を、もう一度一緒に感じましょう。✨</p> <p style="color: red;">内容は順次更新します。変更の可能性もありますのでご了承ください。</p> <h2>登壇者・講演内容</h2> <ul> <li>タイムテーブル内のリンクは「shift」キーを押しながらクリックして別ウインドウで開いてください。</li> <li>時間は予定です。都合により変更になる場合もありますのでご了承ください。</li> </ul> <table> <tbody><tr><th>時間</th><th style="">タイトル</th><th>登壇者</th><th>内容</th></tr> <tr><td>9:30-10:00</td><td colspan="3">アクセスチェック <ul> <li>主催者が待機していますので「なかしまさ〜ん」と気軽に声がけしてください。<br> Zoomでアクセスできるか、声が聞こえるか、スライドが見えるかなどのチェックに活用ください。</li> <li>登壇者のかたは画面共有できるかのチェックを行います。</li> <li>チェックが済んだら、一応マイクはオフ、カメラはONまたはアバターにしてもらえると嬉しいです。<br>（もちろんカメラなしでもOK）</li> </ul> </td></tr> <tr> <td>10:00-10:10</td> <td><b>オープニング</b></td> <td>中島俊治</td> <td><h3>開会式</h3><ol><li>ご挨拶</li><li>アイスブレイキング</li><li>登壇者紹介</li><li>注意事項等のご案内</li></ol></td> </tr> <tr> <td>10:10-10:40</td> <td><b>「CSSはプログラミング」</b></td> <td>なかしまぁ先生<br><a href="proxy.php?url=https://mvp.microsoft.com/ja-JP/MVP/profile/92660ff3-3c9a-e411-93f2-9cb65495d3c4" rel="nofollow">Microsoft MVP (Developer Technologies)</a></td> <td>CSSは単なるスタイリングの言語というよりもプログラミング化しているように思えてしかたありません。 <br>そんなCSSのプログラミング？についてご紹介します。</td> </tr> <tr> <td>10:40-11:10</td> <td> <b>「Webの技術で <br>「特殊なゲーム用 <br>コントローラーや <br>他デバイスなど」と <br>ブラウザを連携させる」</b></td> <td>豊田陽介(<a href="proxy.php?url=https://x.com/youtoy" rel="nofollow">@youtoy</a>)<br>元Microsoft MVP (Developer Technologies)</td> <td>ブラウザのAPIで、ルーレット型・リング型などの特殊なゲーム用コントローラーや、MacBookの物理的なある状態の情報を取得するという話です。 <br>具体的には「Web HID API」というブラウザのAPIがあり、これを使うと前述の内容や、ブラウザの「Gamepad API」というAPIでは扱えない、ゲームコントローラーのセンサー情報等を扱うことができます。 <br>発表では、それらについて紹介します。</td> </tr> <tr> <td>11:10-11:40</td> <td><b>「DNS セキュリティの話」</b></td> <td>村地 彰<br><a href="proxy.php?url=https://mvp.microsoft.com/en-us/PublicProfile/4032622" rel="nofollow">Microsoft MVP ((Windows and Devices for IT))</a></td> <td> ほとんどすべての Web アクセスでは DNS による名前解決が必要です。そのため DNS のセキュリティは重要でなければなりませんが、さまざまな理由で必ずしも安全ではないもあります。<br> このセッションでは現在どのような方法で DNS のセキュリティを確保できるのか、その概要を解説します。</td> </tr> <tr> <td>11:40-12:00</td> <td colspan="3">記念写真を撮影(Zoomアバター・フィルタ使用可能。できるだけ画像を表示お願いします。)</td> </tr> </tbody></table>

2024-10-11T23:42:21+09:002024-10-21T22:05:12+09:00https://html5.connpass.com/event/334051/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2024/10/27 10:00 ～ 12:00<br />開催場所: オンライン<br /><br /><h1>HTML5が勧告されて10年！</h1> <p>HTML5は2014年10月28日に勧告されました。いわゆる誕生日。それを記念して毎年講演会を開催しています。今年は10年目の記念日です。HTML5を中心に広くWeb周りの諸々をテーマにした講演会です。登壇は現・元Microsoft MVPの方々です。</p> <p style="color: red;">内容は順次更新します</p> <h2>登壇者・講演内容</h2> <ul> <li>タイムテーブル内のリンクは「shift」キーを押しながらクリックして別ウインドウで開いてください。</li> <li>時間は予定です。都合により変更になる場合もありますのでご了承ください。</li> </ul> <table> <tbody><tr><th>時間</th><th style="">タイトル</th><th>登壇者</th><th>内容</th></tr> <tr><td>9:30-10:00</td><td colspan="3">アクセスチェック <ul> <li>主催者が待機していますので「なかしまさ〜ん」と気軽に声がけしてください。Zoomでアクセスできるか、声が聞こえるか、スライドが見えるかなどのチェックに活用ください。</li> <li>登壇者のかたは画面共有できるかのチェックを行います。</li> <li>チェックが済んだら、一応マイクはオフ、カメラはONまたはアバターにしてもらえると嬉しいです。（もちろんカメラなしでもOK）</li> </ul> </td></tr> <tr> <td>10:00-10:10</td> <td><b>オープニング</b></td> <td>中島俊治</td> <td><h3>開会式</h3><ol><li>ご挨拶</li><li>アイスブレイキング</li><li>登壇者紹介</li><li>注意事項等のご案内</li></ol></td> </tr> <tr> <td>10:10-10:30</td> <td><b>「A-Frameを使って手軽に3Dの「ジャック・オ・ランタン🎃」を作ってみませんか？」</b></td> <td>なかしまぁ先生<br><a href="proxy.php?url=https://mvp.microsoft.com/ja-JP/MVP/profile/92660ff3-3c9a-e411-93f2-9cb65495d3c4" rel="nofollow">Microsoft MVP (Developer Technologies)</a></td> <td>難しい説明は不要です。まずは、コードを書いてみてください。そして、数字をいじりながら偶然生まれるユニークな作品を楽しみましょう。創造力を広げるシンプルで楽しい方法です。さあ、一緒に3Dの世界を体験しましょう！<a href="proxy.php?url=https://note.com/_nakashimmer_/n/na13faae10d75" rel="nofollow">興味のある方はこちらをどうぞ</a></td> </tr> <tr> <td>10:30-10:50</td> <td><b>「"かわいい"がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など」</b></td> <td>豊田陽介(<a href="proxy.php?url=https://x.com/youtoy" rel="nofollow">@youtoy</a>)<br>元Microsoft MVP (Developer Technologies)</td> <td>"かわいい" がテーマのハッカソンで Web の技術を使い、魔法の世界のお姫様・魔法使いが出てくる作品を、チームで作りました。そこで自分が使った、Webの技術による「ブラウザとデバイスの有線通信、無線でのリアルタイム通信、音の再生制御」をご紹介します。また、面白い見た目が作れる「シェーダー」をブラウザ上での描画に使った話もご紹介します。</td> </tr> <tr> <td>10:50-11:10</td> <td><b>「HTTP キャッシュの話」</b></td> <td>村地 彰<br><a href="proxy.php?url=https://mvp.microsoft.com/en-us/PublicProfile/4032622" rel="nofollow">Microsoft MVP ((Windows and Devices for IT))</a></td> <td>HTTP のネットワーク通信を効率的に行う仕組みの一つとして HTTP Cache があります。 現在の HTTP 標準では RFC 9111 としてその仕様がまとめられています。 このセッションでは HTTP Cache の概要や動作について簡単な紹介を行います。</td> </tr> <tr> <td>11:10-11:20</td> <td colspan="3">記念写真を撮影(Zoomアバター・フィルタ使用可能。できるだけ画像を表示お願いします。)</td> </tr> </tbody></table>

2023-10-08T22:55:15+09:002023-10-28T23:56:57+09:00https://html5.connpass.com/event/298832/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2023/10/29 10:00 ～ 12:00<br />開催場所: オンライン<br /><br /><h1>10/28にHTML5が勧告されました</h1> <p>HTML5は2014年10月28日に勧告されました。いわゆる誕生日。それを記念して毎年講演会を開催しています。今年は9年目の記念日です。HTML5を中心に広くWeb周りの諸々をテーマにした講演会です。登壇はMicrosoft MVPの方々です。</p> <p style="color: red;">内容は順次更新します</p> <h2>登壇者・講演内容</h2> <ul> <li>タイムテーブル内のリンクは「shift」キーを押しながらクリックして別ウインドウで開いてください。</li> <li>時間は予定です。都合により変更になる場合もありますのでご了承ください。</li> </ul> <table> <tbody><tr><th>時間</th><th style="">タイトル</th><th>登壇者</th><th>内容</th></tr> <tr><td>9:30〜10:00</td><td colspan="3">アクセスチェック <ul> <li>主催者が待機していますので「なかしまさ〜ん」と気軽に声がけしてください。Zoomでアクセスできるか、声が聞こえるか、スライドが見えるかなどのチェックに活用ください。</li> <li>登壇者のかたは画面共有できるかのチェックを行います。</li> <li>チェックが済んだら、一応マイクはオフ、カメラはONまたはアバターにしてもらえると嬉しいです。（もちろんカメラなしでもOK）</li> </ul> </td></tr> <tr> <td>10:00〜10:10</td> <td><b>オープニング</b></td> <td>中島俊治</td> <td><h3>開会式</h3><ol><li>ご挨拶</li><li>アイスブレイキング</li><li>登壇者紹介</li><li>注意事項等のご案内</li></ol></td> </tr> <tr> <td>10:10〜10:30</td> <td><b>「ハッカソンでWebの技術を使った作品を作ってみた 〜ブラウザで機械学習やデバイス制御など〜」</b></td> <td>豊田 陽介<br><a href="proxy.php?url=https://mvp.microsoft.com/en-us/PublicProfile/5004576" rel="nofollow">MicrosoftMVP (Developer Technologies)</a></td> <td>とあるハッカソンで Web の技術を使い、ブラウザ上の処理で「画像認識や、デバイスのセンサー利用・PC とデバイスとの無線通信、音の再生制御」などを用いた作品を作りました。その作品作りで用いた、ブラウザで使える機械学習・デバイス制御の技術をご紹介します。</td> </tr> <tr> <td>10:30〜10:50</td> <td><b>「three.jsとRapierでレースゲームが3日でできた話」</b></td> <td>小山田 晃浩<br><a href="proxy.php?url=https://mvp.microsoft.com/en-us/PublicProfile/4032621" rel="nofollow">MicrosoftMVP (Developer Technologies)</a></td> <td>合宿で3日間で3Dのレースゲームを作ってみました。3日でどんなことをやったらできるの...?のキモのコード・考え方を解説しつつ、「ブラウザでこんな事ができる」を共有します。</td> </tr> <tr> <td>10:50〜11:10</td> <td><b>「HTTP/2 Rapid reset attack の概要」</b></td> <td>村地 彰<br><a href="proxy.php?url=https://mvp.microsoft.com/en-us/PublicProfile/4032622" rel="nofollow">MicrosoftMVP (Windows and Devices for IT)</a></td> <td>最近の大規模な DDoS 攻撃で使用された攻撃手法が HTTP/2 Rapid reset です。10月10日に CVE-2023-44487 として脆弱性情報が公開されました。このセッションでは HTTP/2 Rapid reset の動作原理について簡単に解説します。なおこの攻撃が利用する脆弱性については多くのサーバー製品で対応が行われています。ご利用の製品の情報を確認のうえ、早期に更新を行ってください。</td> </tr> <tr> <td>11:10-11:20</td> <td colspan="3">記念写真を撮影(Zoomアバター・フィルタ使用可能。できるだけ画像を表示お願いします。)</td> </tr> <tr> <td>11:20〜11:40</td> <td><b>「JavaScriptを使わないでハロウィンゲーム」</b></td> <td>なかしまぁ先生<br><a href="proxy.php?url=https://mvp.microsoft.com/ja-jp/PublicProfile/5000526" rel="nofollow">MicrosoftMVP (Developer Technologies)</a><br><br><a href="proxy.php?url=https://www.street-academy.com/steachers/1274?conversion_name=direct_message&amp;tracking_code=f3037c532c76e32eb5636350d0147bc9" rel="nofollow">「なかしまぁ先生のHTML5教室」</a>主催<br><br><a href="proxy.php?url=https://www.cyber-u.ac.jp/teacher/nakashima_shunji.html" rel="nofollow">サイバー大学准教授</a></td> <td><a href="proxy.php?url=https://www.facebook.com/welovehtml5" rel="nofollow">We♡HTML5</a>に今年掲載したもののうち、4/26「CSSの変数・ネスト」、5/29「Google Font」、6/8「popover」で、せっかくのハロウィンですから、ハロウィンゲーム（簡単な診断ゲーム）を、なんとJavaScirpt、プログラミングなしで制作するというものです。ハンズオンですので、気軽にご参加ください。</td> </tr> </tbody></table>

2022-09-29T11:40:06+09:002022-10-23T09:57:44+09:00https://html5.connpass.com/event/261876/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2022/10/23 13:00 ～ 15:00<br />開催場所: オンライン<br /><br /><h1>10/28にHTML5が勧告されました</h1> <p>HTML5は2014年10月28日に勧告されました。いわゆる誕生日。それを記念して毎年講演会を開催しています。今年は８年目の記念日です。HTML5を中心に広くWeb周りの諸々をテーマにした講演会です。登壇はMicrosoft MVPの方々です。</p> <h2>登壇者・講演内容</h2> <ul> <li>タイムテーブル内のリンクは「shift」キーを押しながらクリックして別ウインドウで開いてください。</li> <li>時間は予定です。都合により変更になる場合もありますのでご了承ください。</li> </ul> <table> <tbody><tr><th>時間</th><th style="">タイトル</th><th>登壇者</th><th>内容</th></tr> <tr><td>12:00〜13:00</td><td colspan="3">アクセスチェック <ul> <li>主催者が待機していますので「なかしまさ〜ん」と気軽に声がけしてください。Zoomでアクセスできるか、声が聞こえるか、スライドが見えるかなどのチェックに活用ください。</li> <li>登壇者のかたは画面共有できるかのチェックを行います。</li> <li>チェックが済んだら、一応マイクとカメラはオフにしてください。</li> </ul> </td></tr> <tr><td>13:00〜13:20</td><td><b>オープニング</b></td><td>中島俊治<br><a href="proxy.php?url=https://mvp.microsoft.com/ja-jp/PublicProfile/5000526" rel="nofollow">MicrosoftMVP (Developer Technologies)</a></td><td><h3>開会式</h3><ol><li>ご挨拶</li><li>アイスブレイキング</li><li>登壇者紹介</li><li>注意事項等のご案内</li></ol></td></tr> <tr><td>13:20〜13:40</td><td><b>「続・Webの技術でできる様々なこと 〜ブラウザで機械学習やデバイス制御など〜」</b></td><td>豊田 陽介<br><a href="proxy.php?url=https://mvp.microsoft.com/en-us/PublicProfile/5004576" rel="nofollow">MicrosoftMVP (Developer Technologies)</a></td><td>ブラウザ上で「画像・音を対象にした機械学習」を扱ったり、「デバイスの制御」・「デバイスにつながったセンサー等の値を取得して扱う」といった話を実例をまじえつつ紹介します。</td></tr> <tr><td>13:40〜14:00</td><td><b>「dialog要素でつくるモーダルダイアログ」</b></td><td>小山田 晃浩<br><a href="proxy.php?url=https://mvp.microsoft.com/en-us/PublicProfile/4032621" rel="nofollow">MicrosoftMVP (Developer Technologies)</a></td><td> dialog要素を使って、モーダルダイアログを実装していきます。まずはモーダルの開閉の実装と、CSSによるスタイルの適用を行います。</td></tr> <tr><td>14:00〜14:20</td><td><b>「セキュアな Cookie の使い方」セッションハイジャック、なりすまし、情報漏洩を起こさないために</b></td><td>村地 彰<br><a href="proxy.php?url=https://mvp.microsoft.com/en-us/PublicProfile/4032622" rel="nofollow">MicrosoftMVP (Windows and Devices for IT)</a></td><td>毀誉褒貶はあるものの、Web の世界にとって Cookie は無くてはならない存在です。しかしその使い方が適切でないと、セッションハイジャック、なりすまし、情報漏洩などのセキュリティ事故を起こすことになる、注意が必要な存在でもあります。このセッションではそのような Cookie を安全に取り扱うための基本的な考え方を紹介します。</td></tr> <tr><td>14:20-14:30</td><td colspan="3">記念写真を撮影(Zoomアバター・フィルタ使用可能。できるだけ画像を表示お願いします。)</td></tr> <tr><td>14:30〜15:00</td><td><b>なかしまぁ先生の<br>HTML5もくもく会：「👻CSSでハロウィン🎃」</b></td><td>なかしまぁ先生<ul><li><a href="proxy.php?url=https://www.street-academy.com/steachers/1274?conversion_name=direct_message&amp;tracking_code=f3037c532c76e32eb5636350d0147bc9" rel="nofollow">「なかしまぁ先生のHTML5教室」</a>主催</li> <li><a href="proxy.php?url=https://webtechpromo.org" rel="nofollow">Web技術振興協会「HTML5検定」</a>主催</li> <li><a href="proxy.php?url=https://www.cyber-u.ac.jp/teacher/nakashima_shunji.html" rel="nofollow">サイバー大学准教授</a></li></ul></td><td>毎年恒例となりつつある「練習くん」で今年はCSSで「ハロウィンアニメーション」を作成します。コーディングに慣れていなくても大丈夫。楽しみましょう。🎃👻💀👿 <ul> <li><a href="proxy.php?url=https://renshukun.azurewebsites.net/renshuKun/?course=20221023" rel="nofollow">練習くん</a>（講演で皆さんと使用するオンラインエディタ。IDとPWは講演中にお知らせします。）</li> <li>使用前にご覧ください→<a href="proxy.php?url=https://www.youtube.com/watch?v=Bd41VXKYpO8" rel="nofollow">練習くんのざっくり説明YouTubeビデオ</a></li> </ul> <p>練習くんはあらゆる環境での動作保証はしていませんのでご了承ください。万一利用できないときは、なかしまぁ先生の実演を見ながら一緒にやっている気持ち（エア・コーディング）になってください。</p> <p>すみませんが、使用感について後ほどアンケートにご協力ください</p> </td></tr> </tbody></table> <h2>LT大大大大大大募集</h2> <p>HTML5を中心に広くWeb周りの「<b>LT</b>(時間は５分)」してくださるかたを募集します。</p> <p>希望の方は、まず、右の「イベント管理者への問い合わせ」から「テーマ名」「簡単な概要」「連絡メールアドレス」をお知らせください。</p> <h2>アクセス方法</h2> <p>Zoomを使用します。開始前にこのページで公開します。</p> <p>集合写真を撮りたいので顔が写っても良いようにマスク、仮面、目線━、アバタなどご準備してください。ハロウィンなので仮装OKです。</p> <h2>お断り</h2> <ul> <li>都合により、日時、内容等変更する可能性がありますのでご了承ください。</li> <li>Zoomについては、まだ不慣れなところもありますので、当日ドタバタするかもしれません。</li> <li>もし、当日配信できないなどのトラブルがあった場合は、このページ最下部の「フィード」でお知らせします。</li> <li>また主催者の指示には従ってください。従っていただけない方は強制退室とします。</li> </ul>

2021-10-03T17:46:12+09:002021-11-03T20:14:38+09:00https://html5.connpass.com/event/226882/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2021/11/06 13:00 ～ 15:00<br />開催場所: オンライン<br /><br /><h1>10/28にHTML5が勧告されました</h1> <p>HTML5は2014年10月28日に勧告されました。いわゆる誕生日。それを記念して毎年講演会を開催しています。今年は７年目の記念日です。HTML5を中心に広くWeb周りの諸々をテーマにした講演会です。</p> <h2>登壇者・講演内容</h2> <ul> <li>タイムテーブル内のリンクは「shift」キーを押しながらクリックして別ウインドウで開いてください。</li> <li>時間は予定です。都合により変更になる場合もありますのでご了承ください。</li> </ul> <table> <tbody><tr><th>時間</th><th>タイトル</th><th>登壇者</th><th>内容</th></tr> <tr><td>12:00〜13:00</td><td colspan="3">アクセスチェック <ul> <li>主催者が待機していますので「なかしまさ〜ん」と気軽に声がけしてください。Zoomでアクセスできるか、声が聞こえるか、スライドが見えるかなどのチェックに活用ください。</li> <li>登壇者のかたは画面共有できるかのチェックを行います。</li> <li>チェックが済んだら、一応マイクとカメラはオフにしてください。</li> </ul> </td></tr> <tr><td>13:00〜13:20</td><td><b>オープニング</b></td><td>中島俊治<br><a href="proxy.php?url=https://mvp.microsoft.com/ja-jp/PublicProfile/5000526" rel="nofollow">MicrosoftMVP (Developer Technologies)</a><br><a href="proxy.php?url=https://www.cyber-u.ac.jp/cu_life/talk/person10.html" rel="nofollow">サイバー大学 准教授</a></td><td>開会式・はじめに・HTML5周りのよしなしごとを徒然に <ul> <li>HTML5</li><li>オンラインVSCode</li><li>GitHub Copilot</li> </ul></td></tr> <tr><td>13:20〜13:40</td><td><b>「Webの技術でできる様々なこと(機械学習・物理演算・デバイス連携など )」</b></td><td>豊田陽介<br><a href="proxy.php?url=https://mvp.microsoft.com/ja-jp/PublicProfile/5004576" rel="nofollow">MicrosoftMVP (Developer Technologies)</a></td><td>ブラウザで、機械学習・物理演算・デバイス連携などといったことができてしまう、という話を、デモ動画の事例をまじえつつ紹介します。</td></tr> <tr><td>13:40〜14:00</td><td><b>「さようなら Internet Explorer、でも死んだわけじゃないよ」</b></td><td>村地彰<br><a href="proxy.php?url=https://mvp.microsoft.com/ja-jp/PublicProfile/4032622" rel="nofollow">MicrosoftMVP (Windows and Devices for IT)</a></td><td>2022年6月に予定されている Windows 10 での Internet Explorer の提供終了についてお話しします。 </td></tr> <tr><td>14:00〜14:10</td><td><b>LT大会</b></td><td colspan="2"><ul> <li>うえむ〜さん「<b>僕が好きなcssプロパティ・値５選</b>」自分が好きなものでありかつ、Web標準化されたら役にたつと思うcssプロパティ・値をお話します。</li> </ul></td></tr> <tr><td>14:10〜15::00</td><td><b>なかしまぁ先生の<br>HTML5もくもく会：「Canvas」で曼荼羅</b></td><td>なかしまぁ先生<ul><li><a href="proxy.php?url=https://www.street-academy.com/steachers/1274?conversion_name=direct_message&amp;tracking_code=f3037c532c76e32eb5636350d0147bc9" rel="nofollow">「なかしまぁ先生のHTML5教室」</a>主催</li> <li><a href="proxy.php?url=https://webtechpromo.org" rel="nofollow">Web技術振興協会「HTML5検定」</a>主催</li></ul></td><td>毎年恒例となりつつある「練習くん」で今年は、曼荼羅を作成します。 ・線を描く・繰り返す・だけですが、皆さんオリジナルの曼荼羅を作って公開してみましょう。制作を通してCanvasの仕組みについて解説していきます。 <ul> <li><a href="proxy.php?url=https://renshukun.azurewebsites.net/renshuKun/?course=20211106" rel="nofollow">練習くん</a>（講演で皆さんと使用するオンラインエディタ。IDとPWは講演中にお知らせします。）</li> <li>使用前にご覧ください→<a href="proxy.php?url=https://www.youtube.com/watch?v=Bd41VXKYpO8" rel="nofollow">練習くんのざっくり説明YouTubeビデオ</a></li> </ul> <p>練習くんはあらゆる環境での動作保証はしていませんのでご了承ください。万一利用できないときは、なかしまぁ先生の実演を見ながら一緒にやっている気持ち（エア・コーディング）になってください。</p> </td></tr> <tr><td>15:00</td><td colspan="3">記念写真を撮影して、終了</td></tr> </tbody></table> <h2>LT募集</h2> <p>HTML5を中心に広くWeb周りの「<b>LT</b>(制限時間5分)」してくださるかたを募集します。</p> <p>希望の方は、右の「イベントへのお問い合わせ」から「テーマ名」「簡単な概要」「連絡メールアドレス」をお知らせください。</p> <h2>アクセス方法</h2> <p>Zoomを使用します。開始前にこのページで公開します。</p> <p>集合写真を撮りたいので顔が写っても良いようにマスク、仮面、目線━などご準備してください。ハロウィンなので仮装OKです。</p> <h2>お断り</h2> <ul> <li>都合により、日時、内容等変更する可能性がありますのでご了承ください。</li> <li>Zoomについては、まだ不慣れなところもありますので、当日ドタバタするかもしれません。</li> <li>もし、当日配信できないなどのトラブルがあった場合は、このページ最下部の「フィード」でお知らせします。</li> <li>また主催者の指示には従ってください。従っていただけない方は強制退室とします。</li> </ul>

2021-03-02T14:07:13+09:002021-03-27T09:32:23+09:00https://html5.connpass.com/event/206319/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2021/03/27 10:00 ～ 12:00<br />開催場所: オンライン<br /><br /><h1>今回のお題：「グラデーション」を極めてみる</h1> <p>HTML5のCSSでは、様々なスタイル・デザインが可能です。</p> <p>その中で、グラデーションは、ページの立体感・奥行感を表現できるとても楽しい技術です。</p> <p>今回のミートアップでは、そのグラデーションを楽しみましょう。</p> <h2>タイムテーブル</h2> <p>変更になる可能性もあります</p> <table> <tbody><tr><th>時間</th><th>テーマ</th><th> 備 考 </th> </tr><tr><td>10:00-11:20</td><td>線形グラデーション(linear-gradient)</td><td></td></tr> <tr><td>10:20-10:40</td><td>円形グラデーション(radial-gradient)</td><td></td></tr> <tr><td>10:40-11:00</td><td>円錐グラデーション(conic-gradient)</td><td></td></tr> <tr><td>11:00-11:30</td><td>質問タイム</td><td></td></tr> <tr><td>11:30-12:00</td><td>懇親会🍻</td><td></td></tr> </tbody></table> <p>授業や講義ではありません。参考ページを元に楽しく学ぶ場を提供します。実際にコードを打ってみましょう。ツールの準備は必要ありません。オンラインエディタ「練習くん」を提供します。テキストも準備します。</p> <p>英数字、テキストの入力ができれば大丈夫です。ただし、自分の作成したものを公開しあいますので、その旨ご了承ください。</p> <h2>LT募集</h2> <p>HTML5しばりの「<b>LT</b>(制限時間5分)」してくださるかたを募集します。申込時アンケートにテーマと内容を入力してください。内容・人数によっては期待に添えない場合もあります。よろしくおねがいします。</p> <h2>アクセス方法</h2> <p>Microsoft Teamsを使用します。申込後に情報が表示されます。なお、ログインしなくてもブラウザ上で参加できます。（ログインすれば使用できる機能の範囲が広がります。）</p> <h2>お断り</h2> <p>Microsoft Teamsについては、まだ不慣れなところもありますので、当日ドタバタするかもしれません。もし、当日配信できないなどのトラブルがあった場合は、このページ最下部のフィードでお知らせしますので、ご了承ください。</p> <p>今後CSSやHTML，JavaScriptでのmeet upを計画します。申込時アンケートで希望するテーマをお知らせください。</p>

2020-09-23T13:23:10+09:002020-10-30T01:43:24+09:00https://html5.connpass.com/event/190003/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2020/10/31 13:00 ～ 15:00<br />開催場所: オンライン<br /><br /><h1>10/28にHTML5が勧告されました</h1> <p>HTML5は2014年10月28日に勧告されました。いわゆる誕生日。それを記念して毎年講演会を開催しています。今年は６年目の記念日です。</p> <h2>登壇者・講演内容</h2> <ul> <li>タイムテーブル内のリンクは「shift」キーを押しながらクリックして別ウインドウで開いてください。</li> <li>時間は予定です。都合により変更になる場合もありますのでご了承ください。</li> </ul> <table> <tbody><tr><th>時間</th><th>タイトル</th><th>登壇者</th><th>内容</th></tr> <tr><td>12:00〜13:00</td><td colspan="3">アクセスチェック <ul> <li>主催者が待機していますので「なかしまさ〜ん」と気軽に声がけしてください。Microsoft Teamsでアクセスできるか、声が聞こえるか、スライドが見えるかなどのチェックに活用ください。</li> <li>登壇者のかたは画面共有できるかのチェックを行います。</li> <li>チェックが済んだら、一応マイクとカメラはオフにしてください。</li> </ul> </td></tr> <tr><td>13:00〜13:20</td><td><b>なかしまぁ先生の勝手にWeb~HTML5の歴史まとめ</b></td><td>中島俊治　<a href="proxy.php?url=https://mvp.microsoft.com/ja-jp/PublicProfile/5000526" rel="nofollow">MicrosoftMVP (Developer Technologies)</a><br><a href="proxy.php?url=https://www.cyber-u.ac.jp/cu_life/talk/person10.html" rel="nofollow">サイバー大学 准教授</a></td><td>世界で最初のホームページから現在のHTML5の可能性までを駆け足で紹介します。皆さんとチャットでお話しながら見ていきましょう。なお、内容はHTML5が初めてのかた向けです。また私の知見に基づいていますのでご了承ください。 <ul> <li>テキスト<a href="proxy.php?url=https://note.com/_nakashimmer_/n/n44a62ac55344" rel="nofollow">なかしまぁ先生の勝手にWeb~HTML5の歴史まとめ</a></li> </ul></td></tr> <tr><td>13:20〜13:40</td><td><b>0 == "0" はなぜ Ture なのか ECMA 仕様書を見てみよう</b></td><td>村地彰　<a href="proxy.php?url=https://mvp.microsoft.com/ja-jp/PublicProfile/4032622" rel="nofollow">MicrosoftMVP (Windows and Devices for IT)</a></td><td>JavaScript の言語仕様書（ECMA Script 仕様書）を通じて、JavaScript の謎動作の原理に迫ります <ul> <li>資料①<a href="proxy.php?url=https://www.ecma-international.org/ecma-262/" rel="nofollow">ECMAScript®️ 2020 Language Specification</a></li> <li>資料②<a href="proxy.php?url=https://tc39.es/ecma262/" rel="nofollow">ECMAScript®️ 2021 Language Specification</a></li> </ul></td></tr> <tr><td>13:40〜14:00</td><td><b>WEBデザインを作るとき、頭でコードを書いている人の頭の中</b></td><td>芳賀 恵里香　<a href="proxy.php?url=https://gs.dhw.ac.jp/faculty/list/list-all/#haga_e" rel="nofollow">デジタルハリウッド大学大学院 特任助教</a></td><td>WEBデザインを作る時、私の中で既にコードでの構築は始まっている。「このデザイン、どうやってコードに落とし込むねん…」というデザイナーとコーダーのすれ違いは、「WEBデザインあるある」である。デザイナー・コーダーのそれぞれの視点から、どうしたらデザインとコーディング横断したフレキシブルなWEB制作ができるのか、実務に役立つ知識とメソッドをご紹介。</td></tr> <tr><td>14:00〜14:10</td><td><b>LT大会</b></td><td colspan="2"><ul><li>uemura5683さん「複雑なHTML/CSSアニメーション作成して苦労したこと」html/cssアニメーションを作成し、苦労した点・詰まった点などをお話ししたいと思います。</li><li>yuusuke_takeuchi_96さん「HTML5ならネイティブと遜色ないゲームが作れるけど、どうしても出来ないことがある」HTML5でゲームを作る時にハマること、その回避方法を紹介します。</li><ul></ul></ul></td></tr> <tr><td>14:10〜15::00</td><td><b>なかしまぁ先生の<br>HTML5もくもく会：「A-Frame」でお手軽VR</b></td><td>なかしまぁ先生</td><td>Webで３次元を実現するなら、大昔は「VRML」なんてありました。Flashもできたのかな。HTML5になって、CSSで３次元が可能になり、Canvas API・WebGLでも３次元が可能になりました。今日はお手軽にタグだけを書いて３次元のアニメーションを楽しみましょう。教材と環境は提供しますので特に用意するものはありません。作品を公開して盛り上がりましょう。また、ぜひチャットでコミュニケーションをとりましょう。 <ul> <li>テキスト：<a href="proxy.php?url=https://note.com/_nakashimmer_/n/na13faae10d75" rel="nofollow">お手軽VR「A-Frame」</a></li> <li><a href="proxy.php?url=https://nakashimmer.github.io/tawsRenshuKunYobi/index.html" rel="nofollow">練習くん①</a>（機能限定版のエディタ。開始までの事前練習にお使いください。ID，PW不要。ただしファイルの公開・閲覧はできません）</li> <li><a href="proxy.php?url=https://renshukun.azurewebsites.net/taws2020/?select=20201031" rel="nofollow">練習くん②</a>（講演で皆さんと使用するオンラインエディタ。IDとPWは講演中にお知らせします。もし何らかの事情で使用できないときは①をご利用ください）</li> <li>①②使用前にご覧ください→<a href="proxy.php?url=https://www.youtube.com/watch?v=Bd41VXKYpO8" rel="nofollow">練習くんのざっくり説明YouTubeビデオ</a></li> </ul> <p>練習くん①②ともあらゆる固有の環境での動作保証はしていませんのでご了承ください。万一①②とも利用できないときは、なかしまぁ先生の実演を見ながら一緒にやっている気持ちになってください。</p> </td></tr> <tr><td>15:00</td><td colspan="3">記念写真を撮影して、終了</td></tr> </tbody></table> <h2>LT募集</h2> <p>HTML5しばりの「<b>LT</b>(制限時間5分)」してくださるかたを募集します。後ほどテーマなどをお聞きし、登壇をお願いするか決定します。</p> <h2>アクセス方法</h2> <p>Microsoft Teamsを使用します。締め切り後にURLをお送りします。ログインしなくても参加できます。（ブラウザでログインなしでも参加は可能です。アプリをダウンロードしてログインすれば使用できる機能の範囲が広がります。）</p> <p>参考→<a href="proxy.php?url=https://note.com/_nakashimmer_/n/n120b9d142cc3" rel="nofollow">Microsoft Teamsの「会議」の使い方（個人的備忘）</a> </p> <p>集合写真を撮りたいので顔が写っても良いようにマスク😷、仮面🎭、目線━などご準備してください。ハロウィンなので仮装OKです。</p> <h2>お断り</h2> <ul> <li>Microsoft Teamsについては、まだ不慣れなところもありますので、当日ドタバタするかもしれません。</li> <li>もし、当日配信できないなどのトラブルがあった場合は、このページ最下部の「フィード」でお知らせします。</li> <li>また主催者の指示には従ってください。従っていただけない方は強制退室とします。</li> </ul>

2020-08-30T15:33:16+09:002020-09-19T14:29:24+09:00https://html5.connpass.com/event/187602/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2020/09/19 16:00 ～ 18:00<br />開催場所: オンライン<br /><br /><h1>Webでアニメーションを作って楽しみましょう！</h1> <p>HTML5のCSSを使って<b>回転</b>したり、<b>移動</b>したり、<b>伸縮</b>する<b>アニメーション</b>を楽しみましょう！</p> <p>ツールの準備は必要ありません。オンラインエディタを提供します。簡単なテキストも準備します。</p> <p>授業や講義ではありません。テキストを元に楽しく学ぶ場を提供します</p> <p>今後CSSやHTML，JavaScriptでのmeet upを計画します。</p> <p>英数字、テキストの入力ができれば大丈夫です。ただし、自分の作成したものを公開しあいますので、その旨ご了承ください。</p> <h2>LT募集</h2> <p>HTML5しばりの「<b>LT</b>(制限時間5分)」してくださるかたを募集します。後ほどテーマなどをお聞きしますのでよろしくおねがいします。</p> <h2>アクセス方法</h2> <p>Microsoft Teamsを使用します。締め切り後にURLをお送りします。ログインしなくても参加できます。（ログインすれば使用できる機能の範囲が広がります。）</p> <h2>お断り</h2> <p>Microsoft Teamsについては、まだ不慣れなところもありますので、当日ドタバタするかもしれません。もし、当日配信できないなどのトラブルがあった場合は、このページ最下部のフィードでお知らせしますので、ご了承ください。</p>

2018-08-30T20:12:23+09:002021-03-22T16:11:34+09:00https://html5.connpass.com/event/99984/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2018/10/28 13:00 ～ 17:00<br />開催場所: 東京都渋谷区桜丘町26番1号 (セルリアンタワー11F)）<br /><br /><p>HTML5の４歳の誕生日を一緒にお祝いしましょう！</p> <p>2014年10月28日、HTMLは、15年ぶりに大幅な改定が行われ、新しい規格「HTML5」がW3C勧告されました。静的なWebサイト・Webページからインタラクティブで楽しいWebアプリケーションを作るツールとして、利用範囲が拡大しています。</p> <p>今回は、HTML5の４歳の誕生日。「HTML5」を一緒に楽しみましょう。</p> <p>詳細・お申込みはATNDで行っています。</p> <p><a href="proxy.php?url=https://atnd.org/events/99940" rel="nofollow">ここをクリック</a></p>

2017-04-12T14:47:14+09:002017-05-07T10:39:00+09:00https://html5.connpass.com/event/55148/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2017/05/07 13:30 ～ 17:00<br />開催場所: 東京都千代田区紀尾井町1-3<br /><br /><h2>Webよもやま話</h2> <p>「Visual Studio and Development Technologies」カテゴリに所属する<b>MicrosoftMVP</b> 三名による「Web」をテーマにした講演会です。</p> <p>Microsoft MVP と呼ばれる Most Valuable Professionalは、自身の技術専門知識を熱心にコミュニティと共有している技術エキスパートです。Microsoft MVP アワードは、マイクロソフトが非常に優れたコミュニティ リーダーに感謝の意を伝える流儀として、20 年以上続いています。</p> <p>ハッシュタグは#msmvp</p> <h2>講演内容・スケジュール</h2> <table> <tbody><tr><th>時間</th><th>タイトル</th><th>登壇者</th><th>内容</th></tr> <tr><td>13:30〜<br>14:00</td><td colspan="3"> <ul> <li><b>受付は13:30から14:00</b>までです。遅刻しないようお早めにご来場ください。 </li><li>受付場所は<b>18階のYahoo! JAPAN受付フロア</b>内の「17階に降りる階段」付近です。案内板を掲示します。なおYahooの受付とは別ですのでご注意ください。 </li><li>道順がわかりにくいので次のURLを参考にしてください⇒ <a href="proxy.php?url=https://lodge.yahoo.co.jp/access_pc.html" rel="nofollow">LODGEへのアクセス</a>・<a href="proxy.php?url=https://twenty-fourbytes.com/yahoo%E3%82%B3%E3%83%AF%E3%83%BC%E3%82%AD%E3%83%B3%E3%82%B0%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9%E3%80%8Elodge%E3%80%8F%E3%81%B8%E3%81%AE%E8%A1%8C%E3%81%8D%E6%96%B9/" rel="nofollow">18階までの道順</a> </li><li>このサイト右の<u><b>受付票（受付番号が明記されている）を印刷</b></u>してお持ちください。(印刷以外はお受け出来ません) </li><li>その印刷した受付票と引き換えに入室用の「VISITOR CARD」をお渡しします。 </li><li>14:00に受付を終了します。</li></ul></td></tr> <tr><td>14:05〜<br>14:50</td><td><b>CSS3でアニメーション</b></td><td>MicrosoftMVP <br>中島俊治</td><td>CSSでのアニメーション技術の紹介です。</td></tr> <tr><td>15:00〜<br>15:50</td><td><b>今どきのJavaScript入門</b></td><td>MicrosoftMVP <br>山崎大助</td><td>JavaScriptの今を語ります。</td></tr> <tr><td>16:00〜<br>16:50</td><td><b>Web の境界線　認証・認可・信頼・安全 </b></td><td>MicrosoftMVP <br>村地彰</td><td>セキュリティ寄りの話をします。</td></tr> <tr><td>17:00</td><td colspan="3">閉会・VISITOR CARD回収・解散（中島）18時までに撤収完了。</td></tr> </tbody></table> <h2>登壇者略歴</h2> <ul> <li><b>山崎大助(Daisuke Yamazaki)</b> <p>デジタルハリウッド大学院（准教授）、大妻女子大学にて教鞭をとる傍ら、日本を牽引するクリエイターを育てるため2015年 <a href="proxy.php?url=http://gsacademy.tokyo/" rel="nofollow">G's アカデミー</a>の主席講師となりIT業界に多大な貢献をしている。 <br> 著書： PHP初めてのフレームワーク・Laravel5.3, jQueryレッスンブック, レスポンシブWebデザイン「超」実践デザイン集中講義 初心者のためのjQueryとRWDの学習書</p> </li><li><b>村地彰(Akira Murachi)</b> <p>『株式会社シーピーエス代表、株式会社エクシードワン事業推進部所属。企業内IT管理者、Microsoft プロダクト サポートなどを経て現在はもっぱら各種研修・セミナー講師を務める。 <br>コニュニティーでは「hebikuzure」のニックネームでも活動、「<a href="proxy.php?url=http://pa.hebikuzure.com/" rel="nofollow">ネットワーク パケットを読む会（仮）</a>」を主催。』</p> </li><li><b>中島俊治(Shunji Nakashima)</b> <p>元ヤフー。サイバー大学・放送大学・八洲学園大学・デジハリ・オンラインスクール他でのHTML5講師。HTML5プロフェッショナル認定試験レベル２合格。都内・大阪・岡山・博多でHTML5のワークショップ「<a href="proxy.php?url=https://tokyoappwork.shop/" rel="nofollow">東京アプリ・ワークショップ</a>」主催。</p> </li></ul> <h2>注意事項</h2> <ul> <li>随時更新しますのでご注意ください。 </li><li>サイトからのお申込時、ヤフー社屋入館時のセキュリティ上必要な必須情報として、<u>氏名・所属・メールアドレスをご入力</u>願います。 </li><li>満席が予想されますので、ご都合が悪くなったときは必ずサイトからキャンセルの手続きをお願いします。 </li><li>VISITOR CARDは<u>印刷した受講票と引き換えにお渡しします。また講演終了時に会場内で回収</u>します。 </li><li><u>14時00分をすぎると、人員の都合上、受付は無人</u>になります。（ドロップインでお入りになり立ち見でご覧いただくことは可能です。<a href="proxy.php?url=https://lodge.yahoo.co.jp/access_pc.html" rel="nofollow">ドロップインについてはこちら(身分証明書が必要です)</a>） </li><li>席は人数分ですので、譲り合ってご着席ください。 </li><li>メモ取りはノートなどの筆記でお願いします。ノートPCでのメモ取りはご遠慮ください（キーボードの打音が他のかたの迷惑になります）。なお、登壇者によっては<u>撮影OKの場合</u>があります。開始時にアナウンスしますので、スマホ等で写真をとることでメモ取りなさるのはOKです。その場合は積極的にSNSに投稿していただけるとうれしいです。 </li><li>車椅子でご来場いただけます。お近くの警備員かスタッフにお申し出ください。 </li></ul>