2016/02/18 【18-C-L】大規模 SPA ( Single Page Application ) を TypeScript と AngularJS を駆使して5ヶ月で作った話 #devsumiC

山田 直樹 [リクルートマーケティングパートナーズ]さんのセッションです。
0
池田 泰延 / ICS @clockmaker

.@wakamsha さんのセッション、すごい人気。満席かつ立ち見が出るほどの来場状況。 #devsumi #devsumiC pic.twitter.com/3xTd7OeEsb

2016-02-18 12:08:21
拡大
拡大
拡大
池田 泰延 / ICS @clockmaker

ランチセッションとのことで、サンドイッチが全員分配られました。 #devsumi #devsumiC pic.twitter.com/GmBYYRghDW

2016-02-18 12:12:59
拡大
baihebu @baihebu

サンドウィッチは人形町今半です! 浅草今半とは違うのか? #devsumi #devsumiC

2016-02-18 12:13:52
池田 泰延(勉強会用) @clockmaker_bot

RMP山田さん( @wakamusha )さんのセッション「大規模 SPA ( Single Page Application ) を TypeScript と AngularJS を駆使して5ヶ月で作った話」を受講します。 #デブサミ #devsumi #devsumiC

2016-02-18 12:17:08
池田 泰延(勉強会用) @clockmaker_bot

山田さんは会社の技術ブログの編集長をされているとのこと。 tech.recruit-mp.co.jp #デブサミ #devsumi #devsumiC

2016-02-18 12:17:58
キハ( ˘ ³˘)♥58系 @bump_of_kiharu

来た。トイレの空き状況が分かるのブログの会社の人らしい。 #devsumiC

2016-02-18 12:18:06
池田 泰延(勉強会用) @clockmaker_bot

最近だとトイレの記事がバズったとのこと。 IoTを駆使してトイレの個室空き状況を検知してWEBで確認できるアプリを会社で運用してみました。 tech.recruit-mp.co.jp/iot/iot2/ #デブサミ #devsumi #devsumiC

2016-02-18 12:18:43
Kosuke Ogawa🌗エンジニア🏝宮崎 @koogawa

#devsumiC 「大規模 SPA ( Single Page Application ) を TypeScript と AngularJS を駆使して5ヶ月で作った話」はじまったよー pic.twitter.com/y1L0bgsS9R

2016-02-18 12:19:15
拡大
池田 泰延(勉強会用) @clockmaker_bot

今日は「英語サプリ eigosapuri.jp」というウェブサービスの事例をベースに紹介。 #デブサミ #devsumi #devsumiC

2016-02-18 12:20:13
池田 泰延(勉強会用) @clockmaker_bot

開発当初の技術選定から。 もともと山田さんは Flash ディベロッパーだったとのこと。Vue.jsを実務で使ったことがあった。 #デブサミ #devsumi #devsumiC

2016-02-18 12:21:34
池田 泰延(勉強会用) @clockmaker_bot

SPAなのでJavaScriptが大規模になるのは目に見えている #デブサミ #devsumi #devsumiC

2016-02-18 12:22:27
池田 泰延(勉強会用) @clockmaker_bot

■言語の技術選定 CoffeeScriprt vs Babel vs TypeScript で結局「TypeScript」を選択。重要だったのは「型」の存在。 #デブサミ #devsumi #devsumiC

2016-02-18 12:23:43
キハ( ˘ ³˘)♥58系 @bump_of_kiharu

型の必要性を感じてTypeScript導入を決めた、他にも多機能で将来性がありそうなのでTSにした、と。私ならbabelを選びそう。 #devsumiC

2016-02-18 12:24:08
池田 泰延(勉強会用) @clockmaker_bot

ReactやAngularなどフレームワークを本を買って検討。結果的に、AngularJSを選んだ。 特に注目したのはルーティング機能の充実度。 #デブサミ #devsumi #devsumiC

2016-02-18 12:24:49
池田 泰延(勉強会用) @clockmaker_bot

タスクランナーの選定はGruntとGulpで検討して、Gulpを選んだ。 #デブサミ #devsumi #devsumiC

2016-02-18 12:25:40
キハ( ˘ ³˘)♥58系 @bump_of_kiharu

去年の時点での選択ならAngular…かな?うーん、今の今だと選択しずらいけど、5月以降であれば2でやるかなぁ。 #devsumiC

2016-02-18 12:25:46
池田 泰延(勉強会用) @clockmaker_bot

調べた内容はブログにて公開済み。「情報の出し惜しみはしていない」とのこと。かっこいい。 #デブサミ #devsumi #devsumiC

2016-02-18 12:26:41
池田 泰延(勉強会用) @clockmaker_bot

仕様を決めるのに、朝から晩まで会議室に缶詰になり全員で仕様を決める。2週間で80%の仕様が固まった。 #デブサミ #devsumi #devsumiC

2016-02-18 12:28:53
Kosuke Ogawa🌗エンジニア🏝宮崎 @koogawa

#devsumiC 「仕様がなかなか決まらない」「POはとある事情から現場と距離を置いてしまっている」闇が見える

2016-02-18 12:28:54
池田 泰延(勉強会用) @clockmaker_bot

AngularJSだけだとルーティング機能が物足りなかったのでAngularUIを導入。ルーティング機能をより強力にするフレームワーク。 #デブサミ #devsumi #devsumiC

2016-02-18 12:30:34
池田 泰延(勉強会用) @clockmaker_bot

開発ポリシー: ・コードの品質に妥協しない ・プルリクエストは優先的に対応 ・分からなければ即座に教えを請う #デブサミ #devsumi #devsumiC

2016-02-18 12:31:27
Kosuke Ogawa🌗エンジニア🏝宮崎 @koogawa

#devsumiC 「コードの品質に妥協しない」「プルリクエストは優先的に対応」「分からなければ即座に教えを請う」めっちゃ大事だ…

2016-02-18 12:33:42
池田 泰延(勉強会用) @clockmaker_bot

iOSやAndroidの開発メンバーもリリース直前に導入。クロスファンクショナルチームの体制。進捗も良かった。 #デブサミ #devsumi #devsumiC

2016-02-18 12:33:49
Toru @toruuetani

#devsumiC TypeScript で静的型付言語はすばらしいっていうの、歴史は繰り返すって感じで感慨深い。

2016-02-18 12:34:30