https://dist.connpass.com/2026-02-13T17:01:35+09:00connpass.com職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティ2026-02-02T15:52:42+09:002026-02-13T17:01:35+09:00https://dist.connpass.com/event/383423/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2026/02/20 19:00 ～ 21:00<br />開催場所: 東京都中野区中野4-10-2<br /><br /><h1>概要</h1> <p>勉強会や社内プレゼン、あるいはクライアントへの提案など、私たちは日々、スライドを通じて自分の考えを伝える場面に立っています。情報の伝え方が多様化する今、スライドは単なる補助資料ではなく、コミュニケーションの成否を分ける強力な武器となっています。</p> <p>しかし、情報を詰め込みすぎて「読ませる」スライドになってしまい、本来の目的であるはずの「伝える」「相手を動かす」ことが難しくなっているケースも少なくありません。一目で意図が伝わるレイアウトの基本から、生成AIを味方につけた効率的な制作、さらには写真や絵画の視線誘導を応用したビジュアル表現まで。登壇資料の質を底上げするための「デザインの極意」を学ぶ必要があります。</p> <p>今回のDIST.53では、「スライドデザイン道場」として、第一線で活躍するプロフェッショナルから、トークの説得力を劇的に高める手法を学びます。デザインのロジックだけでなく、アートの視点を取り入れた一歩先の表現についても、初心者にもわかりやすく丁寧に解説します。</p> <p>自身のプレゼンスキルをアップデートし、聴衆をひきつける「相棒」としてのスライドを手に入れませんか？　デザインに自信がないエンジニアの方はもちろん、表現の幅を広げたいデザイナーやディレクターの方も、ぜひお気軽にご参加ください！</p> <h1><del>スピーカー募集！</del></h1> <p>スピーカーの募集は終了しました。</p> <ul> <li>セッションスピーカーを希望される方を広く募集します。<ul> <li>時間は10分です。</li> <li>内容は「スライドデザイン」にまつわるものであれば、何でもOKです（単なるサービスや機能紹介ではなく、ご自身なりのスライドデザインの知見や体験についてお話しください）。</li> <li>スピーカーに決定した場合の参加費は無料です。</li> <li>希望者は事前にお申し出いただければ懇親会にも参加可能です（当日実費をお支払いください）。</li> </ul> </li> <li>希望者は「セッション希望枠」からお申し込みください。</li> <li>お申し込み時のアンケートに連絡先のメールアドレス、タイトル、セッション概要を入力する欄がありますので、必ず入力をお願いします（記載がない場合、強制キャンセルとなります）。</li> <li>応募者多数の場合、原則として抽選になります。<ul> <li>タイトル、セッション概要の内容が優れていると主催者側が判断した場合、優先的に当選となる場合があります。</li> <li>セッション希望枠にお申し込み後、落選して他の枠が埋まっていたとしても、一般参加は可能です。</li> </ul> </li> </ul> <h1>セッション紹介</h1> <h2><strong>「見せる」登壇資料デザインの極意</strong>（30分）</h2> <p><strong><a href="proxy.php?url=https://kanmu.co.jp/" rel="nofollow">株式会社カンム</a> デザインマネージャー <a href="proxy.php?url=https://x.com/takanoripe" rel="nofollow">大木 尊紀</a></strong>（OHKI Takanori）</p> <p>「読ませる」スライドから、一目で意図が伝わる「見せる」スライドへ。本セッションではコンテンツの設計、レイアウトや生成AIとの付き合い方など、聴衆をひきつける登壇資料作成の極意を解説します。トークの説得力を劇的に高めるデザイン手法を手に入れましょう！</p> <h2><strong>「スライドは動かすな」は本当か？ 発表資料の理解を助けるモーションデザインの手法5選</strong>（10分）</h2> <p><strong><a href="proxy.php?url=https://ics-web.jp/" rel="nofollow">株式会社ICS</a> テクニカルディレクター <a href="proxy.php?url=https://x.com/clockmaker" rel="nofollow">池田 泰延</a></strong>（IKEDA Yasunobu）</p> <p>PowerPointやKeynoteには、画面切り替えのモーション機能があります。 一方で「余計だから使わない方がいい」「派手になるだけ」という意見もよく聞きます。 ウェブのカンファレンス登壇で培ってきた知見をもとに、聞き手の理解を深めるためのモーションの使いどころを、紹介します。</p> <h2><strong>資料デザインは思いやり：相手の理解を助けるデザイン設計</strong>（10分）</h2> <p><strong><a href="proxy.php?url=https://clearly.co.jp/" rel="nofollow">株式会社clearly</a> 代表取締役、デザイナー <a href="proxy.php?url=https://x.com/muu_favorite" rel="nofollow">むらさき</a></strong>（Murasaki）</p> <p>資料デザインは「ただ見た目を整えること」ではなく、相手の理解を助ける“思いやりの設計”だと考えています。そして資料づくりの基本には、実はデザインの基礎が凝縮されています。本セッションでは、ノンデザイナーの方でも実務で再現できるよう、制作の流れに沿って「情報整理のやり方」「統一感の出し方」「カラー設定」などの基本原則をお話します。明日から使える形でお持ち帰りください！</p> <h2><strong>絵や写真から学ぶ、要素がもたらす副作用</strong>（10分）</h2> <p><strong><a href="proxy.php?url=https://team-steg.com" rel="nofollow">合同会社Steg</a> 代表、エンジニア、フォトグラファー <a href="proxy.php?url=https://x.com/kspace_trk" rel="nofollow">中尾 圭吾</a></strong>（NAKAO Keigo）</p> <p>優れた絵画や写真には、鑑賞者の視線を掴んで離さない工夫がされています。本セッションでは、視線誘導の観点でビジュアル作品に隠された技術や工夫を紐解き、スライドデザインへの応用可能性についてお話しします。</p> <h1>参加費</h1> <h2>勉強会のみ</h2> <p><strong>1,000円（当日券：1,500円）</strong></p> <ul> <li>PayPalによる事前決済、または当日支払いで参加費をお支払いください。</li> </ul> <h2>勉強会＋懇親会</h2> <p><strong>5,000円</strong></p> <ul> <li>勉強会に加え、着席しての懇親会（コース料理＋飲み放題）にご参加いただけます。<ul> <li>参加者同士の交流を深める有意義な機会を大切にするため、居酒屋での実施となります。</li> <li>費用や手間を抑え、より多くの方にご参加いただけることを重視しています。</li> </ul> </li> <li>PayPalによる事前決済のみとなります。</li> <li>懇親会の申し込みは開催1週間前までとなります（予約の関係上、申し込みが定員未満でも締め切ります）。</li> <li>懇親会のみの参加は受け付けていません。</li> <li>懇親会にはアルコールが提供されるため、20歳未満の方はご参加いただけません。</li> <li>懇親会は<strong>完全禁煙</strong>です。<ul> <li>喫煙時は近隣の喫煙スペースをご利用ください。</li> </ul> </li> </ul> <h2>事前決済についての注意事項</h2> <ul> <li>具体的な流れは、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/60/2140a3c68d9779ea2780.html" rel="nofollow">PayPalによる事前決済について</a>をご参考ください。</li> <li>領収書を発行可能です。詳しくは<a href="proxy.php?url=http://help.connpass.com/participants/show-event-receipt" rel="nofollow">connpassご利用ガイド</a>をご覧ください。</li> <li>キャンセル・払い戻しについては、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/67/c754be5f87e6131b3087.html" rel="nofollow">キャンセルポリシー</a>に従って対応します。</li> </ul> <hr> <ul> <li>スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、<a href="proxy.php?url=https://dist.tokyo/" rel="nofollow">公式サイト</a>のお問い合わせフォームよりお問い合わせください。</li> </ul> <h1>会場</h1> <p>中野セントラルパーク カンファレンス ルーム3A+3B</p> <ul> <li>JR中野駅 北口改札から徒歩4分</li> </ul> <h1>タイムテーブル</h1> <table> <thead> <tr> <th style="text-align: left;">時刻</th> <th style="text-align: left;">内容</th> </tr> </thead> <tbody> <tr> <td style="text-align: left;">18:30～19:00</td> <td style="text-align: left;">開場／受付</td> </tr> <tr> <td style="text-align: left;">19:00～19:05</td> <td style="text-align: left;">はじめに</td> </tr> <tr> <td style="text-align: left;">19:05～19:35</td> <td style="text-align: left;">セッション1</td> </tr> <tr> <td style="text-align: left;">19:40～19:50</td> <td style="text-align: left;">セッション2</td> </tr> <tr> <td style="text-align: left;">19:50～20:00</td> <td style="text-align: left;">休憩</td> </tr> <tr> <td style="text-align: left;">20:00～20:10</td> <td style="text-align: left;">セッション3</td> </tr> <tr> <td style="text-align: left;">20:15～20:25</td> <td style="text-align: left;">セッション4</td> </tr> <tr> <td style="text-align: left;">20:25～20:40</td> <td style="text-align: left;">質疑応答</td> </tr> <tr> <td style="text-align: left;">20:40～20:45</td> <td style="text-align: left;">おわりに</td> </tr> <tr> <td style="text-align: left;">20:45～20:50</td> <td style="text-align: left;">みんなでお片付け／閉場</td> </tr> </tbody> </table> <p>※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。</p> <h1>更新履歴</h1> <table> <thead> <tr> <th style="text-align: left;">更新日時</th> <th style="text-align: left;">内容</th> </tr> </thead> <tbody> <tr> <td style="text-align: left;">2/10 20:55</td> <td style="text-align: left;">セッションを追加しました。</td> </tr> <tr> <td style="text-align: left;">2/2 15:45</td> <td style="text-align: left;">イベントページを公開しました。</td> </tr> </tbody> </table> <h1>スポンサー</h1> <p>DISTは、以下の<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/86/73671e79fd847f58454b.html" rel="nofollow">スポンサーにご協賛</a>いただいております。</p> <h2>スペシャルスポンサー</h2> <p><a href="proxy.php?url=https://dotinstall.com/" rel="nofollow"> <img alt="ドットインストール" src="proxy.php?url=//dist.tokyo/images/base/sponsor__dotinstall_wide.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://256times.com/" rel="nofollow"> <img alt="256times" src="proxy.php?url=//dist.tokyo/images/base/sponsor__256-times.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://www.kddi-webcommunications.co.jp/" rel="nofollow"> <img alt="KDDIウェブコミュニケーションズ" src="proxy.php?url=//dist.tokyo/images/base/sponsor__kddi-webcommunications.svg" width="100%"> </a></p> <h2>ゴールドスポンサー</h2> <p><a href="proxy.php?url=https://maboroshi.biz/" rel="nofollow"> <img alt="まぼろし" src="proxy.php?url=//dist.tokyo/images/base/sponsor__maboroshi.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.ryden.co.jp/" rel="nofollow"> <img alt="RYDEN" src="proxy.php?url=//dist.tokyo/images/base/sponsor__ryden.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.codegrid.net/" rel="nofollow"> <img alt="CodeGrid" src="proxy.php?url=//dist.tokyo/images/base/sponsor__codegrid.svg" width="80%"> </a></p> <h2>シルバースポンサー</h2> <p><a href="proxy.php?url=https://wd-flat.com/" rel="nofollow"> <img alt="FLAT" src="proxy.php?url=//dist.tokyo/images/base/sponsor__flat.png" width="60%"> </a></p> <p><a href="proxy.php?url=https://generosity.co.jp/" rel="nofollow"> <img alt="GENEROSITY" src="proxy.php?url=//dist.tokyo/images/base/sponsor__generosity.svg" width="60%"> </a></p> <p><a href="proxy.php?url=https://pleasanter.org/" rel="nofollow"> <img alt="OSSのノーコードローコード開発ツール”プリザンター”" src="proxy.php?url=//dist.tokyo/images/base/sponsor__pleasanter.png" width="60%"> </a></p> <h2>ブロンズスポンサー</h2> <p><a href="proxy.php?url=https://bldt.jp/" rel="nofollow"> <img alt="ビルディット" src="proxy.php?url=//dist.tokyo/images/base/sponsor__bldt.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://tomosta.jp/" rel="nofollow"> <img alt="ともすた" src="proxy.php?url=//dist.tokyo/images/base/sponsor__tomosta.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://www.image-make.co.jp/" rel="nofollow"> <img alt="IMAKE" src="proxy.php?url=//dist.tokyo/images/base/sponsor__imake.jpg" width="40%"> </a></p> <h2>ツールスポンサー</h2> <p><a href="proxy.php?url=https://esa.io/" rel="nofollow"> <img alt="esa.io" src="proxy.php?url=//dist.tokyo/images/base/sponsor__esa.svg" width="30%"> </a></p> <h1>YouTube配信</h1> <p>当日の様子は、開催2ヶ月後を目安に<a href="proxy.php?url=https://www.youtube.com/c/distjp" rel="nofollow">DISTのYouTubeチャンネル</a>で公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。</p> <h1>DISTについて</h1> <p>DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。</p> <p>主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。</p> <ul> <li>職種の垣根を越える</li> <li>特定の技術に依存しない</li> <li>今日から現場で使える</li> </ul> <h1>注意事項</h1> <ul> <li>会場のWi-Fi一般開放はありません。</li> <li>動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。</li> <li>主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。</li> </ul>

