「Progressive Web Appsハンズオン勉強会」を開催しました

こんにちは。
GDG神戸の中谷です。

7/30に「Progressive Web Appsハンズオン勉強会」を開催しました。
会場はサイボウズ様にお借りし、およそ15名ほど参加してくださいました。

GDG神戸の尾上さんがPWAの説明とハンズオンを行うという形で勉強会を行いました。

説明用のスライドはこちらにアップされています。

PWAの説明を行う尾上さん

オフラインWebを利用するために必要な要素(キャッシュ・ServiceWorker)について
まずは説明からスタート。

次にハンズオンがスタートです。このページを利用しました。

皆さん真剣です

こんな感じのページを作成しました

ChromeのDeveloperToolとエディタを行き来しながらのハンズオン。
Chromeが最新バージョンじゃないとDeveloperToolにApplicationタブが表示されない！(最新バージョンはつい最近出た？)なんて話もあったりしました。

DeveloperToolでネットワーク通信を見ることで、データが外部のサーバから取得されているのか、ServiceWorkerから取得されているのか見られて、実際オフラインキャッシュで見えてるんだなと実感。

from ServiceWorkerとなっているのは
ServiceWorkerから(この例ではキャッシュ)取得されています

ハンズオン終了後、各自PWAのもくもくタイムとして、尾上さんに質問したりしながら皆さん過ごされていました。

もくもくタイムスタートです

本日の勉強会で、オフラインでもキャッシュして動作するアプリの作成がこんなにも簡単にできるのかというのが実感できるというのを皆様感じてもらえたと思います。

実際利用する場合はどのファイルをキャッシュするのか、データを最新化するのはどのタイミングにするのかなど考えることは色々増えると思いますが、ぜひPWAを今後も利用してもらえるといいのかなと思います。

「Cardboard勉強会」を開催しました。

こんにちは。
中倉です。

5/28にCardboard勉強会を開催しました。
GDG神戸ではUnityを使ってCardboardやOculusRiftといったVRアプリを作ることを目指した勉強会を開いています。

これまで、Cardboardのアプリを作るための前準備としてUnityの操作を学ぶ勉強会を行ってきていましたが、今回は実際にCardboardのアプリを作ってみようという内容でした。

今回配布されたCardboard

今回も多くの方に参加して頂きました

講師はGDG神戸の野田さんです。
勉強会の数日前にCardboard SDKがGoogle VR SDKに変わるといったハプニングがありましたが、それに合わせた資料を作ってきてくださいました。

野田さんが講師をしてくださいました

内容としては、ヘッドトラッキングを行って360°どの方向を向いても仮想空間の中にいるような体験ができるものを作りました。
Unityを使うことで、既に公開されている様々なアセットを使うことができ、非常に簡単に作ることができます。今回も無料で公開されているアセットを使い、アプリを作成しました。

ワープポイントを設置して移動するアプリを作りました

また、VRアプリを作る際の注意点としてVR酔いの対策を行う必要があり、そのためには「移動する際はワープの様にポイントごとに移動する方がいい」ということも話されていました。
安全なコンテンツを作るにはこういった部分にも気をつけないといけないですね。

GDG神戸では、6/25,26にもVRアプリ開発勉強会を開催します。
今回は2日間に渡ってチームでVRアプリを作ろうというものです。
1日目は勉強会とアイデア出し、チーム分けを行い、2日目は開発、試遊会を行う予定です。
Cardboardだけでなく、GearVRやOculusRift向けに作ることもできますので、興味のある方は是非参加してください。

「Google I/O Extended 2016 ライブストリーミング in Kobe」を開催しました

こんにちは
中谷です。

5/18夜から5/19朝までGoogleIO2016のキーノートを一緒に見ようということで、
「Google I/O Extended 2016 ライブストリーミング in Kobe」を開催しました。
当日はスタッフ含めて、8人の方にお越しいただきました。

キーノートは日本時間で19日の2時からということもあり、まずは食べ物と飲み物で、腹ごしらえ！

皆さんご飯を食べてきた後だったのでちょっと多かったですね（^^;）

まずは、順に自己紹介をしていきました。
LTの準備や、自己紹介用のスライドを準備してきていただいた方もいて
皆さんそれぞれ違いのある自己紹介でとても興味深く聞き入っていました。

GDG神戸中倉さんのLTです
CloudVisionAPIとLINE Bot APIを使った神戸市のゴミ分別Botを作ったよという話

その後の時間は皆さん各々に今年のキーノートで何が発表されるだろう？

去年はこうだったから今年はこうじゃないかな？なんてお互いに話をし交流を深めていきました。

他にもみんなでボードゲームをしたり、GDG京都さんとハングアウトでつながったり、はたまたGDG神戸.野田さんにハングアウトで現地の様子を教えてもらったりとしながら、キーノートを待っていました。

野田さんから現地の様子をハングアウトで伝えてもらいました

GDG京都さんとハングアウトでつなぎました

