選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

example-driven-development.html 5.4KB

2ヶ月前
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="utf-8">
  4. <head>
  5. <link rel="stylesheet" href="../../style.css">
  6. </head>
  7. <body>
  8. <script data-goatcounter="https://services.opengamestudio.org:443/count" async src="//services.opengamestudio.org:443/count.js"></script>
  9. <div id="header">
  10. <div class="header2">
  11. <div class="menu">
  12. <a href="../../en/news/index.html">News</a>
  13. <a href="../../en/game/index.html">Games</a>
  14. <a href="../../en/tool/index.html">Tools</a>
  15. <a href="../../en/page/about.html">About</a>
  16. </div>
  17. <div id="lang">
  18. <a href="../../en/news/example-driven-development.html">EN</a>
  19. <a href="../../ru/news/example-driven-development.html">RU</a>
  20. </div>
  21. <div class="clear"></div>
  22. </div>
  23. </div>
  24. <h3 class="left_item_title">In the news...</h3>
  25. <center>
  26. <div class="news_item">
  27. <h2 class="news_item_title">
  28. <a href="example-driven-development.html">Example-driven development</a>
  29. </h2>
  30. <p class="news_item_date">
  31. 2018-06-27 00:00
  32. </p>
  33. <div class="news_item_contents">
  34. <p><img src="../../images/2018-06-27-example-driven-development.png" alt="Debug broker" /></p>
  35. <p>This article explains how the third OpenSceneGraph cross-platform example opened our eyes to example-driven development.</p>
  36. <p><strong>2018-08 EDIT</strong>: the third example has been renamed to the fourth one due to the reasons described in the <a href="examples-and-dependencies.html">next article</a>.</p>
  37. <p><strong>The third OpenSceneGraph cross-platform example</strong></p>
  38. <p>The third OpenSceneGraph cross-platform example explains how to implement <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples/tree/master/04.RemoteDebugging">remote debugging across platforms</a>. This example is less about OpenSceneGraph and more about different platforms.</p>
  39. <p>Remote anything nowadays assumes the use of HTTP(s) over TCP/IP. Thus, the first idea was to embed HTTP server into an application and let HTTP clients interact with the server.</p>
  40. <p>However, serving HTTP across all platforms is complicated:</p>
  41. <ul>
  42. <li>desktops have firewalls</li>
  43. <li>mobiles have restrictions on background processes</li>
  44. <li>web browsers are HTTP clients by design</li>
  45. </ul>
  46. <p>That's why we decided to create a mediator between debugged application and UI. <a href="https://github.com/OGStudio/debug-broker">Debug broker</a>, a small Node.js application, became that mediator. Debug broker uses no external dependencies, so it's easy to run virtually anywhere. Also, since debug broker is a server application, you can configure it once and use it for any number of applications.</p>
  47. <p>Both <a href="https://github.com/OGStudio/debug-ui">debug UI</a> and <a href="https://github.com/OGStudio/debug-broker">debug broker</a> use JavaScript because we wanted these tools to be accessible from anywhere with no prior installation. This decision limited us to web browser solution. Providing any sort of desktop application would incur additional installation and maintenance effort, which would only complicate the tools.</p>
  48. <p><strong>Example-driven development establishment</strong></p>
  49. <p>Once the third example was implemented, we realized how important and beneficial it is to develop new features outside the main project:</p>
  50. <ul>
  51. <li>the main project is freed from excessive commit noise</li>
  52. <li>a new feature is publicly shared for everyone to learn, criticize, and improve</li>
  53. </ul>
  54. <p>When we publicly share our knowledge:</p>
  55. <ul>
  56. <li>we must create documentation for everyone (including ourselves later) to understand what's going on</li>
  57. <li>we must not use hacks because that would break your trust in us</li>
  58. </ul>
  59. <p>From now on, all new features like input handling, Mahjong layout loading, resource caching, etc. are going to be first implemented as examples. We call this example-driven development.</p>
  60. <p>That's it for explaining how the third OpenSceneGraph cross-platform example opened our eyes to example-driven development.</p>
  61. </div>
  62. </div>
  63. <div id="disqus_thread"></div>
  64. <script>
  65. var disqus_config = function () {
  66. this.page.url = "https://opengamestudio.org/en/news/example-driven-development.html";
  67. this.page.identifier = "example-driven-development.html";
  68. };
  69. (function() { // DON'T EDIT BELOW THIS LINE
  70. var d = document, s = d.createElement('script');
  71. s.src = 'https://opengamestudio.disqus.com/embed.js';
  72. s.setAttribute('data-timestamp', +new Date());
  73. (d.head || d.body).appendChild(s);
  74. })();
  75. </script>
  76. <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  77. <div id="footer">
  78. The site has been generated by <a href="http://opengamestudio.org/pskov">PSKOV</a>
  79. from <a href="http://github.com/ogstudio/site-opengamestudio">this source code</a>.
  80. </div>
  81. </center>
  82. </body>
  83. </html>