2026-01-14T09:01:14+09:002026-01-29T15:06:44+09:00https://dist.connpass.com/event/380900/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2026/01/29 19:00 ～ 21:00<br />開催場所: 東京都中野区中野4-10-2<br /><br /><h1>概要</h1> <p>生成AIによる開発支援は、今や「AIとチャットする」段階から「AIエージェントと共に作る」段階へと劇的な進化を遂げています。</p> <p>先の2025年、Anthropic社からリリースされた「Claude Code」は、その筆頭として大きな注目を集めています。単なるコード生成にとどまらず、プロジェクト全体の構造を深く理解したうえで、コードの記述・ビルド・テスト、さらにはエラー解決までの思考プロセスを自律的にループさせる。この圧倒的なスピード感とシームレスな体験は、私たちの開発フローを根本から変えようとしています。</p> <p>今回のDIST.52では、「今から始めるClaude Code超入門」として、まさに今からでも始められるように基本的なセットアップから、日々のコーディングやWeb制作における実践的な活用方法までを、初心者にもわかりやすく丁寧に解説します。また、すでに使いこなしている方々にも役立つよう、現場で使っている方々のTIPSもご紹介します。</p> <p>AIエージェントを自分の「頼れる相棒」にするための第一歩を、一緒に踏み出してみませんか？　AIをすでに使いこなしている方はもちろん、これから触れてみたいという方も、ぜひお気軽にご参加ください！</p> <h1>セッション紹介</h1> <h2><strong>今から始めるClaude Code超入門</strong>（40分）</h2> <p><strong><a href="proxy.php?url=https://www.ceroan.co.jp/" rel="nofollow">合同会社世路庵</a> 代表・インタラクションデザイナー <a href="proxy.php?url=https://x.com/448jp" rel="nofollow">沖 良矢</a></strong>（OKI Yoshiya）</p> <p>リリース以来、開発現場を賑わせているClaude Code。話題なことは知っているけど、ターミナルでの操作は難しそう……と思っているみなさん、大丈夫、まだまだ間に合います！　最新情報に基づいて、基本的なセットアップから料金体系、これまでのAIチャットやコード補完ツールとの決定的な違いなど、入門者向けの概要をClaude Codeを触ったことがない人にも分かるレベル感でご紹介します。</p> <h2><strong>Docusaurusと一緒に何でもできるClaude Code</strong>（30分）</h2> <p><strong><a href="proxy.php?url=https://www.pxgrid.com/" rel="nofollow">株式会社ピクセルグリッド</a> テクニカルディレクター <a href="proxy.php?url=https://x.com/Takazudo" rel="nofollow">高津戸 壮</a></strong>（TAKATSUDO Takeshi）</p> <p>私はClaude Codeを、仕事を始め電子工作の回路設計や文書執筆など幅広く活用しています。単なるコード生成ツールではなく、あらゆる作業をAIと協働するためのインターフェースだと捉えています。そのため多くのプロジェクトで早い段階からDocusaurusを導入し、ドキュメント基盤としています。軽量で柔軟なDocusaurusは、人とClaude Codeの情報共有を円滑にする潤滑油のような存在です。本セッションでは、Docusaurusを介したClaude Code活用のアイデアを紹介します。</p> <hr> <p>その他のセッションは決定次第、追記します。</p> <h1>参加費</h1> <h2>勉強会のみ</h2> <p><strong>1,000円（当日券：1,500円）</strong></p> <ul> <li>PayPalによる事前決済、または当日支払いで参加費をお支払いください。</li> </ul> <h2>勉強会＋懇親会</h2> <p><strong>5,000円</strong></p> <ul> <li>勉強会に加え、着席しての懇親会（コース料理＋飲み放題）にご参加いただけます。<ul> <li>参加者同士の交流を深める有意義な機会を大切にするため、居酒屋での実施となります。</li> <li>費用や手間を抑え、より多くの方にご参加いただけることを重視しています。</li> </ul> </li> <li>PayPalによる事前決済のみとなります。</li> <li>懇親会の申し込みは開催1週間前までとなります（予約の関係上、申し込みが定員未満でも締め切ります）。</li> <li>懇親会のみの参加は受け付けていません。</li> <li>懇親会にはアルコールが提供されるため、20歳未満の方はご参加いただけません。</li> <li>懇親会は<strong>完全禁煙</strong>です。<ul> <li>喫煙時は近隣の喫煙スペースをご利用ください。</li> </ul> </li> </ul> <h2>事前決済についての注意事項</h2> <ul> <li>具体的な流れは、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/60/2140a3c68d9779ea2780.html" rel="nofollow">PayPalによる事前決済について</a>をご参考ください。</li> <li>領収書を発行可能です。詳しくは<a href="proxy.php?url=http://help.connpass.com/participants/show-event-receipt" rel="nofollow">connpassご利用ガイド</a>をご覧ください。</li> <li>キャンセル・払い戻しについては、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/67/c754be5f87e6131b3087.html" rel="nofollow">キャンセルポリシー</a>に従って対応します。</li> </ul> <hr> <ul> <li>スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、<a href="proxy.php?url=https://dist.tokyo/" rel="nofollow">公式サイト</a>のお問い合わせフォームよりお問い合わせください。</li> </ul> <h1>会場</h1> <p>中野セントラルパーク カンファレンス ルーム3B</p> <ul> <li>JR中野駅 北口改札から徒歩4分</li> </ul> <h1>タイムテーブル</h1> <table> <thead> <tr> <th align="left">時刻</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">18:30～19:00</td> <td align="left">開場／受付</td> </tr> <tr> <td align="left">19:00～19:05</td> <td align="left">はじめに</td> </tr> <tr> <td align="left">19:05～19:45</td> <td align="left">セッション1</td> </tr> <tr> <td align="left">19:45～19:55</td> <td align="left">休憩</td> </tr> <tr> <td align="left">19:55～20:25</td> <td align="left">セッション2</td> </tr> <tr> <td align="left">20:25～20:40</td> <td align="left">質疑応答</td> </tr> <tr> <td align="left">20:40～20:45</td> <td align="left">おわりに</td> </tr> <tr> <td align="left">20:45～20:50</td> <td align="left">みんなでお片付け／閉場</td> </tr> </tbody> </table> <p>※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。</p> <h1>更新履歴</h1> <table> <thead> <tr> <th align="left">更新日時</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">1/27 14:20</td> <td align="left">セッション2の時間を10→30分に変更しました。</td> </tr> <tr> <td align="left">1/22 20:00</td> <td align="left">定員を調整しました。</td> </tr> <tr> <td align="left">1/15 19:00</td> <td align="left">セッション「Docusaurusと一緒に何でもできるClaude Code」を追加しました。</td> </tr> <tr> <td align="left">1/14 9:00</td> <td align="left">イベントページを公開しました。</td> </tr> </tbody> </table> <h1>スポンサー</h1> <p>DISTは、以下の<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/86/73671e79fd847f58454b.html" rel="nofollow">スポンサーにご協賛</a>いただいております。</p> <h2>スペシャルスポンサー</h2> <p><a href="proxy.php?url=https://dotinstall.com/" rel="nofollow"> <img alt="ドットインストール" src="proxy.php?url=//dist.tokyo/images/base/sponsor__dotinstall_wide.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://256times.com/" rel="nofollow"> <img alt="256times" src="proxy.php?url=//dist.tokyo/images/base/sponsor__256-times.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://www.kddi-webcommunications.co.jp/" rel="nofollow"> <img alt="KDDIウェブコミュニケーションズ" src="proxy.php?url=//dist.tokyo/images/base/sponsor__kddi-webcommunications.svg" width="100%"> </a></p> <h2>ゴールドスポンサー</h2> <p><a href="proxy.php?url=https://maboroshi.biz/" rel="nofollow"> <img alt="まぼろし" src="proxy.php?url=//dist.tokyo/images/base/sponsor__maboroshi.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.ryden.co.jp/" rel="nofollow"> <img alt="RYDEN" src="proxy.php?url=//dist.tokyo/images/base/sponsor__ryden.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.codegrid.net/" rel="nofollow"> <img alt="CodeGrid" src="proxy.php?url=//dist.tokyo/images/base/sponsor__codegrid.svg" width="80%"> </a></p> <h2>シルバースポンサー</h2> <p><a href="proxy.php?url=https://wd-flat.com/" rel="nofollow"> <img alt="FLAT" src="proxy.php?url=//dist.tokyo/images/base/sponsor__flat.png" width="60%"> </a></p> <p><a href="proxy.php?url=https://generosity.co.jp/" rel="nofollow"> <img alt="GENEROSITY" src="proxy.php?url=//dist.tokyo/images/base/sponsor__generosity.svg" width="60%"> </a></p> <p><a href="proxy.php?url=https://pleasanter.org/" rel="nofollow"> <img alt="OSSのノーコードローコード開発ツール”プリザンター”" src="proxy.php?url=//dist.tokyo/images/base/sponsor__pleasanter.png" width="60%"> </a></p> <h2>ブロンズスポンサー</h2> <p><a href="proxy.php?url=https://bldt.jp/" rel="nofollow"> <img alt="ビルディット" src="proxy.php?url=//dist.tokyo/images/base/sponsor__bldt.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://tomosta.jp/" rel="nofollow"> <img alt="ともすた" src="proxy.php?url=//dist.tokyo/images/base/sponsor__tomosta.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://www.image-make.co.jp/" rel="nofollow"> <img alt="IMAKE" src="proxy.php?url=//dist.tokyo/images/base/sponsor__imake.jpg" width="40%"> </a></p> <h2>ツールスポンサー</h2> <p><a href="proxy.php?url=https://esa.io/" rel="nofollow"> <img alt="esa.io" src="proxy.php?url=//dist.tokyo/images/base/sponsor__esa.svg" width="30%"> </a></p> <h1>YouTube配信</h1> <p>当日の様子は、開催2ヶ月後を目安に<a href="proxy.php?url=https://www.youtube.com/c/distjp" rel="nofollow">DISTのYouTubeチャンネル</a>で公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。</p> <h1>DISTについて</h1> <p>DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。</p> <p>主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。</p> <ul> <li>職種の垣根を越える</li> <li>特定の技術に依存しない</li> <li>今日から現場で使える</li> </ul> <h1>注意事項</h1> <ul> <li>会場のWi-Fi一般開放はありません。</li> <li>動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。</li> <li>主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。</li> </ul>

2025-07-04T17:42:12+09:002025-08-19T13:15:13+09:00https://dist.connpass.com/event/361417/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2025/08/22 19:00 ～ 21:00<br />開催場所: 東京都中野区中野4-10-2<br /><br /><h1>概要</h1> <p>ビジュアルデザインとコーディング・実装をスマートに連携、進行していくにはどうすればよいでしょうか？　Webデザインのワークフローの中でも、最も制作側の比重が高いこの工程では、スマートデバイスやレスポンシブデザイン、AIの普及とともに、近年大きな変革が起こっています。</p> <p>DIST.51では、実際にWebデザイナーとして手を動かしているデザイナーや、実装をしているエンジニアらの目線から、モダンなWebデザインワークフローについて、語り合います。</p> <h1>セッション紹介（各30分）</h1> <h2><strong>大炎上プロジェクトを0から3ヶ月でリリース品質に変えたデザインエンジニアの極意</strong></h2> <p><strong><a href="proxy.php?url=https://appleworld.co.jp/" rel="nofollow">AppleWorld Inc.</a> 執行役員、<a href="proxy.php?url=https://d-3.ooo/" rel="nofollow">D-THREE Inc.</a> 代表取締役 Designer、Front-end Engineer、Back-end Engineer <a href="proxy.php?url=https://x.com/riku_d3" rel="nofollow">菅原 陸</a></strong>（SUGAWARA Riku）</p> <p>「どうやって、大炎上したプロジェクトを、3ヶ月で“リリース品質”に引き上げたのか？」</p> <p>デザイナーとエンジニアが力を合わせ、最速で最高の結果を生み出す方法を、リアルな体験と共に大公開します。生産性最大化のための「デザインエンジニア」としての働き方、そしてその秘訣とは？</p> <h2><strong>モックドリブンのすゝめ：動きで伝えるデザイナーとエンジニアの連携術</strong></h2> <p><strong><a href="proxy.php?url=https://studio.inc/" rel="nofollow">Studio, Inc.</a> Designer / Front-end Engineer <a href="proxy.php?url=https://x.com/tsmallfield" rel="nofollow">小原 暢</a></strong>（OBARA Toru）</p> <p>アニメーションモックをひたすら作る──。</p> <p>そのプロセスが、デザイナーとエンジニアだけでなく、ディレクターやビジネスメンバーを含めたチーム全体の共通認識を育て、想像力を引き出す起点になります。</p> <p>本セッションでは、そんなモックを軸としたデザイン〜フロントエンド実装のワークフローについて、デザイナー／フロントエンドエンジニアとして17年間にわたり受託制作を経験し、現在は事業会社で自社プロダクトの開発に携わる小原が、実例を交えながらご紹介します。</p> <h1>LT紹介（各5分）</h1> <h2><strong>デザインにブレーキをかけないエンジニアの動き方</strong></h2> <p><strong>kinew CTO <a href="proxy.php?url=https://x.com/ktsn" rel="nofollow">Katashin</a></strong>（Katashin）</p> <p>実装の制約がある中でベストなデザインを作るためには、デザイナーとエンジニアがうまく連携する必要があります。一方で、実装の都合を優先しすぎるとデザインがどんどん凡庸なものになっていってしまいます。本 LT では私がこの数年間実践しているエンジニアとしての動き方と、それにどのような効果があったかを共有します。</p> <h2><strong>インフラ視点で見る"ありがたい"フロントエンド 〜運用の笑顔を産む10のTips〜</strong></h2> <p><strong><a href="proxy.php?url=https://x.com/morx3x" rel="nofollow">諸田 裕紀</a></strong>（MOROTA Yuki）</p> <p>モダンなWebデザインワークフローでは、デザインの美しさや開発速度だけでなく、運用フェーズでの保守性も重要です。本LTでは、インフラエンジニアの視点から「こんな設計だと運用が楽になる！」という10個のTipsを紹介します。 エラー監視の仕込み方、ログ設計、パフォーマンス計測の準備、デプロイフローへの配慮など、開発時にちょっとした工夫をするだけで、運用チームから感謝される設計パターンを具体例とともに解説します。</p> <h1>参加費</h1> <h2>勉強会のみ</h2> <p><strong>1,000円（当日券：1,500円）</strong></p> <ul> <li>PayPalによる事前決済、または当日支払いで参加費をお支払いください。</li> </ul> <h2>勉強会＋懇親会</h2> <p><strong>5,000円</strong></p> <ul> <li>勉強会に加え、着席しての懇親会（コース料理＋飲み放題）にご参加いただけます。<ul> <li>参加者同士の交流を深める有意義な機会を大切にするため、居酒屋での実施となります。</li> <li>費用や手間を抑え、より多くの方にご参加いただけることを重視しています。</li> </ul> </li> <li>PayPalによる事前決済のみとなります。</li> <li>懇親会の申し込みは開催1週間前までとなります（予約の関係上、申し込みが定員未満でも締め切ります）。</li> <li>懇親会のみの参加は受け付けていません。</li> <li>懇親会にはアルコールが提供されるため、20歳未満の方はご参加いただけません。</li> <li>懇親会は<strong>完全禁煙</strong>です。<ul> <li>喫煙時は近隣の喫煙スペースをご利用ください。</li> </ul> </li> </ul> <h2>事前決済についての注意事項</h2> <ul> <li>具体的な流れは、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/60/2140a3c68d9779ea2780.html" rel="nofollow">PayPalによる事前決済について</a>をご参考ください。</li> <li>領収書を発行可能です。詳しくは<a href="proxy.php?url=http://help.connpass.com/participants/show-event-receipt" rel="nofollow">connpassご利用ガイド</a>をご覧ください。</li> <li>キャンセル・払い戻しについては、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/67/c754be5f87e6131b3087.html" rel="nofollow">キャンセルポリシー</a>に従って対応します。</li> </ul> <hr> <ul> <li>スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、<a href="proxy.php?url=https://dist.tokyo/" rel="nofollow">公式サイト</a>のお問い合わせフォームよりお問い合わせください。</li> </ul> <h1>会場</h1> <p>中野セントラルパーク カンファレンス</p> <ul> <li>JR中野駅 北口改札から徒歩4分</li> </ul> <h1>タイムテーブル</h1> <table> <thead> <tr> <th align="left">時刻</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">18:30～19:00</td> <td align="left">開場／受付</td> </tr> <tr> <td align="left">19:00～19:05</td> <td align="left">はじめに</td> </tr> <tr> <td align="left">19:05～19:10</td> <td align="left">LT1</td> </tr> <tr> <td align="left">19:12～19:17</td> <td align="left">LT2</td> </tr> <tr> <td align="left">19:20〜19:50</td> <td align="left">セッション1</td> </tr> <tr> <td align="left">19:50～20:00</td> <td align="left">休憩</td> </tr> <tr> <td align="left">20:00～20:30</td> <td align="left">セッション2</td> </tr> <tr> <td align="left">20:30～20:40</td> <td align="left">質疑応答</td> </tr> <tr> <td align="left">20:40～20:45</td> <td align="left">おわりに</td> </tr> <tr> <td align="left">20:45～20:50</td> <td align="left">みんなでお片付け／閉場</td> </tr> </tbody> </table> <p>※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。</p> <h1>更新履歴</h1> <table> <thead> <tr> <th align="left">更新日時</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">8/14 10:55</td> <td align="left">セッション時間を20分から30分に延長しました。</td> </tr> <tr> <td align="left">8/7 17:50</td> <td align="left">LTを追加し、タイムテーブルを更新しました。</td> </tr> <tr> <td align="left">7/4 17:40</td> <td align="left">イベントページを公開しました。</td> </tr> </tbody> </table> <h1>スポンサー</h1> <p>DISTは、以下の<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/86/73671e79fd847f58454b.html" rel="nofollow">スポンサーにご協賛</a>いただいております。</p> <h2>スペシャルスポンサー</h2> <p><a href="proxy.php?url=https://dotinstall.com/" rel="nofollow"> <img alt="ドットインストール" src="proxy.php?url=//dist.tokyo/images/base/sponsor__dotinstall_wide.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://256times.com/" rel="nofollow"> <img alt="256times" src="proxy.php?url=//dist.tokyo/images/base/sponsor__256-times.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://www.kddi-webcommunications.co.jp/" rel="nofollow"> <img alt="KDDIウェブコミュニケーションズ" src="proxy.php?url=//dist.tokyo/images/base/sponsor__kddi-webcommunications.svg" width="100%"> </a></p> <h2>ゴールドスポンサー</h2> <p><a href="proxy.php?url=https://maboroshi.biz/" rel="nofollow"> <img alt="まぼろし" src="proxy.php?url=//dist.tokyo/images/base/sponsor__maboroshi.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.ryden.co.jp/" rel="nofollow"> <img alt="RYDEN" src="proxy.php?url=//dist.tokyo/images/base/sponsor__ryden.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.codegrid.net/" rel="nofollow"> <img alt="CodeGrid" src="proxy.php?url=//dist.tokyo/images/base/sponsor__codegrid.svg" width="80%"> </a></p> <h2>シルバースポンサー</h2> <p><a href="proxy.php?url=https://wd-flat.com/" rel="nofollow"> <img alt="FLAT" src="proxy.php?url=//dist.tokyo/images/base/sponsor__flat.png" width="60%"> </a></p> <p><a href="proxy.php?url=https://generosity.co.jp/" rel="nofollow"> <img alt="GENEROSITY" src="proxy.php?url=//dist.tokyo/images/base/sponsor__generosity.svg" width="60%"> </a></p> <p><a href="proxy.php?url=https://pleasanter.org/" rel="nofollow"> <img alt="OSSのノーコードローコード開発ツール”プリザンター”" src="proxy.php?url=//dist.tokyo/images/base/sponsor__pleasanter.png" width="60%"> </a></p> <h2>ブロンズスポンサー</h2> <p><a href="proxy.php?url=https://bldt.jp/" rel="nofollow"> <img alt="ビルディット" src="proxy.php?url=//dist.tokyo/images/base/sponsor__bldt.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://tomosta.jp/" rel="nofollow"> <img alt="ともすた" src="proxy.php?url=//dist.tokyo/images/base/sponsor__tomosta.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://www.image-make.co.jp/" rel="nofollow"> <img alt="IMAKE" src="proxy.php?url=//dist.tokyo/images/base/sponsor__imake.jpg" width="40%"> </a></p> <h2>ツールスポンサー</h2> <p><a href="proxy.php?url=https://esa.io/" rel="nofollow"> <img alt="esa.io" src="proxy.php?url=//dist.tokyo/images/base/sponsor__esa.svg" width="30%"> </a></p> <h1>YouTube配信</h1> <p>当日の様子は、開催2ヶ月後を目安に<a href="proxy.php?url=https://www.youtube.com/c/distjp" rel="nofollow">DISTのYouTubeチャンネル</a>で公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。</p> <h1>DISTについて</h1> <p>DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。</p> <p>主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。</p> <ul> <li>職種の垣根を越える</li> <li>特定の技術に依存しない</li> <li>今日から現場で使える</li> </ul> <h1>注意事項</h1> <ul> <li>会場のWi-Fi一般開放はありません。</li> <li>動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。</li> <li>主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。</li> </ul>

