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

2月

20

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

今どきのWeb屋さんが集まって、WebフロントまわりのUIについてほげほげお話します。

Hashtag :#frontkansai
Registration info

発表者枠

Free

FCFS
9/10

参加者枠

Free

FCFS
36/15

ブログ書く枠

Free

FCFS
3/5

Description

関西フロントエンド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分までとご希望の時間でお選びいただけます。

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

参加について

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

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

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

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

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

会場 / 日時

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

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

諸注意

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

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

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

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

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

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

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

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

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

Media View all Media

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

Feed

mikakane

mikakane さんが [JS/CSS/SVG] Webとアニメーションの様々なありかた を公開しました。

01/19/2016 16:35

[JS/CSS/SVG] Webとアニメーションの様々なありかた を公開しました!

Ended

2016/02/20(Sat)

15:30
18:00

Registration Period
2016/01/19(Tue) 16:34 〜
2016/02/20(Sat) 18:00

Location

TAM コワーキング

大阪府大阪市北区末広町3-7

TAM コワーキング

Organizer

Attendees(27)

likr

likr

[JS/CSS/SVG] Webとアニメーションの様々なありかた に参加を申し込みました!

itozyun

itozyun

LTタイトルは、「GPUアクセラレーションを効かせた無限スクロールを2/20までに実装してどやっ!ってする」でお願いいたしますm(__)m

YusukeKano

YusukeKano

Animate CC使ってみます

YuzuhoTakagi

YuzuhoTakagi

[JS/CSS/SVG] Webとアニメーションの様々なありかた に参加を申し込みました!

H_HASEGAWA

H_HASEGAWA

[JS/CSS/SVG] Webとアニメーションの様々なありかた に参加を申し込みました!

mikakane

mikakane

[JS/CSS/SVG] Webとアニメーションの様々なありかたに参加を申し込みました!

shima_x_o

shima_x_o

[JS/CSS/SVG] Webとアニメーションの様々なありかた に参加を申し込みました!

tomothumb

tomothumb

発表聞きたいのでLTします。SVGとかcanvasとかの事例。たぶん5分〜15分ぐらい。

yasui821

yasui821

[JS/CSS/SVG] Webとアニメーションの様々なありかた に参加を申し込みました!

kotoyori

kotoyori

[JS/CSS/SVG] Webとアニメーションの様々なありかたに参加を申し込みました!

Attendees (27)

Waitlist (21)

ichirouorg

ichirouorg

[JS/CSS/SVG] Webとアニメーションの様々なありかた に参加を申し込みました!

NaoItoh

NaoItoh

[JS/CSS/SVG] Webとアニメーションの様々なありかたに参加を申し込みました!

TakashiMiki

TakashiMiki

[JS/CSS/SVG] Webとアニメーションの様々なありかたに参加を申し込みました!

misuzoo

misuzoo

[JS/CSS/SVG] Webとアニメーションの様々なありかたに参加を申し込みました!

yutakiyama

yutakiyama

[JS/CSS/SVG] Webとアニメーションの様々なありかたに参加を申し込みました!

hiromi_iwai

hiromi_iwai

[JS/CSS/SVG] Webとアニメーションの様々なありかた に参加を申し込みました!

akspect

akspect

[JS/CSS/SVG] Webとアニメーションの様々なありかた に参加を申し込みました!

chataro

chataro

[JS/CSS/SVG] Webとアニメーションの様々なありかたに参加を申し込みました!

commojun

commojun

[JS/CSS/SVG] Webとアニメーションの様々なありかた に参加を申し込みました!

ishiami

ishiami

[JS/CSS/SVG] Webとアニメーションの様々なありかた に参加を申し込みました!

Waitlist (21)

Canceled (16)