20170624-hackers-champloo-2017-LT

沖縄で行われた ハッカーズチャンプルー2017 で 開発合宿の成果をお話しした LT資料です。

Transcript

1. 大阪からきて開発してみた ハッカーズチャンプルー2017 アールスリーインスティテュート 山内 勇人 2017. 6. 24 (Sat)
2. 自己紹介 2 ・名前 うっちー ・大阪から来ました！ ・今年アールスリーに JOINしました！ ・阪神タイガースと音楽フェスを愛してます ・沖縄には遊びに来ました！
3. 3 クラウドを駆使したシステム開発の楽しさを伝える企業へ 新しいコーポレートロゴは、数々のキントーンでの対面開発で 多くのお客様が言われる「今までのシステム開発と違って楽し い！」という言葉を込めました。 ・ハイスピードSI によるシステム開発の楽しさ ・様々なクラウドサービスを組み合わせる ハイスピードSI ・ R3の3つの”R”(”Rapidity”, “Reliability”, “Relationship”) 新コーポレートロゴと共に、ハイスピードSI をこれからもご紹 介し、お客様にシステム開発の楽しさを体験していただきたいと 考えております。 今週、会社のロゴが変わりました！
4. 沖縄といえば 4
5. こういう環境を 5
6. 楽しむために 6
7. できるだけ荷物を減らしたい 7
8. できるだけ荷物を減らしたい 8 重いので却下
9. できるだけ荷物を減らしたい 9 間違えて Android版 を 買ってしまうという失態
10. Chromebook に xbuntu を 入れて持ってきました できるだけ荷物を減らしたい 10
11. で、何を作るか？ 11
12. 昨今の Web開発事情 12 ES6 babel npm gulp webpack Yeoman Bootstrap Bower React Flux Redux mocha chai Jasmine, ...
13. 13 つらい、、
14. 14 まだフロントで 消耗してるの？
15. 15 Stand on the shoulders of giants
16. 遅れてきたフルスタック・フレームワーク 16
17. Angular CLI を インストールする 17 npm install -g @angular/cli
18. アプリを作成 18 ng new my-app
19. 19 ng set --global packageManager=yarn してから実行しましょう
21. コンポーネント を作成する 21 ng generate component shared/header ng generate component home ng generate component other
22. 22 短縮して ng g c home で OK
23. 23 .component.css .component.html .component.spec.ts .component.ts の 4点セットが作成され、 app.module.ts が更新される。
24. ルーターモジュールを作成する 24 ng g m app-routing
25. アプリを起動する 25 ng serve
26. アプリを起動する 26
27. 27 Angular 4 と Serverless Framework と Cognito User Pools を使って ランニングコストが低く めっちゃスケールする会員サイトを 爆速で作りました！
28. 参考資料 28 * How to create scalable service in 10 minutes with Angular https://goo.gl/8UPkFO * Serverless Framework ハンズオン資料 https://github.com/hideokamoto/serverless-cognito-hands-on/ * サーバレスアーキテクチャでのAMIMOTOユーザ ダッシュボード開発 https://speakerdeck.com/horike37/hackers-champuru-2016