2025-05-01T09:01:31+09:002025-06-27T17:02:35+09:00https://dist.connpass.com/event/354170/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2025/06/27 19:00 ～ 21:00<br />開催場所: 東京都中野区中野4-10-2<br /><br /><h1>概要</h1> <p>Figmaには日々、バリアブル、Figma AI、アノテーション改善、アスペクト比固定といった多数の新機能が投入されています。私たちは多忙な業務の合間を縫って、その革新的なアップデートをキャッチアップしながらプロダクトやサービス開発に没頭しています。気づけば、Figmaが日本語対応してから間もなく3年―その進化の軌跡は、まさにデザイン現場の“今”を象徴しています。</p> <p>DIST.50では、デザインの最前線でFigmaを使いこなす現役デザイナーの皆さんにご登壇いただき、実際に業務で使っているFigmaファイルを見せていただきながらお話しいただきます。コンポーネント設計やデザインシステムへの落とし込み方、そしてチームコラボレーションのリアルな舞台裏まで、普段なかなか見ることができない"生のファイル"だからこそ得られる、現場の課題解決プロセスや細かな工夫が満載のセッションになるでしょう。</p> <h1><del>LTスピーカー募集！</del></h1> <p><strong>LTスピーカーの募集は終了しました。ご協力ありがとうございました。</strong></p> <ul> <li><del>LTスピーカーを希望される方を広く募集します。</del><ul> <li><del>時間は5分です。</del></li> <li><del>内容は「実務で使っているFigmaファイル」を使ったものであれば、何でもOKです（単なるサービスや機能紹介ではなく、ご自身なりのFigmaの使いこなしについてお話しください）。</del></li> <li><del>LTスピーカーに決定した場合の参加費は無料です。</del></li> <li><del>希望者は事前にお申し出いただければ懇親会にも参加可能です（当日実費をお支払いください）。</del></li> </ul> </li> <li><del>希望者は「LT希望枠」からお申し込みください。</del></li> <li><del>お申し込み時のアンケートに連絡先のメールアドレス、タイトル、セッション概要を入力する欄がありますので、必ず入力をお願いします。</del></li> <li><del>応募者多数の場合、原則として抽選になります。</del><ul> <li><del>タイトル、セッション概要の内容が優れていると主催者側が判断した場合、優先的に当選となる場合があります。</del></li> <li><del>LT希望枠にお申し込み後、落選して他の枠が埋まっていたとしても、一般参加は可能です。</del></li> </ul> </li> </ul> <h1>LT紹介（各5分）</h1> <h2><strong>デザインシステム Spindleを利用した開発体験</strong></h2> <p><strong><a href="proxy.php?url=https://www.pxgrid.com/" rel="nofollow">サイバーエージェント</a> AmebaLIFE事業本部 フロントエンドエンジニア 安田 慎</strong>（YASUDA Shin） </p> <p>AmebaではデザインシステムSpindleを使ってFigma上でデザインをしています。普段あまりお見せすることが少ないですがいい機会なのでvariables／code connect／プラグイン／annotationなどラフに実際のファイルを見ながらLTさせていただければと思います。</p> <h2><strong>FigmaのFigmaファイルから学ぶTips &amp; Tricks</strong></h2> <p><strong>Figma Japan株式会社 デザイナーアドボケイト <a href="proxy.php?url=https://x.com/hiloki" rel="nofollow">谷 拓樹</a></strong>（TANI Hiroki）</p> <p>FigmaはUI3 LibraryやSimple Design Systemといったファイルをコミュニティに公開しています。これらのファイルを中心に、いくつかのTips &amp; Tricksを紹介します。</p> <h1>セッション紹介（各20分）</h1> <h2><strong>単なる絵ではないFigmaデータ作り</strong></h2> <p><strong><a href="proxy.php?url=https://www.pxgrid.com/" rel="nofollow">株式会社ピクセルグリッド</a> <a href="proxy.php?url=https://www.pxgrid.com/about/staff/#saucer-jp" rel="nofollow">UIデザイナー</a> <a href="proxy.php?url=https://x.com/saucerjp" rel="nofollow">小原 司</a></strong>（OBARA Tsukasa） </p> <p>コンポーネントドリブンで機能が構築され、Webブラウザ上でUIが実行されることを前提とした構造化されたFigmaデータをどのように作成しているか、実際のFigmaデータを見ながら紹介します。</p> <h2><strong>デザインシステム疲れからの再出発：持続可能な運用への実践的アプローチ</strong></h2> <p><strong><a href="proxy.php?url=https://plaid.co.jp/" rel="nofollow">株式会社プレイド</a> KARTE プロダクトデザイナー <a href="proxy.php?url=https://x.com/Junichishigaki" rel="nofollow">石垣 純一</a></strong>（ISHIGAKI Junichi） </p> <p>デザインシステム構築の高揚感から2年。デザイナーたちは充実したFigmaコンポーネントに価値を感じる一方で、ユースケースに合わないコンポーネントを「デタッチ」せざるを得ない状況や、プロダクトに適用しながらデザインシステム自体を改善することの難しさに直面しています。また、期待していたほどプロダクトのUIが統一されていかない現実など、現実的な運用の課題が浮上していました。</p> <p>本セッションでは、理想と現実のギャップに向き合ってきた経験談を、実際のFigmaライブラリやプロダクト画面をお見せしながらお伝えします。完璧を追求するのではなく、チームが長期的に持続できる運用を見据えた「疲れない」デザインシステム運用の実践的アプローチをご紹介します。</p> <h2><strong>5000以上のポーズ・表情パターンをつくれる！　Figmaでつくるキャラクターデザインシステム</strong></h2> <p><strong><a href="proxy.php?url=https://necco.inc/" rel="nofollow">株式会社necco</a> デザイナー <a href="proxy.php?url=https://x.com/necco_nakagawa" rel="nofollow">中川 小雪</a></strong>（NAKAGAWA Koyuki）</p> <p>neccoではAI家計簿アプリ「ワンバンク」の公式キャラクターワンバンのキャラクターデザインをお手伝いしました。本セッションでは、Figmaのコンポーネント機能を活用して、どのようにワンバンの「キャラクターデザインシステム」を構築したのかを、実際のFigmaファイルをお見せしながらご紹介します。</p> <ul> <li>キャラクターデザインシステムのコンポーネントの構造について（顔・耳・体）</li> <li>キャラクターデザインをシステム化するコツ</li> <li>表情やポーズをバリアント機能で登録する方法</li> <li>コンポーネントプロパティを活用したステータス管理</li> </ul> <p>Figma上でイラストをシステム化することで、5,000通り以上の組み合わせから自由にキャラクターの表情やポーズを切り替えられるように。複雑な表情やポーズのバリエーションを誰でも扱いやすい設計に落とし込むプロセスを解説します。</p> <h1>参加費</h1> <h2>勉強会のみ</h2> <p><strong>1,000円（当日券：1,500円）</strong></p> <ul> <li>PayPalによる事前決済、または当日支払いで参加費をお支払いください。</li> </ul> <h2>勉強会＋懇親会</h2> <p><strong>5,000円</strong></p> <ul> <li>勉強会に加え、着席しての懇親会（コース料理＋飲み放題）にご参加いただけます。<ul> <li>参加者同士の交流を深める有意義な機会を大切にするため、居酒屋での実施となります。</li> <li>費用や手間を抑え、より多くの方にご参加いただけることを重視しています。</li> </ul> </li> <li>PayPalによる事前決済のみとなります。</li> <li>懇親会の申し込みは開催1週間前までとなります（予約の関係上、申し込みが定員未満でも締め切ります）。</li> <li>懇親会のみの参加は受け付けていません。</li> <li>懇親会にはアルコールが提供されるため、20歳未満の方はご参加いただけません。</li> <li>懇親会は<strong>完全禁煙</strong>です。<ul> <li>喫煙時は近隣の喫煙スペースをご利用ください。</li> </ul> </li> </ul> <h2>事前決済についての注意事項</h2> <ul> <li>具体的な流れは、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/60/2140a3c68d9779ea2780.html" rel="nofollow">PayPalによる事前決済について</a>をご参考ください。</li> <li>領収書を発行可能です。詳しくは<a href="proxy.php?url=http://help.connpass.com/participants/show-event-receipt" rel="nofollow">connpassご利用ガイド</a>をご覧ください。</li> <li>キャンセル・払い戻しについては、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/67/c754be5f87e6131b3087.html" rel="nofollow">キャンセルポリシー</a>に従って対応します。</li> </ul> <hr> <ul> <li>スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、<a href="proxy.php?url=https://dist.tokyo/" rel="nofollow">公式サイト</a>のお問い合わせフォームよりお問い合わせください。</li> </ul> <h1>会場</h1> <p>中野セントラルパーク カンファレンス</p> <ul> <li>JR中野駅 北口改札から徒歩4分</li> </ul> <h1>タイムテーブル</h1> <table> <thead> <tr> <th align="left">時刻</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">18:30～19:00</td> <td align="left">開場／受付</td> </tr> <tr> <td align="left">19:00～19:05</td> <td align="left">はじめに</td> </tr> <tr> <td align="left">19:05～19:15</td> <td align="left">LT1</td> </tr> <tr> <td align="left">19:15～19:20</td> <td align="left">LT2</td> </tr> <tr> <td align="left">19:25～19:45</td> <td align="left">セッション1</td> </tr> <tr> <td align="left">19:45～20:00</td> <td align="left">休憩</td> </tr> <tr> <td align="left">20:00〜20:20</td> <td align="left">セッション2</td> </tr> <tr> <td align="left">20:25～20:45</td> <td align="left">セッション3</td> </tr> <tr> <td align="left">20:45～20:55</td> <td align="left">おわりに</td> </tr> <tr> <td align="left">20:55～21:00</td> <td align="left">みんなでお片付け／閉場</td> </tr> </tbody> </table> <p>※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。</p> <h1>更新履歴</h1> <table> <thead> <tr> <th align="left">更新日時</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">6/19 17:30</td> <td align="left">好評につき、会場を同じ会場内のホールに変更しました。</td> </tr> <tr> <td align="left">6/18 17:00</td> <td align="left">好評につき、一部枠の定員を増員しました。</td> </tr> <tr> <td align="left">6/18 13:00</td> <td align="left">necco 中川さんのセッションタイトル、概要を更新しました。</td> </tr> <tr> <td align="left">6/16 16:15</td> <td align="left">LTを追加しました。好評につき、一部枠の定員を増員しました。</td> </tr> <tr> <td align="left">6/4 14:00</td> <td align="left">好評につき、一部枠の定員を増員しました。</td> </tr> <tr> <td align="left">5/23 23:10</td> <td align="left">好評につき、一部枠の定員を増員しました。</td> </tr> <tr> <td align="left">5/22 16:15</td> <td align="left">LTを追加しました。</td> </tr> <tr> <td align="left">5/19 10:20</td> <td align="left">好評につき、一部枠の定員を増員しました。</td> </tr> <tr> <td align="left">5/12 12:00</td> <td align="left">好評につき、一部枠の定員を増員しました。</td> </tr> <tr> <td align="left">5/1 9:00</td> <td align="left">イベントページを公開しました。</td> </tr> </tbody> </table> <h1>スポンサー</h1> <p>DISTは、以下の<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/86/73671e79fd847f58454b.html" rel="nofollow">スポンサーにご協賛</a>いただいております。</p> <h2>スペシャルスポンサー</h2> <p><a href="proxy.php?url=https://dotinstall.com/" rel="nofollow"> <img alt="ドットインストール" src="proxy.php?url=//dist.tokyo/images/base/sponsor__dotinstall_wide.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://256times.com/" rel="nofollow"> <img alt="256times" src="proxy.php?url=//dist.tokyo/images/base/sponsor__256-times.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://www.kddi-webcommunications.co.jp/" rel="nofollow"> <img alt="KDDIウェブコミュニケーションズ" src="proxy.php?url=//dist.tokyo/images/base/sponsor__kddi-webcommunications.svg" width="100%"> </a></p> <h2>ゴールドスポンサー</h2> <p><a href="proxy.php?url=https://maboroshi.biz/" rel="nofollow"> <img alt="まぼろし" src="proxy.php?url=//dist.tokyo/images/base/sponsor__maboroshi.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.ryden.co.jp/" rel="nofollow"> <img alt="RYDEN" src="proxy.php?url=//dist.tokyo/images/base/sponsor__ryden.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.codegrid.net/" rel="nofollow"> <img alt="CodeGrid" src="proxy.php?url=//dist.tokyo/images/base/sponsor__codegrid.svg" width="80%"> </a></p> <h2>シルバースポンサー</h2> <p><a href="proxy.php?url=https://wd-flat.com/" rel="nofollow"> <img alt="FLAT" src="proxy.php?url=//dist.tokyo/images/base/sponsor__flat.png" width="60%"> </a></p> <p><a href="proxy.php?url=https://generosity.co.jp/" rel="nofollow"> <img alt="GENEROSITY" src="proxy.php?url=//dist.tokyo/images/base/sponsor__generosity.svg" width="60%"> </a></p> <p><a href="proxy.php?url=https://pleasanter.org/" rel="nofollow"> <img alt="OSSのノーコードローコード開発ツール”プリザンター”" src="proxy.php?url=//dist.tokyo/images/base/sponsor__pleasanter.png" width="60%"> </a></p> <h2>ブロンズスポンサー</h2> <p><a href="proxy.php?url=https://bldt.jp/" rel="nofollow"> <img alt="ビルディット" src="proxy.php?url=//dist.tokyo/images/base/sponsor__bldt.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://tomosta.jp/" rel="nofollow"> <img alt="ともすた" src="proxy.php?url=//dist.tokyo/images/base/sponsor__tomosta.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://www.image-make.co.jp/" rel="nofollow"> <img alt="IMAKE" src="proxy.php?url=//dist.tokyo/images/base/sponsor__imake.jpg" width="40%"> </a></p> <h2>ツールスポンサー</h2> <p><a href="proxy.php?url=https://esa.io/" rel="nofollow"> <img alt="esa.io" src="proxy.php?url=//dist.tokyo/images/base/sponsor__esa.svg" width="30%"> </a></p> <h1>YouTube配信</h1> <p>当日の様子は、開催2ヶ月後を目安に<a href="proxy.php?url=https://www.youtube.com/c/distjp" rel="nofollow">DISTのYouTubeチャンネル</a>で公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。</p> <h1>DISTについて</h1> <p>DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。</p> <p>主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。</p> <ul> <li>職種の垣根を越える</li> <li>特定の技術に依存しない</li> <li>今日から現場で使える</li> </ul> <h1>注意事項</h1> <ul> <li>会場のWi-Fi一般開放はありません。</li> <li>動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。</li> <li>主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。</li> </ul>

