Ruby

SVGアニメーションで始めるマイクロインタラクション

  • このエントリーをはてなブックマークに追加
日時: 2017/06/15 (木) 19:30 〜 21:30
定員: 20人
参加費: 無料
会場: レバテック本社
東京都渋谷区渋谷2-21-1 渋谷ヒカリエ17F

講演内容

近年、ボタンのタップ時やページの遷移時等に、
ちょっとした演出を加えるマイクロインタラクションの需要が高まっています。
画像の拡大縮小に強いSVGアニメーションは、
さまざまなデバイス向けのマイクロインタラクションの実装に効果的です。
本セッションでは、初めてSVGアニメーションに触れるwebクリエイターを対象に、
基礎知識と実装方法を紹介します。

講演者プロフィール

鹿野 壮氏

株式会社ICS所属のインタラクションデザイナー。
九州大学音響設計学科でメディアアートを学ぶ。
Google Play 2014年ベストゲームに選ばれた
モバイルアプリ「パズ億~爽快パズルゲーム」や、
Chrome Experimentsに選出された
HTML5製デザインツール「ParticleDevelop」を始め、
モバイルアプリ開発やWebページ制作を専門とする。
傍ら、セミナー登壇や技術記事執筆にて情報を発信中。

・ICS MEDIA: https://ics.media/
・Qiita:   http://qiita.com/tonkotsuboy_com
・Twitter:    https://twitter.com/tonkotsuboy_com/

※ 内容は変更になる可能性があります。

タイムテーブル

時間 講演内容
19:30~19:40 主催者から挨拶
19:40~20:10 「SVGとSVGアニメーションの基礎知識」
20:10~20:15 休憩
20:15~20:45 「CSS3、JavaScript、ライブラリを使ったSVGアニメーションの実装方法」
20:45~20:55 質疑応答
20:55~21:00 アンケート記入
21:00~21:30 懇親会(ドリンクとお菓子をご用意しています)

※講演プログラムは、変更する可能性、前後する可能性もございますので、
 予めご了承くださいますようお願い致します。
※受付時間は19時から20時頃とさせていただきます。
 当日遅れられる場合は03-5774-1632のヒカラボチーム宛にご連絡下さい。
※懇親会からの参加はご遠慮いただいております。

持ち物

・筆記用具
・名刺

※ただし、【ヒカラボのステッカー】を貼って頂いている方は、名刺無しでOKです。

対象

・フロントエンドエンジニア
・HTML、CSS、JavaScript(またはjQuery)の基礎的な知識のあるwebデザイナー・コーダー

※学べること
・ SVGアニメーションの基礎知識
 (SVGの概要、作成方法、 SVGアニメーションを用いたマイクロインタラクションの事例)
・ SVGアニメーションの実装方法
 (CSS3やJavaScriptによる方法、ライブラリによる方法)

費用

無料

その他

※ヒカラボにお越しの際はお名刺を1枚お持ちください。
※お名刺をお持ちでない方は、写真付きの身分証明証(運転免許証・パスポート・学生証)をお持ちください。
※学生の方、個人の方も是非ご参加ください!
※参加が難しくなった場合は、お早めにキャンセルいただけますようよろしくお願い致します。
※イベントは、止むを得ず中止させていただく場合がございます。
 その際はTwitterとFacebookメッセージでご連絡させていただきますので、ご確認をお願い致します。

このイベントは終了しました

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

このイベントは終了しました

参加希望者
250/20人
  • 正社員求人・転職支援はこちら
  • 年収800万円以上の転職を目指す エキスパートのハイクラス転職 エンジニア・クリエイター専門 レバテックエキスパート