お知らせ 2024年9月1日よりconnpassサービスサイトへのスクレイピングを禁止とし、利用規約に禁止事項として明記します。
9月1日以降のconnpassの情報取得につきましては イベントサーチAPI の利用をご検討ください。

お知らせ connpassではさらなる価値のあるデータを提供するため、イベントサーチAPIの提供方法の見直しを決定しました。2024年5月23日(木)より 「企業・法人」「コミュニティ及び個人」向けの2プランを提供開始いたします。ご利用にあたっては利用申請及び審査がございます。詳細はヘルプページをご確認ください。

このエントリーをはてなブックマークに追加

Dec

15

LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説【増枠】

Figma SmartAnimate で作成したアニメーションを、STUDIOサイトに掲載しよう!

Organizing : STUDIO, Inc. Customer Service Div.

LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説【増枠】
Registration info

参加枠(オンライン)

Free

FCFS
262/300

Attendees
nyaka-prog
webkenbee
Noriko-M
cocoa
noga
seoyoon
remeyama
ゆう
chuang_kartz
AKI
View Attendee List
Start Date
2023/12/15(Fri) 19:00 ~ 20:00
Registration Period

2023/12/05(Tue) 16:38 〜
2023/12/15(Fri) 20:00まで

Location

オンライン

オンライン

参加者への情報
(参加者と発表者のみに公開されます)
出席登録
(イベント開始時間の2時間前から終了時間まで、参加者のみに公開されます)

Description

  • 12/5 17:00 お申し込みを開始しました
  • 12/5 18:00 好評につき、50名→100名に増枠しました
  • 12/5 21:00 好評につき、100名→150名に増枠しました
  • 12/6 10:10 好評につき、150名→200名に増枠しました
  • 12/7 14:00 好評につき、200名→300名に増枠しました

概要

LottieFilesとSTUDIOの連携により、複雑な工程やコーディングの知識がなくても、手軽にWebページにアニメーションを組み込むことが可能となりました。このセッションでは、「Webページ上でアニメーションを取り入れたいが、具体的な手順がわからない」といった方々を対象に、Figmaを使用してアニメーションを制作し、それをLottieFilesに書き出し、最終的にSTUDIOで公開するワークフローについて、対談形式でご紹介いたします。

以下、セッションの主な内容です:

  1. Lottieとは:
    JSONベースのアニメーションファイル形式、Lottieについての基本知識。
  2. LottieFilesでできること:
    LottieFilesの機能や特徴についての紹介。
  3. ノーコードツールSTUDIOでできること:
    STUDIOが提供するノーコーディングアプローチで、アニメーションをどのように制御できるかについての解説。
  4. FigmaからアニメーションをLottieFilesに書き出す方法:
    Figmaのスマートアニメート機能を利用して作成したアニメーションをLottieFilesに書き出す手順。
  5. LottieFilesをSTUDIOに読み込み、公開する方法:
    LottieFilesで作成したアニメーションをSTUDIOに取り込み、Webページ上で公開する方法についての具体的なステップ。
  6. LottieFilesをSTUDIO上で自由自在に動かすコツ:
    STUDIO内でLottieFilesのアニメーションを調整し、自由にカスタマイズするためのヒントやテクニックについてのディスカッション。

このセッションを通じて、手軽に魅力的なWebページアニメーションを実現する方法について学びましょう!

こんな方におすすめ

  • Webページ上でアニメーションを取り入れたいが、具体的な手順がわからない方
  • STUDIOサイト制作での表現の幅を広げたい方
  • LottieFiles、STUDIOいずれかを利用したことがあり、それらをどう連携できるのか興味のある方

イベントスケジュール

  • 開催日時: 12/15 (金) 19:00 ~ 20:00
  • 開催場所: オンライン配信
  • 参加人数: 50名予定

※ 参加申込いただいた方に、当日までにURLをお送りいたします
※ 当イベントは、後日内容を一部編集した形でアーカイブ配信する可能性がございます

タイムスケジュール

時間 内容
19:00 オープニング
19:05 LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説
19:40 Q&A
19:55 クロージング

登壇者について

松下 絵梨(まつした・えり)

X(旧Twitter)アカウント @matsu_eri

大阪出身大阪在住のWeb/UIデザイナー。東京理科大学理工学部卒業。
2010年よりフリーランスとして独立し、DTP/Web/アプリデザイン、ディレクションを行なっている。
講師業や、「Adobe XD ユーザーグループ大阪」、「CSS Nite in Osaka」、「Friends of Figma Osaka」の運営、セミナー登壇・企業研修にも力を入れている。 2020年に『Adobe XDではじめるWebデザイン&プロトタイピング 一歩先行く現場のスキル』(翔泳社)を上梓。 2023年から株式会社ロクナナ所属。
Figma Community Advocate|Adobe Community Experts|LottieFiles Evangelist

粟屋 元太(あわや・げんた)

STUDIO Customer Service Div. 所属。
前々職にてWebサイト受託制作会社でのWebデザイナーを、前職にてWebサービス自社開発事業でのインハウスUIデザイナー・プロジェクトリーダーなどを経て、2020年9月にSTUDIOのカスタマーサポート業務に参画。様々なWebサイトの構築・リニューアルに携わった経験や、Webデザインの知識を活かし、STUDIOユーザーのサイト公開を日々サポート中。

注意事項

  • 営業活動や採用のみを目的とした方の参加はご遠慮ください。
  • ハラスメントや嫌がらせ等、イベント進行及び他の参加者に迷惑をかけるような行為は禁止いたします。確認した際には、即時退場などの処置を行う場合がございます。

LottieFilesについて

Lottieは、JSONベースのアニメーションファイル形式です。これを使うと、静止画アセットを配信するのと同じくらい簡単に、アニメーションをあらゆるプラットフォームに配信できます。Lottieはどんなデバイスでも動作するサイズの小さなファイルで、ピクセル化を起こさずに拡大縮小できます。LottieFilesはLottieの作成、編集、テスト、共同制作、配信を、これ以上なく簡単に行えるようにします。

STUDIO について

STUDIOは「創造性を、解き放つ。」というミッションのもと、クリエイティブで高品質なWebサイトの、簡単かつスピーディな制作から運用までを実現する、ノーコードWebデザインプラットフォームを提供しています。

発表者

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

Awaya

Awaya published LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説【増枠】.

12/05/2023 16:38

LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説 を公開しました!

Group

STUDIO

次世代のデザインツール「STUDIO」のグループです

Number of events 27

Members 1283

Ended

2023/12/15(Fri)

19:00
20:00

You cannot RSVP if you are already participating in another event at the same date.

Registration Period
2023/12/05(Tue) 16:38 〜
2023/12/15(Fri) 20:00

Location

オンライン

オンライン

オンライン

Attendees(262)

nyaka-prog

nyaka-prog

LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説 に参加を申し込みました!

webkenbee

webkenbee

興味深い内容で楽しみにしています!ぜひ参加させてください。宜しくお願いいたします。

Noriko-M

Noriko-M

LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説 に参加を申し込みました!

cocoa

cocoa

LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説 に参加を申し込みました!

noga

noga

LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説 に参加を申し込みました!

seoyoon

seoyoon

LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説 に参加を申し込みました!

remeyama

remeyama

LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説 に参加を申し込みました!

ゆう

ゆう

LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説 に参加を申し込みました!

chuang_kartz

chuang_kartz

LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説 に参加を申し込みました!

AKI

AKI

LottieFilesにアップした自作アニメーションをSTUDIOで実装するワークフロー解説 に参加を申し込みました!

Attendees (262)

Canceled (3)