tag:blogger.com,1999:blog-23325458513245935832024-02-08T12:36:16.038+09:00Mozanit Works EngineeringMozanit Workshttp://www.blogger.com/profile/01798963922895715322noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-2332545851324593583.post-66287473497338062492012-11-09T12:47:00.001+09:002015-05-07T16:19:09.743+09:00テストコードを書くとアジャイルのテストのROIは3倍になる今回は、アジャイル開発におけるテスト手法に関するお話です。<br />
手動テストと自動テストについて、会計的・数学的な観点から比較します。<br />
今回の記事は、定量的な比較をしただけで、主張の内容は、GoogleやFacebookなどの先進的なWeb系企業やオープンソースでは常識であり、特に目新しい主張ではありません。<br />
<div>
<br /></div>
<div>
<b><span style="font-size: large;">結論</span></b><br />
<div style="color: red;">
<b>1年継続するシステムであれば、自動テストのROIは、手動テストの約3倍です。</b></div>
4ヶ月未満で改修が完全に終了するプロジェクトならば手動テストを行うべきで、4ヶ月以上改修が継続するプロジェクトであれば、自動テストを行うべきです。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilVddJirYiw9EhVVW75kerd7Fa6tjoDuMkO18BFIuxR-e7ohLhoougvc2vFgWwx90LMAHKgBN_ZPgNqJKkk7cdLFlXEIH7pzeejvG8lYbC9ynpwgy6U4UsfAIJSuTUpuDe1UzeFxxtx08/s1600/---_1+%286%29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilVddJirYiw9EhVVW75kerd7Fa6tjoDuMkO18BFIuxR-e7ohLhoougvc2vFgWwx90LMAHKgBN_ZPgNqJKkk7cdLFlXEIH7pzeejvG8lYbC9ynpwgy6U4UsfAIJSuTUpuDe1UzeFxxtx08/s400/---_1+(6).png" width="400" /></a></div>
<br /></div>
<div>
<b><span style="font-size: large;">前提</span></b><br />
1週間に1回のイテレーション<br />
現在割引価値算出のための年率は上場企業平均のROI年率5%<br />
テストケースが作成されている状態で、テストコードを書く工数を手動テストする工数の8倍とする(8倍は弊社実績)<br />
<br /></div>
<div>
<b><span style="font-size: large;">背景</span></b></div>
イテレーションをすばやく繰り返すだけの名ばかりアジャイルがSierによって誇大的に喧伝されています。詳細は後述しますが、自動テストなしにきちんとした品質を担保しながらイテレーションを繰り返すことはほとんど不可能に近いです。どこかで手を抜くか、工数を盛るかしないといけません。Sierは人月商売を行っており、手がかかればかかるほど工数が膨らむので、それも後押ししているのかもしれません。また、キーマンズネットの調べによると、 91.5%の企業は自動テストを行っていません(<a href="http://www.publickey1.jp/blog/12/8585.html" target="_blank">参考</a>)。 <br />
<b style="color: red;">昨年までは、私達もそういったSierの1つでした。</b>今年から、上記の反省を踏まえ、自作のVB6用テスティングツール<a href="https://bitbucket.org/mozanitworks/vunit" target="_blank">VUnit</a>とjenkinsによる自動テストにより、品質の向上に努めています。<br />
<br />
<b><span style="font-size: large;">定性的な根拠 </span></b><br />
プログラムに一部変更を加えた場合、通常は、そのたびに他に影響がないかを確認しなければいけません。変更や修正を繰り返すアジャイル開発では、この確認がイテレーションのたびにかかるので、うまく工夫をしなければ工数が爆発的に増加してしまいます。現実には、手動テストでは、影響範囲を人間がヒューリスティックに判断し、テストの範囲を狭めることで対応しますが、人間の判断なので得てして見落としが発生し、思わぬところに影響が出たりします。もちろん、カプセル化や関数型プログラミングでリスクを低減させることは可能ですが、現実には見落としが発生してしまいがちです。一方、自動テストでは、一度書いたテストは再利用可能であり、一度書いたものであれば全体に対してテストを行うことができます。また、今回の計算式には算入していませんが、自動テストの実行自体も自動化し、定期的にテストを実行することで、バグの検知もすみやかに行うことができ、工数を削減できます。jenkinsの導入も即日可能です。<br />
<br />
<b><span style="font-size: large;">定量的な根拠(読み飛ばし可)</span></b><br />
1イテレーションにつき1つ機能がリリースされ、1イテレーションの間にリリースされたすべての機能をテストするものとする。<br />
<br />
また、1つの機能に対して1回の手動テストをすることよる工数をM、1つの機能についてテストコードを開発する工数をT、自動テストによる1回あたりのテストの工数を0、1イテレーションあたりの利率をi、イテレーションの回数をn、テストをすべて手動テストで行った場合の工数の総和をH、テストをすべて自動テストで行った場合の工数の総和をA、割引率をj = 1/i(j≠1)とする。<br />
<br />
Hを求める<br />
H = M+2Mj+3Mj^2+...+nMj^(n-1)<br />
jH= 1Mj+2Mj^2+...+(n-1)Mj^(n-1)+nMj^n<br />
H-jH=(M+Mj+Mj^2+...Mj^(n-1))-nMj^n<br />
(M+Mj+Mj^2+...Mj^(n-1))は初項M,公比j,項数nの等比数列の和なので、式を変形して、<br />
(1-j)H=M(1-j^n)/(1-j) - nMj^n<br />
j≠1より、<br />
H=M(1-j^n)/(1-j)^2 - (nMj^n)/(1-j)<br />
<br />
Aを求める<br />
A = T+Tj+Tj^2+...+Tj^n<br />
A = T(1-j^n)/(1-j)<br />
<br />
HとAに前述の前提の項の値を代入して比較した結果、前述の結論になった。Mozanit Workshttp://www.blogger.com/profile/01798963922895715322noreply@blogger.com0tag:blogger.com,1999:blog-2332545851324593583.post-36124196136875617062012-08-20T10:55:00.003+09:002013-06-18T17:12:44.161+09:00【画像あり】Webページで表示できる綺麗なグラフ4つ<style type="text/css">
td{
width:100px;
height:25px;
}
td.c1{
width:200px;
}
table,td,th{
border:solid 1px #DDD;
border-spacing:0px;
}
hr{
color:#EEE;
}
</style>
Webで表示できる美しいグラフを4つ紹介します。<br />
美しいグラフは、ユーザーの興味を惹くことができるため、訴求力が高まります。<br />
また、わかりやすさも向上するため、アプリケーションの使い勝手も向上します。<br />
<br />
<br />
<span style="font-size: x-large;">簡易比較表</span>
<br />
<table>
<thead>
<tr>
<th><br /></th>
<th>無料/有料</th>
<th>グラフの種類</th>
<th>サンプル</th>
<th>複合グラフ</th>
</tr>
</thead>
<tbody>
<tr>
<td class="c1">High Charts</td>
<td align="center" class="center_td">×</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">◎</td>
</tr>
<tr>
<td class="c1">Google Chart Tools</td>
<td align="center" class="center_td">◯</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">△</td>
<td align="center" class="center_td">◎</td>
</tr>
<tr>
<td class="c1">Raphael.js</td>
<td align="center" class="center_td">◯</td>
<td align="center" class="center_td">◯</td>
<td align="center" class="center_td">◯</td>
<td align="center" class="center_td">△</td>
</tr>
<tr>
<td class="c1">ccchart</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">△</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">◎</td>
</tr>
</tbody>
</table>
<br />
各々長所と短所があるので、状況に合わせて使い分けてください。<br />
上から順におすすめです。<br />
<br />
<a name='more'></a><br /><br />
<hr />
<br />
<span style="font-size: x-large;">High Charts</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNiaNbkPoDt6q6LboO7eVT2c1EMni6cV2_Vl-Y1OmmPzyA9p0yAytmyJgTu_HDYAhyUthGWHy6vTGnr69DCl9j4kJnEFvayd_P6iI-AX01HSjZibbR-K9MzffMBjbtSuuySPWinPAE3GE/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-08-17+14.37.29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNiaNbkPoDt6q6LboO7eVT2c1EMni6cV2_Vl-Y1OmmPzyA9p0yAytmyJgTu_HDYAhyUthGWHy6vTGnr69DCl9j4kJnEFvayd_P6iI-AX01HSjZibbR-K9MzffMBjbtSuuySPWinPAE3GE/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-08-17+14.37.29.png" width="320" /></a></div>
<span style="font-size: large;">サンプルページ </span><span style="font-size: large;"><span style="font-size: small;"> </span></span><br />
<span style="font-size: large;"><a href="http://www.highcharts.com/demo/"><span style="font-size: small;">http://www.highcharts.com/demo/</span></a></span><br />
<br />
<span style="font-size: large;">長所</span><br />
<ul>
<li>円グラフや棒グラフを簡単に組み合わせることができる</li>
<li>アニメーションがきれい </li>
<li>サンプルが豊富 </li>
<li>
</li>
</ul>
<span style="font-size: large;">短所</span><br />
<ul>
<li>商用ライセンス</li>
</ul>
<span style="font-size: large;">ダウンロードページ</span><br />
<span style="font-size: large;"><a href="http://www.highcharts.com/download" target="_blank"><span style="font-size: small;">http://www.highcharts.com/download </span></a></span><br />
<br />
<hr />
<br />
<span style="font-size: x-large;">Google Chart Tools</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJP_YFDDqqtbeOX4bmA-ndZ7PzzDc043dKx_iOYdDRcOKsvGh3UTljoehefhsMsy6KpSg2-oAFBY-vFaOqstlyTyklfdv96lbedKysTv2y8rdJXe4qalfvXv-zxcTT7Tuds6Xi_XvbpZg/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-08-20+9.33.03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJP_YFDDqqtbeOX4bmA-ndZ7PzzDc043dKx_iOYdDRcOKsvGh3UTljoehefhsMsy6KpSg2-oAFBY-vFaOqstlyTyklfdv96lbedKysTv2y8rdJXe4qalfvXv-zxcTT7Tuds6Xi_XvbpZg/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-08-20+9.33.03.png" width="320" /></a></div>
<span style="font-size: large;">サンプルページ</span><br />
<a href="https://developers.google.com/chart/interactive/docs/gallery">https://developers.google.com/chart/interactive/docs/gallery</a><br />
<br />
<span style="font-size: small;"><span style="font-size: large;">長所</span><br />
</span><br />
<ul>
<li>無料</li>
<li>HighChart並みの表現力、柔軟性がある</li>
</ul>
<span style="font-size: large;">短所</span><br />
<ul>
<li>サンプルが貧弱</li>
</ul>
<span style="font-size: large;">ダウンロードページ</span><br />
<span style="font-size: small;"><a href="https://www.google.com/jsapi" target="_blank">https://www.google.com/jsapi </a> </span><br />
<br />
<hr />
<br />
<span style="font-size: x-large;">Raphael.js</span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhULBNfZKc92Qjo4gH8rgdIZIy6hxv1cYCEh0tNMgKfxRMT_62B53CHE47AZodevafmrBl9T-xG4TPmRSjmNRKzRVg3P0GAIUNUDIXfLxMdm3-l0jMS1haYELuO7GwZNxKlQ3zM28bshXE/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-08-20+9.52.09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhULBNfZKc92Qjo4gH8rgdIZIy6hxv1cYCEh0tNMgKfxRMT_62B53CHE47AZodevafmrBl9T-xG4TPmRSjmNRKzRVg3P0GAIUNUDIXfLxMdm3-l0jMS1haYELuO7GwZNxKlQ3zM28bshXE/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-08-20+9.52.09.png" width="320" /></a><span style="font-size: small;"> <span style="font-size: large;"> </span></span><br />
<span style="font-size: small;"><span style="font-size: large;">サンプルページ </span></span><br />
<span style="font-size: small;"><a href="http://raphaeljs.com/" target="_blank"><span style="font-size: small;">http://raphaeljs.com/ </span></a></span><br />
<br />
<span style="font-size: large;">長所</span><br />
<ul>
<li><span style="font-size: small;">単体のグラフを作成するなら、これが一番きれい</span></li>
<li><span style="font-size: small;">無料 </span></li>
</ul>
<span style="font-size: large;">短所</span><br />
<ul>
<li><span style="font-size: small;">複合グラフを作成するためには、elychartsというプラグインが必要</span></li>
<li><span style="font-size: small;">elychartsのサンプルが汚い</span></li>
</ul>
<span style="font-size: small;"> </span><span style="font-size: large;">ダウンロードページ</span><br />
<span style="font-size: small;"><a href="http://raphaeljs.com/" target="_blank"><span style="font-size: small;">http://raphaeljs.com/ </span></a></span><br />
<br />
<hr />
<br />
<span style="font-size: small;"></span><span style="font-size: x-large;">ccchart</span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9dfrBl-9mgNWzBvNPlvPgpVJAPzqkw22erF5iLgvvBO-bdl1b9bwQ-pLsdLXctgjH77_RgJflNefpK_fycSIFeKKr5UskzJloV0ub-Yqm9nZ68O5R3Oxk_-WjNcWq3e12Oj38RB2UUrk/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-08-20+9.54.41.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9dfrBl-9mgNWzBvNPlvPgpVJAPzqkw22erF5iLgvvBO-bdl1b9bwQ-pLsdLXctgjH77_RgJflNefpK_fycSIFeKKr5UskzJloV0ub-Yqm9nZ68O5R3Oxk_-WjNcWq3e12Oj38RB2UUrk/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-08-20+9.54.41.png" width="320" /></a><span style="font-size: small;"> </span><br />
<span style="font-size: small;"><span style="font-size: large;">サンプルページ </span></span><br />
<span style="font-size: small;"><a href="http://jsgt.org/c/"><span style="font-size: small;">http://jsgt.org/c/</span></a></span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: large;">長所</span><br />
<ul>
<li><span style="font-size: small;">ライセンスがpublic domain(無料)</span></li>
<li><span style="font-size: small;">サンプルが豊富 </span></li>
<li><span style="font-size: small;">複合グラフを簡単に作成できる</span></li>
</ul>
<span style="font-size: large;">短所</span><br />
<ul>
<li><span style="font-size: small;">円グラフを作成できない(現在実装中) </span></li>
</ul>
<span style="font-size: small;"> </span><span style="font-size: large;">ダウンロードページ</span><br />
<span style="font-size: large;"><span style="font-size: small;"><a href="http://jsgt.org/c/js/ccchart.js" target="_blank">http://jsgt.org/c/js/ccchart.js </a></span></span><br />
<br />
<br />Mozanit Workshttp://www.blogger.com/profile/01798963922895715322noreply@blogger.com0tag:blogger.com,1999:blog-2332545851324593583.post-55111676172266477132012-05-22T11:45:00.001+09:002013-06-18T17:12:59.964+09:00実際に使った4つのクラウドサービスの比較<style type="text/css">
td{
width:80px;
height:25px;
}
td.c1{
width:150px;
}
table,td,th{
border:solid 1px #DDD;
border-spacing:0px;
}
</style>
<br />
EC2、Salesforce、Heroku、Google App Engine(と従来の自前の物理サーバー)の比較をします。それぞれ、実際に触ってみた感想です。 それぞれ使いどころがあるので、状況に応じて使い分けたり組み合わせたりするといいと思います。<br />
<br />
<h2>
<span style="font-size: large;">簡易比較表</span></h2>
<table>
<thead>
<tr>
<th><br /></th>
<th>EC2</th>
<th>Salesforce</th>
<th>Heroku</th>
<th>GAE</th>
<th>自前</th>
</tr>
</thead>
<tbody>
<tr>
<td class="c1">イニシャルコスト※</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">×</td>
</tr>
<tr>
<td class="c1">保守・運用費用</td>
<td align="center" class="center_td">◯</td>
<td align="center" class="center_td">◯</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">×</td>
</tr>
<tr>
<td class="c1">ストレージ費用</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">◯</td>
<td align="center" class="center_td">×</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">×</td>
</tr>
<tr>
<td class="c1">自由度</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">×</td>
<td align="center" class="center_td">△</td>
<td align="center" class="center_td">×</td>
<td align="center" class="center_td">◯</td>
</tr>
<tr>
<td class="c1">サーバー設定コスト</td>
<td align="center" class="center_td">×</td>
<td align="center" class="center_td">◯</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">×</td>
</tr>
<tr>
<td class="c1">冗長性</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">×</td>
</tr>
<tr>
<td class="c1">移植性</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">×</td>
<td align="center" class="center_td">◯</td>
<td align="center" class="center_td">×</td>
<td align="center" class="center_td">◎</td>
</tr>
<tr>
<td class="c1">VPN</td>
<td align="center" class="center_td">◎</td>
<td align="center" class="center_td">×</td>
<td align="center" class="center_td">×</td>
<td align="center" class="center_td">△</td>
<td align="center" class="center_td">◎</td>
</tr>
</tbody>
</table>
※純粋なサーバー調達費用<br />
<br />
<h2>
<span style="font-size: large;">EC2</span></h2>
<b><span style="font-size: small;">つかいどころ:柔軟さが求められるユーザーに近いシステム </span></b><br />
EC2の特徴は、自由度の高さとサーバー調達の容易さにあります。OS選択からアプリ設計まですべて自由に行なえます。標準的なLinuxサーバーや構成を使えば、移植性も損ないません。また、サーバー増設の際にも物理サーバーを購入するために奔走する必要はなく、簡単にコピー、立ち上げ、冗長化を行えます。欠点は、自由度ゆえのハードルの高さです。<br />
<br />
<h2>
<span style="font-size: large;"><b>Salesforce</b></span></h2>
<b>つかいどころ:他社でも行うような定型業務に近いシステム</b><br />
パッケージ全般に言えることですが、Salesforceは標準機能をうまくつかいこなすことで、コストパフォーマンスが高くなります。たとえば、アカウント管理やそのセキュリティコントロールなどです。導入の際は、自身の業務が標準的なシステムに落とせるかどうか、一考するといいと思います。<b>一方で、Salesforceを使う際の注意点は、カスタマイズを小さく抑えることです。</b>標準機能にはないような複雑な実装をすると、将来、移植が必要になったときに負の遺産になります。古いシステムの不便さと移植コストのジレンマに陥る企業は少なくありません。そして、システムの移植はつきものです。<br />
<br />
<h2>
<span style="font-size: large;">Heroku</span></h2>
<b>つかいどころ: エンドユーザー向けの試験的サービスの運営</b><br />
Herokuの特徴は、スケーラビリティ(冗長性)とアプリ周りの設定の容易さにあります。負荷分散をするときは、サーバーの台数をコマンド一本で調整できます。また、試験的サービスにおいて重要なのが、設定の容易さで、開発コストの1/3〜1/2くらいは設定周りに費やされますが、herokuの場合は設定をほぼ自動的に行ってくれるため、すばやいリリースが可能です。ただし、ストレージ料金が高いので、DBだけEC2に置くなどして、他サービスと組み合わせて対策するといいと思います。 <br />
<br />
<h2>
<span style="font-size: large;">Google App Engine</span></h2>
<b>つかいどころ:エンドユーザー向けの挑戦的なサービス</b><br />
Google App Engineの特徴は、オートスケールと設定の容易さです。Herokuとよく似ていますが、Google App Engineは、言語がpython(google三大言語のひとつ),Java,Go(Googleが作った新しい言語)に、DBがBigtableに限定されるかわりに、自動でサーバーの処理台数を増減させたり、 設定を容易にできます。キャンペーンサイトなどで急激なアクセス増が期待される場合やアクセス数が読めない場合に有効です。<br />
<br />
<h2>
<span style="font-size: large;">自前サーバー</span></h2>
<b>つかいどころ:極めて大規模なサービスを自前で運営する場合</b><br />
物理サーバーの扱いに長けた優れたインフラエンジニアを擁している場合で、かつ大規模なシステムの場合にはいいかもしれません。あるいは、クラウドサービスが社内稟議で通りにくい場合も有効かもしれません。Mozanit Workshttp://www.blogger.com/profile/01798963922895715322noreply@blogger.com0tag:blogger.com,1999:blog-2332545851324593583.post-52605183169637323312012-02-15T16:57:00.001+09:002013-06-18T17:13:15.531+09:00Gumroadにブックみくらべを2ドルで出品しましたGumroadという新しい決済サービスについてご紹介します<br />
(クライアントのKさんに情報提供いただきました。ありがとうございます!)<br />
<a href="https://gumroad.com/">https://gumroad.com/</a><br />
<a href="https://gumroad.com/" target="_blank"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTwbWTSYdAqbI9fqiIh79MAuhBhonjoWlmXqZKllLskKHqT-MXeMsUTdImEkjgjFEqsRYCl_xH04b-q9XQ6EpDiP11SKy6QhD9kkxu5qkaxRScVLtMEhEWkPzQgD8TH7fWgQGpixtEQaE/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%EF%BC%882012-02-15+16.47.08%EF%BC%89.png" width="320" /></a><br />
Gumroadは、簡単な少額決済サービスで、下記のような特徴があります<br />
<ol>
<li>手数料が安い(単価の5%+30セント)</li>
<li>初期設定が簡単(公開まで3分かかりませんでした)</li>
<li>相手に伝える手段が簡単(URLを伝えるだけ)</li>
</ol>
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
早速、ブックみくらべツールの最新版を2$で公開してみました。</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<a href="https://gumroad.com/l/Aqm">https://gumroad.com/l/Aqm</a></div>
<br />
公開方法は、下記の動画を参考にしました(49秒)<br />
<div>
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/CJqWkcncOuY" width="560"></iframe>
<br />
<ol>
</ol>
<br />
今後も何か汎用的な社内ツールがありましたら、Gumroadを使って公開してみることにします。</div>Mozanit Workshttp://www.blogger.com/profile/01798963922895715322noreply@blogger.com0tag:blogger.com,1999:blog-2332545851324593583.post-42976600456479958462012-01-26T11:11:00.007+09:002013-06-18T17:13:33.343+09:00Excel帳票駆動開発用ツール「ブックみくらべ」をリリースしました前回、テスト駆動開発について少しお話をしました。今回は、Excel帳票駆動開発のためのツール「ブックみくらべ」をリリースしたので、テスト駆動開発との違いに触れながら帳票駆動開発(弊社造語)のお話をします。<br />
<br />
ブックみくらべ(ベクターでも公開する予定です)<br />
<a href="https://bitbucket.org/mozanitworks/books-difference">https://bitbucket.org/mozanitworks/books-difference</a><br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>テスト駆動開発とは</b></span><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">テストを行うプログラムを先に作成し、そのテストに通るようにプログラムを書く開発手法のことです。<br />
プログラムの修正は、影響範囲を読み切ることが難しく、A、B、Cといった機能があるときに、Aという機能を修正すると、BとやCに想定外のバグが出ることがしばしばあります(参考:<a href="http://d.hatena.ne.jp/kinneko/20120110/p15" target="_blank">バグ修正のための変更の40%が新たなバグを混入させる</a>)。</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">これを防ぐために、A、B、Cのプログラムに自動で動作確認をするプログラムを書きます。そして、Aを修正したときに、Aを確認するだけでなく、A、B、Cのすべてのプログラムを自動で実行し、他に影響がないことを確認します。</div><br />
<b><span class="Apple-style-span" style="font-size: large;">テスト駆動開発とExcel帳票駆動開発の共通点</span></b><br />
両者ともに共通することは、自動で確認をするため、修正や変更に強くなることです。<br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>テスト駆動開発と帳票駆動開発のちがい</b></span><br />
テスト駆動開発は、"プログラム"にまちがいがないかを自動で確認する開発手法です。一方、Excel帳票駆動開発は、"帳票"にまちがいがないかを自動で確認する開発手法です。<br />
テスト駆動開発は、自動で動作を確認するテストプログラムを書きます。これにより、プログラムレベルの堅牢性は増しますが、テストプログラムを書くコストがかかります。<br />
これに対し、帳票駆動開発は、最終的に出力されるExcelの帳票の差分を比較します。現行のプログラムが出力する帳票と修正したプログラムが出力する帳票を自動で差分比較します。比較は、今回のツールを使えば、ワンクリックで終了します。<br />
これにより、差分として出力されなかった部分については動作を保証し、差分として出力された部分を確認すれば、修正の確認が完了します。<br />
Excel帳票駆動開発は、テスト駆動開発に比べて内部の堅牢性は下がりますが、その分遥かに高速にユーザーに見える部分をテストすることができます。<br />
<br />
<b><span class="Apple-style-span" style="font-size: large;">どちらが優れているのか</span></b><br />
ナイフとハンマーがその用途によってその利便性が違うように、用途によって変わります。私が前回テスト駆動開発用ツール「VUnit」をリリースし、今回ブックみくらべをリリースしたのは、相互に足りない部分を補うためです。<br />
テスト駆動開発は、たしかに堅牢性が増すのですが、チームやソフトウェアに浸透させるまでに時間がかかります。今あるソフトウェアの規模だと、1年から2年の仕事になると思います。長期的にはこれでも構わないと思うのですが、短期的な面では不満が残ります。そこで、ブックみくらべを作成しました。弊社のソフトウェアはExcelやCSVで帳票を出力する機能がほとんどなので、短期的にもこれで品質向上が望めます。<br />
<br />
<b><span class="Apple-style-span" style="font-size: large;">背景</span></b><br />
弊社はとても小さなチームです。今のメインクライアントは、複数のベンダーと契約しています。その多くは、とても大きなベンダーで、通常ではとても太刀打ちができません。<br />
確認作業なども、マンパワーが足りないため、どうにかして効率化する必要があります。効率化の源泉は、<b>先日お話した</b><a href="http://mozanitworks.blogspot.com/2012/01/vb6vunit.html" target="_blank"><b>アジャイル開発</b></a><b>と小さなチームならではの小回りです</b>。使えるツール・手法はどんどんスピード感をもって導入・学習し、なければサクっとつくり、改善する。特に、品質保証に関わる効率の向上は、スピードに直結します。確認やバグ修正、それに付随する手戻りが減り、手が空くことで、より人間的な作業に集中し、新しい機能を開発していくことができるからです。Mozanit Workshttp://www.blogger.com/profile/01798963922895715322noreply@blogger.com0tag:blogger.com,1999:blog-2332545851324593583.post-74053606729696858602012-01-20T18:21:00.004+09:002013-06-18T17:13:46.643+09:00VB6用テスティングツールVUnitをリリースしました品質向上の一環として、テストツールVUnitを作成・リリースしました。<br />
オープンソースとして公開しています。ライセンスはMIT Licenseです。<br />
<a href="https://bitbucket.org/mozanitworks/vunit" target="_blank">https://bitbucket.org/mozanitworks/vunit</a><br />
VUnitの紹介とともに、弊社の運用体制についても解説します。<br />
<ol></ol><span style="font-size: large;">1.VUnitの特徴</span><br />
<br />
Visual Basic6.0のIDE上で動作し、テスト結果をイミディエイトウィンドウに出力します。<br />
類似のテストツールVBUnitでは、この機能が有償となっています。<br />
<br />
<br />
<span style="font-size: large;">2.開発体制について</span><br />
<br />
詳細な要件定義をせずに、まずプロトタイプをすばやくつくります。<br />
そして、そのプロトタイプを元にお客さんから修正点・要望を引き出し、徐々に完成度を高めます。この手法を採用している理由は、具体的な動くソフトウェアがない状態でエクセルを見ながらミーティングを重ねても、地に足のついた要件になりにくいからです。お客さんにとっても、事前に綿密に要件定義をする必要もなく、ストレスの負荷が低くなります。<br />
この手法の長所は、柔軟で、スピードがあることです。一方、短所は、開発側からすると、お客さんとの信頼関係を構築する必要があることです。チェックポイントごとに提出する荒削りなソフトウェアに面食らってしまうため、事前に説明が必要になります。<br />
<br />
<span style="font-size: large;">3.今後の展望</span><br />
<br />
今回開発したVUnitをもとに、開発途中のソフトウェアでも担保できる品質を可視化していきます。お客さんの安心と実質的なクオリティを上げていく予定です。<br />
現在使用しているバージョン管理のMercurialとプロジェクト管理ツールのRedmine、今回作成したVUnitを連携させて行く予定です。<br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">#あとがき</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">制作時間1.5日でした。頭の中に設計の構想があったので、それを考えるために手がとまることがなく(普通はこれに一番時間がかかる)、思ったより速くつくることができました。「つくりたいものをつくりたいようにつくる」と、興味が働いて手を動かしていない時間に頭の中で仕様を検討するため、生産性が高くなるような気がしました。</div>Mozanit Workshttp://www.blogger.com/profile/01798963922895715322noreply@blogger.com0tag:blogger.com,1999:blog-2332545851324593583.post-33365527521088196612011-12-01T10:22:00.009+09:002013-06-18T17:14:03.593+09:00【導入編】SalesforceアプリをJavascriptで開発するSalesforceアプリの開発について勉強中です。勉強した内容をアウトプットしていきます。間違いがありましたら、フィードバックをください。<br />
<br />
<b><span class="Apple-style-span" style="font-size: x-large;"><a href="https://ag-master.appspot.com/?#0" target="_blank">Demo(Chrome専用)</a></span></b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://ag-master.appspot.com/?#0" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDMJK_o1UUGur1576vTYClF0l2e4Who9Um_MhhrtZxgOihUdqjLyJ-yJ5NyvBv9MJ6YNuJRX70GJrNNR6qksft9si1LTOCVLcsRWTAa5th9dpsll9PTi8pPwCIlhrskorFf5m2RS8Vklk/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25EF%25BC%25882011-12-01+10.38.39%25EF%25BC%2589.png" width="320" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
(現在開発中。動作にはLeadへのアクセス権限が必要です。chromeの標準表示で動作確認)<br />
<br />
<div></div><br />
<b style="font-size: x-large;">Apexに対するJavascriptの優位</b><br />
<br />
Apexベースのアプリでは、デプロイするまでデバッグができませんが、jsならchromeのデベロッパツールなどを用いて、即座にデバッグができます。これにより、高い生産性が実現できます。<br />
<br />
<br />
<b style="font-size: x-large;">Railsに対するJavascriptの優位</b><br />
<div><br />
</div><div>Railsによる開発に対する優位としては、日本語処理の充実度が挙げられます。筆者が試した限りでは、jsを叩いてSalesforceから得られるデータは、日本語の取扱いも特に問題ありませんでしたが、Rails経由で接続して得られるデータは、utf-8のデコードがうまくいきませんでした。Railsについては、機会があれば別に記事を書きます。</div><br />
<br />
次回以降、実際にデモを作るまでの手順を紹介していきます。<br />
【次回の予定】JavascriptでSalesforceにoauth接続するMozanit Workshttp://www.blogger.com/profile/01798963922895715322noreply@blogger.com0