2025-04-01T09:31:45+09:002025-05-12T20:24:43+09:00https://dist.connpass.com/event/350859/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2025/05/14 19:00 ～ 21:00<br />開催場所: 東京都中野区中野4-10-2<br /><br /><h1>概要</h1> <p>世はまさにAI時代。新サービスの使い方からプロンプトのコツまで、AIにまつわる情報が溢れています。一方で、私たちWeb制作の現場で働くエンジニア、デザイナー、ディレクターたちが、実際の仕事にAIをどう活用できるのか、手探りをしています。</p> <p>さまざまなツールやワークフローであらゆる業務改善・効率化をしてきた私たちにとって、仕事がなくなる不安よりも、AIによって見えてくる新しい世界への期待感の方が強いはずです。</p> <p>DIST.49では、Web制作の現場で働くみなさまをお招きし、いま実務で使っているAIの活用術を語り合います。AIをバリバリ使っている人も、まだ興味段階の人も、他の人がどうAIを使いこなしているのかを是非ご覧ください！</p> <h1>セッション紹介（各20分）</h1> <h2><strong>AIエージェント導入で開発ワークフローはどう変わったか？実践事例とツール選定のポイント</strong></h2> <p><strong><a href="proxy.php?url=https://ubie.life/" rel="nofollow">Ubie株式会社</a> プロダクトエンジニア <a href="proxy.php?url=https://x.com/tonkotsuboy_com" rel="nofollow">鹿野 壮</a></strong>（KANO Takeshi）</p> <p>現在の開発現場では、AIエージェントを使った開発が主流です。Devin、Cursor、Cline、Copilot Edits、Windsurf、JunieといったAIエージェントが登場し、Claude、Gemini、ChatGPT、DeepSeekといった高度なAIモデルを組み合わせて従来では考えられない速度と品質でプロジェクトを推し進めることができます。</p> <p>本セッションでは、私がAIエージェント中心のワークフローを構築した経験を元に、実際に導入しているツールと選定理由、各ツールの特性や使い分けについて解説します。</p> <h2><strong>UIパフォーマンス改善：AIアシスタントを駆使して100倍高速化した話</strong></h2> <p><strong><a href="proxy.php?url=https://corp.kaonavi.jp/" rel="nofollow">株式会社カオナビ</a> フロントエンドエンジニア、PjL（プロジェクトリード） <a href="proxy.php?url=https://x.com/kinocoboy2" rel="nofollow">木下 博貴</a></strong>（KINOSHITA Hiroki） </p> <p>計算量に課題のあるUIコンポーネントに対して、パフォーマンスチューニングを行う機会を得た。私自身高いパフォーマンスチューニングスキルを持ち合わせているわけではない。それでもAIアシスタントをヒントに100倍高速化させることに成功した。</p> <p>この体験の具体的な改善方法とAIに頼るポイント・人が向き合うべきポイントが見えてきたので紹介します。</p> <h2><strong>上手にFireflyにお願いしてウェブデザイン案を出すぞ！</strong></h2> <p><strong><a href="proxy.php?url=https://www.booklista.co.jp/" rel="nofollow">株式会社ブックリスタ</a> デジタルプロダクトデザイナー <a href="proxy.php?url=https://x.com/crema" rel="nofollow">黒野 明子</a></strong>（KURONO Akiko） </p> <p>このセッションでは、Adobe Fireflyを活用してウェブデザイン案のブレインストーミングを楽しく効率的に行うためのノウハウを紹介します。
プロンプトの設計や構成参照などの使い方を学ぶことで、Fireflyを自分のデザインパートナーとして最大限に活用するためのヒントを得られるでしょう。</p> <p>※本セッションは、Adobe MAX Japan 2025におけるセッションの再演版となります。</p> <h2><strong>SNS運用×生成AI活用の実践ノウハウ</strong></h2> <p><strong><a href="proxy.php?url=https://webtiger.jp/" rel="nofollow">株式会社ウェブタイガー</a> 代表取締役 <a href="proxy.php?url=https://x.com/onikohshi" rel="nofollow">田村 憲孝</a></strong>（TAMURA Noritaka） </p> <p>「投稿を考えるのに時間がかかる」「ネタが尽きる」といった課題を解決するために、生成AIを活用したSNS運用のテクニックを紹介します。生成AIを使って投稿計画を立て、質の高い投稿を短時間で作成する方法を実践例を交えて伝えます。</p> <h1>参加費</h1> <h2>勉強会のみ</h2> <p><strong>1,000円（当日券：1,500円）</strong></p> <ul> <li>PayPalによる事前決済、または当日支払いで参加費をお支払いください。</li> </ul> <h2>勉強会＋懇親会</h2> <p><strong>5,000円</strong></p> <ul> <li>勉強会に加え、着席しての懇親会（コース料理＋飲み放題）にご参加いただけます。<ul> <li>参加者同士の交流を深める有意義な機会を大切にするため、居酒屋での実施となります。</li> <li>費用を抑え、より多くの方にご参加いただけることを重視していますので、ご理解のほどよろしくお願いいたします。</li> </ul> </li> <li>PayPalによる事前決済のみとなります。</li> <li>懇親会の申し込みは開催1週間前までとなります（予約の関係上、申し込みが定員未満でも締め切ります）。</li> <li>懇親会のみの参加は受け付けていません。</li> <li>懇親会にはアルコールが提供されるため、未成年はご参加いただけません。</li> <li>懇親会は<strong>完全禁煙</strong>です。<ul> <li>喫煙者/非喫煙者の両者が過ごしやすい空間を作るため、ご協力をお願いいたします。</li> <li>喫煙時は近隣の喫煙スペースをご利用ください。</li> <li>懇親会が行われる店舗は喫煙可ですので、他の席からの煙が流れてくる可能性はあります。</li> </ul> </li> </ul> <h2>事前決済についての注意事項</h2> <ul> <li>具体的な流れは、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/60/2140a3c68d9779ea2780.html" rel="nofollow">PayPalによる事前決済について</a>をご参考ください。</li> <li>領収書を発行可能です。詳しくは<a href="proxy.php?url=http://help.connpass.com/participants/show-event-receipt" rel="nofollow">connpassご利用ガイド</a>をご覧ください。</li> <li>キャンセル・払い戻しについては、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/67/c754be5f87e6131b3087.html" rel="nofollow">キャンセルポリシー</a>に従って対応します。</li> </ul> <hr> <ul> <li>スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、<a href="proxy.php?url=https://dist.tokyo/" rel="nofollow">公式サイト</a>のお問い合わせフォームよりお問い合わせください。</li> </ul> <h1>会場</h1> <p>中野セントラルパーク カンファレンス</p> <ul> <li>JR中野駅 北口改札から徒歩4分</li> </ul> <h1>タイムテーブル</h1> <table> <thead> <tr> <th align="left">時刻</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">18:30～19:00</td> <td align="left">開場／受付</td> </tr> <tr> <td align="left">19:00～19:05</td> <td align="left">はじめに</td> </tr> <tr> <td align="left">19:05～19:25</td> <td align="left">セッション1</td> </tr> <tr> <td align="left">19:30～19:50</td> <td align="left">セッション2</td> </tr> <tr> <td align="left">19:50～20:00</td> <td align="left">休憩</td> </tr> <tr> <td align="left">20:00〜20:20</td> <td align="left">セッション3</td> </tr> <tr> <td align="left">20:25～20:45</td> <td align="left">セッション4</td> </tr> <tr> <td align="left">20:45～20:55</td> <td align="left">おわりに</td> </tr> <tr> <td align="left">20:55～21:00</td> <td align="left">みんなでお片付け／閉場</td> </tr> </tbody> </table> <p>※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。</p> <h1>更新履歴</h1> <table> <thead> <tr> <th align="left">更新日時</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">5/12 20:20</td> <td align="left">一部枠の定員を増枠しました。</td> </tr> <tr> <td align="left">5/8 18:45</td> <td align="left">お申し込み状況を鑑み、各枠の定員を調整しました。</td> </tr> <tr> <td align="left">5/4 13:10</td> <td align="left">一部枠の定員を増枠しました。</td> </tr> <tr> <td align="left">5/1 16:00</td> <td align="left">一部枠の定員を増枠しました。</td> </tr> <tr> <td align="left">4/9 6:00</td> <td align="left">お申し込み状況を鑑み、各枠の定員を調整しました。</td> </tr> <tr> <td align="left">4/1 9:00</td> <td align="left">イベントページを公開しました。</td> </tr> </tbody> </table> <h1>スポンサー</h1> <p>DISTは、以下の<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/86/73671e79fd847f58454b.html" rel="nofollow">スポンサーにご協賛</a>いただいております。</p> <h2>スペシャルスポンサー</h2> <p><a href="proxy.php?url=https://dotinstall.com/" rel="nofollow"> <img alt="ドットインストール" src="proxy.php?url=//dist.tokyo/images/base/sponsor__dotinstall_wide.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://256times.com/" rel="nofollow"> <img alt="256times" src="proxy.php?url=//dist.tokyo/images/base/sponsor__256-times.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://www.kddi-webcommunications.co.jp/" rel="nofollow"> <img alt="KDDIウェブコミュニケーションズ" src="proxy.php?url=//dist.tokyo/images/base/sponsor__kddi-webcommunications.svg" width="100%"> </a></p> <h2>ゴールドスポンサー</h2> <p><a href="proxy.php?url=https://maboroshi.biz/" rel="nofollow"> <img alt="まぼろし" src="proxy.php?url=//dist.tokyo/images/base/sponsor__maboroshi.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.ryden.co.jp/" rel="nofollow"> <img alt="RYDEN" src="proxy.php?url=//dist.tokyo/images/base/sponsor__ryden.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.codegrid.net/" rel="nofollow"> <img alt="CodeGrid" src="proxy.php?url=//dist.tokyo/images/base/sponsor__codegrid.svg" width="80%"> </a></p> <h2>シルバースポンサー</h2> <p><a href="proxy.php?url=https://wd-flat.com/" rel="nofollow"> <img alt="FLAT" src="proxy.php?url=//dist.tokyo/images/base/sponsor__flat.png" width="60%"> </a></p> <p><a href="proxy.php?url=https://generosity.co.jp/" rel="nofollow"> <img alt="GENEROSITY" src="proxy.php?url=//dist.tokyo/images/base/sponsor__generosity.svg" width="60%"> </a></p> <p><a href="proxy.php?url=https://pleasanter.org/" rel="nofollow"> <img alt="OSSのノーコードローコード開発ツール”プリザンター”" src="proxy.php?url=//dist.tokyo/images/base/sponsor__pleasanter.png" width="60%"> </a></p> <h2>ブロンズスポンサー</h2> <p><a href="proxy.php?url=https://bldt.jp/" rel="nofollow"> <img alt="ビルディット" src="proxy.php?url=//dist.tokyo/images/base/sponsor__bldt.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://tomosta.jp/" rel="nofollow"> <img alt="ともすた" src="proxy.php?url=//dist.tokyo/images/base/sponsor__tomosta.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://www.image-make.co.jp/" rel="nofollow"> <img alt="IMAKE" src="proxy.php?url=//dist.tokyo/images/base/sponsor__imake.jpg" width="40%"> </a></p> <h2>ツールスポンサー</h2> <p><a href="proxy.php?url=https://esa.io/" rel="nofollow"> <img alt="esa.io" src="proxy.php?url=//dist.tokyo/images/base/sponsor__esa.svg" width="30%"> </a></p> <h1>YouTube配信</h1> <p>当日の様子は、開催2ヶ月後を目安に<a href="proxy.php?url=https://www.youtube.com/c/distjp" rel="nofollow">DISTのYouTubeチャンネル</a>で公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。</p> <h1>DISTについて</h1> <p>DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。</p> <p>主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。</p> <ul> <li>職種の垣根を越える</li> <li>特定の技術に依存しない</li> <li>今日から現場で使える</li> </ul> <h1>注意事項</h1> <ul> <li>会場のWi-Fi一般開放はありません。</li> <li>動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。</li> <li>主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。</li> </ul>

