[JS/CSS/SVG] Webとアニメーションの様々なありかた

関西フロントエンドUGでは、 HTMLやCSS、Javascriptと言ったWebフロントエンドの技術をテーマに、 エンジニアさんやデザイナーさんを集めて技術共有のための勉強会を行っています。

初心者からベテランまで、登壇・参加の垣根なく、 発表や質問を通じて自由に技術交流できればと考えています。

アニメーションについて考える

最近のWebサイトはぐりぐり動くものも増えてきたので、ここらで一旦Webサイトで使われているアニメーションの制作ノウハウを共有してみませんか？という試みです。

Javascriptを使ったものやCSSを使ったもの、SVGアニメーションや動画の埋め込みなど、種類は多種多様ですが、 セッションのネタかぶりとかは気にせずに、とりあえずいろんな現場でのアニメーション制作環境などお伺い出来ればと思っております。

セッション構成

ディズニーから学ぶ アニメーションの基本原則

risa.yasui

ディズニーが教えるアニメーションの原則を紹介しつつ色々考えたことを発表します

FlashでHTML5アニメーションを作ってみた

YusukeKano

Adobe Animateの話とFlash Professionalでcanvasアニメーションをデモしたいと思います。

Canvas でパラパラ漫画を作ってみた

H_HASEGAWA

パララックスサイトの設計方法、制作フロー

@shima_x_o

パララックスサイト特有のごちゃつきがちなマークアップをJade使ったら幾分ましになった。

アニメーションのためのパフォーマンスの基礎知識

@_likr

クールなアニメーションを実現するためのパフォーマンスの基礎知識について喋ってみます。

自社ロゴを手書きSVGで書いてアニメーションさせてみた話

mikakane

手書きSVGとアニメーションの入門。

LT

• GPUアクセラレーションを効かせた無限スクロールを2/20までに実装してどやっ！ってする - itozyun

登壇者募集中

LT登壇者募集中です。是非お申込みください。

• Javascriptアニメーション、こんなライブラリ使ってますよ/使ってみた話
• CSSアニメーションの書き方、mixinの紹介など
• SVGアニメーションの書き方、制作フローなど
• サイトの中に動画を埋め込んでシームレスに展開…など
• パララックス的なサイトの設計方法、制作フロー

などなど。アニメーション制作に関することなら何でもOK (5分のLT枠は特にアニメーションに限らない話でもOK!!)

時間は5分から30分までとご希望の時間でお選びいただけます。

日頃の開発に関するあれこれを５分程度でパッと話してみるだけで大丈夫!! ぜひぜひ、お申込みください。

参加について

登壇者優先での募集となりますので、その旨ご了承ください。

登壇については毎回初めての方も多く参加してもらっていますので、 「初めての発表でよくわからない…」という方も是非騙されたと思って気軽に申し込んでみてください!!

ブログ書く枠は、勉強会後参加レポートのブログを書いてくださる方の優先枠です。

ブログ書く枠で参加される方は勉強会開催後、下記のFacebookグループまで、参加ブログの報告をお願いします!!
https://www.facebook.com/groups/602554363223656/

もちろん、一般参加枠、発表枠の方の参加レポートもお待ちしてます!!

会場 / 日時

会場は株式会社TAMさんをお借りしての開催となります。

ありがとうございます!!

諸注意

• 会場内では、原則写真撮影が入ります。
• 写真NGの方などは当日受付の際にお申し付けください。

関西フロントエンドUGについて

関西フロントエンドUGは、関西に巣食うフロントエンドエンジニアのためのコミュニティです。

https://www.facebook.com/groups/602554363223656/

「最近のWeb制作ってどうなのよ?」をテーマに、エンジニア向け、デザイナー向けのイベントを開催し、 勉強したり話をしたり、飲んだり笑ったりしていこうという会です。

定期的にもくもく会とかセッション会とかやったりしてます。

こんなイベント参加してみたい、こんな話が聞きたいなど、 些細なことでも構わないのでお気軽にイベントのネタとか投げてもらえると助かります!!

運営スタッフも随時募集中!!

お問い合わせ等は https://twitter.com/frontkansai まで