11月18日、沖縄で開催されたイベント『フロントエンドカンファレンス沖縄 2023』にて登壇いたしました🌺
お話したセッションは「リッチなアニメーションを手軽に実装!Lottieアニメーションの基本と活用事例」と題し、Lottieとは何か、活用するメリットや注意点、実際の活用事例などをご紹介しました。
この記事では、当日使用したスライド資料を一部ご紹介したいと思います。
フロントエンドカンファレンス沖縄とは?
フロントエンドカンファレンス沖縄は、エンジニアやデザイナーなど、ウェブに関わるすべての方が参加できるイベントです。開催地はもちろん、沖縄です🌺
HTML、JavaScript、UI、UX、デザイン、アクセシビリティ、SPAフレームワーク、PWAなど、すべてフロントエンドです。本イベントでは、これらに関するさまざまなセッション・企画が実施され、職種を問わずに楽しめます。
今回は、所属先である株式会社neccoのメンバーと2人で、1セッションずつお話しする機会をいただきました。
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.)