Design

Lottieの基本と活用事例について『フロントエンドカンファレンス沖縄 2023』で登壇しました【スライド資料あり】

フロントエンドカンファレンス沖縄 2023で登壇中の様子
記事内に商品プロモーションを含む場合があります

11月18日、沖縄で開催されたイベント『フロントエンドカンファレンス沖縄 2023』にて登壇いたしました🌺

お話したセッションは「リッチなアニメーションを手軽に実装!Lottieアニメーションの基本と活用事例」と題し、Lottieとは何か、活用するメリットや注意点、実際の活用事例などをご紹介しました。

この記事では、当日使用したスライド資料を一部ご紹介したいと思います。

フロントエンドカンファレンス沖縄とは?

フロントエンドカンファレンス沖縄は、エンジニアやデザイナーなど、ウェブに関わるすべての方が参加できるイベントです。開催地はもちろん、沖縄です🌺

HTML、JavaScript、UI、UX、デザイン、アクセシビリティ、SPAフレームワーク、PWAなど、すべてフロントエンドです。本イベントでは、これらに関するさまざまなセッション・企画が実施され、職種を問わずに楽しめます。

今回は、所属先である株式会社neccoのメンバーと2人で、1セッションずつお話しする機会をいただきました。

フロントエンドカンファレンス沖縄 2023 公式サイト

10分間の「Lottieはいいぞ」というお話し

繰り返しになりますが、わたしは今回「Lottieアニメーションの基本と活用事例」について、10分間のゲストセッションでお話ししました。

フロントエンドカンファレンスというと、エンジニアさんの参加が多いイメージです。その中で「デザイナーのわたしがお話できることって何だろう?」「どうすればみなさんに参加してよかったと思ってもらえるだろう?」そう考えて選んだテーマが『Lottieアニメーション』でした。(デザインエンジニアの代表にも相談に乗ってもらいました💬)

Lottieを使えば、手軽に高品質なアニメーションを実装できます。所属先のneccoでは積極的に活用していますが、きっとまだ使ったことがない方も多いはず。

できればLottieを使ってみてほしい。そして、新しい知見が得られたときは教えてほしい。そんな気持ちでスライド資料も作成しました。

また、今回はneccoが「デザインスポンサー」をつとめていました。その中でウェブサイトやTシャツ、バナースタンド、オンライン配信画面のデザインなどを担当させていただいたので、スライド資料でもそのグラフィックをふんだんに使用しました。

スライド資料のダイジェスト

ここからは当日使用したスライド資料の一部をご紹介します。よく見ると動いている動画スライドもあるので、ゆっくりご覧くださいね。

活用事例はダイジェスト記事用に1本の動画にしてみました👇

以上、イベントでお話しした「Lottieアニメーションの基本と活用事例」スライド資料の一部でした。

オンライン配信のアーカイブ動画🍿

「Lottieの基本と活用事例について動画で見たい!」という方は、YouTubeにてオンライン配信のアーカイブ動画をご覧いただけます🙌

1:51:45 リッチなアニメーションを手軽に実装!Lottieの基本と活用事例

10分間でサーッとLottieの基本から活用事例まで学べる内容になっています。

記事の前半で紹介したスライドを含め、たっぷり約50枚のスライドを使ってお話しました。よければ見てみてください🌺

フロントエンドカンファレンス沖縄2023 (アーカイブ動画)

沖縄の思い出は会社のブログに🐢

会社のブログでは、同じ日に登壇したメンバーのセッションや、沖縄での思い出も少し紹介しています。もし興味がある方はのぞいてみてください。

『フロントエンドカンファレンス沖縄 2023』で中川・田口が登壇しました。スライド資料と沖縄の思い出ダイジェスト(necco inc.)

ABOUT ME
fuyuna
都内のデザイン会社に勤務するデザイナー|ウェブデザイン・モーションデザイン・グラフィックデザイン|元理学療法士|デザイン・アート・インテリア・お出かけ好き