2025-03-21T09:01:39+09:002025-04-24T15:34:04+09:00https://dist.connpass.com/event/349827/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2025/04/25 19:00 ～ 21:00<br />開催場所: 東京都中野区中野4-10-2<br /><br /><h1>概要</h1> <p>​春──新しくWebの仕事に携わるようになった方や、立場や会社が変わる方が多い季節です。​今回のDISTでは、アクセシビリティの重要性はなんとなくわかっているけど、何から始めたらいいの？という実践的な疑問に対して、ヒントになるようなセッションをご用意しました。</p> <p>業界に入って間もない方々はもちろん、キャリアは積んでいるけどアクセシビリティについて今ひとつ踏み出せていない、というみなさんの背中を押すような回になれば幸いです。この機会に、アクセシビリティへの理解を深め、より多くの人に届くWebサイトの第一歩を踏み出してみませんか？</p> <h1>セッション紹介</h1> <h2><strong>HTMLからはじめるアクセシビリティ</strong>（20分）</h2> <p><strong><a href="proxy.php?url=https://trq.co.jp/" rel="nofollow">株式会社トルク</a> CTO・デザインエンジニア <a href="proxy.php?url=https://x.com/No_1026" rel="nofollow">堀江 哲郎</a></strong>（HORIE Tetsuro）</p> <p>Webサイトを作るための基本のキであるHTML。それはもちろんWebサイトをアクセシブルにする基本のキでもあります。そんなHTMLを今一度見直してみましょう。</p> <h2><strong>視覚障害当事者のウェブアクセシビリティの困り事あるある</strong>（25分）</h2> <p><strong>フリーランス D&amp;Iコンサルタント・弱視 西川 隆之</strong>（NISHIKAWA Takayuki）<br> <strong>大学生・弱視 布川 詩子</strong>（NUNOKAWA Utako）<br> <strong>福祉相談員・全盲 黒澤 美花</strong>（KUROSAWA Mika）</p> <p>3名の見え方の違う視覚障害当事者（全盲、弱視）における日常的に利用するWebサイト等のアクセシビリティに関する困りごとやよかった事例を共有。3名のパネルディスカッション形式で行います。</p> <h2><strong>アクセシビリティの社内浸透</strong>（20分）</h2> <p><strong><a href="proxy.php?url=https://www.freee.co.jp/" rel="nofollow">フリー株式会社</a> デザインリサーチャー、アクセシビリティスペシャリスト <a href="proxy.php?url=https://x.com/magi1125" rel="nofollow">伊原 力也</a></strong>（IHARA Rikiya）</p> <p>社内メンバーにアクセシビリティを伝える際の課題点をもとに、自信を持って取り組みを広めていくためのポイントをご紹介します。</p> <h1>参加費</h1> <h2>勉強会のみ</h2> <p><strong>1,000円（当日券：1,500円）</strong></p> <ul> <li>PayPalによる事前決済、または当日支払いで参加費をお支払いください。</li> </ul> <h2>勉強会＋懇親会</h2> <p><strong>5,000円</strong></p> <ul> <li>勉強会に加え、着席しての懇親会（コース料理＋飲み放題）にご参加いただけます。<ul> <li>参加者同士の交流を深める有意義な機会を大切にするため、居酒屋での実施となります。</li> <li>費用を抑え、より多くの方にご参加いただけることを重視していますので、ご理解のほどよろしくお願いいたします。</li> </ul> </li> <li>PayPalによる事前決済のみとなります。</li> <li>懇親会の申し込みは開催1週間前までとなります（予約の関係上、申し込みが定員未満でも締め切ります）。</li> <li>懇親会のみの参加は受け付けていません。</li> <li>懇親会にはアルコールが提供されるため、未成年はご参加いただけません。</li> <li>懇親会は<strong>完全禁煙</strong>です。<ul> <li>喫煙者/非喫煙者の両者が過ごしやすい空間を作るため、ご協力をお願いいたします。</li> <li>喫煙時は近隣の喫煙スペースをご利用ください。</li> <li>懇親会が行われる店舗は喫煙可ですので、他の席からの煙が流れてくる可能性はあります。</li> </ul> </li> </ul> <h2>事前決済についての注意事項</h2> <ul> <li>具体的な流れは、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/60/2140a3c68d9779ea2780.html" rel="nofollow">PayPalによる事前決済について</a>をご参考ください。</li> <li>領収書を発行可能です。詳しくは<a href="proxy.php?url=http://help.connpass.com/participants/show-event-receipt" rel="nofollow">connpassご利用ガイド</a>をご覧ください。</li> <li>キャンセル・払い戻しについては、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/67/c754be5f87e6131b3087.html" rel="nofollow">キャンセルポリシー</a>に従って対応します。</li> </ul> <hr> <ul> <li>スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、<a href="proxy.php?url=https://dist.tokyo/" rel="nofollow">公式サイト</a>のお問い合わせフォームよりお問い合わせください。</li> </ul> <h1>会場</h1> <p>中野セントラルパーク カンファレンス</p> <ul> <li>JR中野駅 北口改札から徒歩4分</li> </ul> <h1>タイムテーブル</h1> <table> <thead> <tr> <th align="left">時刻</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">18:30～19:00</td> <td align="left">開場／受付</td> </tr> <tr> <td align="left">19:00～19:05</td> <td align="left">はじめに</td> </tr> <tr> <td align="left">19:05～19:25</td> <td align="left">セッション1</td> </tr> <tr> <td align="left">19:30～19:55</td> <td align="left">セッション2</td> </tr> <tr> <td align="left">19:55～20:05</td> <td align="left">休憩</td> </tr> <tr> <td align="left">20:05〜20:25</td> <td align="left">セッション3</td> </tr> <tr> <td align="left">20:25～20:40</td> <td align="left">質疑応答</td> </tr> <tr> <td align="left">20:40～20:50</td> <td align="left">おわりに</td> </tr> <tr> <td align="left">20:50～21:00</td> <td align="left">みんなでお片付け／閉場</td> </tr> </tbody> </table> <p>※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。</p> <h1>更新履歴</h1> <table> <thead> <tr> <th align="left">更新日時</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">4/13 22:05</td> <td align="left">セッション内容が3セッションに確定し、タイムテーブルが確定しました。また、お申し込み状況を鑑みて、各枠の定員数を調整しました。</td> </tr> <tr> <td align="left">4/2 12:10</td> <td align="left">お申し込み状況を鑑みて、各枠の定員数を調整しました。</td> </tr> <tr> <td align="left">3/21 9:00</td> <td align="left">イベントページを公開しました。</td> </tr> </tbody> </table> <h1>スポンサー</h1> <p>DISTは、以下の<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/86/73671e79fd847f58454b.html" rel="nofollow">スポンサーにご協賛</a>いただいております。</p> <h2>スペシャルスポンサー</h2> <p><a href="proxy.php?url=https://dotinstall.com/" rel="nofollow"> <img alt="ドットインストール" src="proxy.php?url=//dist.tokyo/images/base/sponsor__dotinstall_wide.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://256times.com/" rel="nofollow"> <img alt="256times" src="proxy.php?url=//dist.tokyo/images/base/sponsor__256-times.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://www.kddi-webcommunications.co.jp/" rel="nofollow"> <img alt="KDDIウェブコミュニケーションズ" src="proxy.php?url=//dist.tokyo/images/base/sponsor__kddi-webcommunications.svg" width="100%"> </a></p> <h2>ゴールドスポンサー</h2> <p><a href="proxy.php?url=https://maboroshi.biz/" rel="nofollow"> <img alt="まぼろし" src="proxy.php?url=//dist.tokyo/images/base/sponsor__maboroshi.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.ryden.co.jp/" rel="nofollow"> <img alt="RYDEN" src="proxy.php?url=//dist.tokyo/images/base/sponsor__ryden.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.codegrid.net/" rel="nofollow"> <img alt="CodeGrid" src="proxy.php?url=//dist.tokyo/images/base/sponsor__codegrid.svg" width="80%"> </a></p> <h2>シルバースポンサー</h2> <p><a href="proxy.php?url=https://wd-flat.com/" rel="nofollow"> <img alt="FLAT" src="proxy.php?url=//dist.tokyo/images/base/sponsor__flat.png" width="60%"> </a></p> <p><a href="proxy.php?url=https://generosity.co.jp/" rel="nofollow"> <img alt="GENEROSITY" src="proxy.php?url=//dist.tokyo/images/base/sponsor__generosity.svg" width="60%"> </a></p> <p><a href="proxy.php?url=https://pleasanter.org/" rel="nofollow"> <img alt="OSSのノーコードローコード開発ツール”プリザンター”" src="proxy.php?url=//dist.tokyo/images/base/sponsor__pleasanter.png" width="60%"> </a></p> <h2>ブロンズスポンサー</h2> <p><a href="proxy.php?url=https://bldt.jp/" rel="nofollow"> <img alt="ビルディット" src="proxy.php?url=//dist.tokyo/images/base/sponsor__bldt.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://tomosta.jp/" rel="nofollow"> <img alt="ともすた" src="proxy.php?url=//dist.tokyo/images/base/sponsor__tomosta.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://www.image-make.co.jp/" rel="nofollow"> <img alt="IMAKE" src="proxy.php?url=//dist.tokyo/images/base/sponsor__imake.jpg" width="40%"> </a></p> <h2>ツールスポンサー</h2> <p><a href="proxy.php?url=https://esa.io/" rel="nofollow"> <img alt="esa.io" src="proxy.php?url=//dist.tokyo/images/base/sponsor__esa.svg" width="30%"> </a></p> <h1>YouTube配信</h1> <p>当日の様子は、開催2ヶ月後を目安に<a href="proxy.php?url=https://www.youtube.com/c/distjp" rel="nofollow">DISTのYouTubeチャンネル</a>で公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。</p> <h1>DISTについて</h1> <p>DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。</p> <p>主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。</p> <ul> <li>職種の垣根を越える</li> <li>特定の技術に依存しない</li> <li>今日から現場で使える</li> </ul> <h1>注意事項</h1> <ul> <li>会場のWi-Fi一般開放はありません。</li> <li>動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。</li> <li>主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。</li> </ul>

2025-02-03T13:21:43+09:002025-03-20T23:17:00+09:00https://dist.connpass.com/event/344808/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2025/02/21 19:00 ～ 21:00<br />開催場所: 東京都中野区中野4-10-2<br /><br /><h1>概要</h1> <p>DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。デザイナー、エンジニア、ディレクターなどあらゆる立場の方に参加していただき、その知の共有、研鑽ならびに参加者同士の交流を目的とした勉強会を定期的に開催しています。</p> <p>今回はDIST設立10周年を記念したイベントを開催します。豪華セッションに加え、これまでのDISTの振り返りや今後の展望も発表予定です。</p> <h1>セッション紹介（各20分、順不同）</h1> <p>今回は、DIST設立当初からのコンセプトであるDESIGN、IDEA、SOCIAL、TECHNOLOGYの各セクションに分かれたセッション構成です。1セッションは20分を予定しています。</p> <h2>DESIGN</h2> <h3><strong>「デザイン」と共に歩く人生：デザイナーとして未来を楽しむために。</strong></h3> <p><strong><a href="proxy.php?url=https://www.ryden.co.jp/" rel="nofollow">RYDEN Inc.</a> ART DIRECTOR / VISUAL DESIGNER <a href="proxy.php?url=https://x.com/newokashin" rel="nofollow">岡野 真也</a></strong>（OKANO Shinya）</p> <p>デザインを一生の仕事にする。その道のりには、悩みもあれば喜びもあります。本セッションでは、デザイナーとしての歩みを続けるための基礎や心構え、そして自分の価値を見つける大切さをお伝えします。未来を共に楽しむヒントを見つけてみませんか？</p> <p><a href="proxy.php?url=https://shinyaokano.jp/" rel="nofollow">https://shinyaokano.jp/</a></p> <h2>IDEA</h2> <h3><strong>オウンドメディアを12年間続けた秘策〜読者ファーストのアイデアの探し方〜</strong></h3> <p><strong><a href="proxy.php?url=https://ics-web.jp/" rel="nofollow">株式会社ICS</a> テクニカルディレクター <a href="proxy.php?url=https://x.com/clockmaker" rel="nofollow">池田 泰延</a></strong>（IKEDA Yasunobu）</p> <p><a href="proxy.php?url=https://ics.media/" rel="nofollow">ICS MEDIA</a>はウェブのフロントエンドのトピックを紹介するオウンドメディアです。年間200万PVを超え、毎年の約30本の記事をコンスタントに公開しつづけています。運用を12年間続けてきたICSが、どのようにして継続しているのか、その秘策をお話しします。</p> <h2>SOCIAL</h2> <h3><strong>人はなぜコミュニティとつながると幸せを感じるのか</strong></h3> <p><strong><a href="proxy.php?url=https://www.ceroan.co.jp/" rel="nofollow">合同会社世路庵</a> 代表／インタラクションデザイナー <a href="proxy.php?url=https://x.com/448jp" rel="nofollow">沖 良矢</a></strong>（OKI Yoshiya）</p> <p>現代におけるコミュニティの機能は、本来の共同体としての役割を超え、広報、マーケティング、採用といった分野にも広がりを見せています。技術、ツール、地域など、多様な軸のコミュニティが存在する中で、本当に必要とされるコミュニティとはどんなコミュニティでしょうか。</p> <p>本セッションでは、WebクリエイティブコミュニティDISTをはじめ、Adobe公認ユーザーグループF-site、Vue Fes Japan主催のVue.js日本ユーザーグループなど、日本有数のコミュニティを運営してきた目線から、コミュニティの作り方と続け方、そして楽しみ方、Web制作に携わる立場でのコミュニティとの距離感、などをお伝えします。</p> <h2>TECHNOLOGY</h2> <h3><strong>わたしのOSS活動</strong></h3> <p><strong>株式会社プレイド エンジニア <a href="proxy.php?url=https://x.com/kazu_pon" rel="nofollow">川口 和也</a></strong>（KAWAGUCHI Kazuya）</p> <p>OSS（オープンソースソフトウェア）は、今は社会のインフラになりつつあります。近年社会に提供されているプロダクトやサービスの多くは、OSSをベースにして作られており、エンドユーザーもそれらを利用することで間接的にOSSを利用しているのに等しい状況です。OSSにはコミュニティが存在しており、様々な人が活動しています。</p> <p>このセッションでは、これからOSS活動に取り組みたいけど何やったらいいかわからない、といった方に向けて、 これまでの私の長年のVue.jsのOSS活動の経験をもとに、OSS活動の活動の仕方や継続するためのコツ、そしてOSS活動に対する向き合い方についてお話しします。</p> <h1>参加費</h1> <h2>勉強会のみ</h2> <p><strong>1,000円（当日券：1,500円）</strong></p> <ul> <li>PayPalによる事前決済、または当日支払いで参加費をお支払いください。</li> </ul> <h2>勉強会＋懇親会</h2> <p><strong>5,000円</strong></p> <ul> <li>勉強会に加え、着席しての懇親会（コース料理＋飲み放題）にご参加いただけます。<ul> <li>参加者同士の交流を深める有意義な機会を大切にするため、居酒屋での実施となります。</li> <li>費用を抑え、より多くの方にご参加いただけることを重視していますので、ご理解のほどよろしくお願いいたします。</li> </ul> </li> <li>PayPalによる事前決済のみとなります。</li> <li>懇親会の申し込みは開催1週間前までとなります（予約の関係上、申し込みが定員未満でも締め切ります）。</li> <li>懇親会のみの参加は受け付けていません。</li> <li>懇親会にはアルコールが提供されるため、未成年はご参加いただけません。</li> <li>懇親会は<strong>完全禁煙</strong>です。<ul> <li>喫煙者/非喫煙者の両者が過ごしやすい空間を作るため、ご協力をお願いいたします。</li> <li>喫煙時は近隣の喫煙スペースをご利用ください。</li> <li>懇親会が行われる店舗は喫煙可ですので、他の席からの煙が流れてくる可能性はあります。</li> </ul> </li> </ul> <h2>事前決済についての注意事項</h2> <ul> <li>具体的な流れは、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/60/2140a3c68d9779ea2780.html" rel="nofollow">PayPalによる事前決済について</a>をご参考ください。</li> <li>領収書を発行可能です。詳しくは<a href="proxy.php?url=http://help.connpass.com/participants/show-event-receipt" rel="nofollow">connpassご利用ガイド</a>をご覧ください。</li> <li>キャンセル・払い戻しについては、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/67/c754be5f87e6131b3087.html" rel="nofollow">キャンセルポリシー</a>に従って対応します。</li> </ul> <hr> <ul> <li>スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、<a href="proxy.php?url=https://dist.tokyo/" rel="nofollow">公式サイト</a>のお問い合わせフォームよりお問い合わせください。</li> </ul> <h1>会場</h1> <p>中野セントラルパーク カンファレンス B1F</p> <ul> <li>JR中野駅 北口改札から徒歩4分</li> </ul> <h1>タイムテーブル</h1> <table> <thead> <tr> <th align="left">時刻</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">18:30～19:00</td> <td align="left">開場／受付</td> </tr> <tr> <td align="left">19:00～19:05</td> <td align="left">はじめに</td> </tr> <tr> <td align="left">19:05～19:25</td> <td align="left">セッション1</td> </tr> <tr> <td align="left">19:30～19:50</td> <td align="left">セッション2</td> </tr> <tr> <td align="left">19:50～20:00</td> <td align="left">休憩</td> </tr> <tr> <td align="left">20:00〜20:20</td> <td align="left">セッション3</td> </tr> <tr> <td align="left">20:25～20:45</td> <td align="left">セッション4</td> </tr> <tr> <td align="left">20:45～20:55</td> <td align="left">おわりに</td> </tr> <tr> <td align="left">20:55～21:00</td> <td align="left">みんなでお片付け／閉場</td> </tr> </tbody> </table> <p>※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。</p> <h1>更新履歴</h1> <table> <thead> <tr> <th align="left">更新日時</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">2/17 10:50</td> <td align="left">各参加枠の定員を調整しました。</td> </tr> <tr> <td align="left">2/3 13:20</td> <td align="left">イベントページを公開しました。</td> </tr> </tbody> </table> <h1>スポンサー</h1> <p>DISTは、以下の<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/86/73671e79fd847f58454b.html" rel="nofollow">スポンサーにご協賛</a>いただいております。</p> <h2>スペシャルスポンサー</h2> <p><a href="proxy.php?url=https://dotinstall.com/" rel="nofollow"> <img alt="ドットインストール" src="proxy.php?url=//dist.tokyo/images/base/sponsor__dotinstall_wide.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://256times.com/" rel="nofollow"> <img alt="256times" src="proxy.php?url=//dist.tokyo/images/base/sponsor__256-times.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://www.kddi-webcommunications.co.jp/" rel="nofollow"> <img alt="KDDIウェブコミュニケーションズ" src="proxy.php?url=//dist.tokyo/images/base/sponsor__kddi-webcommunications.svg" width="100%"> </a></p> <h2>ゴールドスポンサー</h2> <p><a href="proxy.php?url=https://maboroshi.biz/" rel="nofollow"> <img alt="まぼろし" src="proxy.php?url=//dist.tokyo/images/base/sponsor__maboroshi.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.ryden.co.jp/" rel="nofollow"> <img alt="RYDEN" src="proxy.php?url=//dist.tokyo/images/base/sponsor__ryden.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.codegrid.net/" rel="nofollow"> <img alt="CodeGrid" src="proxy.php?url=//dist.tokyo/images/base/sponsor__codegrid.svg" width="80%"> </a></p> <h2>シルバースポンサー</h2> <p><a href="proxy.php?url=https://wd-flat.com/" rel="nofollow"> <img alt="FLAT" src="proxy.php?url=//dist.tokyo/images/base/sponsor__flat.png" width="60%"> </a></p> <p><a href="proxy.php?url=https://generosity.co.jp/" rel="nofollow"> <img alt="GENEROSITY" src="proxy.php?url=//dist.tokyo/images/base/sponsor__generosity.svg" width="60%"> </a></p> <p><a href="proxy.php?url=https://pleasanter.org/" rel="nofollow"> <img alt="OSSのノーコードローコード開発ツール”プリザンター”" src="proxy.php?url=//dist.tokyo/images/base/sponsor__pleasanter.png" width="60%"> </a></p> <h2>ブロンズスポンサー</h2> <p><a href="proxy.php?url=https://bldt.jp/" rel="nofollow"> <img alt="ビルディット" src="proxy.php?url=//dist.tokyo/images/base/sponsor__bldt.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://tomosta.jp/" rel="nofollow"> <img alt="ともすた" src="proxy.php?url=//dist.tokyo/images/base/sponsor__tomosta.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://www.image-make.co.jp/" rel="nofollow"> <img alt="IMAKE" src="proxy.php?url=//dist.tokyo/images/base/sponsor__imake.jpg" width="40%"> </a></p> <h2>ツールスポンサー</h2> <p><a href="proxy.php?url=https://esa.io/" rel="nofollow"> <img alt="esa.io" src="proxy.php?url=//dist.tokyo/images/base/sponsor__esa.svg" width="30%"> </a></p> <h1>YouTube配信</h1> <p>当日の様子は、開催2ヶ月後を目安に<a href="proxy.php?url=https://www.youtube.com/c/distjp" rel="nofollow">DISTのYouTubeチャンネル</a>で公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。</p> <h1>DISTについて</h1> <p>DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。</p> <p>主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。</p> <ul> <li>職種の垣根を越える</li> <li>特定の技術に依存しない</li> <li>今日から現場で使える</li> </ul> <h1>注意事項</h1> <ul> <li>会場のWi-Fi一般開放はありません。</li> <li>動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。</li> <li>主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。</li> </ul>

