[{"data":1,"prerenderedAt":20},["Reactive",2],{"event-dist-54":3},{"id":4,"createdAt":5,"updatedAt":6,"publishedAt":6,"revisedAt":6,"startDate":7,"endDate":8,"isArchive":9,"image":10,"title":14,"tag":15,"url":18,"body":19},"dist-54","2026-07-22T01:32:36.536Z","2026-07-22T01:52:37.330Z","2026-09-01T10:00:00.000Z","2026-09-01T12:00:00.000Z",false,{"url":11,"height":12,"width":13},"https://images.microcms-assets.io/assets/ce3916dc3d8c42b499f2a0c86d5c27d5/2a6bd4f98a124ddd9638698b95159910/dist54-s.png",270,660,"DIST.54 「アニメーションの良さは何で決まるのか？」",[16,17],"Design","ナンバーシリーズ","https://dist.connpass.com/event/400854/","## 概要\n\n画面の中のアニメーションには、それぞれ役割があります。要素のつながりを示すもの、状態の変化を伝えるもの、操作に手応えを返すもの。Webでもアプリでも、動きは体験の一部としてすっかり定着しました。Figma MotionやLottie Creatorのように、Web制作の文脈で使えるアニメーションツールも少しずつ姿を見せはじめています。\n\nしかし、道具が増えたからといって、良いアニメーションが作れるようになるわけではありません。イージングは何を選ぶのか。何秒が「ちょうどいい」のか。そもそも、ここは動かすべきなのか。こうした判断の多くは、いまも個人の感覚や経験則に委ねられているように思います。\n\n今回のDIST.54では、Webやプロダクト、映像と、それぞれ異なる場所でアニメーションに向き合ってきたスピーカーをお招きします。ツールの使い方の手前にある、アニメーションの良さを決めているものは何なのか。動かし方はわかるけれど、良し悪しの基準がわからない。そんなモヤモヤを抱える方に、ぜひ持ち帰ってほしい内容です。その答えを、一緒に探しにきませんか？\n\n## LTスピーカー募集！\n\n- LTスピーカーを希望される方を広く募集します。\n    - 時間は5分です。\n    - 内容は「アニメーション」というテーマにまつわることであれば、何でもOKです（単なるサービスや機能紹介ではなく、ご自身なりのアニメーションの知見や体験についてお話しください）。\n    - LTスピーカーに決定した場合の参加費は無料です。\n    - 希望者は事前にお申し出いただければ懇親会にも参加可能です（当日実費をお支払いください）。\n- 希望者は「LT希望枠」からお申し込みください。\n- お申し込み時のアンケートに連絡先のメールアドレス、タイトル、セッション概要を入力する欄がありますので、必ず入力をお願いします。\n- 応募者多数の場合、原則として抽選になります。\n    - タイトル、セッション概要の内容が優れていると主催者側が判断した場合、優先的に当選となる場合があります。\n    - LT希望枠にお申し込み後、落選して他の枠が埋まっていたとしても、一般参加は可能です。\n\n## セッション紹介\n\n### **Figma MotionとAI機能で作るアニメーション**（20分）\n\n**DeNA、[IE3](https://ie3.jp/) デザインマネージャー、デザイナー [宮本 昌典](https://x.com/motomiya333)**（MIYAMOTO Masanori）\n\nFigmaの新機能であるFigma MotionとAI Agentを活用した、アニメーション制作における試行錯誤のプロセスを紹介します。\n\n### **道具を手入れすること**（20分）\n\n**昭和機電、THE GUILD インタラクションデザイナー、プログラマー [奥田 透也](https://x.com/alumican_net)**（OKUDA Yukiya）\n\nプログラム制御のアニメーションを構築しながら日々考えている「自分の中に何を残すのか」というテーマについてお話しします。\n\n### **デザインの中にあるモーションを考える**（20分）\n\n**映像講師 [ヤマダイ](https://x.com/ymrun_jp)**（Yamadai）\n\nモーショングラフィックスにはデザインは欠かせません。デザインの中にある動きに時間軸を与えること。受け手が感じる動きとは？デザインの延長上で考えるモーションとは？幾つかのヒントを考えてみましょう。\n\n## 参加費\n\n### 勉強会のみ\n**無料**\n\n- 当日会場にお越しください。\n\n### 勉強会＋懇親会\n**4,000円**\n\n- 勉強会に加え、着席しての懇親会（コース料理＋飲み放題）にご参加いただけます。\n    - 参加者同士の交流を深める有意義な機会を大切にするため、居酒屋での実施となります。\n    - 費用や手間を抑え、より多くの方にご参加いただけることを重視しています。\n- PayPalによる事前決済のみとなります。\n- 懇親会の申し込みは開催1週間前までとなります（予約の関係上、申し込みが定員未満でも締め切ります）。\n- 懇親会のみの参加は受け付けていません。\n- 懇親会にはアルコールが提供されるため、20歳未満の方はご参加いただけません。\n- 懇親会は**完全禁煙**です。\n    - 喫煙時は近隣の喫煙スペースをご利用ください。\n\n### 事前決済についての注意事項\n- 具体的な流れは、[PayPalによる事前決済について](https://esa-pages.io/p/sharing/2767/posts/60/2140a3c68d9779ea2780.html)をご参考ください。\n- 領収書を発行可能です。詳しくは[connpassご利用ガイド](http://help.connpass.com/participants/show-event-receipt)をご覧ください。\n- キャンセル・払い戻しについては、[キャンセルポリシー](https://esa-pages.io/p/sharing/2767/posts/67/c754be5f87e6131b3087.html)に従って対応します。\n---\n- スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、[公式サイト](https://dist.tokyo/)のお問い合わせフォームよりお問い合わせください。\n\n## 会場\n中野セントラルパーク カンファレンス 1F ルーム3B\n\n- JR中野駅 北口改札から徒歩4分\n\n## タイムテーブル\n\n| 時刻         | 内容 |\n|:-------------|:-----|\n| 18:30～19:00 | 開場／受付 |\n| 19:00～19:05 | はじめに  |\n| 19:05～19:10 | LT1 |\n| 19:15～19:20 | LT2 |\n| 19:25～19:45 | セッション1 | \n| 19:45～19:55 | 休憩 |\n| 19:55〜20:15 | セッション2 |\n| 20:20～20:40 | セッション3 |\n| 20:40～20:45 | おわりに |\n| 20:45～20:50 | みんなでお片付け／閉場 |\n\n※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。\n\n## 更新履歴\n\n| 更新日時   | 内容 |\n|:-----------|:-----|\n| 7/21 17:30 | イベントページを公開しました。 |\n\n## スポンサー\nDISTは、以下の[スポンサーにご協賛](https://esa-pages.io/p/sharing/2767/posts/86/73671e79fd847f58454b.html)いただいております。\n\n### スペシャルスポンサー\n\u003Cdiv class=\"sponsor sponsor--special\">\n\u003Ca href=\"https://dotinstall.com/\" target=\"_blank\">\n\u003Cimg src=\"//dist.tokyo/images/base/sponsor__dotinstall_wide.svg\" width=\"100%\" alt=\"ドットインストール\" />\n\u003C/a>\n\n\u003Ca href=\"https://256times.com/\">\n\u003Cimg src=\"//dist.tokyo/images/base/sponsor__256-times.svg\" width=\"100%\" alt=\"256times\" />\n\u003C/a>\n\n\u003Ca href=\"https://www.kddi-webcommunications.co.jp/\">\n\u003Cimg src=\"//dist.tokyo/images/base/sponsor__kddi-webcommunications.svg\" width=\"100%\" alt=\"KDDIウェブコミュニケーションズ\" />\n\u003C/a>\n\u003C/div>\n\n### ゴールドスポンサー\n\u003Cdiv class=\"sponsor sponsor--gold\">\n\u003Ca href=\"https://www.codegrid.net/\" target=\"_blank\">\n\u003Cimg src=\"//dist.tokyo/images/base/sponsor__codegrid.svg\" width=\"80%\" alt=\"CodeGrid\" />\n\u003C/a>\n\n\u003Ca href=\"https://generosity.co.jp/\" target=\"_blank\">\n\u003Cimg src=\"//dist.tokyo/images/base/sponsor__generosity.svg\" width=\"80%\" alt=\"GENEROSITY\">\n\u003C/a>\n\u003C/div>\n\n### シルバースポンサー\n\u003Cdiv class=\"sponsor sponsor--silver\">\n\u003Ca href=\"https://wd-flat.com/\" target=\"_blank\">\n\u003Cimg src=\"//dist.tokyo/images/base/sponsor__flat.png\" width=\"60%\" alt=\"FLAT\">\n\u003C/a>\n\n\u003Ca href=\"https://pleasanter.org/\" target=\"_blank\">\n\u003Cimg src=\"//dist.tokyo/images/base/sponsor__pleasanter.png\" width=\"60%\" alt=\"OSSのノーコードローコード開発ツール”プリザンター”\">\n\u003C/a>\n\u003C/div>\n\n### ブロンズスポンサー\n\u003Cdiv class=\"sponsor sponsor--bronze\">\n\u003Ca href=\"https://tomosta.jp/\" target=\"_blank\">\n\u003Cimg src=\"//dist.tokyo/images/base/sponsor__tomosta.svg\" width=\"40%\" alt=\"ともすた\" />\n\u003C/a>\n\n\u003Ca href=\"https://www.image-make.co.jp/\" target=\"_blank\">\n\u003Cimg src=\"//dist.tokyo/images/base/sponsor__imake.jpg\" width=\"40%\" alt=\"IMAKE\" />\n\u003C/a>\n\u003C/div>\n\n### ツールスポンサー\n\u003Cdiv class=\"sponsor sponsor--tool\">\n\u003Ca href=\"https://esa.io/\" target=\"_blank\">\n\u003Cimg src=\"//dist.tokyo/images/base/sponsor__esa.svg\" width=\"30%\" alt=\"esa.io\" />\n\u003C/a>\n\u003C/div>\n\n## YouTube配信\n\n当日の様子は、開催2ヶ月後を目安に[DISTのYouTubeチャンネル](https://www.youtube.com/c/distjp)で公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。\n\n## DISTについて\n\nDISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。\n\n主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。\n\n- 職種の垣根を越える\n- 特定の技術に依存しない\n- 今日から現場で使える\n\n## 注意事項\n- 会場のWi-Fi一般開放はありません。\n- 動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。\n- 主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。",1784685234637]