20181102_kansai-node-gakuen_js-vs-gs

by xinsuzuki

Slide 1

Slide 1 text

#kng4

Slide 2

Slide 2 text

@xinsuzuki ・東京生まれ（1983-1987 / 1994-2001）・大阪在住（1987-1994 / 2005-）・スズキラボ（2012-）・「司会もできるエンジニア」・趣味：ランニング、アウトドア・特技：絶対音感・コミュニティのイベントでよく見かける人・2018/11/24 Umeda XR Fest @ 大阪工業大学・2018/12/22-23 つくろか！＠市立中央図書館

Slide 3

Slide 3 text

・(オオサカ/キョウト)プログラミングカフェ：コーヒー/ドーナツ・オオサカプログラミングバー：酒を片手に語り合う・オオサカプログラミングスクール：参加者同士で教え合う・大阪駆動開発：XR (AR/MR/VR)/スマートスピーカー/VTuber ・DeepLearningOsaka：AI/機械学習/深層学習・KansaiRoboDev：ロボティクス・BlockchainBeerBash：ブロックチェーン・ハッカーズサロン：縛り有りもくもく会・相談会・オオサカオタクコード：「好き」でつながる・MagentoJapanUsers：Magentoユーザー・TECH BOOKビブリオバトル：本・KansaiVentureHack：新規事業企画/スタートアップピッチ・IT系フリーランサーの●●を考える回：フリーランサー・関西webアプリを作ろう会：初学者のwebアプリ制作・FJUG Kansai：Firebase

Slide 4

Slide 4 text

Nov 2018 コミュニティ「FJUG Osaka」「関西webアプリ作ろう会」爆誕！ #kng4 @xinsuzuki

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

関西webアプリ作ろう会対象：プログラミング・デザイン初学者（自走できる開発者/デザイナーを目指す人）＋自走できる人／応援できる人 #kng4 @xinsuzuki

Slide 8

Slide 8 text

#kng4 @xinsuzuki

Slide 9

Slide 9 text

＜js vs gs：まとめ＞ JavaScriptとは違うGoogleAppsScriptの勘所オープンデータ生成のGAS活用事例 GASですぐにサービス作れる！ GASは今なお発展中！オープンデータを作ろう！ #kng4 @xinsuzuki

Slide 10

Slide 10 text

Q.GAS、知ってる？ 1.今日はじめて聞いた 2.聞いたことはある/軽く触ったことがある 3.何か作ったことがある 4.業務でいじってる/公開してる #kng4 @xinsuzuki

Slide 11

Slide 11 text

#kng4 @xinsuzuki

Slide 12

Slide 12 text

GASとは・Google Apps Script （通称：が↓す↑）・JavaScript＋Googleの各種サービスを利用するための様々なオブジェクトを追加したものの総称（プログラム言語ではない）・開発環境＋実行環境の両方を提供・Googleアカウントを持っていれば無料で使える・スクリプトの拡張子：.gs #kng4 @xinsuzuki

Slide 13

Slide 13 text

GASできること・リマインドメールを送信する。・サイト上の特定の情報を抜き出して、Spreadsheet に管理表を作成する。・Googleカレンダーの登録ができる。・Gmailの受信内容やGoogleFormの入力内容を Slackに送信できる・トリガー処理／バッチ処理を行う・外部APIを叩く／外部にAPIを公開する #kng4 @xinsuzuki

Slide 14

Slide 14 text

#kng4 @xinsuzuki No. js gs 1 JavaScript JavaScriptベース 2 クライアントサイドサーバサイド 3 ローカルスクリプトエディタ 4 コード補完◎ コード補完× 5 Github管理◎ Github管理× 6 ES2015(ES6)対応 ES2015非対応

Slide 15

Slide 15 text

#kng4 @xinsuzuki No. js gs 1 JavaScript JavaScriptベース 2 クライアントサイドサーバサイド 3 ローカルスクリプトエディタ 4 コード補完◎ コード補完× 5 Github管理◎ Github管理× 6 ES2015(ES6)対応 ES2015(ES6)非対応

Slide 16

Slide 16 text

#kng4 @xinsuzuki No. js gs 1 JavaScript JavaScriptベース 2 クライアントサイドサーバサイド 3 ローカルスクリプトエディタ 4 コード補完◎ コード補完× 5 Github管理◎ Github管理× 6 ES2015対応 ES2015(ES6)非対応ローカル環境で開発できるテンプレート gas-clasp-starterとか、 js->gs変換ライブラリが解決！

Slide 17

Slide 17 text

#kng4 @xinsuzuki https://human-hub.jp

Slide 18

Slide 18 text

https://2018.kphpug.jp #kng4 @xinsuzuki

Slide 19

Slide 19 text

#kng4 @xinsuzuki

Slide 20

Slide 20 text

#kng4 @xinsuzuki RSS GoogleDrive API RSS API scrapingRss.gs GC getApi.gs scrapingRss.gs getApi.gs getForm.gs

Slide 21

Slide 21 text

#kng4 @xinsuzuki

Slide 22

Slide 22 text

＜js vs gs：まとめ＞ JavaScriptとは違うGoogleAppsScriptの勘所オープンデータ生成のGAS活用事例 GASはすぐにサービス作れる！ GASは今なお発展中！オープンデータを作ろう！ #kng4 @xinsuzuki

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text