necco note 編集部
writer necco note 編集部

necco note neccoのノートとお知らせ。

CaT史上最大規模!初のエンジニア回となる「CaT vol.7 真夏のVue.js祭り」を開催しました!

北は北海道から南は沖縄まで!7名のスピーカーに登壇いただきました!

CaT vol.4全体

お盆休み期間中の人も多い2019年8月17日(土)、秋田市にぎわい交流館AUにて第7回目となる「CaT vol.7 真夏のVue.js祭り」を開催しました。
今回はCaT初となるエンジニア回!〈Vue.js〉を最前線で利用しているエンジニアの方々を、日本各地からスピーカーとしてお迎え。なんと、沖縄・大阪・長野・仙台・秋田・青森・札幌で活躍する7名のみなさんに登壇していただきました。

セッション内容は、Vue.jsの入門からウェブアプリやSPA(シングルページアプリケーション)、アニメーション、WordPress+Nuxt、あのnoteさんがNuxtを使ったお話などなど。
そしてさらに、休憩時間にはデスクワークで疲れた体をほぐすヨガタイムも!会場はまさに大盛り上がりでした。
早速ですが、前夜祭〜イベント本編〜二次会以降の様子を写真とともにレポートします。

今回制作したグッズはこちら!

まずはグッズのご紹介から。
CaT vol.7は「真夏のVue.js祭り」ということで、お祭りバージョンの箱猫ちゃんをデザイナーの今が制作。
Tシャツを3種類作ってTシャツ付きチケットとして販売し、購入された方にはお好きなデザインを選んでいただきました。
CaTvol.7Tシャツ

今回初の試みとして、ショッパー(紙袋)も制作してみました!
輪郭のない箱猫ちゃん。じわじわくる愛らしさです。
CaTショッパー

CaT箱猫Tシャツ01

毎度おなじみのステッカーはこちら!特別バージョンのキラキラ仕様に!

さらに、なんとなんと!!
登壇者の福井烈さんの奥様に箱猫アイシングクッキーを作っていただきました!
かわいい〜〜〜!!!食べるのがもったいない…。お店はこちらです!!

箱猫アイシングクッキー

前夜祭をneccoオフィスで開催!

CaTvol.7前夜祭

neccoの料理人・森下が、鶏のから揚げやたこ焼きを作っておもてなし。差し入れやおみやげまでいただいて、うれしい限りです。

CaT vol.7前夜祭

CaT vol.7前夜祭

CaT vol.7前夜祭

イベント参加者は66名!CaT史上最大規模での開催となりました。

CaT vol.7司会

今回の参加人数はCaT史上最多の66名!こんなにたくさんの人たちが秋田の勉強会に集まるなんて!!みなさん一体どこから来てくれたのでしょうか?

県別内訳はこちら。

秋田県 28名
北海道 3名
青森県 5名
岩手県 1名
宮城県 3名
福島県 4名
千葉県 1名
東京都 8名
神奈川県 1名
新潟県 2名
長野県 1名
愛知県 2名
大阪府 4名
兵庫県 1名
福岡県 1名
沖縄県 1名

合計 66名

見事にバラバラでした!
秋田県が多いのはもちろんですが、北海道から沖縄までめちゃくちゃ遠方から来てくださっている!!本当にありがたいです。

ではセッションごとにご紹介していきます。
※全体非公開のスライドもありますのでご了承ください。参加者のみなさまにはフォローアップメールをお送りしますので、そちらをご覧ください。

