PYCONJP 2016ビギナーセッションBOTTLEライブコーディング@DENZOWILL

WHO AM I.非プログラマDBエンジニア6年生(PostgreSQL,Oracle)Python歴4年

で喋りました スタッフ

worked at 株式会社アシスト

PyCon mini sapporo 2015Start Python Club

最近 に載りましたDBONLINEインシデントを引き寄せる体質って疫病神...

今日のゴールこんな感じの簡単なチャットアプリを

bottle.pyで作ります。

お持ち帰りいただきたい物WEBアプリの基礎的な構成bottle.pyの基礎知識若干のJavascriptの知識

WHAT'S ?BOTTLEPython製のweb-framework1ファイルだけでできているWEBアプリに必要な基本機能が全て入っている

WEBアプリに必要なことbottleは全部入ってます

開発用サーバ開発環境用意が容易(組み込みWEBサーバ)

ルーティングURLに応じて関数に割り振る

テンプレートエンジンHTMLを何度も書かないデザインとロジックの分離に必須

CookieやPOSTデータへのアクセス

これらのポイントを抑えながらコーディングしていきます

対象環境OS

Win/Mac/LinuxなんでもOKですPython

3系想定ですが2系でも概ね問題ないです2系の方はおっしゃってください

bottle.py最新の0.13devを使用します

ブラウザFireFoxかChrome推奨です(IEでテストしてません)

このリポジトリををたどりながら進めていきます

jQuery/Bootstrapは一旦ここからDLしてください

https://github.com/denzow/bottle_beginner/commits/master

https://goo.gl/WDXYSG

BOTTLE入門Hello Worldダイナミックルーティングテンプレート機構

チャットアプリ作成1チャットアプリ作成開始入室用のデザインを追加入室時の名前処理チャットルームの遷移までチャットルームの大まかなデザインチャット確認チャット確認チャットデータの保存チャットデータの取得チャットデータの表示チャットデータの表示改善

チャットアプリ作成2現時点で想定される問題の列挙入室未処理の問題を解決デザインの問題を改善

ライブラリをCDN経由ではなくローカル配置に変更自動で最下部スクロールを実装新しい問題履歴ファイルがない場合の問題を解決Ajax 用のAPIを追加Ajaxで発言履歴の取得と表示を追加Ajaxで発言の保存を追加他の発言をリロード無しで自動反映可能に

以上です！