O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

アプリケーションの仕組みと開発プロセス

アプリケーションの仕組みと開発プロセスを、専門的な用語を極力排除して説明します。
此処で言うアプリケーションはクライアント・サーバモデルのWeb / モバイルアプリケーションを指しています。

アプリケーションの仕組み:
サーバ・クライアント等、役割を分担し、それぞれが知るべきことを知り、やるべきことをやる。
そうして複雑なアプリケーションを作り上げている。

アプリケーションの開発プロセス:
開発プロセスはただ「作る」ではなく、「既存の実装を把握し介入」「既存箇所含めた動作確認」というプロセスがあり、それは「役割分担の綺麗さ」「自動テストの量・質」の影響を強く受ける。
そのため、スピードを追求する中でも、役割分担の見直し・テスト整備等を日頃から行なうことが、アプリの品質・中長期的な開発スピード向上に繋がる。

演習の意味合いで、以下の付録を設けました。
・アプリケーションの仕組みを踏まえてトラブルシューティングを行なう
・アプリケーションの仕組みに基いて開発の影響範囲を考えてみる
・「役割分担」が実際どのように行われているのか、適切に行われないとどう問題になるのか、ツイッターのタイムライン機能を実例として扱い覗いてみる

想定読者は「自社アプリケーションを通じてサービス提供する会社に属するビジネスサイドの方」です。

  • Entre para ver os comentários

アプリケーションの仕組みと開発プロセス

  1. 1. Toshinori Tsugita @tsugitta
  2. 2. アプリケーションにまつわる議論 

  3. 3. 明るい未来
  4. 4. 何から始めるべきか
  5. 5. 仕組みがわかると 

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

  7. 7. アプリケーションの仕組み
  8. 8. Twitter のようなモバイルアプリを考える
  9. 9. モバイル Twitter アプリ 
 

  10. 10. こうする?
  11. 11. こうする? 

  12. 12. 賢い⼈がいると良さそう
  13. 13. 要求・応答の例(タイムライン) 
 

  14. 14. 
 要求・応答の例(タイムライン)
  15. 15. 
 
 
 
 要求・応答の例(フォロー成功)
  16. 16. 
 
 要求・応答の例(フォロー成功)
  17. 17. 
 
 
 
 要求・応答の例(フォロー失敗)
  18. 18. 
 
 要求・応答の例(フォロー失敗)
  19. 19. 気づき 

  20. 20. 似た話 at 飲⾷店 
 
 
 
 

  21. 21. 補⾜ 

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

  23. 23. 役割の粒度は様々
  24. 24. アプリケーションの仕組みまとめ 
 

  25. 25. アプリケーションの開発プロセス
  26. 26. アプリケーションの開発プロセス
  27. 27. 独⽴した新機能開発なら.. アプリケーションの開発プロセス
  28. 28. 😎 独⽴した新機能開発なら.. アプリケーションの開発プロセス
  29. 29. アプリケーションの開発プロセス
  30. 30. アプリケーションの開発プロセス
  31. 31. アプリケーションに変更を加える
  32. 32. アプリケーションに変更を加える(理想) 

  33. 33. アプリケーションに変更を加える(理想)
  34. 34. アプリケーションに変更を加える(現実) 

  35. 35. アプリケーションに変更を加える(現実)
  36. 36. アプリケーションに変更を加える(現実) 

  37. 37. なぜか? 

  38. 38. 「作る」よりも「組み合わせる」 
 
 ✨
  39. 39. アプリケーションの開発プロセス
  40. 40. アプリケーションの開発プロセス
  41. 41. 動作確認(テスト)
  42. 42. 動作確認(テスト) 

  43. 43. 動作確認(テスト)
  44. 44. 理想的なテスト 😇
  45. 45. テストを⾃動化する
  46. 46. 役割単体でのテスト 

  47. 47. 例)UI 担当の単体テスト 
 
 
 
 
 
 
 
 
 
 👍
  48. 48. 役割を結合したテスト 

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

  50. 50. テストがあれば 
 
 

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

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

  54. 54. 付録 1)トラブルシューティングしてみる
  55. 55. フォームにまつわるトラブル
  56. 56. 「送信」ボタンが押せない 
 
 
 
 

  57. 57. フォームにまつわるトラブル
  58. 58. 「送信」ボタンを押したら「エラー」と表⽰された 
 
 
 

  59. 59. 
 「送信」ボタンを押したら「エラー」と表⽰された
  60. 60. 
 
 「送信」ボタンを押したら「エラー」と表⽰された
  61. 61. フォームにまつわるトラブル
  62. 62. 
 
 「送信」ボタンを押しても何も起きない
  63. 63. 
 
 
 
 
 「送信」ボタンを押しても何も起きない
  64. 64. トラブルシューティングができるということ 
 

  65. 65. 付録 2)開発の影響範囲を考えてみる
  66. 66. アプリ上の⽂⾔変更を考える
  67. 67. 
 アプリの表⽰上の⽂⾔を変更する
  68. 68. 
 
 
 アプリの表⽰上の⽂⾔を変更する
  69. 69. 
 
 
 
 
 アプリの表⽰上の⽂⾔を変更する
  70. 70. 
 
 
 
 
 アプリの表⽰上の⽂⾔を変更する 😔
  71. 71. 付録 3)役割分担の現場
  72. 72. タイムライン取得時のサーバの中⾝を考える
  73. 73. タイムライン取得時のサーバの中⾝を考える
  74. 74. 仕様:フォローしている⼈のツイートが返ってくる 
 

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

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

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

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

  79. 79. ⼤変なことになった 
 
 
 
 
 
 
 
 
 
 
 

  80. 80. 問題点 
 

  81. 81. まだまだ悪化しうる 
 

  82. 82. どうすれば良さそうか?
  83. 83. 仕様:フォローしている⼈のツイートが返ってくる 😀
  84. 84. 仕様:ミュートワードを含むツイートをはじく 🙁
  85. 85. 仕様:設定に応じて報告されているツイートをはじく 🤔
  86. 86. 仕様:設定に応じて報告されているツイートをはじく 
 

  87. 87. 
 
 仕様:プロモーションツイートを混ぜる
  88. 88. 
 
 
 仕様:反響の⼤きいツイートをハイライトとして返却
  89. 89. 特徴 
 
 

  90. 90. 留意点 
 


×