2024-09-05T13:01:03+09:002024-12-11T18:16:41+09:00https://dist.connpass.com/event/330271/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2024/11/19 19:00 ～ 21:00<br />開催場所: 東京都中野区中野4-11-19<br /><br /><h1>概要</h1> <p>現代のメディア表現では、Web、映像、3D、インスタレーションなど複数のメディアを組み合わせ、それぞれの領域を飛び越えるような表現が注目を集めています。</p> <p>DIST.46では、XR・AR・VRを利用して仮想と現実がクロスオーバーする表現を追求する肩パッドこと桟 義雄氏（バスキュール）、変幻自在なデジタルアートを出力する渋谷サクラステージ施設内のデジタルサイネージシステムを設計・開発した田中 陽氏（Rhizomatiks, IE3）にご登壇いただき、それぞれの制作事例・制作の舞台裏についてお話いただきます。</p> <h1>対象</h1> <ul> <li>複数のメディア領域を結ぶ表現に携わる方、興味を持っている方</li> <li>デジタルメディアの演出やデザインにおける表現力を深めたい方</li> <li>学生でWeb制作に興味を持っている方</li> </ul> <h1>セッション紹介（各30分、順不同）</h1> <h2><strong>ぶちかまし系XRプロジェクトを成功させるために試行錯誤したこと10選</strong></h2> <p><strong><a href="proxy.php?url=https://bascule.co.jp/" rel="nofollow">バスキュール</a> 特級XRエンジニア <a href="proxy.php?url=https://x.com/katapad" rel="nofollow">桟 義雄</a></strong>（KAKEHASHI Yoshio）</p> <p><a href="proxy.php?url=https://vr-baseball.bascule.co.jp/" rel="nofollow">VR Real Data Baseball</a>、<a href="proxy.php?url=https://kibo.space/metaverse/" rel="nofollow">THE ISS METAVERSE</a>、<a href="proxy.php?url=https://tokyonode.jp/lab/events/202310-2/index.html" rel="nofollow">TOKYO NODE Xplorer</a>、 <a href="proxy.php?url=https://www.otsuka.co.jp/adv/poc/tvcm202407_01.html" rel="nofollow">ポカリスエットCM 「潜在能力は君の中。」</a>など、誰も到達してないことを価値ある体験に落とし込んできた。そのために必要なこと。無限に試したこと。 到達するために犠牲にしたことの数々…。そして、なぜか壊れないメンタル…。</p> <p>そんな、飲み屋でしか聞けなさそうな、親しみやすい話をします(？)。</p> <h2><strong>同期する都市のキャンバス：フロントエンド技術による大規模メディアインスタレーションの舞台裏</strong></h2> <p><strong><a href="proxy.php?url=https://rhizomatiks.com/" rel="nofollow">Rhizomatiks</a>、<a href="proxy.php?url=https://ie3.jp/" rel="nofollow">IE3</a> Visual Artist / Programer <a href="proxy.php?url=https://x.com/rettuce" rel="nofollow">田中 陽</a></strong>（TANAKA You）</p> <p>Vue.js/Nuxt.js を中心としたWebフロントエンド技術を活用して、大規模メディアサイネージやインスタレーションアートの世界でのインタラクティブでダイナミックな表現の可能性を、実際のプロジェクト事例を交えて紹介します。さらに、複数デバイスの同期やクラウド技術の活用、自作ハードウェアやIoTとの連携など、次世代のメディアインスタレーションの展望についてもご紹介します。 </p> <h1>参加費</h1> <h2>勉強会のみ</h2> <p><strong>1,000円（当日券：1,500円）</strong></p> <ul> <li>PayPalによる事前決済、または当日支払いで参加費をお支払いください。</li> </ul> <h2>勉強会＋懇親会</h2> <p><strong>5,000円</strong></p> <ul> <li>勉強会に加え、着席しての懇親会（コース料理＋飲み放題）にご参加いただけます。<ul> <li>参加者同士の交流を深める有意義な機会を大切にするため、居酒屋での実施となります。</li> <li>費用を抑え、より多くの方にご参加いただけることを重視していますので、ご理解のほどよろしくお願いいたします。</li> </ul> </li> <li>PayPalによる事前決済のみとなります。</li> <li>懇親会の申し込みは開催1週間前までとなります（予約の関係上、申し込みが定員未満でも締め切ります）。</li> <li>懇親会のみの参加は受け付けていません。</li> <li>懇親会にはアルコールが提供されるため、未成年はご参加いただけません。</li> <li>懇親会は<strong>完全禁煙</strong>です。<ul> <li>喫煙者/非喫煙者の両者が過ごしやすい空間を作るため、ご協力をお願いいたします。</li> <li>喫煙時は近隣の喫煙スペースをご利用ください。</li> <li>懇親会が行われる店舗は喫煙可ですので、他の席からの煙が流れてくる可能性はあります。</li> </ul> </li> </ul> <h2>事前決済についての注意事項</h2> <ul> <li>具体的な流れは、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/60/2140a3c68d9779ea2780.html" rel="nofollow">PayPalによる事前決済について</a>をご参考ください。</li> <li>領収書を発行可能です。詳しくは<a href="proxy.php?url=http://help.connpass.com/participants/show-event-receipt" rel="nofollow">connpassご利用ガイド</a>をご覧ください。</li> <li>キャンセル・払い戻しについては、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/67/c754be5f87e6131b3087.html" rel="nofollow">キャンセルポリシー</a>に従って対応します。</li> </ul> <hr> <ul> <li>スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、<a href="proxy.php?url=https://dist.tokyo/" rel="nofollow">公式サイト</a>のお問い合わせフォームよりお問い合わせください。</li> </ul> <h1>会場</h1> <p><a href="proxy.php?url=https://www.city.tokyo-nakano.lg.jp/shisetsu/sisetuyoyaku/0237453620240328092314777.html" rel="nofollow">中野区役所 1F ナカノバ</a> （<a href="proxy.php?url=https://maps.app.goo.gl/apuRbDJcLKUvj3k38" rel="nofollow">Googleマップ</a>）</p> <ul> <li>JR中野駅 北口改札から徒歩6分</li> <li>住所：東京都中野区中野4-11-19</li> </ul> <h1>タイムテーブル</h1> <table> <thead> <tr> <th align="left">時刻</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">18:30～19:00</td> <td align="left">開場／受付</td> </tr> <tr> <td align="left">19:00～19:10</td> <td align="left">はじめに</td> </tr> <tr> <td align="left">19:10～19:40</td> <td align="left">セッション1</td> </tr> <tr> <td align="left">19:40～19:50</td> <td align="left">休憩</td> </tr> <tr> <td align="left">19:50〜20:20</td> <td align="left">セッション2</td> </tr> <tr> <td align="left">20:20～20:35</td> <td align="left">質疑応答</td> </tr> <tr> <td align="left">20:35～20:45</td> <td align="left">おわりに</td> </tr> <tr> <td align="left">20:45～21:00</td> <td align="left">みんなでお片付け／閉場</td> </tr> </tbody> </table> <p>※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。</p> <h1>更新履歴</h1> <table> <thead> <tr> <th align="left">更新日時</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">11/11 13:55</td> <td align="left">好評につき、一部枠の定員を増員しました。</td> </tr> <tr> <td align="left">9/5 13:00</td> <td align="left">イベントページを公開しました。</td> </tr> </tbody> </table> <h1>スポンサー</h1> <p>DISTは、以下の<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/86/73671e79fd847f58454b.html" rel="nofollow">スポンサーにご協賛</a>いただいております。</p> <h2>スペシャルスポンサー</h2> <p><a href="proxy.php?url=https://dotinstall.com/" rel="nofollow"> <img alt="ドットインストール" src="proxy.php?url=//dist.tokyo/images/base/sponsor__dotinstall_wide.svg" width="100%"> </a></p> <p><a href="proxy.php?url=https://256times.com/" rel="nofollow"> <img alt="256times" src="proxy.php?url=//dist.tokyo/images/base/sponsor__256-times.svg" width="100%"> </a></p> <h2>ゴールドスポンサー</h2> <p><a href="proxy.php?url=https://maboroshi.biz/" rel="nofollow"> <img alt="まぼろし" src="proxy.php?url=//dist.tokyo/images/base/sponsor__maboroshi.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.ryden.co.jp/" rel="nofollow"> <img alt="RYDEN" src="proxy.php?url=//dist.tokyo/images/base/sponsor__ryden.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.codegrid.net/" rel="nofollow"> <img alt="CodeGrid" src="proxy.php?url=//dist.tokyo/images/base/sponsor__codegrid.svg" width="80%"> </a></p> <h2>シルバースポンサー</h2> <p><a href="proxy.php?url=https://wd-flat.com/" rel="nofollow"> <img alt="FLAT" src="proxy.php?url=//dist.tokyo/images/base/sponsor__flat.png" width="60%"> </a></p> <h2>ブロンズスポンサー</h2> <p><a href="proxy.php?url=https://bldt.jp/" rel="nofollow"> <img alt="ビルディット" src="proxy.php?url=//dist.tokyo/images/base/sponsor__bldt.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://tomosta.jp/" rel="nofollow"> <img alt="ともすた" src="proxy.php?url=//dist.tokyo/images/base/sponsor__tomosta.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://www.image-make.co.jp/" rel="nofollow"> <img alt="IMAKE" src="proxy.php?url=//dist.tokyo/images/base/sponsor__imake.jpg" width="40%"> </a></p> <h2>ツールスポンサー</h2> <p><a href="proxy.php?url=https://esa.io/" rel="nofollow"> <img alt="esa.io" src="proxy.php?url=//dist.tokyo/images/base/sponsor__esa.svg" width="30%"> </a></p> <h1>YouTube配信</h1> <p>当日の様子は、開催2ヶ月後を目安に<a href="proxy.php?url=https://www.youtube.com/c/distjp" rel="nofollow">DISTのYouTubeチャンネル</a>で公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。</p> <h1>DISTについて</h1> <p>DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。</p> <p>主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。</p> <ul> <li>職種の垣根を越える</li> <li>特定の技術に依存しない</li> <li>今日から現場で使える</li> </ul> <h1>注意事項</h1> <ul> <li>会場のWi-Fi一般開放はありません。</li> <li>動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。</li> <li>主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。</li> </ul>

