イベントの説明
★講演内容
近年、ボタンのタップ時やページの遷移時等に、
ちょっとした演出を加えるマイクロインタラクションの需要が高まっています。
画像の拡大縮小に強い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のヒカラボチーム宛にご連絡下さい。
※懇親会からの参加はご遠慮いただいております。
★持ち物
・筆記用具
・名刺1枚
※ただし、【ヒカラボのステッカー】を貼って頂いている方は、名刺無しでOKです。
★対象
・フロントエンドエンジニア
・HTML、CSS、JavaScript(またはjQuery)の基礎的な知識のあるwebデザイナー・コーダー
※学べること
・ SVGアニメーションの基礎知識
（SVGの概要、作成方法、 SVGアニメーションを用いたマイクロインタラクションの事例）
・ SVGアニメーションの実装方法
（CSS3やJavaScriptによる方法、ライブラリによる方法）
★費用
無料
★場所
※インターネットをご利用いただけます。
ご自身のWi-Fiを使用されると、回線が混雑する場合がございますので、ご使用はお控えください。
■レバレジーズの運営サイト
フリーエンジニア参画支援サービス： レバテックフリーランス
エンジニア専門転職エージェント： レバテックキャリア
Webクリエイター専門サービス： レバテッククリエイター
エージェントが語るテックブログ： レバテックタイム
エンジニア向けQ&Aサイト： teratail
オンラインスキルシート作成サービス：WHOAMI
★その他
※ヒカラボにお越しの際はお名刺を1枚お持ちください。
※お名刺をお持ちでない方は、写真付きの身分証明証（運転免許証・パスポート・学生証）をお持ちください。
※学生の方、個人の方も是非ご参加ください！
※参加が難しくなった場合は、お早めにキャンセルいただけますようよろしくお願い致します。
※イベントは、止むを得ず中止させていただく場合がございます。
その際はTwitterとFacebookメッセージでご連絡させていただきますので、ご確認をお願い致します。
発表者
鹿野 壮氏
資料 資料をもっと見る／編集する
資料が投稿されると、最新の3件が表示されます。
フィード
2017/05/15 15:44
【 ヒカ☆ラボ 】SVGアニメーションで始めるマイクロインタラクション を公開しました！
levtech_inc
エンジニアをつなぐ
connpass は株式会社ビープラウドが開発・運営しています