2018年3月8日(木)SVG勉強会ご報告

3月8日に行いました勉強会のご報告です★
【SVG勉強会内容】
———————-
★最近の近況、新しい情報交換など 15分
★SVG勉強会 (スライドを見ながら、やってみよう)1時間
★今日の感想 15分
★今後の活動報告、現状の悩みなど。 30分
計2時間+晩ごはんの時間
———————-
私含めて3人での勉強会でしたが、以前からの勉強会仲間ということもあり、
和気藹々と楽しく勉強会をさせていただくことができました♬
ご参加いただいたのは全員、WEBデザイナーで、歴はそれぞれ違いましたが、
SVGを実務に取り入れている状況はみんなそこまでがっつり取り入れてはいませんでしたので
今回の内容は全員にとって勉強になったのではと感じました。
 
まずは、最近の近況や新しく仕入れた情報の交換などを行なってストレッチ☆
自分の情報の仕入れ方だと自分が気になってるもの、
いつも見ているものからの情報だけだったり偏りがちですが、
他の人の目線で仕入れられた情報を聞けるので勉強会ならではの良いところです◎
 
本件のSVGの勉強会ですが、私が確定申告やら仕事のことであまりに時間がなく、
以前に勉強会をされていた方のスライドデータをもとに勉強会をさせていただきました。
分かりやすいスライドデータを作られた方に感謝です(^_^
実際、どんな会社のどんな画像に取り入れられているのかを見ながら、
イラストレータデータを用意させてもらったので、それのSVGの書き出しも行なってみました。
分からない単語や、気になった箇所は逐一調べながら、自分の中での情報も更新しながら進めました。
 
SVGのまとめとしては、
部分的にSVGを取り入れることでレティナディスプレイにも対応できて(モヤっと画像からの脱却)、
中級編になりますが効率化にもなる◎
書き出しは超簡単だし使わなきゃ損!便利なライブラリもたくさんあるので、
どんどん実務に取り入れていこう!というまとめでした◎
 
勉強会内で出た話題。
 
・基礎の自主勉強/コーディング初心者のデザイナーさんがおられたので挙がりました
【Progate】https://prog-8.com/
・画像の圧縮について/
https://tinypng.com/ JPGやpngの圧縮
・便利なツール&ライブラリ
http://lazylinepainter.info/ 線画アニメーションのjQueryライブラリ
https://svgporn.com/ ツールのロゴコレクション
http://riccardoscalco.github.io/textures/ SVGでテクスチャーもできる!
http://samherbert.net/svg-loaders/ SVGアニメーションのローディングアイコン
 
次回は、中級編も開きたいし、デザイン系の勉強会や、ディスカッションメインの会を開きたいなー!という話に♫
次回も楽しい勉強会を開きたいと思います!!
 
最後はみんなで「なっちゃん飯」をいただきました♪
《メニュー》
・特大、おこげ入りにぎり飯
・わかめと卵のお味噌汁
・春菊のおひたし
・こんぶとおかかの箸休め
・ブロッコリーの和風ドレッシング和え
・鶏肉&がんもどきのみぞれ煮
※なっちゃん間違ってたらごめんね。
 
楽しく会話しながら美味しいごはんとをいただけて、良い勉強会になりました😂
ご参加いただいた方々、開催場所のakebiさん、本当にありがとうございました!!