Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
PYCONJP 2016ビギナーセッション
BOTTLEライブコーディング@DENZOWILL
WHO AM I.
非プログラマ
DBエンジニア6年生(PostgreSQL,Oracle)
Python歴4年
で喋りました
スタッフ
worked at 株式会社アシスト
PyCon mini sapporo 2015
Start Pyth...
最近 に載りましたDBONLINE
インシデントを引き寄せる体質って疫病神...
今日のゴール
こんな感じの簡単なチャットアプリを
bottle.pyで作ります。
お持ち帰りいただきたい物
WEBアプリの基礎的な構成
bottle.pyの基礎知識
若干のJavascriptの知識
WHAT'S ?BOTTLE
Python製のweb-framework
1ファイルだけでできている
WEBアプリに必要な基本機能が全て入っている
WEBアプリに必要なこと
bottleは全部入ってます
開発用サーバ
開発環境用意が容易(組み込みWEBサーバ)
ルーティング
URLに応じて関数に割り振る
テンプレートエンジン
HTMLを何度も書かない
デザインとロジックの分離に必須
Coo...
これらのポイントを抑えながらコーディングしていきます
対象環境
OS
Win/Mac/LinuxなんでもOKです
Python
3系想定ですが2系でも概ね問題ないです
2系の方はおっしゃってください
bottle.py
最新の0.13devを使用します
ブラウザ
FireFoxかChrome推奨で...
このリポジトリををたどりながら進めていきます
jQuery/Bootstrapは一旦ここからDLしてください
https://github.com/denzow/bottle_beginner/commits/master
https://go...
BOTTLE入門
Hello World
ダイナミックルーティング
テンプレート機構
チャットアプリ作成1
チャットアプリ作成開始
入室用のデザインを追加
入室時の名前処理
チャットルームの遷移まで
チャットルームの大まかなデザイン
チャット確認
チャット確認
チャットデータの保存
チャットデータの取得
チャットデータの表示
チ...
チャットアプリ作成2
現時点で想定される問題の列挙
入室未処理の問題を解決
デザインの問題を改善
ライブラリをCDN経由ではなくローカル配置に変更
自動で最下部スクロールを実装
新しい問題
履歴ファイルがない場合の問題を解決
Ajax 用のAP...
以上です!
Upcoming SlideShare
Loading in …5
×

bottle.pyをつかったチャットアプリ作成チュートリアル

PyConJP2016 ビギナーセッションで使用した資料です。
以下のコンテンツを含んでいます。

* bottle.pyの本当の基本的な内容
- http://bottlepy.org/bottle.py
* bottle.pyをつかったWEBアプリの初歩
* bottle.pyをつかった簡単なチャットアプリの作成

※P10の2つ目のリンクが間違っています。以下で読みかえてください
https://github.com/denzow/bottle_beginner/raw/master/static.zip

  • Login to see the comments

bottle.pyをつかったチャットアプリ作成チュートリアル

  1. 1. PYCONJP 2016ビギナーセッション BOTTLEライブコーディング@DENZOWILL
  2. 2. WHO AM I. 非プログラマ DBエンジニア6年生(PostgreSQL,Oracle) Python歴4年 で喋りました スタッフ worked at 株式会社アシスト PyCon mini sapporo 2015 Start Python Club
  3. 3. 最近 に載りましたDBONLINE インシデントを引き寄せる体質って疫病神...
  4. 4. 今日のゴール こんな感じの簡単なチャットアプリを bottle.pyで作ります。
  5. 5. お持ち帰りいただきたい物 WEBアプリの基礎的な構成 bottle.pyの基礎知識 若干のJavascriptの知識
  6. 6. WHAT'S ?BOTTLE Python製のweb-framework 1ファイルだけでできている WEBアプリに必要な基本機能が全て入っている
  7. 7. WEBアプリに必要なこと bottleは全部入ってます 開発用サーバ 開発環境用意が容易(組み込みWEBサーバ) ルーティング URLに応じて関数に割り振る テンプレートエンジン HTMLを何度も書かない デザインとロジックの分離に必須 CookieやPOSTデータへのアクセス
  8. 8. これらのポイントを抑えながらコーディングしていきます
  9. 9. 対象環境 OS Win/Mac/LinuxなんでもOKです Python 3系想定ですが2系でも概ね問題ないです 2系の方はおっしゃってください bottle.py 最新の0.13devを使用します ブラウザ FireFoxかChrome推奨です(IEでテストしてません)
  10. 10. このリポジトリををたどりながら進めていきます jQuery/Bootstrapは一旦ここからDLしてください https://github.com/denzow/bottle_beginner/commits/master https://goo.gl/WDXYSG
  11. 11. BOTTLE入門 Hello World ダイナミックルーティング テンプレート機構
  12. 12. チャットアプリ作成1 チャットアプリ作成開始 入室用のデザインを追加 入室時の名前処理 チャットルームの遷移まで チャットルームの大まかなデザイン チャット確認 チャット確認 チャットデータの保存 チャットデータの取得 チャットデータの表示 チャットデータの表示改善
  13. 13. チャットアプリ作成2 現時点で想定される問題の列挙 入室未処理の問題を解決 デザインの問題を改善 ライブラリをCDN経由ではなくローカル配置に変更 自動で最下部スクロールを実装 新しい問題 履歴ファイルがない場合の問題を解決 Ajax 用のAPIを追加 Ajaxで発言履歴の取得と表示を追加 Ajaxで発言の保存を追加 他の発言をリロード無しで自動反映可能に
  14. 14. 以上です!

×