そしていよいよ待ちに待ったキーノートがスタートしました。

新しいAndroidの話やFirebase、google Homeなど、みなさんそれぞれ興味がある分野について各々思ったことを語りながらキーノートを楽しく見ました。

CardboardでVRや、スマートフォンを移動させながら会場を見渡したりしていました

キーノートが終わると、興奮冷めやらぬ中、感想を語り合いながら片付けをし、

電車が走る頃に解散をしました。

キーノートはYoutubeで配信されているので自宅でもどこでも見られるようになりましたが、このように新しい情報をお互いの視点で情報を語り合う時間はとても楽しく、有意義に過ごせたと感じていただけたんじゃないかと思います。


会場ですが、「プログラミングスクール８×９」をGDG神戸の寺園さんにご提供いただきました。
WIFIの提供もしていただき回線面での問題もなく大変ありがたかったです。
普段は子供向けのプログラミングスクールをされていますので興味のある方はお問い合わせください。

「Cloud Vision Api & Tensorflow勉強会」を開催しました！

こんにちは。
中倉です。

4/30にCloud Vision API & TensorFlow勉強会を開催しました。
去年TensorFlow勉強会を開いた際も盛況でしたが、今回も80人の座席がほぼ埋まる盛況ぶりでした。

さて、最初はGoogleの佐藤さんによるセッションが行われました。
スライドはこちらからご覧になれます。

Googleの佐藤さんによるセッション
「スケーラブルな機械学習：Vision/Speech API、TensorFlow、そしてCloud ML」

Cloud Vision APIのデモやSpeech APIの紹介、TensorFlowの紹介をして頂きました。
ニューラルネットワークのイメージをデモを用いながら説明してくださり、大変わかりやすかったです。

また、今後Googleから提供される予定のCloud Machine Learningについてもお話くださいました。
TensorFlowを用いた機械学習では、GPUを用いた学習が速く行えますが、そのためのマシンを用意するのが大変です。Cloud Machine LearningはGoogleの機械学習の環境をそのまま利用することができ、現在LIMITED PREVIEWとして一部に提供されています。今後一般公開されるとのことなので、今後に期待です。



次に、GDG神戸の中谷さんによるCloud Vision APIをAndroidから触れてみるという内容でハンズオンが行われました。
スライドはこちらからご覧になれます。

GDG神戸の中谷さんによるハンズオン
「Androidで触れてみよう Cloud Vision API」

Cloud Vision APIでは、
・物体検知
・有害コンテンツ検知
・ロゴ検知
・ランドマーク検知
・OCR
・顔検知
を行ってくれます。
ハンズオンでは、この内、物体検知、顔検知を行いました。
ローカルに保存されている画像や写真を撮ってCloud Vision APIに投げるだけで、JSON形式で結果が返ってきます。
とても簡単に利用でき、有害コンテンツ検知等、使い道も多いのではないでしょうか。



ハンズオンの後は、GDG京都の上野山さんが、「TensorFlowを使った機械学習ことはじめ」ということで発表されました。
スライドはこちらからご覧になれます。

GDG京都の上野山さんによるセッション
「TensorFlow を使った 機械学習ことはじめ」

八百屋さんのきまぐれオヤジを例に出し、機械学習についてわかりやすく解説してくださいました。
機械学習では、まず実績データからパラメータを推定し、そのパラメータを使ってモデルとなる予測式を立て、さらにその予測式の誤差が最小となるようにパラメータを最適化していくことで学習を行っています。
詳しくはスライド資料を御覧ください。



最後は、有限会社シーリスの有山さんに「TensorFlowで趣味の画像収集サーバーを作る」ということで"眼鏡っ娘"画像収集サーバの進捗について発表して頂きました。
スライドはこちらからご覧になれます。

有限会社シーリスの有山さんにようセッション
「TensorFlowで趣味の画像収集サーバーを作る」

現在手元にある画像データ約1000枚に対してランダムでノイズを与え、さらにラベルをつけて学習データとして利用しようとした際に、TensorFlowのコードでハマった点について述べられていました。


セッションのあとは全員で記念撮影を行い、本当に楽しい勉強会となりました。

最後は全員で集合写真を撮りました

機械学習はやはりまだハードルが高く感じてしまいます。
しかし、Cloud Vision APIの登場により機械学習が全くわからない人でもその恩恵を受けれるようになってきました。
また、TensorFlowやCloud Machine Learningによって、技術的ハードルや設備に対する初期投資といった問題も解消されるでしょう。
今後これらの技術が発展しどのように利用されるのかとても楽しみです。

「VRに興味ある人のためのUnity入門講座」を開催しました。

こんにちは。
中倉です。

4/24にUnityクリエイターズ(うにくり)さんと共催でUnityの入門講座を開催しました。
GDG神戸ではUnityを使ってCardboardやOculusRiftといったVRアプリを作ることを目指した勉強会を開いています。
今回はその中でも非プログラマ向けということで、Unityの操作がメインの勉強会を行いました。

