2017年10月のてげWebまとめ

しげっち法師さん@ドリームプレゼンター @kshigeyama

てげWeb申込完了(･`ω´･ )ｷﾘｯ。プロマネの話が出来るかどうか・・・未定です(；^ω^) #tegeweb

t_furu ♨ @t_furu

今日の てげWeb 向けの #Sigfox と #firebase cloud functions ハンズオン サンプルと資料できた! #鹿児島市 #鹿児島 #IoT #tegeweb tegeweb-201710.peatix.com

森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

本日てげWeb開催日です！会場はTUKUDDO、だいたい19時スタートとなります。森はVue.jsのアニメーション、古川さんはLPWA(Sigfox)の予定！共有・告知のある方、聞くのみの方、皆様のご参加をお待ちしております〜！ tegeweb-201710.peatix.com/view

megushio @megushio

今月も始まりました、10月のてげWebです！今日は9人の参加者の方々に集まって頂きました☆メインは主催者の森さんからVue.jsのお話、@tukuddo の主、古川さんからLPWA(Sigfox)のお話を伺います。 #tegeweb

TUKUDDO -鹿児島のモノづくりスペ @tukuddo

本日のイベント #てげweb が始まりました。 まずは動画鑑賞。 #TUKUDDO #イベント #勉強会 #tegeweb #kagoshima pic.twitter.com/hjWXXxm24h

拡大

megushio @megushio

てげWeb恒例、一番始めは「気になった動画の紹介」からスタート！ ▼3Dプリンタで作るジャンボ・ジェット機？ goo.gl/uDRrak #tegeweb

megushio @megushio

さすが、ものづくりスペース @tukuddo ！最初の動画で出てきたカーボン・ナノチューブで盛り上がっております。 #tegeweb

megushio @megushio

お次は、主催者の森さんから、制作の小ネタ。 goo.gl/R4kVhj #tegeweb

megushio @megushio

では、本日前半のメイン議題、主催者の森さんからVue.jsのお話。 ▼Vue.jsミニハンズオン（TODOリストにアニメーションをつける） goo.gl/ms64nf #tegeweb

megushio @megushio

ものづくりスペース @tukuddo の主、@t_furu さんは、今作っているプロダクトにVue.jsを使っているそうですよー。 #tegeweb

t_furu ♨ @t_furu

てげWeb #tegeweb vue.js でアニメーション をつける。 v-if 使うとアニメーションが簡単に実装できるよ。 v-enter,v-leave CSS クラスが追加されるのでそれを利用するとアニメーション内容を変更できるらしい。 pic.twitter.com/Yp9xTU4BMY

拡大

拡大

t_furu ♨ @t_furu

てげWeb #tegeweb vue.js でアニメーション をつける。 css animation を上手く組みあわせられるようになっているぽい。 @keyframe や transform を組み込める。 pic.twitter.com/vI0UWGfHYV

拡大

megushio @megushio

“いろんな種類のアニメーションが設定されているanimate.cssを使いたい！そんな要望にVue.jsは応えてくれます。” ← これいいな♪ #tegeweb daneden.github.io/animate.css/

t_furu ♨ @t_furu

てげWeb #tegeweb vue.js でアニメーション をつける。 animation.css など配布されているアニメーションCSSも簡単に組み込める。enter-active-class,leave-active-class でカスタムクラスを指定できる。 pic.twitter.com/ofwKD2ZwIP

拡大

megushio @megushio

公式のガイドも結構日本語化されていますね！しかも最終更新日が2017年10月17日！！割りと最近っ #tegeweb jp.vuejs.org/v2/guide/trans…