恋するプログラムをSinatraでWebアプリにするPart.5［CHAPTER5 辞書を片手に］

記事の概要

『恋するプログラム』の［CHAPTER5 辞書を片手に］を参考に、語彙の豊かなチャットボットを作成します。

開発環境

OSX 10.11.2 El Capitan
- テキストエディタ： MacVim
- ターミナルエミュレータ： Macターミナル
- シェル： zsh
- パッケージマネージャ： Homebrew
- ブラウザ： Firefox
Ruby 2.0.0p645
- バージョンマネージャ： rbenv
- Webフレームワーク： Sinatra

参考記事
Rubyの開発環境構築は、こちらの記事を参考にさせていただきました。

rbenvつかってrailsチュートリアルやってみよう！ | niwatako$

ノビィの語彙を増やす

チャットボットに辞書を導入して応答の種類を増やし、特定の文字列に対しては辞書を参照して、特定の応答を返す機能を加えます。

アプリケーションディレクトリの構成

~/programinlove
    |- proto.rb                 // CUIチャットボットのメインファイル
    |- unmo.rb                  // チャットボットオブジェクトのモデル
    |- responder.rb             // 応答オブジェクトのモデル
    |- dictionary.rb            // 辞書を読み込み管理するクラス
    |- /dics                    // 辞書ファイルを格納するディレクトリ
    |     |- random.txt         // ランダムな応答を返すための辞書
    |     |- pattern.txt        // パターンに合った応答を返すための辞書
    |- noby.rb                  // Webアプリのメインファイル
    |- /views                   // ビューのテンプレートを配置するディレクトリ
    |     |- index.erb          // チャットのインターフェースを表示するビュー
    |- /public                  // 静的ファイルを配置するディレクトリ
          |- styles.css         // チャットのインターフェースをレイアウトするcss
          |- /img               // 画像ファイルを格納するディレクトリ
               |- /normal       // 平常時の画像を格納するディレクトリ
               |    |-0000.png
               |- /blink        // 瞬きの画像を格納するディレクトリ
                    |-0000.png
                    |-0001.png

ソースコード

新しく追加したdictionary.rbと、修正を加えたresponder.rbはサンプルプログラムと同様の記述で、特に変更はありません。
辞書ファイルはサンプルプログラムからコピーして楽をしようとしましたが、ArgumentErrorや文字化けが出たので、エンコーディングにUTF-8を指定して作成しました。

このコードのコミットには、[chapter5-4]のタグが付いてます。

実行結果

ターミナルでnoby.rbを動かし、ブラウザにhttp://localhost:4567を入力します。

~/programinlove
$ruby noby.rb

f:id:b0npu:20160107142020p:plain

上の空な相手と会話しているような、あまり噛み合わない会話を楽しむことが出来ます。

f:id:b0npu:20160124213033p:plain

参考書籍

参考記事

Sinatraについては、こちらの記事を参考にさせていただきました。

あかんわ

覚えたことをブログに書くようにすれば多少はやる気が出るかと思ったんです