2024-07-29T08:16:47+09:002024-12-11T18:25:05+09:00https://dist.connpass.com/event/326206/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2024/09/06 19:00 ～ 21:00<br />開催場所: 東京都中野区中野3丁目33-18 (フェルテ中野 B1F)<br /><br /><h1>概要</h1> <p>制作手法の確立と発展を遂げてきたWebデザイン・Web開発は、一定の成熟期を迎えています。一方で、Web制作に関わる我々は、アプリ、グラフィック、映像といった他ジャンルのメディアデザインからまだまだ学ぶべきものがあるのではないでしょうか。</p> <p>本イベントでは、よいユーザー体験（UX）を追求してきた第一人者メディアであるゲームから、Web制作に生かせるクリエイティブのヒントを学ぶためのセッションをお届けします。</p> <p>なによりも作り手である我々自身が、よりよいユーザー体験に触れることで、Webの品質・価値向上に繋がるはずです。</p> <div style="font-size: 20px; font-weight: bold;">※本イベントはオフライン開催ですのでご注意ください。</div> <h1><del>スピーカー募集！</del></h1> <p><strong>スピーカーの募集は終了しました。ご協力ありがとうございました。</strong></p> <p>セッション（10分）のスピーカーを希望される方を広く募集します。内容は、「Web制作の向上に活かせそうなゲームのUXについて」であれば何でもOKです。ただし、ご自身が制作に携わったゲームは宣伝と捉えられるため、避けるようお願いします。<a href="proxy.php?url=https://distjp.esa.io/posts/158" rel="nofollow">DIST.45 スピーカーについて</a>をご覧ください。</p> <p>希望者は、「スピーカー希望枠」からお申し込みください。内容を検討の上、折り返しご連絡を差し上げます。内容がテーマにそぐわないと主催者が判断した場合、お断りすることもありますので、あらかじめご了承ください。</p> <h1>対象</h1> <ul> <li>UXに興味のあるWeb制作関係者（職種は問いません）</li> <li>ゲームとWeb、どちらも好きな方</li> <li>学生でWeb制作に興味を持っている方</li> </ul> <h1>セッション紹介（各10分）</h1> <h2><strong>街作り系ゲームに学ぶ理想のダッシュボードUIの作り方</strong></h2> <p><strong><a href="proxy.php?url=https://migi.tech/" rel="nofollow">合同会社MIGI</a> データアナリスト・フロントエンドエンジニア <a href="proxy.php?url=https://x.com/migi" rel="nofollow">右寺 隆信</a></strong>（MIGITERA Takanobu）</p> <p>"街作り系ゲームはリソース管理の視点から、UIの設計に多くの示唆を与えてくれます。多くの街作り系ゲームではそのUIは似通ったものになっていますが、今年アーリーアクセスが始まった『Manor Loads』ではユニークな、そして有用なアイディアが採用されていました。 本セッションではそこで得たインスピレーションを元に、効果的なダッシュボードUIを設計するためのポイントを探ります。</p> <p>紹介タイトル：<br> 『<a href="proxy.php?url=https://store.steampowered.com/app/1363080/Manor_Lords/" rel="nofollow">Manor Loads</a>』PC<br> 『<a href="proxy.php?url=https://store.steampowered.com/app/457140/Oxygen_Not_Included/?l=japanese" rel="nofollow">Oxygen Not Included</a>』PC<br> 『<a href="proxy.php?url=https://store.steampowered.com/app/1651560/Fabledom/" rel="nofollow">Fabledom</a>』PC<br> 『<a href="proxy.php?url=https://store.steampowered.com/app/949230/Cities_Skylines_II/" rel="nofollow">Cities: Skylines II</a>』PC<br> 『<a href="proxy.php?url=https://store.steampowered.com/app/1594320/_Captain_of_Industry/?l=japanese" rel="nofollow">Captain of Industry</a>』PC<br> その他街作り系ゲーム </p> <h2><strong>ヒットストップに学ぶ心地よい嘘のつきかた</strong></h2> <p><strong><a href="proxy.php?url=https://srfc.jp" rel="nofollow">サーフィス株式会社</a> 代表・UIデザイナー <a href="proxy.php?url=https://x.com/KinoAkmt" rel="nofollow">喜納 彬光</a></strong>（KINO Akimitsu）</p> <p>ヒットストップとは、攻撃が当たった瞬間に時間をスローにするなどの演出です。</p> <p>現実的にはありえないことをユーザーが違和感なく受け入れているのはなぜか、そしてこの技法をゲーム以外に用いることはできるのでしょうか。</p> <p>このことから、デザインの中での「心地よい嘘」のつきかたについて考えてみます。</p> <p>紹介タイトル：<br> 『<a href="proxy.php?url=https://www.smashbros.com/ja_JP/" rel="nofollow">大乱闘スマッシュブラザーズ SPECIAL</a>』Switch </p> <h2><strong>「スーパーマリオRPG」リメイク版での変更点からみるUX</strong></h2> <p><strong><a href="proxy.php?url=https://ics.media/" rel="nofollow">株式会社ICS</a> フロントエンドエンジニア <a href="proxy.php?url=https://x.com/crayfisher_zari" rel="nofollow">にしはら</a></strong>（NISHIHARA）</p> <p>かつてスーパーファミコン用ソフトとして発売された「スーパーマリオRPG」が25年以上経てリメイクされました。ゲームコンセプトは同じでも旧作と比べるとグラフィック以外にもいくつか変わった点があります。その変更された箇所がどのようにUXに影響を与えたのかを考察します。</p> <p>紹介タイトル：<br> 『<a href="proxy.php?url=https://www.nintendo.com/jp/switch/a8lua/index.html" rel="nofollow">スーパーマリオRPG</a>』Switch </p> <h2><strong>ゲームに学ぶ没入感をつくるインタラクションの工夫</strong></h2> <p><strong><a href="proxy.php?url=https://raywarp.com" rel="nofollow">株式会社レイワープ</a> CEO &amp; Creator <a href="proxy.php?url=https://x.com/shiiho" rel="nofollow">古川しーほ</a></strong>（FURUKAWA Shiiho）</p> <p>ゲームにはユーザーを飽きさせない様々な演出の工夫がされています。</p> <p>今回は設定画面のニッチな領域で事例を解説します。</p> <p>なぜ設定画面か？そこにはゲーム開発者としてUIに対する本気さが詰まっているからです。</p> <p>紹介タイトル：<br> 原神<br> 崩壊：スターレイル<br> ゼンレスゾーンゼロ<br> deemo2<br> パンドランド<br> ハリー・ポッター：魔法の覚醒<br> Brawl Stars<br> その他</p> <h2><strong>コロニーシム論から学ぶAI活用時代のクリエイティビティの高め方</strong></h2> <p><strong><a href="proxy.php?url=https://dmm-corp.com/" rel="nofollow">DMM.com LLC</a> /黒崎BASE Experience Designer <a href="proxy.php?url=https://x.com/norinity1103" rel="nofollow">河西 紀明</a></strong>（KAWANISHI Noriaki）</p> <p>コロニーシムとは、広大なマップに数人のサバイバーが入植して彼らのコロニー(拠点)を拡大していくストラテジー要素を含むシミュレーションゲームを指します。サバイバル環境下で限られたリソースを運輸し生活圏を拡大し、テクノロジーを発展させていくことがこのジャンルの主な面白さでしょう。長い時間、手塩にかけて育て上げた拠点が、 些細な環境変化で、砂のお城のように無残に崩れ落ちる絶望と悔しさの中で、自分なりの生存戦略を考え、また1からやり直そうと思うところに究極の学習と探求があります。</p> <p>人類の幸福を突き詰めるためにいかに効率よく心地よい状態をつくるかという点では、サービス設計・組織設計にも通ずるものがあり、そのような考え方を実務に登用するケースも珍しくなくなっています。近年では生成AIで自然に対話できるNPCを作る技術が進歩したことで、さらにシミュレーションに奥行きが生まれた一方でAIを理解し上手に運用する技術と経験が問われるようになりました。</p> <p>このセッションではいくつかの新作コロニーシムを通じて、AI活用時代でデザイナーがメタ的にクリエイティビティを更に高めるためのエッセンスをご紹介します。</p> <p>紹介タイトル： <br> 『<a href="proxy.php?url=https://www.sun-denshi.co.jp/soft/ark-of-charon/" rel="nofollow">Ark of Charon</a>』PC<br> 『<a href="proxy.php?url=https://store.steampowered.com/app/1898300/ASKA/?l=japanese" rel="nofollow">ASKA</a>』PC<br> 『<a href="proxy.php?url=https://store.steampowered.com/app/1044720/Farthest_Frontier/" rel="nofollow">Farthest Frontier</a>』PC<br> 『<a href="proxy.php?url=https://www.xbox.com/ja-jp/games/store/the-elder-scrolls-v-skyrim-special-edition/bq1w1t1fc14w?ef_id=_k_6b83d677292a1992c02ab0d7851a2f37_k_&amp;OCID=AIDcmmt48chag1_SEM__k_6b83d677292a1992c02ab0d7851a2f37_k_&amp;msclkid=6b83d677292a1992c02ab0d7851a2f37" rel="nofollow">Skyrim</a>』PC </p> <h2><strong>”誰と遊ぶ？”イライラしないマルチプレイゲームのUX</strong></h2> <p><strong><a href="proxy.php?url=https://www.driveshaft.co.jp/" rel="nofollow">driveshaft Inc</a> フロントエンドエンジニア <a href="proxy.php?url=https://x.com/MOMOJAM_eri" rel="nofollow">松竹 えり</a></strong>（MATSUTAKE Eri）</p> <p>家族と、友人と、知らない人と。昨今は気軽に人と一緒に遊べるゲームが多くあります。今回は、レベル差、年齢差のある人とでも、一緒に楽しめるゲームのUXを見ながら、どういったターゲット想定がされているか、それによってどういった満足感が得られるかを見ていきましょう。</p> <p>紹介タイトル：<br> 『<a href="proxy.php?url=https://www.nintendo.com/jp/switch/arzga/index.html" rel="nofollow">星のカービィ ディスカバリー</a>』Switch<br> 『<a href="proxy.php?url=https://partyanimals.com/" rel="nofollow">Party Animals</a>』Xbox、PC<br> その他</p> <h1>参加費</h1> <h2>勉強会のみ</h2> <p><strong>1,000円（当日券：一般1,500円）</strong></p> <ul> <li>PayPalによる事前決済、または当日支払いで参加費をお支払いください。</li> </ul> <h2>勉強会＋懇親会</h2> <p><strong>5,000円</strong></p> <ul> <li>勉強会に加え、着席しての懇親会（コース料理＋飲み放題）にご参加いただけます。<ul> <li>参加者同士の交流を深める有意義な機会を大切にするため、居酒屋での実施となります。</li> <li>費用を抑え、より多くの方にご参加いただけることを重視していますので、ご理解のほどよろしくお願いいたします。</li> </ul> </li> <li>PayPalによる事前決済のみとなります。</li> <li>懇親会の申し込みは開催1週間前までとなります（予約の関係上、申し込みが定員未満でも締め切ります）。</li> <li>懇親会のみの参加は受け付けていません。</li> <li>懇親会にはアルコールが提供されるため、未成年はご参加いただけません。</li> <li>懇親会は<strong>完全禁煙</strong>です。<ul> <li>喫煙者/非喫煙者の両者が過ごしやすい空間を作るため、ご協力をお願いいたします。</li> <li>喫煙時は近隣の喫煙スペースをご利用ください。</li> <li>懇親会が行われる店舗は喫煙可ですので、他の席からの煙が流れてくる可能性はあります。</li> </ul> </li> </ul> <h2>事前決済についての注意事項</h2> <ul> <li>具体的な流れは、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/60/2140a3c68d9779ea2780.html" rel="nofollow">PayPalによる事前決済について</a>をご参考ください。</li> <li>領収書を発行可能です。詳しくは<a href="proxy.php?url=http://help.connpass.com/participants/show-event-receipt" rel="nofollow">connpassご利用ガイド</a>をご覧ください。</li> <li>キャンセル・払い戻しについては、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/67/c754be5f87e6131b3087.html" rel="nofollow">キャンセルポリシー</a>に従って対応します。</li> </ul> <hr> <ul> <li>スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、<a href="proxy.php?url=https://dist.tokyo/" rel="nofollow">公式サイト</a>のお問い合わせフォームよりお問い合わせください。</li> </ul> <h1>会場</h1> <p><a href="proxy.php?url=https://www.redbull.com/jp-ja/projects/red-bull-gaming-sphere-tokyo" rel="nofollow">Red Bull Gaming Sphere Tokyo</a> （<a href="proxy.php?url=https://www.google.co.jp/maps/place/Red+Bull+Gaming+Sphere+Tokyo/@35.7029407,139.6652827,15z/data=!4m5!3m4!1s0x0:0xbeff799abbf0b1a3!8m2!3d35.7029407!4d139.6652827" rel="nofollow">Googleマップ</a>）</p> <ul> <li>JR中野駅 南口改札から徒歩4分</li> <li>住所：東京都中野区中野3丁目33-18 フェルテ中野 B1F</li> <li>勉強会はオールスタンディング（一部椅子あり）となります。椅子は譲り合ってご利用ください</li> <li>会場内にはラベルをはがした水以外の飲食物の持込が禁じられています</li> <li>会場内、周辺を含めてすべて禁煙です</li> </ul> <h1>タイムテーブル</h1> <table> <thead> <tr> <th align="left">時刻</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">18:30～19:00</td> <td align="left">開場／受付</td> </tr> <tr> <td align="left">19:00～19:10</td> <td align="left">はじめに</td> </tr> <tr> <td align="left">19:10～19:20</td> <td align="left">セッション1</td> </tr> <tr> <td align="left">19:23～19:33</td> <td align="left">セッション2</td> </tr> <tr> <td align="left">19:36～19:46</td> <td align="left">セッション3</td> </tr> <tr> <td align="left">19:46～20:00</td> <td align="left">休憩</td> </tr> <tr> <td align="left">20:00〜20:10</td> <td align="left">セッション4</td> </tr> <tr> <td align="left">20:13～20:23</td> <td align="left">セッション5</td> </tr> <tr> <td align="left">20:26～20:36</td> <td align="left">セッション6</td> </tr> <tr> <td align="left">20:36～20:40</td> <td align="left">質疑応答</td> </tr> <tr> <td align="left">20:40～20:50</td> <td align="left">おわりに</td> </tr> <tr> <td align="left">20:50～21:00</td> <td align="left">みんなでお片付け／閉場</td> </tr> </tbody> </table> <p>※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。</p> <h1>更新履歴</h1> <table> <thead> <tr> <th align="left">更新日時</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">8/22 14:30</td> <td align="left">セッション「ヒットストップに学ぶ心地よい嘘のつきかた」、「”誰と遊ぶ？”イライラしないマルチプレイゲームのUX」を追加しました。</td> </tr> <tr> <td align="left">7/14 19:00</td> <td align="left">イベントページを公開しました。</td> </tr> </tbody> </table> <h1>スポンサー</h1> <p>DISTは、以下の<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/86/73671e79fd847f58454b.html" rel="nofollow">スポンサーにご協賛</a>いただいております。</p> <h2>スペシャルスポンサー</h2> <p><a href="proxy.php?url=https://dotinstall.com/" rel="nofollow"> <img alt="ドットインストール" src="proxy.php?url=//dist.tokyo/images/base/sponsor__dotinstall_wide.svg" width="100%"> </a> <a href="proxy.php?url=https://256times.com/" rel="nofollow"> <img alt="256times" src="proxy.php?url=//dist.tokyo/images/base/sponsor__256-times.svg" width="100%"> </a></p> <h2>ゴールドスポンサー</h2> <p><a href="proxy.php?url=https://maboroshi.biz/" rel="nofollow"> <img alt="まぼろし" src="proxy.php?url=//dist.tokyo/images/base/sponsor__maboroshi.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.ryden.co.jp/" rel="nofollow"> <img alt="RYDEN" src="proxy.php?url=//dist.tokyo/images/base/sponsor__ryden.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.codegrid.net/" rel="nofollow"> <img alt="CodeGrid" src="proxy.php?url=//dist.tokyo/images/base/sponsor__codegrid.svg" width="80%"> </a></p> <h2>シルバースポンサー</h2> <p><a href="proxy.php?url=https://wd-flat.com/" rel="nofollow"> <img alt="FLAT" src="proxy.php?url=//dist.tokyo/images/base/sponsor__flat.png" width="60%"> </a></p> <h2>ブロンズスポンサー</h2> <p><a href="proxy.php?url=https://bldt.jp/" rel="nofollow"> <img alt="ビルディット" src="proxy.php?url=//dist.tokyo/images/base/sponsor__bldt.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://tomosta.jp/" rel="nofollow"> <img alt="ともすた" src="proxy.php?url=//dist.tokyo/images/base/sponsor__tomosta.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://www.image-make.co.jp/" rel="nofollow"> <img alt="IMAKE" src="proxy.php?url=//dist.tokyo/images/base/sponsor__imake.jpg" width="40%"> </a></p> <h2>ツールスポンサー</h2> <p><a href="proxy.php?url=https://esa.io/" rel="nofollow"> <img alt="esa.io" src="proxy.php?url=//dist.tokyo/images/base/sponsor__esa.svg" width="30%"> </a></p> <h1>YouTube配信</h1> <p>当日の様子は、開催2ヶ月後を目安に<a href="proxy.php?url=https://www.youtube.com/c/distjp" rel="nofollow">DISTのYouTubeチャンネル</a>で公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。</p> <h1>DISTについて</h1> <p>DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。</p> <p>主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。</p> <ul> <li>職種の垣根を越える</li> <li>特定の技術に依存しない</li> <li>今日から現場で使える</li> </ul> <h1>注意事項</h1> <ul> <li>会場のWi-Fi一般開放はありません。</li> <li>動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。</li> <li>主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。</li> </ul>