前回に引き続き、今回も多くの方に参加して頂きました。

今回は、うにくりの松田さんがメインの講師となって説明してくださいました。
資料はこちらからご覧になれます。

内容としては前回行ったものと似ているのですが、今回はプログラマ以外の人にもUnityに親しんでもらうため、Unityの操作がメインとなった勉強会でした。

緑の障害物をよけながら青のゴールまでボールを運ぶゲームを作りました

オブジェクトを追加してそのオブジェクトにマテリアルやスクリプト、テクスチャを設定していくだけで簡単にゲームが作れるというUnityの手軽さを実感して貰えたと思います。

GDG神戸では、5月、6月もUnityを使った勉強会を開催します。
5月はGoogleのCardboardを使ったVRアプリを作る勉強会です。
Unityの操作がある程度わかった人という前提になってしまうので、前回や今回参加して頂いた方を対象としているのですが、資料も公開されていますのでVRに興味のある方は是非これを参考に申し込んで見てください。

「Angular2勉強会」を開催しました。

こんにちは。
中倉です。

4/16にGDG神戸とng-kyotoさんの共催で「Angular2勉強会」を開催しました。
Angular2とはGoogleが主となって開発しているAngular.jsの次期バージョンです。
詳しいことは後述する@shin_v1さんのスライドがわかりやすいと思います。

今回も多くの方に参加して頂きました。

ほぼ満席となった会場

25人の枠に対して倍以上の方が申し込んでくださいました。
最近本当にすぐ埋まりますね。。。
ありがたい限りです。

最初は@shin_v1さんが簡単にAngularについて紹介してくださいました。

初めてのAngular2

発表スライドはこちらからご覧になれます。
非常に簡潔にまとめられており、Angular.jsとAngular2の違いや参考となるページの紹介など、これからAngularを使ってみようという人にとって、とても有益な発表でした。


次はらこらこさんこと@laco0416さんがAngular2とES2015について発表してくださいました。

Angular2 and ECMAScript

発表スライドはこちらからご覧になれます。
TypeScriptではなく、ES2015でAngular2を書く方法について話してくださりました。
個人的には、ES2016はES2015からの変更点が少なく、今年はJavaScriptに入門するにはもってこいの年だと仰っていたことが印象に残りました。
らこらこさんは、この日のために東京から自費で来てくださいました。本当にありがとうございます。


最後は本勉強会の主催者である@_likrによるAngular2のハンズオンでした。

Angular2ハンズオン

資料はこちらからご覧になれます。
ライブコーディングしながらAngular2で簡単なWebアプリケーションをつくりました。

皆さんもくもくと作業をされていました

実は僕自身、Angularを触ったことがなかったのですが、それでもわかりやすい解説と資料でスムーズに進められました。あと個人的にvim使いこなせるとかっこいいなぁと…

Angular2はまだ正式版が公開されておらず、これから変更が入るかもしれません。しかしフロントエンド開発において今後使われる技術であることに変わりはないと思います。
今回の勉強会でAngularに少しでも興味を持ってもらえると幸いです。

「Unity入門勉強会」を開催しました!

こんにちは。
中倉です。

3/12に「Unity入門勉強会」を開催しました。
GDG神戸ではUnityを使ってCardboardやOculusRiftといったVRアプリを作ることを目指した勉強会を開いています。
今回はその中でもプログラマ向けの勉強会を開催しました。

Unityテクノロジーズジャパンさんに頂いたノベルティ

今回もたくさんの方に参加頂きました

午前中はUnityの使い方の紹介、午後はハンズオンで簡単なゲームを作るという内容でした。
正直Unityをほとんど触ったことがない状態でスタッフをやっていたのですが、それでもある程度は受け答えでき、Unityの習得しやすさを実感しました。

Unityの使い方を説明する野田さん

午後からはUnityクリエイターズの松田さんにも参加して頂き、実際にゲームを作ったりして非常に有意義な勉強会になったと思います。

Unityクリエイターズの松田さん

今回の勉強会で使った資料はこちらからご覧になれます。
9時〜18時という長丁場の中、非常に多くの方に参加頂き本当にありがとうございました。

今回はプログラマ向けということでしたが、GDG神戸では
・4月 非プログラマ向けのUnity勉強会
・5月 Unityを使ったCardboard(VR)勉強会
・6月 Unityを使ったCardboardやOculusRift向けVRアプリの勉強会
の開催を予定しています。

Oculus RiftやHTC Vive、PS VRなどの発売が続々と始まる2016年。
まさにVR元年といえる年になるでしょう。
それらの製品向けに自分でアプリを作れたらとても面白そうですよね。

今回勉強会に参加して下さった方、
プログラマじゃないけどUnity簡単って聞くしちょっと触って見たいって方、
UnityやVRに興味があるって方、
是非今後のGDG神戸の勉強会に参加してみてください。
お待ちしています。