現場にとっての新技術を取り入れようとするとのは、ワクワクすると同時にどう進めていけばいいか難しいところがあります。 これまでの採用技術を流れで踏襲し、技術スタックが発展していかない。切り替えていく機会は勿論、試す機会もつくれないというのはよくあることだと思います。 今回は、例えば私達ならどのように取り組んでいるか、をお話します。 ギルドワークスでは現在、サーバーレスアーキテクチャや機械学習、PWAなどを実プロダクトにて実践すべく、ある実験プロダクトを構想して、開発を進めています。 新たな試みへの取り組み方を紹介し、またお互いの知識や経験を交換し、ディスカッションできればと思います。 元発表イベント： https://guildworks.doorkeeper.jp/events/74650

1.
PWA

6.
PWA

7. • ALM
• Application Lifecycle Management
•
•
• Java
• →
• iOS: Swift
• Web Vuejs → Angular/Ionic
• C# .NET
• Microsoft MVP for Visual Studio and Development
• CI / CD
• CircleCI

8. Agenda
1.
2.
3. Java on AWS Lambda
4. Ionic PWA
5.
6.

9. 1.
2.
3. Java on AWS Lambda
4. Ionic PWA
5.
6.

10. • Quality
•
• Cost
•
• Delivery
•
• Spec
•

11. • Quality
•
• Cost
•
• Delivery
•
• Spec
•

12. VS
•
•
•
•
•
•
•

13. •
• GraphQL API
• SPA
•
• React Native

14. •
• GraphQL API
• SPA
•
• React Native

15. 1.
2.
3. Java on AWS Lambda
4. Ionic PWA
5.
6.

16. •
• MVP
• =
• MVP =
•

17. AWS

18. •
• CRUD
•
•
• Web / iOS / Android 3
•

19. •
SaaS
•
PWA

20. AWS

21. AWS

22. AWS

23. AWS

24. AWS

25. AWS

26. CloudFront
Cognito

27. 1.
2.
3. Java on AWS Lambda
4. Ionic PWA
5.
6.

28. Java on AWS Lambda
• Java
•
• AWS Lambda

29. Java on AWS Lambda
• DynamoDB
• RDB
• AWS
• AWS Toolkit for Eclipse
•
• Cognito

30. DynamoDB
• AWS DynamoDB ORM
• DynamoDBMapper:
https://docs.aws.amazon.com/ja_jp/amazondynamodb/latest/developerguide/DynamoDBMapper.html
• Dynamo Index
• ORM

31. DynamoDBMapper
@DynamoDBTable(tableName = "Detail")
public class MemoryDetailItem {
@DynamoDBHashKey(attributeName = "id")
public String getId() {
return childId;
}
@DynamoDBAttribute(attributeName = “Tag")
public String getTag() {
return title;
}
@DynamoDBAttribute(attributeName = "Item")
public Item getItem() {
return answer;
}
}
@DynamoDBDocument
public class Item {
@DynamoDBAttribute(attributeName = "Title")
public String getTitle() {
return title;
}
@DynamoDBAttribute(attributeName = "Content")
public String getContent() {
return content;
}
}

32. AWS
•
AWS Toolkit for Eclipse
• AWS SAM Eclipse
• BluePrint

33. AWS Toolkit for Eclipse

34. AWS Toolkit for Eclipse

35. AWS Toolkit for Eclipse

36. AWS Toolkit for Eclipse AWS

37. AWS Toolkit for Eclipse AWS

38. • Cognito
• API Gateway
• AWS
• Java
•

40. •
• DynamoDB Region
•
• DynamoDBMapper
•
•

41. Java
•
• JVM
• Spring
10 20
•
•
•
•
Java

42. •
• / Java
•
• Java
Go

44. 1.
2.
3. Java on AWS Lambda
4. Ionic
PWA
5.
6.

45. PWA
• Progressive Web Apps
• Web iOS/Android
• iOS/Android
• Android
• iOS:
Safari Edge Service Worker
https://www.publickey1.jp/blog/17/safariedgeservice_worker.html

46. PWA

47. PWA

48. PWA vs Native Apps
https://youtu.be/XoIhPjS5y1M
•
•

49. Ionic
• Angular
• UI
• Web
• cordova native

50. Ionic
•
• iOS/ Android
• Web
• PWA
•
• CLI

51. Ionic

52. Ionic PWA
• PWA
• ServiceWorker
•
•
•

53. service-worker.js
'use strict';
importScripts('./build/sw-toolbox.js');
self.toolbox.options.cache = {
name: 'ionic-cache'
};
// pre-cache our key assets
self.toolbox.precache(
[
'./build/main.js',
'./build/vendor.js',
'./build/main.css',
'./build/polyfills.js',
'index.html',
'manifest.json'
]
);
// dynamically cache any other local assets
self.toolbox.router.any(' /*', self.toolbox.fastest);
// for any other requests go to the network, cache,
// and then only use that cached resource if your user goes offline
self.toolbox.router.default = self.toolbox.networkFirst;

54. Ionic
• CLI
•
•
• CLI
•
•

55. Ionic
• TypeScript
•
• IDE
VS Code / WebStorm

56. Ionic
• Ionic UI
• , &
•
•
Web
• Angular

57. AWS Cognito

58. AWS Cognito
• AWS Amplify
• / /
•
//
Auth.signIn(credential.email, credential.password)
.then((user) => {
console.log('sign in: success', user);
});
//
Auth.signUp({username, password, attributes: {email}})
.then(data => {
console.log(data);
});
// PIN
Auth.confirmSignUp(this.user.username, this.registerInfo.code)
.then((user) => {
console.log('confirm: success', user);
});

59. AWS Cognito
• Cognito
OK
• PIN or SMS
• Console

60. • Ionic UI
• UI
• Ionic UI
• Angular
• directive

62. 1.
2.
3. Java on AWS Lambda
4. Ionic PWA
5.
6.

63. CloudFront
Cognito

64. •
•
• 1k 1M
•
•
•

65. •
• Web
•
Support Vector Machine

66. •
•
•
•
•
SaaS

67. •
•
•
•
•
SaaS

68. SaaS
• AWS / Microsoft / Google
•
• Google Natural Language API
• AWS:
• Microsoft:
• Google:

69. Google Natural Language API
• API
•
•
•
•

70. Google Natural Language API - -
•
Salience

71. Google Natural Language API - -
• Positive Negative
Score
Magnitude

72. Google Natural Language API - -
•

73. Google Natural Language API
※ 1,000 /
1 500
100 10

74. Google Natural Language API
• API
•

76. •
•
•
• Lambda Java Lambda
• Ionic
• SaaS

77. •
• Lambda
MBaaS
• Google FireStore / AWS AppSync
•
• Ionic
• React / Vue.js
• React Native / Nuxt
•
• SaaS PaaS
• AWS SageMaker PaaS

78. • MVP
•
•