2015/12/22に行われたAWS上で構築するRESTfulアプリ勉強会～Web開発ワークショップ～【第12回】で使用した資料です。

1. これまでの
補足・展望編
AWS上で構築するRESTfulアプリ勉強会
～Web開発ワークショップ～【第12回】

2. イケてる開発環境
が俺にもっと輝
けと囁いている!

3. メニュー
1.ワークショップでやらなかっ
たこと
2.鈴木商店で取り組んでいること
3.グループワーク
4.来年以降のイベント予定

4. ワークショップでやらなかったこと
その前に、やったことは何でしょうか？
前回までのタイトルを振り返ってみましょう。
1. 開発環境の構築
2. Backbone.jsを使用したアプリの実装
3. Marionette.jsによるBackbone.jsの機能拡張
4. RequireJSを使用したJavaScriptのモジュール化
5. CakePHPで実装するログイン機能
6. CakePHPでデータ操作∼担当者アサイン機能の実装
7. サーバー・クライアントの両面からかけるバリデーション
8. CSS・Bootstrapによるデザイン
9. ダウンロード・アップロード機能の実装
10.リファクタリング（サーバー編）
11.リファクタリング（クライアント編）

5. イケてる開発者はこんな印象を持った人も
いるのではないでしょうか？
>もう流行らないよね...
ReactとかAngularは?
Backbone / Marionette

6. イケてる開発者はこんな印象を持った人も
いるのではないでしょうか？
> Node.js(CommonJS)
スタイルで書きたいよね...
あと、デプロイのことちゃ
んと考えてる?
Require.js

7. イケてる開発者はこんな印象を持った人も
いるのではないでしょうか？
> Bootstrapはいいと
して、素のcss書くのか
い?
Bootstrap

8. イケてる開発者はこんな印象を持った人も
いるのではないでしょうか？
> うーん...
CakePHP

9. イケてる開発者はこんな印象を持った人も
いるのではないでしょうか？
>リファクタリング、テスト
自動化は当然として、ハナか
らちゃんとした設計でバグの
出にくいコード書かないとね
リファクタリング・テスト

10. イケてる開発者はこんな印象を持った人も
いるのではないでしょうか？
>EC2だけ? AWS色々あるよね TypeScriptと
かAltJSやES2015は? 開発フローはどうする
の? ビルドとかCIは? 情報共有とか、タスク管理
も大事だよ
> ScalaとかGoとか、MicroServicesとか、
DDDとか、セキュリティとか、なんとかかんと
か....
その他

11. 大丈夫なの？
このへんやってないの
やってないの？？
鈴木商店大丈夫？

12. 安心して下さい
やってますよ！

13. 大事なこと
•トレンドを追いかける
•トレンドに振り回されない
•少しずつ

14. イケてる開発環境
が俺にもっと輝
けと囁いている!

15. 個人的趣味
もはいってるので
注意！

16. インフラ系

17. Docker
https://www.docker.com/

18. AWSのいろいろ
https://www.docker.com/

19. フロントエンド
開発系
• この辺はウチのエースに協力してもらいまとめました。
• → thanks Ken!

20. AltJS
Transpile（コンパイルみたいなもの）することで
JavaScriptになる言語

21. TypeScript
http://www.typescriptlang.org/

22. Babel
https://babeljs.io/

23. CSS
Preprocessor
コンパイルするとCSSになる言語

24. Sass
http://sass-lang.com/

25. Less
http://lesscss.org/

26. Stylus
http://stylus-lang.com/

27. ビルド
タスクランナー
ビルド、他タスク実行ツール

28. web pack
https://webpack.github.io/

29. Gulp
http://gulpjs.com/

30. サーバサイド
開発系

31. Microservices
http://martinfowler.com/articles/
microservices.html/

32. Rails5.0
http://weblog.rubyonrails.org/2015/12/18/
Rails-5-0-beta1/

33. PHP7.0
http://news.php.net/php.announce/167

34. http://gihyo.jp/news/report/2015/12/1401
PHP7.0
❝PHPがひどい言語だというなら
WordPressを他の言語で書き直し
ますか？ がんばってください，5年
後に会いましょう（笑）❞
❝PHPはツールです。ハンマーのようなもので
す。何の変哲もない道具だけれど，それを使って
作られたものは人々の暮らしを変えてきました。
❞

35. OAuth2.0
http://oauth.net/2/

36. JWT - Json Web Token
http://oauth.net/2/

37. その他
• その他 でまとめちゃうのは乱暴かもしれませんが…

38. CI
Continuous Integration
継続的インテグレーションツール

39. Jenkins
https://jenkins-ci.org/

40. CircleCI
https://circleci.com/

41. Travis CI
https://travis-ci.org/

42. GitLab CI
https://about.gitlab.com/gitlab-ci/

43. デザイン

44. マテリアルデザイン
http://www.getmdl.io/

45. DDD
Domain Driven Design
ドメイン駆動設計

46. ドメイン駆動設計
バイブル→
最近はこっちも→

47. pull request
ベースの開発
GitHUB

48. GitHUB Enterprise
https://enterprise.github.com/home

49. GitLab
https://about.gitlab.com/

50. タスク管理
KANBAN

51. Trello
https://trello.com

52. waffle.io
https://waffle.io/

53. 情報共有

54. Qiita:Team
https://teams.qiita.com/

55. esa.io
https://esa.io/

56. Microsoft
最近イケてます！

57. .Net →オープンソース！
https://github.com/Microsoft/dotnet

58. Visual Studio Code
https://www.visualstudio.com/ja-jp/products/code-
vs.aspx

59. AI女子高生 りんな
http://rinna.jp/rinna/

60. 鈴⽊商店で取
り組んでいる
こと

61. AngularJS
https://angularjs.org/

62. TypeScript
http://www.typescriptlang.org/

63. 標準化
• コーディング規約
• こういう処理はこう書く！というサンプル集
• 各種ボイラープレート的なもの
• 見積り技法
• 提案書はこう書こう！
• その他、「全員バラバラなもの」→「標準化」

64. 標準化
トップダウンで開始
↓
ボトムアップで新しいアイデア
いい流れ！

65. 安⼼して下さい

66. グループワーク
プチハッカソン

67. プチハッカソン
• 前回までのTODOアプリが題材
• チーム戦
• 3分でプレゼン
• 私の独断で優勝決定

68. ご清聴ありがとう
ございました！