Web表現の新時代 ― クリエイターが向き合うAR/MR/VR
AR/MR/VRがもたらす新たな表現領域とUI/UX設計について、サービシンクの名村さん、藤原さんにお話しいただきます。
「リアルタイム視聴は無料」スタイルで開催しますが、アーカイブチケット購入やサブスク登録でサポートくださいますと助かります！
Web表現の新時代 ― クリエイターが向き合うAR/MR/VR
WebはPCからスマートフォンへと表現領域を広げ、社会に不可欠な存在となりました。しかしスマートフォンの進化が一段落した今、今後、情報の表示はどのように進化するのでしょうか？
私たちサービシンクは2018年から「AR/MR/VR ✕ Web」の可能性に注目し、2024年からは研究開発や海外でのハードウェア動向の視察を進めてきました。
本セミナーでは、その知見をもとに「数年先の未来」にWebクリエイターがどのような表現に取り組むことになるのかを展望します。
- AR/MR/VRがもたらす新しいUI/UXの潮流
- 海外ハードウェア市場の最前線レポート
- クリエイターが今から準備すべきスキルや視点
「スマホの次」を見据えるためのヒントを、具体的な事例を交えてお伝えします。
1部：概論
Apple Vision Proの登場によって、スマートグラスは単なる外部ディスプレイから「空間にデジタル表現を混ぜる」デバイスへと進化しました。
本パートでは、スマートフォンが今後イノベーションを起こせない理由を出発点に、ハードウェアの進化を軸とした「すこし先の未来」の予測を解説します。さらに、デジタル表現の主戦場がARへ移行するという視点から、これからのWebサイトがどのように変わっていくのかを具体的にご紹介します。
名村（なむら）
1994年にインターネットに出会い、1996年、学生4名でのWeb制作事業をはじめ、Web黎明期から多くの大手企業のサイト制作・開発に携わる。
2000年から2005年までは不動産検索サイト「LIFULL HOME"S」を運営する株式会社LIFULL、2005年から2009年までは都内のWeb制作会社の取締役として参画し、2010年に株式会社サービシンクを立ち上げ、代表を務める。
現在もWebディレクターとして現場でのPMを行う。経験案件規模は直請けで10万円〜3億円。
2018年に次世代のWeb領域としてのARに着目をし、2024年より「AR✕Web」のR&Dを自社で開始。
2025年 1月にCES2025の視察を経て、12月にベルギーでのUnitedXR Europe視察予定。
第2部：技術論
Webクリエイターにも馴染みのある技術の延長線上として、デザイナー・エンジニアの皆さまに向けて「空間コンピューティング」や「AR/MR領域での情報表示」の最新トレンドをご紹介します。
さらに、これまで2Dで行ってきたUI/UX設計を3Dで実現する際に求められる工夫や新たな視点について、弊社が実際に開発した2つのVisionOSアプリの事例を交えながら解説します。
藤原 祐哉（ふじわら ゆうき）
株式会社サービシンク
AR/MR領域R&D選任担当・エンジニア
2018年新卒としてサービシンクに入社。
入社直後からエンジニアとして数千万円規模の開発に従事し、開発エンジニア〜リーダーとして幅広く経験。
2024年、AR/MR領域へのR&D選任担当に抜擢され、「AR✕Webの可能性」を模索するための活動として、Vision OSアプリの開発、AR/MR領域のハードウェア・ソフトウェアの調査、ブログの記述などを担当。
2025年 1月にCES2025、6月にAWE USA 2025の視察を経て、12月にベルギーでのUnitedXR Europe視察予定
聞き手、MC（進行）
鷹野 雅弘（CeeBeeDee/CSS Nite/DTP Transit）が“聞き手”を担当し、リアルタイムでチャットでの質問などを拾っていきます。
鷹野 雅弘（たかの・まさひろ）
株式会社スイッチ
グラフィックデザイン、エディトリアルデザイン、ウェブ制作の分野で、デザイン、オペレーション、設計・ディレクションなど、25年以上、第一線で手を動かし続けている。そのノウハウをテクニカルライティングや講演に落とし込み、「制作→執筆→講演」のサイクルを回す。
2015年から大阪芸術大学 客員教授。2017年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオーガナイザーとして企画・制作・配信なども担当。
著書に『10倍ラクするIllustrator仕事術』（改訂第3版）ほか多数
- Twitter：@swwwitch
イベント概要
YouTube Liveでライブ配信します。
- 開催日：2025年11月28日（金） 21:00 - 23:00
- 形式：オンライン（YouTube Live）
- MC：鷹野 雅弘（スイッチ）
- 主催：CeeBeeDee
- 共催：CSS Nite、DTP Transit
- 協賛（制作会社）：ウェブライダー、LINICA、エンタミナ、コンセント、サービシンク、ビットエー、ヘルツ、アップルップル、CODE54、HAMWORKS、S-FACTORY、necco、FLAT、ONiWA ほか
- 協賛：文賢（ブンケン）、デジ革（一般社団法人デジタル経営革新協会） 、JILLA（日本イラストレーション協会）
お申し込みと参加費
- リアルタイムの視聴は無料です。
- 参加にはお申し込みが必要です。受け付けは終演時刻まで。
フォローアップ（アーカイブ）
有料チケットには次が含まれます。これを「フォローアップ」と呼んでいます。
- アーカイブ動画
- スライド
- リンク集や補足
- サンプルファイルなど（プログラムにより）
フォローアップ（アーカイブ）は、アーカイブ購入／サブスクの方限定のコンテンツです。
- アーカイブ動画の視聴期限はありません。ずっと見られます。
- 法人およびフリーランスで事業決済される方は「法人向け」をお求めください。
フォローアップ（アーカイブ）の購入
次の3つの方法があります。いずれかを選択なさってください。
- 終演時刻まで：Doorkeeper
- 終演時刻以降：STORES
- サブスクを登録する
| 購入方法 | 種別 | フォローアップの受け取り | 備考 | ||
|---|---|---|---|---|---|
| 個人 | 個人、 フリーランス | 法人 | |||
| Doorkeeper （単品） | 2,200円 （終演時刻まで） | 5,500円 | 11,000円 | 終演時刻にメールを送信（info@doorkeeper.jpから送信されます） | 「当日の視聴のみ」のチケットを申し込まれた方は、いったん、キャンセルして「アーカイブ視聴付き」のチケットを申し込んでください。 |
| STORES （単品） | 3,300円 | 5,500円 | 11,000円 | 購入するとダウンロードできるテキストファイルに、アーカイブ動画や特典を掲載予定のページへのリンクがあります（アーカイブ動画や特典の掲載はイベント終了後） | ユーザー登録してから申し込むと、［マイページ］の［購入履歴］から、後からダウンロードできます。 |
| サブスク | 4,400円（3ヶ月） | 詳細 | ［メンバー限定］セクションの［フォローアップ（アーカイブ）］から本イベントのNotionにアクセスしてください。 | 法人は別途 | |
| 17,600円（1年） | |||||
領収書
インボイス対応の領収書は、次のチケットのみ対応します。NotionからPDFをダウンロードしてご利用ください。
- 個人／フリーランス（スライド、アーカイブ視聴付き） ※経費として
- 法人（スライド、アーカイブ視聴付き）
| 購入方法 | 区分 | 参加費 | 領収書 |
|---|---|---|---|
| Doorkeeper （単品） | 個人 | 2,200円 | 発行（インボイス非対応） |
| 個人／フリーランス | 5,500円 | インボイス対応の 領収書を発行 | |
| 法人 | 11,000円 | ||
| STORES （単品） | 個人 | 3,300円 | 非対応 |
| 個人／フリーランス | 5,500円 | インボイス対応の 領収書を発行 | |
| 法人 | 11,000円 |
- 「法人（スライド、アーカイブ視聴付き） 」のチケットを購入いただいている場合のみ、個別対応いたします。フォームからご連絡ありがとうございます。
配信に関してのあれこれ
各URLは、YouTubeの概要欄にも掲載しています。
- チャットやスタンプ、ツイートなど「参加型」でお楽しみください！
- 「音声のバランスが悪い」など、何かお困りの場合、コメントなどで教えてください！
配信URL
YouTube Liveで配信します。
https://youtube.com/live/emKh9T5sCz4
X（Twitter）にて同時配信も行っていますが、YouTube Liveにてコメントも含めてお楽しみください。
YouTube関連
- YouTubeチャットを活用ください！ スパム回避のため、YouTubeチャンネル登録者のみがコメント可能にしていますので、事前にチャンネル登録をお願いします。
- スーパーチャット（スパチャ＝投げ銭）を利用できます。少額でも大歓迎です！ いただいた全額を講演者にお渡しします。
- 質問がある場合、YouTubeチャットで冒頭に★または【質問】を付けてコメントください。すべては拾いきれません。「〜は〜という意味です」「自分の現場ではこうやっている」など、視聴される方からのサポート的なコメントを歓迎します！ 一緒に場を作ってくださいますと嬉しいです!!
リアクションや質問
- スクショ付きのツイート歓迎です。ぜひ、ハッシュタグ（#armrvr）を付けてください。ただし、事例の部分などでNGマークがついている箇所、講演者からNGの指示のある箇所はご遠慮ください。
- 終了後、ぜひアンケートにお答えください！ 「フィードバックはギフト」。話してくださった方の成長の材料になり、また、イベントの改善につながります。
その他
- 120分のプログラムでは、60分前後のキリのいいタイミングで休憩（5-10分）をはさみます。
- サンプルファイルや配布資料、アーカイブ動画のURLをSNSなどで再配布するのは禁止です。
- 開演の30分前くらい前からテスト配信をスタートします。音声などが聞こえるかチェックなさってください。
- スマホやタブレットで視聴される方もいると思いますが、PCでの視聴を前提としています。なるべくPCでご覧ください！
- ご覧いただく回線状況によっては、YouTubeの動画が止まってしまったり、音声が途切れてしまうことがあります。その場合には、ブラウザーを再読み込みしたり、OSを再起動してみてください。同時配信しているX（Twitter）の方が安定してることがあります。
- 分単位で細かく練られたカリキュラムではなく、少し緩めに進行します。コメントを拾って脱線することもあります。言い換えると学習だけをされたい方には向いていません。
- 若干の延長など、ぴったり進行しないことがあります。
配信準備は念入りに行っていますが、本番になると予期せぬトラブルが生じるのがライブ配信です。それも含めて楽しんでください。
オンライン椅子ヨガ
本イベントはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです！
- 開演前
- 休憩時間（適宜）
一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga
サブスク
CSS Nite、DTP Transitのオンラインセミナーのアーカイブをリーズナブルに、また、管理しやすく利用いただけるように、「サブスク」（定額サービス）をご用意しています（Circleというサービスを利用しています）。
- 3ヶ月：4,400円＋税
- 年パス：16,000円＋税
年間で50近く開催されますので、1本あたり400円を切る計算です。ぜひ、ご利用ください！
アーカイブ動画だけでなく、スライドのダウンロードも可能ですので、ざっと内容を把握しておきたい場合にも適しています。
サブスクの登録方法
次の手順でお申し込みください。
- Circleでユーザー登録（自動返信メールを確認して完了です）
- Stripeで決済（3ヶ月ごと：4,400円、年パス：17,600円）
- CircleとStripeでメールアドレスが異なる場合のみ フォームからのご連絡をお願いします。
協力企業のご紹介
本イベントには、下記の企業の協賛、協力をいただいています。
- 文賢（ブンケン）～文章をより良くするための推敲・校閲・校正支援ツール
- デジ革（一般社団法人デジタル経営革新協会） ネットとAIで経営に貢献できる人材になる
- JILLA（日本イラストレーション協会） 文芸美術国保への加入や交流会などメリットいっぱい
また、多くの制作会社に協賛いただいています。
- ウェブライダー
- LINICA
- エンタミナ
- コンセント
- サービシンク
- ビットエー
- トゥーアール（to-R）
- ヘルツ
- アップルップル
- CODE54
- HAMWORKS
- S-FACTORY
- necco
- FLAT
- ましじめ
- グローバルデザイン
- エイチツーオー・スペース
- Gear8
- マジカルリミックス
- ONiWA
- さきがけデジタル
- r360studio
通年で協賛を募集しています。検討くださいますと幸いです。
お問い合わせ
問い合わせはDoorkeeperのフォームからお送りください。