2024-07-02T15:59:08+09:002024-12-11T18:29:03+09:00https://dist.connpass.com/event/324180/?utm_campaign=series_events&utm_source=feed&utm_medium=atom

開催日時: 2024/08/09 19:00 ～ 21:00<br />開催場所: 東京都中野区中野4-10-2<br /><br /><h1>概要</h1> <p>Webサービスやアプリを運用していくために、特定のユーザーが操作するための管理画面。このテーマで制作事例、ノウハウ、UX向上を学べる機会は、通常のWebコンテンツ制作より少ないと感じています。</p> <p>デザイナーやエンジニアといった作り手の視点だけでなく、使い手であるユーザー視点も含めて、使いやすく分かりやすい管理画面とはどういうものかを考えることで、情報設計、画面設計、デザインシステム、UX……など、管理画面以外に活かせる話も出てくるはずです。</p> <p>DIST.44では、2019年に初開催した「管理画面から考えるUX」を5年ぶりにメインテーマとして設定し、メインスピーカーにUbie株式会社 大木 尊紀（takanorip）氏、株式会社グラファー 佐野 彩氏、松倉 千春氏をお迎えします。LTも4本予定していますのでお楽しみに！</p> <div style="font-size: 16px; font-weight: bold;">※本イベントはオフライン開催です。当日の配信はありません。</div> <h1><del>LTスピーカー募集！</del></h1> <p><strong>LTスピーカー募集は終了しました。ご協力ありがとうございました。</strong></p> <ul> <li>LTスピーカーを希望される方を広く募集します。<ul> <li>時間は5分です。</li> <li>内容は「管理画面とUX」というテーマにまつわることであれば、何でもOKです。<ul> <li>例：クライアントの要望による管理画面のカイゼン紹介、自社事業のための管理画面の作り方、管理画面を効率よく作るデザインシステムやフレームワークの紹介、など。</li> <li>単なるサービス紹介、使ってみた系ではなく、テーマに対するご自身なりの考えを語ってください。</li> </ul> </li> <li>LTスピーカーに決定した場合の参加費は無料です。</li> <li>希望者は事前にお申し出いただければ懇親会にも参加可能です（当日実費をお支払いください）。</li> </ul> </li> <li>希望者は「LT希望枠」からお申し込みください。</li> <li>お申し込み時のアンケートに連絡先のメールアドレス、タイトル、セッション概要を入力する欄がありますので、必ず入力をお願いします。</li> <li>応募者多数の場合、原則として抽選になります。<ul> <li>タイトル、セッション概要の内容が優れていると主催者側が判断した場合、優先的に当選となる場合があります。</li> <li>LT希望枠にお申し込み後、落選して他の枠が埋まっていたとしても、一般参加は可能です。</li> </ul> </li> </ul> <h1>対象</h1> <ul> <li>管理画面を「作っている」制作者</li> <li>管理画面を「使っている」ユーザー</li> <li>情報設計、画面設計、UXなどに興味のあるWeb制作者</li> <li>学生でWeb制作業界に興味を持っている方</li> </ul> <h1>セッション紹介（各25分）</h1> <h2><strong>効果的な管理画面を最短でデザインをするために避けるべき5つの罠と対策</strong></h2> <p><strong><a href="proxy.php?url=https://ubie.life/" rel="nofollow">Ubie株式会社</a> デザインエンジニア <a href="proxy.php?url=https://twitter.com/takanoripe" rel="nofollow">大木 尊紀</a></strong>（OHKI Takanori）</p> <p>管理画面は使いやすいだけでなく、いかに早く開発し業務フローに組み込めるかも大事になってきます。 このセッションでは最短距離で効果的な管理画面を開発するために避けるべき5つの罠とそれを回避する方法について紹介します。</p> <h2><strong>行政職員が「ふつうに使える」をめざした管理画面のUX設計とデザインシステム推進</strong></h2> <p><strong><a href="proxy.php?url=https://graffer.jp/" rel="nofollow">株式会社グラファー</a> デジタルプロダクトデザイナー <a href="proxy.php?url=https://twitter.com/aya_furusawa" rel="nofollow">佐野 彩</a>、デザインエンジニア 松倉 千春</strong>（SANO Aya、MATSUKURA Chiharu）</p> <p>大抵の管理画面は、それを使うユーザーがとても忙しいことが多いでしょう。そういった環境で「ふつうに使える」を目指すためにはどういった工夫が必要だと思いますか？</p> <p>グラファーが提供している自治体・官公庁向けGraffer Platform™️の管理画面のデザイン改善と、そのためのデザインシステム推進の具体的な事例を交えてお話しします。</p> <h1>LT紹介（各5分）</h1> <h2><strong>Cosense(旧Scrapbox)で実現するコンテンツ管理画面</strong></h2> <p><strong><a href="proxy.php?url=https://corp.helpfeel.com/" rel="nofollow">株式会社Helpfeel</a> CTO <a href="proxy.php?url=https://twitter.com/akiroom" rel="nofollow">秋山 博紀</a></strong>（AKIYAMA Hiroki）</p> <p>当社で提供するFAQシステムHelpfeelでは、CMSとして当社が提供するCosense(旧Scrapbox)を活用しています。自社提供のSaaSを活用するテクについて共有できればと思います。</p> <h2><strong>管理画面における反復操作のUXを突き詰めた話</strong></h2> <p><strong><a href="proxy.php?url=https://www.crutech.co.jp/" rel="nofollow">株式会社CRUTECH</a> リードデザイナー <a href="proxy.php?url=https://twitter.com/kanrame" rel="nofollow">堀田 愛子</a></strong>（HORITA Aiko）</p> <p>管理画面に反復操作はつきものです。初見の人が迷わず使えることよりも、普段使う人がいかに効率よく反復操作を行えるかに重きを置いて考えた結果、どのような情報設計・導線設計のUIになったのかについてお話します。</p> <h2><strong>管理画面の全体UXは利用時品質モデルで考える</strong></h2> <p><strong><a href="proxy.php?url=https://maboroshi.biz/" rel="nofollow">株式会社まぼろし</a> インターフェースデザイナー <a href="proxy.php?url=https://twitter.com/readymadegogo" rel="nofollow">松田 直樹</a></strong>（MATSUDA Naoki）</p> <p>管理画面というものは必ずしも誰もが嬉々として使用しているわけではありません。組織での導入や慣例で使わざるを得ないケースが多々あります。そんな場合のUXはどう考えればいいのでしょうか。実は国際的にも明確なモデルがあるんです。</p> <h2><strong>オペレーショナルエクセレンスの実現に向けた管理画面の改修</strong></h2> <p><strong><a href="proxy.php?url=https://my-best.com/company/" rel="nofollow">株式会社マイベスト</a> バックエンドエンジニア/Opex開発リード <a href="proxy.php?url=https://twitter.com/isaka1022" rel="nofollow">井上 周</a></strong>（INOUE Amane）</p> <p>社内のオペレーションの最適化を目指して、開発チームがどのように管理画面を改善しているかをお伝えします。</p> <h1>参加費</h1> <h2>勉強会のみ</h2> <p><strong>1,000円（当日券：一般1,500円）</strong></p> <ul> <li>PayPalによる事前決済、または当日支払いで参加費をお支払いください。</li> </ul> <h2>勉強会＋懇親会</h2> <p><strong>5,000円</strong></p> <ul> <li>勉強会に加え、着席しての懇親会（コース料理＋飲み放題）にご参加いただけます。<ul> <li>参加者同士の交流を深める有意義な機会を大切にするため、居酒屋での実施となります。</li> <li>費用を抑え、より多くの方にご参加いただけることを重視していますので、ご理解のほどよろしくお願いいたします。</li> </ul> </li> <li>PayPalによる事前決済のみとなります。</li> <li>懇親会の申し込みは開催1週間前までとなります（予約の関係上、申し込みが定員未満でも締め切ります）。</li> <li>懇親会のみの参加は受け付けていません。</li> <li>懇親会にはアルコールが提供されるため、未成年はご参加いただけません。</li> <li>懇親会は<strong>完全禁煙</strong>です。<ul> <li>喫煙者/非喫煙者の両者が過ごしやすい空間を作るため、ご協力をお願いいたします。</li> <li>喫煙時は近隣の喫煙スペースをご利用ください。</li> <li>懇親会が行われる店舗は喫煙可ですので、他の席からの煙が流れてくる可能性はあります。</li> </ul> </li> </ul> <h2>事前決済についての注意事項</h2> <ul> <li>具体的な流れは、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/60/2140a3c68d9779ea2780.html" rel="nofollow">PayPalによる事前決済について</a>をご参考ください。</li> <li>領収書を発行可能です。詳しくは<a href="proxy.php?url=http://help.connpass.com/participants/show-event-receipt" rel="nofollow">connpassご利用ガイド</a>をご覧ください。</li> <li>キャンセル・払い戻しについては、<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/67/c754be5f87e6131b3087.html" rel="nofollow">キャンセルポリシー</a>に従って対応します。</li> </ul> <hr> <ul> <li>スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、<a href="proxy.php?url=https://dist.tokyo/" rel="nofollow">公式サイト</a>のお問い合わせフォームよりお問い合わせください。</li> </ul> <h1>会場</h1> <p><a href="proxy.php?url=http://www.nakano-centralpark.jp/conference/" rel="nofollow">中野セントラルパークカンファレンス ルーム1</a> （<a href="proxy.php?url=http://www.nakano-centralpark.jp/conference/access" rel="nofollow">アクセスマップ</a>）</p> <ul> <li>JR中野駅 北口改札から徒歩5分</li> <li><a href="proxy.php?url=https://dist.tokyo/access/nakano-centralpark-conference/" rel="nofollow">詳しい道順</a>をご参考ください。</li> </ul> <h1>タイムテーブル</h1> <table> <thead> <tr> <th align="left">時刻</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">18:30～19:00</td> <td align="left">開場／受付</td> </tr> <tr> <td align="left">19:00～19:10</td> <td align="left">ごあいさつ</td> </tr> <tr> <td align="left">19:10～19:40</td> <td align="left">LT x 4本</td> </tr> <tr> <td align="left">19:40～20:05</td> <td align="left">セッション1（25分）</td> </tr> <tr> <td align="left">20:05～20:15</td> <td align="left">休憩</td> </tr> <tr> <td align="left">20:15～20:40</td> <td align="left">セッション2（25分）</td> </tr> <tr> <td align="left">20:40～20:50</td> <td align="left">おわりに</td> </tr> <tr> <td align="left">20:50～21:00</td> <td align="left">みんなでお片付け／閉場</td> </tr> <tr> <td align="left">21:00～</td> <td align="left">懇親会</td> </tr> </tbody> </table> <p>※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。</p> <h1>更新履歴</h1> <table> <thead> <tr> <th align="left">更新日時</th> <th align="left">内容</th> </tr> </thead> <tbody> <tr> <td align="left">7/22 7:30</td> <td align="left">LT「管理画面の全体UXは利用時品質モデルで考える」を追加しました。</td> </tr> <tr> <td align="left">7/18 20:00</td> <td align="left">申し込み多数につき、一部参加枠数を調整しました。</td> </tr> <tr> <td align="left">7/17 14:00</td> <td align="left">LT「管理画面における反復操作のUXを突き詰めた話」を追加しました。</td> </tr> <tr> <td align="left">7/16 8:10</td> <td align="left">好評につき、一部参加枠を増席しました。</td> </tr> <tr> <td align="left">7/12 10:50</td> <td align="left">LT「Cosense(旧Scrapbox)で実現するコンテンツ管理画面」を追加しました。</td> </tr> <tr> <td align="left">7/12 10:30</td> <td align="left">LT「オペレーショナルエクセレンスの実現に向けた管理画面の改修」を追加しました。</td> </tr> <tr> <td align="left">7/11 17:00</td> <td align="left">好評につき、一部参加枠を増席しました。</td> </tr> <tr> <td align="left">7/9 18:00</td> <td align="left">好評につき、一部参加枠を増席しました。</td> </tr> <tr> <td align="left">7/6 16:20</td> <td align="left">好評につき、一部参加枠を増席しました。</td> </tr> <tr> <td align="left">7/4 20:50</td> <td align="left">好評につき、一部参加枠を増席しました。</td> </tr> <tr> <td align="left">7/3 17:00</td> <td align="left">好評につき、一部参加枠を増席しました。</td> </tr> <tr> <td align="left">7/2 17:00</td> <td align="left">イベントページを公開しました。</td> </tr> </tbody> </table> <h1>スポンサー</h1> <p>DISTは、以下の<a href="proxy.php?url=https://esa-pages.io/p/sharing/2767/posts/86/73671e79fd847f58454b.html" rel="nofollow">スポンサーにご協賛</a>いただいております。</p> <h2>スペシャルスポンサー</h2> <p><a href="proxy.php?url=https://dotinstall.com/" rel="nofollow"> <img alt="ドットインストール" src="proxy.php?url=//dist.tokyo/images/base/sponsor__dotinstall_wide.svg" width="100%"> </a> <a href="proxy.php?url=https://256times.com/" rel="nofollow"> <img alt="256times" src="proxy.php?url=//dist.tokyo/images/base/sponsor__256-times.svg" width="100%"> </a></p> <h2>ゴールドスポンサー</h2> <p><a href="proxy.php?url=https://maboroshi.biz/" rel="nofollow"> <img alt="まぼろし" src="proxy.php?url=//dist.tokyo/images/base/sponsor__maboroshi.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.ryden.co.jp/" rel="nofollow"> <img alt="RYDEN" src="proxy.php?url=//dist.tokyo/images/base/sponsor__ryden.svg" width="80%"> </a></p> <p><a href="proxy.php?url=https://www.codegrid.net/" rel="nofollow"> <img alt="CodeGrid" src="proxy.php?url=//dist.tokyo/images/base/sponsor__codegrid.svg" width="80%"> </a></p> <h2>シルバースポンサー</h2> <p><a href="proxy.php?url=https://wd-flat.com/" rel="nofollow"> <img alt="FLAT" src="proxy.php?url=//dist.tokyo/images/base/sponsor__flat.png" width="60%"> </a></p> <h2>ブロンズスポンサー</h2> <p><a href="proxy.php?url=https://bldt.jp/" rel="nofollow"> <img alt="ビルディット" src="proxy.php?url=//dist.tokyo/images/base/sponsor__bldt.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://tomosta.jp/" rel="nofollow"> <img alt="ともすた" src="proxy.php?url=//dist.tokyo/images/base/sponsor__tomosta.svg" width="40%"> </a></p> <p><a href="proxy.php?url=https://www.image-make.co.jp/" rel="nofollow"> <img alt="IMAKE" src="proxy.php?url=//dist.tokyo/images/base/sponsor__imake.jpg" width="40%"> </a></p> <h2>ツールスポンサー</h2> <p><a href="proxy.php?url=https://esa.io/" rel="nofollow"> <img alt="esa.io" src="proxy.php?url=//dist.tokyo/images/base/sponsor__esa.svg" width="30%"> </a></p> <h1>YouTube配信</h1> <p>当日の様子は、開催2ヶ月後を目安に<a href="proxy.php?url=https://www.youtube.com/c/distjp" rel="nofollow">DISTのYouTubeチャンネル</a>で公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。</p> <h1>DISTについて</h1> <p>DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。</p> <p>主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。</p> <ul> <li>職種の垣根を越える</li> <li>特定の技術に依存しない</li> <li>今日から現場で使える</li> </ul> <h1>注意事項</h1> <ul> <li>会場のWi-Fi一般開放はありません。</li> <li>動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。</li> <li>主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。</li> </ul>