Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

example-driven-development.html 8.0KB

vor 2 Monaten
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="../../ru/news/index.html">Новости</a>
  13. <a href="../../ru/game/index.html">Игры</a>
  14. <a href="../../ru/tool/index.html">Инструменты</a>
  15. <a href="../../ru/page/about.html">О нас</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">В новостях...</h3>
  25. <center>
  26. <div class="news_item">
  27. <h2 class="news_item_title">
  28. <a href="example-driven-development.html">Разработка через создание примеров</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="Брокер отладки" /></p>
  35. <p>Эта статья описывает то, как создание третьего кросс-платформенного примера OpenSceneGraph привело нас к разработке через создание примеров.</p>
  36. <p><strong>ИЗМЕНЕНИЯ ОТ 2018-08</strong>: третий пример был переименован в четвёртый в связи с причинами, изложенными в <a href="examples-and-dependencies.html">следующей статье</a>.</p>
  37. <p><strong>Третий кросс-платформенный пример OpenSceneGraph</strong></p>
  38. <p>Третий кросс-платформенный пример OpenSceneGraph содержит реализацию <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples/tree/master/04.RemoteDebugging">удалённой отладки, работающей на всех поддерживаемых платформах</a>. Этот пример относится не столько к OpenSceneGraph, сколько к поддержке различных платформ.</p>
  39. <p>Удалённое взаимодействие ныне предполагает использование HTTP(s) поверх TCP/IP. Таким образом, первая идея реализации подразумевала встраивание сервера HTTP в приложение, чтобы клиенты HTTP могли взаимодействовать с этим сервером.</p>
  40. <p>Однако, раздача HTTP на различных платформах имеет свои сложности:</p>
  41. <ul>
  42. <li>на десктопах есть межсетевые экраны (firewalls)</li>
  43. <li>на мобилках есть ограничения по работе фоновых процессов</li>
  44. <li>веб-браузеры являются клиентами HTTP по дизайну</li>
  45. </ul>
  46. <p>Эти ограничения подтолкнули нас к созданию посредника между отлаживаемым приложением и пользовательским интерфейсом отладки. <a href="https://github.com/OGStudio/debug-broker">Брокер отладки</a>, небольшое приложение Node.js, стало тем самым посредником. Брокер отладки не имеет внешних зависимостей, поэтому его легко использовать практически везде. Благодаря тому, что брокер отладки - это серверное приложение, его достаточно настроить лишь раз и использовать для любого количества приложений.</p>
  47. <p>И <a href="https://github.com/OGStudio/debug-ui">пользовательский интерфейс отладки</a>, и <a href="https://github.com/OGStudio/debug-broker">брокер отладки</a> используют JavaScript, т.к. мы хотели сделать эти инструменты максимально доступными без предварительной установки. Данное решение привело нас к реализации инструментов именно для веб-браузеров. Десктопное приложение потребовало бы дополнительных усилий на установку и поддержку, что лишь усложнило бы работу с инструментами.</p>
  48. <p><strong>Разработка через создание примеров</strong></p>
  49. <p>После создания третьего примера мы осознали важность и достоинства разработки новых функций вне основного проекта:</p>
  50. <ul>
  51. <li>освобождение основного проекта от шума изменений (commit noise)</li>
  52. <li>публичное освещение новой функции приглашает всех к её изучению, критике и улучшению</li>
  53. </ul>
  54. <p>Когда мы делимся нашими знаниями:</p>
  55. <ul>
  56. <li>мы обязаны создавать документацию, объясняющую происходящее (в том числе для нас самих позже)</li>
  57. <li>мы обязаны сторониться непродуманных решений, т.к. они повредят нашей репутации</li>
  58. </ul>
  59. <p>С этого момента все новые функции вроде обработки ввода, загрузки раскладок Маджонга, кэширования ресурсов и т.п. мы будем сначала реализовывать в виде примеров. Мы называем этот подход разработкой через создание примеров.</p>
  60. <p>На этом мы заканчиваем описание того, как создание третьего кросс-платформенного примера OpenSceneGraph привело нас к разработке через создание примеров.</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/ru/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>Пожалуйста, включите JavaScript для просмотра <a href="https://disqus.com/?ref_noscript">комментариев на платформе Disqus.</a></noscript>
  77. <div id="footer">
  78. Сайт сгенерирован <a href="http://opengamestudio.org/pskov/ru">ПСКОВОМ</a>
  79. из <a href="http://github.com/ogstudio/site-opengamestudio">этого исходного кода</a>.
  80. </div>
  81. </center>
  82. </body>
  83. </html>