セッション1:「Vue.jsって美味しいの?未経験者向けの基礎講座」長谷川 広武(´°ム°`)(株式会社HAMWORKS)

CaT vol.7ハムさん

neccoが懇意にしていただいている株式会社HAMWORKSの「ハムさん」こと、長谷川広武さんです。
1つ目のセッションにふさわしいVue.jsの基礎講座のセッションをお願いしました。
思った以上に参加者さんの方はVue.jsをあまり触って無い方が多かったようで入門編はとても好評でした。

こちらのセッションは2019年10月19日(土)13:00-18:45開催のCSS Nite LP64「Coder’s High 2019」で類似のセッションがありますので、参加者さんのみのスライド公開とさせていただきます。
このCSS Nite Coder’s High 2019はneccoの阿部とデザイナーの今と、今回のCaTの登壇者でもあるKITERETZのKITEさんも一緒に登壇予定です!本日時点で300名の満席になったあと少しだけ増席されたみたいで若干名チケットあるみたいです。ご興味ある方はぜひ。

株式会社HAMWORKSさんには今回CaTにご協賛もいただきました!ありがとうござます!

セッション2:「ポイントカードシステムをVue.js + kintoneで開発した話」森下 裕介(株式会社necco)

CaT vol.7 necco森下

neccoからはエンジニアの森下が登壇。配布したQRコードをVue.js + kintoneでQRコードリーダーと管理画面を開発した事例を紹介しました。

 

セッション3:「Vueでここまでできる!アニメーション実例」丹野 翔太(KITERETZ inc.)

Cat vol.7 丹野KITERETZのフロントエンドエンジニア、丹野さん。

実例をもとにアニメーションについて実際のコードなどもご紹介いただきました。
こちらのセッションも参加者さんのみのスライド公開となります。

セッション4:「Vue / Nuxt は 簡単にSPA作れるけど、SPAが簡単に作れると思ったら大間違いだ!」占部 紘(株式会社HAMWORKS)

CaT vol.7トロさん

「トロさん」こと占部さんは、HAMWORKSのフロントエンド・WordPressエンジニア。
WordPress プラグイン作者でもあるトロさんの貴重な失敗談や教訓をまとめていただいたセッションになりました。
具体的には、コンポーネントの設計についてやVuexについての失敗談などよりNuxt.jsに踏み込んだ内容になってました。

セッション5:「Nuxt.jsとFirebaseでリアルタイムチャットアプリ開発した話」鈴木孝之(株式会社Re:Build)

CaT vol.7 鈴木孝之

鈴木孝之さんは2017年11月に沖縄で起業し、株式会社Re:Buildを設立。東京の起業から開発案件を請け負いながら、自社ウェブサービス、エンジニアの為のエンジニアによる仕事紹介サービス「Tadoru」を開発中です。

そのTadoruでも利用されたNuxt.jsを用いたチャット機能のセッションでした!詳細はスライドにてご確認ください。

ここで休憩。コモモ先生のヨガで体をほぐしましょう!

座りっぱなしで疲れたところで、ヨガタイムです。neccoでオンラインヨガを教えてくださっているコモモ先生(高橋朋代さん)にご登場いただきました!
体を伸ばしたり、ひねったり、隣の席の人とぶつからずにできる上半身の動きを中心におこないました。

CaT vol.7ヨガ

CaT vol.7ヨガ

CaT vol.7ヨガ

体をのばすと気持ちいい〜!
Vueポーズもわすれずに。

セッション6:「WordPress + Nuxt.js」Kite(KITERETZ inc.)

CaT vol.7 カイトさん
KITERETZのKiteさんは、昨年夏以来2度目のCaT登壇です。

毎回、大阪からありがとうございます!! Nuxt.jsの基礎的な説明から、Nuxt.jsをフロントエンドで利用し、WordPressをHeadless CMSのように利用したJAM Stackな構成なウェブサイトの事例をお話いただきました。

こちらのセッションも2019年10月19日(土)13:00-18:45開催のCSS Nite LP64「Coder’s High 2019」で類似のセッションがありますので、参加者さんのみのスライド公開とさせていただきます。

セッション7:「noteをNuxt.jsで再構築した話 2nd」福井 烈(株式会社ピースオブケイク)

CaT vol.7 福井さん
ピースオブケイクの福井さんは、あのnoteの開発・運用に携わるエンジニア。
セッション内容〜〜〜〜

同会場で懇親会!LTは6名の方に登壇していただきました!

CaT vol.7懇親会

まずはかんぱーい!!!
会場には、秋田市に店舗を構える山王デリカテッセンさんのおいしい料理が並びます。おっしゃれ〜!!

CaT vol.7懇親会料理

CaT vol.7懇親会料理02

懇親会では、6名のみなさんにLTをお願いしました。

「インフラエンジニアから見るVue.js」若松 剛志(アイレット株式会社

CaT vol.7 LT01

「VueAppのサイズを小さくした話」大庭 周士(株式会社デザイニウム

CaT vol.7 LT02

「青森でもやってるよ!Vue.js(Nuxt.js)制作事例」須藤 善達(株式会社ビーコーズ
CaT vol.7 LT03

「コンポーネント設計で自作パッケージ化して進めようとしている話、もしくはUnitテスト(Jest)を触っている話」Yuma Kitamura(株式会社スマレジ

CaT vol.7 LT04

「ひよこでも始められるVue.js」Qtaro(カマダ ダイスケ

CaT vol.7 LT05

「Vue with TypeScript」西畑 一馬(株式会社トゥーアール

CaT vol.7 LT06

みなさん真剣に聞き入っています。

CaT vol.7懇親会

わいわい

CaT vol.7懇親会

ヨガ???

CaT vol.7懇親会ヨガ

neccoスタッフが大好きなぴよたそちゃんと会えました!!

CaT ぴよたそ

ぴよたそ

最後は一本締めで終了〜〜〜!!

CaT vol.7懇親会終了

まだまだ続くよ…二次会〜四次会へ

CaTの夜は長い!懇親会のあとは有志参加の二次会です。
秋田番屋酒場さんで、秋田の郷土料理や海の幸、日本酒を楽しみました。

CaT vol.7二次会

三次会〜四次会は、トルコ料理と水タバコが楽しめるRaha’s Bar back dropさんにて。

CaT vol.4三次会

気づかないKiteさんと丹野さん。

CaT vol.4三次会

気づかないKiteさんと丹野さん。

CaT vol.4三次会

楽しい宴は朝4時まで続きました…。

みんなCaTロス???&参加者さんレポートや感想など!

今回のCaTがあまりに楽しすぎてCaT ロスの方が続出!!来年も絶対やりますのでみなさん遊びにきてください。

また、LT登壇者さんが開催レポートを書いてくれてますのでこちらもぜひご覧ください。私も書いたよ〜と言う方掲載しますのでご連絡くださいませ〜。

この投稿をInstagramで見る

先日17日に秋田市中通のにぎわい交流館auで開催された技術者向けイベント「CaT vol.7 真夏のVue.js祭り」に参加してきました。 ▼終了:CaT vol.7 真夏のVue.js祭り https://create-and-think.doorkeeper.jp/events/90155 ついでにLT(ライトニングトーク:5分くらいの短い時間でイベントのテーマに関することを話すやつ)にも登壇。人生初LTだったので多少緊張しましたが、それなりに良い反応もいただけて満足。良い経験になりました! ところで、CaT主催のneccoさんは秋田県内の企業で今僕が一番推しているデザイン制作会社です。 制作物のデザインも洗練されていて、Web系のモダンな技術を取り扱うことにも積極的。こういう企業さんがこれから秋田にも少しずつでも増えてくれば、この街の暮らしももっと面白くなっていけるし、若い人が抱える漠然とした地元への不安・不満も解消していけるのではないかなと思っています。 何より僕自身、似た領域で身近にリスペクトできる企業さんが出来たのがとても嬉しいんですよね。地方は特にですが、何か浮かんだとき困ったとき、声かけたくなる企業さんが近くにいるというのはとても幸せなこと。 今後もneccoさん主催する取り組みにはどんどん参加していきたいところです。 写真はLTの題材にもさせていただいた僕がサイト開発しているぴよたそと、当日参加者に配られたCaTマスコットの箱猫ちゃんのアイシングクッキー。 感動の対面。 補足:neccoの皆さんぴよたそを知っててくれて、しかもめっちゃ好きでいてくれてるっていう。ありがたい!!! #cat #cat_vol7 #ぴよたそ #アイシングクッキー #ぬいぐるみ #ひよこ

daisukekamada908さん(@qqqqqqqqqtaro)がシェアした投稿 –

さいごに

登壇者のみなさま、参加者のみなさま、このたびは本当にありがとうございました!
秋田という地でこのような勉強会を開催できたことを、neccoスタッフ一同たいへんうれしく思っております。
ぜひまた次回お会いしましょう!!

cat-vol7-main

おまけ:箱猫の行方

CaTがおわったあとのアイシングクッキー箱猫の行方など

すべすべされたり

土器に入ったり

泣いたりw

3DCGになったり!!!!

みなさんのTweetまとめました〜!

necco note 編集部
necco note 編集部 necco note 編集部

neccoからのお知らせや最新情報、CaTをはじめとしたイベント告知、勉強会参加レポートなどを公開しています。仕事以外にも、スタッフが作るランチやオンラインヨガの様子など、幅広いテーマで更新します。