Movatterモバイル変換


[0]ホーム

URL:


Takeshi Akutsu, profile picture
Uploaded byTakeshi Akutsu
PDF, PPTX2,051 views

Python学習奮闘記#07 webapp

「私のPython学習奮闘記#7 〜Webアプリケーション編〜」

Embed presentation

Download as PDF, PPTX
みんなのPython勉強会#22Mar8,2017阿久津 剛史StartPythonClub1私のPython学習奮闘記#7 〜Webアプリケーション編〜

自己紹介•  阿久津 剛史@akucchan_world•  某メーカー勤務– 非プログラマ•  Python経験もう少しで3年– まだまだ初心者ですorz2
Agenda•  Webアプリケーションの基本•  例題1.「書籍管理アプリ」•  例題2.「画像地理情報マップ」3
Agenda•  Webアプリケーションの基本•  例題1.「書籍管理アプリ」•  例題2.「画像地理情報マップ」4
Webアプリに関するStapy講演ログ5勉強会#9(2016年2月)勉強会#7(2015年12月) 勉強会#7(2015年12月)勉強会#14(2016年7月)
WebアプリケーションWebアプリケーションとは、Webの技術を利用して構築されたアプリケーションソフトのこと。利用者は操作するWebブラウザや専用のクライアントソフトなどを用いてWebサーバにアクセスし、必要なデータの処理や転送を指示する。技術的には、通信プロトコルにHTTPを、データの表現にHTMLやXMLを用いるアプリケーションソフトの総称。6IT用語 e-Words,「Webアプリケーション」hPp://e-words.jp/
Webアプリケーションの例7
Connpass8と          で動いている!
クライアントとサーバーの関係9ブラウザHTMLクライアント(Client)モバイルPCサーバー(Server)プログラムサーバーURI通信HTTPデータCSS(Client-ServerSystem)
Web技術の基礎固めにどうぞ10hPp://gihyo.jp/book/2016/978-4-7741-7892-9山本陽平,「Webを支える技術-HTTP,URI,HTML,そしてREST」技術評論社(2010)
Webアプリケーションの機能は多様•  ルーティング•  HTMLテンプレート生成•  HTTPユーティリティ•  サーバー•  データベースアクセス•  フォーム処理•  動画再生•  セキュリティ•  セッション管理  など11
PythonのWebアプリケーションフレームワーク12
13hPps://boPlepy.org/
BoPleの4つの機能14ルーティングURLと関数で呼び出される機能を動的に関連づけするテンプレート生成mako,jinja2など、テンプレートエンジンをサポートユーティリティフォーム、ファイル管理、クッキー、ヘッダー、HTTP関連メタデータなどへの容易なアクセスサーバービルトインの開発用サーバーを提供、WSGI仕様のHTTPサーバーをサポート
Prac^ceoverTheory(理論より実践)Webアプリを作ってみよう!15
Agenda•  Webアプリケーションの基本•  例題1.「書籍管理アプリ」•  例題2.「画像地理情報マップ」16
第1章 よくわかるPythonの世界    (鈴木 たかのり)第2章 これだけは知っておきたい     Python言語はじめの一歩     (清原 弘貴)第3章 開発環境とチーム開発    (嶋田 健志)第4章 PyData入門    (池内 孝啓)第5章 入門Webアプリケーション開発    (関根 裕紀)第6章 環境構築の自動化    (若山 史郎)「Pythonエンジニア養成読本」17hPp://gihyo.jp/book/2015/978-4-7741-7320-7#toc
書籍管理アプリケーション18
GitHubレポジトリ19hPps://github.com/checkpoint/pymook_web_applica^on
まずは動かしてみましょう。20
フォルダ構成book アプリケーションフォルダ├──app.py メインプログラム└──views テンプレートフォルダ├──add.tpl データ登録├──base.tpl テンプレート中心部├──edit.tpl データ編集├──footer.tpl フッター├──header.tpl ヘッダー├──index.tpl 一覧表示└──requirements.txt バージョン情報21
app.py22
import部23
run()関数24•  localhost(hPp://127.0.0.1)•  port=8080番•  デバッグモード =True•  reloader=True
GETメソッドとテンプレート生成25index.tplにbooks,requestを渡す
データの登録と更新26
Agenda•  Webアプリケーションの基本•  例題1.「書籍管理アプリ」•  例題2.「画像地理情報マップ」27
画像地理情報マップ28
GitHubレポジトリ29hPps://github.com/takeshi-a/image_map
こちらも動かしてみましょう。30
フォルダ構成image_app├──app.py メインプログラム├──app_tools.py importツール├──images.sqlite SQLiteファイル├──readme.md readme├──sta^c 静的ファイルフォルダ│├──image 画像フォルダ││├──*.JPG│└──loca^ons.js 位置情報テキストデータ└──views テンプレートフォルダ├──add.tpl├──base.tpl├──demos.css├──edit.tpl├──footer.tpl├──header.tpl├──index.tpl└──map.tpl31
ポイント1:GoogleMapsAPIGoogleMapsAPIを使って、写真を撮影した位置をGoogleMap上に表示する。32
Ex.SimpleMap33hPps://developers.google.com/maps/documenta^on/javascript/examples/map-simple
34•  <script>~</script>:JavaScript•  緯度 lat(float):-90<=lat<=90•  経度 lng(float):-180<=lng<=180•  APIKEYは独自に取得
ポイント2:EXIFメタデータの読み取り35撮影EXIFメタデータMacの場合「プレビュー」>「ツール」>「インスペクタを表示」
app_tools.get_GPS•  file:(Input)GPS情報を取り出すファイルのパス•  lat:(Output)画像撮影位置の緯度•  lon:(Output)画像撮影位置の経度36
app_tools.get_GPS37
ポイント3:PythonとJavaScriptの壁38GoogleMAPAPIのJavaScriptAPIを利用app.py map.tplError!<script>タグ内には、PythonコードからHTMLテンプレートに変数を引き渡すタグ({{}})が通らない
Coursera:UsingPythontoAccessWebData39hPps://www.coursera.org/learn/python-network-data
DBから抽出したデータをJSファイルへ40
テキストファイルで仲介する41@get('/images/map')defmap(db):...#テキストデータ生成geodump(images)app.py loca^ons.js<scriptsrc="/sta^c/loca^ons.js"></script><script>func^oninitMap(){...loca^onscenter</script>map.tpl
できた!42
より深く理解するには43hPp://gihyo.jp/book/2016/978-4-7741-7892-9露木誠,小田切篤,「15時間でわかる    Python集中講座」技術評論社(2016)
今日の話が難しいと思った方は・・・辻真吾「Pythonスタートブック」技術評論社(2010)44hPp://gihyo.jp/book/2010/978-4-7741-4229-6
参考文献•  山本陽平,「Webを支える技術 ─HTTP,URI,HTML,そしてREST」,技術評論社(2010)•  鈴木たかのり,ほか,「Pythonエンジニア養成読本」,技術評論社(2015)•  露木誠,小田切篤,「15時間でわかるPython集中講座」,技術評論社(2016)•  辻真吾,「Pythonスタートブック」,技術評論社(2010)45
ご清聴ありがとうございました46

Recommended

PPTX
ODSC East 2017 Report
ODP
stapy#23 LT
PDF
S09 t0 orientation
PDF
S20 t1 stapyのこれまでとこれから
PDF
本気でPythonで宛名書きした話
PPTX
Bottle使ってPython学習一緒にはじめませんか?
PDF
WindowsでPython
PDF
Python札幌 2012/06/17
PPTX
オリエンテーション
PDF
S01 t1 tsuji_pylearn_ut_01
PDF
Pythonによるwebアプリケーション入門 - Django編-
PDF
S18 t0 introduction
PDF
10分でわかるPythonの開発環境
PDF
S12 t1 python学習奮闘記#5
PDF
続Pythonによるwebスクレイピング入門
PDF
S10 t1 spc_by_nowfromnow
PDF
S01 t2 akutsu_my_pythonhistory
PDF
DBエンジニアに必要だったPythonのスキル
PPTX
コボラーがPython始めてみた話
PPTX
Pythonのプロファイリング
PDF
S06 t1 python学習奮闘記#4
PDF
まとめ
PDF
S14 t0 introduction
PDF
S08 t0 orientation
PPTX
Python エンジニアの作り方 2011.08 #pyconjp
PDF
Introduction
PDF
S09 t4 wrapup
PDF
たった一ファイルの python スクリプトから始めるOSS開発入門 / PyCon JP 2016
PDF
【読書会】プロになるためなるためのWeb技術入門
PDF
これから始めるSpringのwebアプリケーション

More Related Content

PPTX
ODSC East 2017 Report
ODP
stapy#23 LT
PDF
S09 t0 orientation
PDF
S20 t1 stapyのこれまでとこれから
PDF
本気でPythonで宛名書きした話
PPTX
Bottle使ってPython学習一緒にはじめませんか?
PDF
WindowsでPython
PDF
Python札幌 2012/06/17
ODSC East 2017 Report
stapy#23 LT
S09 t0 orientation
S20 t1 stapyのこれまでとこれから
本気でPythonで宛名書きした話
Bottle使ってPython学習一緒にはじめませんか?
WindowsでPython
Python札幌 2012/06/17

What's hot

PPTX
オリエンテーション
PDF
S01 t1 tsuji_pylearn_ut_01
PDF
Pythonによるwebアプリケーション入門 - Django編-
PDF
S18 t0 introduction
PDF
10分でわかるPythonの開発環境
PDF
S12 t1 python学習奮闘記#5
PDF
続Pythonによるwebスクレイピング入門
PDF
S10 t1 spc_by_nowfromnow
PDF
S01 t2 akutsu_my_pythonhistory
PDF
DBエンジニアに必要だったPythonのスキル
PPTX
コボラーがPython始めてみた話
PPTX
Pythonのプロファイリング
PDF
S06 t1 python学習奮闘記#4
PDF
まとめ
PDF
S14 t0 introduction
PDF
S08 t0 orientation
PPTX
Python エンジニアの作り方 2011.08 #pyconjp
PDF
Introduction
PDF
S09 t4 wrapup
PDF
たった一ファイルの python スクリプトから始めるOSS開発入門 / PyCon JP 2016
オリエンテーション
S01 t1 tsuji_pylearn_ut_01
Pythonによるwebアプリケーション入門 - Django編-
S18 t0 introduction
10分でわかるPythonの開発環境
S12 t1 python学習奮闘記#5
続Pythonによるwebスクレイピング入門
S10 t1 spc_by_nowfromnow
S01 t2 akutsu_my_pythonhistory
DBエンジニアに必要だったPythonのスキル
コボラーがPython始めてみた話
Pythonのプロファイリング
S06 t1 python学習奮闘記#4
まとめ
S14 t0 introduction
S08 t0 orientation
Python エンジニアの作り方 2011.08 #pyconjp
Introduction
S09 t4 wrapup
たった一ファイルの python スクリプトから始めるOSS開発入門 / PyCon JP 2016

Similar to Python学習奮闘記#07 webapp

PDF
【読書会】プロになるためなるためのWeb技術入門
PDF
これから始めるSpringのwebアプリケーション
PPTX
勉強会資料①
PDF
Pythonおじさんのweb2py挑戦記
PDF
Pythonで始めるWebアプリケーション開発
PDF
The master plan of scaling a web application
PPTX
20120609
PDF
アプリ開発の
PPT
Web2.0 講演スライド 2008/2/26
PDF
Web技術勉強会 第37回
PPTX
20190809
PDF
Kddi mugen lab
PDF
Flask勉強会その1
【読書会】プロになるためなるためのWeb技術入門
これから始めるSpringのwebアプリケーション
勉強会資料①
Pythonおじさんのweb2py挑戦記
Pythonで始めるWebアプリケーション開発
The master plan of scaling a web application
20120609
アプリ開発の
Web2.0 講演スライド 2008/2/26
Web技術勉強会 第37回
20190809
Kddi mugen lab
Flask勉強会その1

More from Takeshi Akutsu

PDF
みんなのPython勉強会#111 LT資料 "AIとサステナビリティについて"
PDF
万年ビギナーによるPythonプログラミングのリハビリ計画
PPTX
Stapyの6年~本との出会いから生まれた技術コミュニティ~
PPTX
Start Python Club 2020年活動報告
PPTX
みんなのPython勉強会#59 Intro
PDF
On the Necessity and Inapplicability of Python
PDF
Stapyユーザーガイド
PDF
stapy_fukuoka_01_akutsu
PDF
Python初心者が4年で5000人のコミュニティに作ったエモい話
PDF
Scipy Japan 2019参加レポート
PDF
Scipy Japan 2019の紹介
PDF
みんなのPython勉強会 in 長野 #3, Intro
PDF
Introduction
PPTX
みんなのPython勉強会#35 まとめ
PDF
モダンな独学の道。そうだ、オープンソースでいこう!
PDF
LT_by_Takeshi
PDF
Orientation
PDF
Introduction
PDF
プログラミング『超入門書』から見るPythonと解説テクニック
PPTX
We are OSS Communities: Introduction of Start Python Club
みんなのPython勉強会#111 LT資料 "AIとサステナビリティについて"
万年ビギナーによるPythonプログラミングのリハビリ計画
Stapyの6年~本との出会いから生まれた技術コミュニティ~
Start Python Club 2020年活動報告
みんなのPython勉強会#59 Intro
On the Necessity and Inapplicability of Python
Stapyユーザーガイド
stapy_fukuoka_01_akutsu
Python初心者が4年で5000人のコミュニティに作ったエモい話
Scipy Japan 2019参加レポート
Scipy Japan 2019の紹介
みんなのPython勉強会 in 長野 #3, Intro
Introduction
みんなのPython勉強会#35 まとめ
モダンな独学の道。そうだ、オープンソースでいこう!
LT_by_Takeshi
Orientation
Introduction
プログラミング『超入門書』から見るPythonと解説テクニック
We are OSS Communities: Introduction of Start Python Club

Python学習奮闘記#07 webapp


[8]ページ先頭

©2009-2025 Movatter.jp