23.BOTの画面が完成しました。

こんばんは、23日目です。

今日やったこと

昨日作成した画面に吹き出しを追加しました。

吹き出し1つ目：固定のメッセージ
吹き出し2つ目：入力された文字列を表示
吹き出し3つ目：処理の結果、出力された文字列を表示

やりたいこと

本当は、LINEの画面のようにBOTとの会話を続けていき、下にスクロールできるようにしたい。
しかし、それにはJavascriptやjQueryなどを理解できないと難しいとのことで保留にしました。

明日以降やること

今日作成したHTML,CSSのファイルをBottleで読み込む。
CSSファイルを読み込む時に、コードを書かなければいけない。
Pythonの軽量フレームワーク bottleを試してみた | サイバーまめカン 鹿児島の出水市でプログラミングしてる人のブログ

週末に友達に会うので、その時にデプロイできてたらいいな。

参考

参考にしているQiitaの記事は執筆途中で、自力での完成はできません。
なので、他の記事を探してみました。下の記事の中で、Auto-scrolling(jQuery)が紹介されていて、それをなんとか上のBOTに組み込めないかなーと思ったり。Javascriptに興味が出てきました。
How to Create a Simple Web-Based Chat Application