休日個人開発で学ぶテストコード！ 画像に“集中線”を合成するツールを作ってみよう

皆さん、プライベートで何か開発していますか？ 「何か作りたい」という気持ちはあるものの、いまひとつ何から始めたらいいのか分からず、動けないままの人も多いと思います。

そんな皆さんのために、「仕事以外にも休日に個人で気軽に何かを作ってみよう！」という企画の第二弾です。今回は、第一弾で用意した開発環境を使って、画像を加工するツールを実際に作っていきます。

せっかくですので、ただ作るだけではなく、テストコードも一緒に書いてみましょう。最近は、CI（継続的インテグレーション）やCD（継続的デリバリー）も一般的になり、テストコードを書く機会が増えています。それを踏まえて、今回はテストコードを書く意義や、実際の書き方に焦点を当てていきます。

• なぜテストコードを書くとよいのか
  • TDD（テスト駆動開発）とテストコード
  • テストコードを書く意味
  • テストコードを書くときの注意点
  • 参考資料：「50分でわかるテスト駆動開発」
• PHPUnitのインストールと準備
  • Composer - PHPのパッケージ管理ツール
  • Composerをインストール
  • PHPUnitをComposerでインストール
• PHPUnitでテストコードを動かしてみよう
  • テストが成功する場合
  • テストが失敗する場合
  • テストコードの関数名
• 集中線ツール作りを始めよう
  • 集中線ツールのファイル構成
  • 集中線ツールに必要なファイルの準備
    • index.php
    • lib/controller.php
    • lib/model.php
    • lib/view.php
    • template/index.tpl
  • テストに必要なファイルを準備
    • phpunit.xml
    • tests/bootstrap.php
    • tests/ModelTest.php
  • テストの動作確認
  • ImageMagickを準備
• 集中線ツールの開発1 - テンプレートの表示を調整
  • テンプレートを修正してフォームを用意
  • Controllerの修正 - POSTのみでModelを呼び出す
• 集中線ツールの開発2 - 画像を加工するロジックを追加
  • 画像の配置先を用意
  • 画像をアップロードしてテンプレートに表示
  • 画像のサイズ・座標を計算
    • 画像サイズなどのテストコードの作成
    • Modelにロジックを追加
    • 他の2つの処理のテストとロジックを追加
  • 分割した画像を生成
  • 画像にコピーライトを追加
    • コピーライトのテストコードの作成
  • 画像に集中線を合成
    • 集中線のテストコードの作成
  • 動作確認してみよう
• おわりに
  • 脆弱性にも注意
  • 自動テストとデプロイ
• 執筆者

なぜテストコードを書くとよいのか