アプリケーションの仕組みと開発プロセスを、専門的な用語を極力排除して説明します。 此処で言うアプリケーションはクライアント・サーバモデルのWeb / モバイルアプリケーションを指しています。 アプリケーションの仕組み： サーバ・クライアント等、役割を分担し、それぞれが知るべきことを知り、やるべきことをやる。 そうして複雑なアプリケーションを作り上げている。 アプリケーションの開発プロセス： 開発プロセスはただ「作る」ではなく、「既存の実装を把握し介入」「既存箇所含めた動作確認」というプロセスがあり、それは「役割分担の綺麗さ」「自動テストの量・質」の影響を強く受ける。 そのため、スピードを追求する中でも、役割分担の見直し・テスト整備等を日頃から行なうことが、アプリの品質・中長期的な開発スピード向上に繋がる。 演習の意味合いで、以下の付録を設けました。 ・アプリケーションの仕組みを踏まえてトラブルシューティングを行なう ・アプリケーションの仕組みに基いて開発の影響範囲を考えてみる ・「役割分担」が実際どのように行われているのか、適切に行われないとどう問題になるのか、ツイッターのタイムライン機能を実例として扱い覗いてみる 想定読者は「自社アプリケーションを通じてサービス提供する会社に属するビジネスサイドの方」です。

1. Toshinori Tsugita @tsugitta

2. アプリケーションにまつわる議論

3. 明るい未来

4. 何から始めるべきか

5. 仕組みがわかると

6. 開発プロセスがわかると

7. アプリケーションの仕組み

8. Twitter のようなモバイルアプリを考える

9. モバイル Twitter アプリ

11. こうする？

12. こうする？

13. 賢い⼈がいると良さそう

14. 要求・応答の例（タイムライン）

15.
要求・応答の例（タイムライン）

16.
要求・応答の例（フォロー成功）

17.
要求・応答の例（フォロー成功）

18.
要求・応答の例（フォロー失敗）

19.
要求・応答の例（フォロー失敗）

20. 気づき

21. 似た話 at 飲⾷店

22. 補⾜

23. アプリケーションにまつわる経験則

24. 役割の粒度は様々

25. アプリケーションの仕組みまとめ

26. アプリケーションの開発プロセス

27. アプリケーションの開発プロセス

28. 独⽴した新機能開発なら..
アプリケーションの開発プロセス

29. 😎
独⽴した新機能開発なら..
アプリケーションの開発プロセス

30. アプリケーションの開発プロセス

31. アプリケーションの開発プロセス

32. アプリケーションに変更を加える

33. アプリケーションに変更を加える（理想）

34. アプリケーションに変更を加える（理想）

35. アプリケーションに変更を加える（現実）

36. アプリケーションに変更を加える（現実）

37. アプリケーションに変更を加える（現実）

38. なぜか？

39. 「作る」よりも「組み合わせる」
✨

40. アプリケーションの開発プロセス

41. アプリケーションの開発プロセス

42. 動作確認（テスト）

43. 動作確認（テスト）

44. 動作確認（テスト）

45. 理想的なテスト
😇

46. テストを⾃動化する

47. 役割単体でのテスト

48. 例）UI 担当の単体テスト
👍

49. 役割を結合したテスト

50. 例）リクエスト・レスポンスの結合テスト
👍

51. テストがあれば

52. テストを書くのは簡単ではない

53.
アプリケーションの開発プロセス

54.
アプリケーションの開発プロセスまとめ

55. 付録 1）トラブルシューティングしてみる

56. フォームにまつわるトラブル

57. 「送信」ボタンが押せない

58. フォームにまつわるトラブル

59. 「送信」ボタンを押したら「エラー」と表⽰された

60.
「送信」ボタンを押したら「エラー」と表⽰された

61.
「送信」ボタンを押したら「エラー」と表⽰された

62. フォームにまつわるトラブル

63.
「送信」ボタンを押しても何も起きない

64.
「送信」ボタンを押しても何も起きない

65. トラブルシューティングができるということ

66. 付録 2）開発の影響範囲を考えてみる

67. アプリ上の⽂⾔変更を考える

68.
アプリの表⽰上の⽂⾔を変更する

69.
アプリの表⽰上の⽂⾔を変更する

70.
アプリの表⽰上の⽂⾔を変更する

71.
アプリの表⽰上の⽂⾔を変更する
😔

72. 付録 3）役割分担の現場

73. タイムライン取得時のサーバの中⾝を考える

74. タイムライン取得時のサーバの中⾝を考える

75. 仕様：フォローしている⼈のツイートが返ってくる

76. 仕様：ミュートワードを含むツイートをはじく

77. 仕様：設定に応じて報告されているツイートをはじく

78. 仕様：プロモーションツイートを混ぜる

79. 仕様：反響の⼤きいツイートをハイライトとして返却

80. ⼤変なことになった

81. 問題点

82. まだまだ悪化しうる

83. どうすれば良さそうか？

84. 仕様：フォローしている⼈のツイートが返ってくる
😀

85. 仕様：ミュートワードを含むツイートをはじく
🙁

86. 仕様：設定に応じて報告されているツイートをはじく
🤔

87. 仕様：設定に応じて報告されているツイートをはじく

88.
仕様：プロモーションツイートを混ぜる

89.
仕様：反響の⼤きいツイートをハイライトとして返却

90. 特徴

91. 留意点