Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
20170624-hackers-champloo-2017-LT
Search
r3_yamauchi
PRO
July 05, 2017
Programming
0
230
20170624-hackers-champloo-2017-LT
沖縄で行われた ハッカーズチャンプルー2017 で 開発合宿の成果をお話しした LT資料です。
r3_yamauchi
PRO
July 05, 2017
Tweet
Share
More Decks by r3_yamauchi
See All by r3_yamauchi
AWS Strands Agents SDK Lambda関数内で使ってみた
r3_yamauchi
PRO
0
35
AWS Strands Agents SDK たった 3 行でAIエージェントを実装できる!
r3_yamauchi
PRO
0
61
MCP server を作って Claude Desktop アプリから kintone へアクセスすると楽しい
r3_yamauchi
PRO
1
590
Amazon Connect の通話音声を良い感じに Transcribe する / Amazon Connect to Transcribe
r3_yamauchi
PRO
0
8k
Amazon Kendra で遊ぶために ○○○を頑張った話 / How to play with Amazon Kendra?
r3_yamauchi
PRO
0
430
github-samples-aws-reInvent2018
r3_yamauchi
PRO
0
50
Using Python with AWS
r3_yamauchi
PRO
0
5.3k
Meguro.dev 2018.7 LT about AWS AppSync
r3_yamauchi
PRO
0
75
Provisions AWS managed services for serverless in 3 minutes !
r3_yamauchi
PRO
1
390
Other Decks in Programming
See All in Programming
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
4
950
5つのアンチパターンから学ぶLT設計
narihara
1
110
Gleamという選択肢
comamoca
6
760
ReadMoreTextView
fornewid
1
480
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
110
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
410
AIコーディング道場勉強会#2 君(エンジニア)たちはどう生きるか
misakiotb
1
250
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
240
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
190
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
naoya
17
4.9k
FormFlow - Build Stunning Multistep Forms
yceruto
1
190
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
andpad
0
260
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Speed Design
sergeychernyshev
32
1k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Designing for humans not robots
tammielis
253
25k
Site-Speed That Sticks
csswizardry
10
660
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Side Projects
sachag
455
42k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Writing Fast Ruby
sferik
628
61k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Transcript
大阪からきて開発してみた ハッカーズチャンプルー2017 アールスリーインスティテュート 山内 勇人 2017. 6. 24 (Sat)
自己紹介 2 ・名前 うっちー ・大阪から来ました! ・今年アールスリーに JOINしました! ・阪神タイガースと音楽フェスを愛してます ・沖縄には遊びに来ました!
3 クラウドを駆使したシステム開発の楽しさを伝える企業へ 新しいコーポレートロゴは、数々のキントーンでの対面開発で 多くのお客様が言われる「今までのシステム開発と違って楽し い!」という言葉を込めました。 ・ハイスピードSI によるシステム開発の楽しさ ・様々なクラウドサービスを組み合わせる ハイスピードSI ・
R3の3つの”R”(”Rapidity”, “Reliability”, “Relationship”) 新コーポレートロゴと共に、ハイスピードSI をこれからもご紹 介し、お客様にシステム開発の楽しさを体験していただきたいと 考えております。 今週、会社のロゴが変わりました!
沖縄といえば 4
こういう環境を 5
楽しむために 6
できるだけ荷物を減らしたい 7
できるだけ荷物を減らしたい 8 重いので却下
できるだけ荷物を減らしたい 9 間違えて Android版 を 買ってしまうという失態
Chromebook に xbuntu を 入れて持ってきました できるだけ荷物を減らしたい 10
で、何を作るか? 11
昨今の Web開発事情 12 ES6 babel npm gulp webpack Yeoman Bootstrap
Bower React Flux Redux mocha chai Jasmine, ...
13 つらい、、
14 まだフロントで 消耗してるの?
15 Stand on the shoulders of giants
遅れてきたフルスタック・フレームワーク 16
Angular CLI を インストールする 17 npm install -g @angular/cli
アプリを作成 18 ng new my-app
19 ng set --global packageManager=yarn してから実行しましょう
20
コンポーネント を作成する 21 ng generate component shared/header ng generate component
home ng generate component other
22 短縮して ng g c home で OK
23 .component.css .component.html .component.spec.ts .component.ts の 4点セットが作成され、 app.module.ts が更新される。
ルーターモジュールを作成する 24 ng g m app-routing
アプリを起動する 25 ng serve
アプリを起動する 26
27 Angular 4 と Serverless Framework と Cognito User Pools
を使って ランニングコストが低く めっちゃスケールする会員サイトを 爆速で作りました!
参考資料 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