wordpressで行うシステム開発 wordcamp tokyo 2015用

71
WordPressで行う システム開発 WordCamp Tokyo 2015 2015年10月31日

Upload: satoshi-kamigaki

Post on 08-Jan-2017

5.480 views

Category:

Internet


6 download

TRANSCRIPT

Page 1: WordPressで行うシステム開発 WordCamp Tokyo 2015用

WordPressで行う システム開発

WordCamp Tokyo 2015

2015年10月31日

Page 2: WordPressで行うシステム開発 WordCamp Tokyo 2015用

富山県から 来ました!

Page 3: WordPressで行うシステム開発 WordCamp Tokyo 2015用
Page 4: WordPressで行うシステム開発 WordCamp Tokyo 2015用
Page 5: WordPressで行うシステム開発 WordCamp Tokyo 2015用
Page 6: WordPressで行うシステム開発 WordCamp Tokyo 2015用

富山県魚津市の システム作りました

Page 7: WordPressで行うシステム開発 WordCamp Tokyo 2015用

`

Page 8: WordPressで行うシステム開発 WordCamp Tokyo 2015用
Page 9: WordPressで行うシステム開発 WordCamp Tokyo 2015用

自己紹介• WordPress歴7年 (2.3) • WordPressで500万コンテンツ作った失敗話

• http://qiita.com/yousan/items/e8d7b9642c296b1962d6

• 広島 → 福島 → 富山 (イマココ) • インフラ~プログラム • デザイン、コーディング以外 • 初東京

Page 10: WordPressで行うシステム開発 WordCamp Tokyo 2015用

勤め先

•インフラ~プログラム

Page 11: WordPressで行うシステム開発 WordCamp Tokyo 2015用

朝の会議中

Page 12: WordPressで行うシステム開発 WordCamp Tokyo 2015用

WordBench 富山•計50回以上開催 •2012年10月にキックオフ •月一回 •地域のIT交流の場として •近隣地域(北陸甲信越)の方ぜひ交流したいです!

Page 13: WordPressで行うシステム開発 WordCamp Tokyo 2015用

今日の参加者•開発者 •プログラマ系 •非プログラマ •デザイナー、コーダー、ディレクター、依頼者

Page 14: WordPressで行うシステム開発 WordCamp Tokyo 2015用

今日伝えたい事

Page 15: WordPressで行うシステム開発 WordCamp Tokyo 2015用

More Publishing

Page 16: WordPressで行うシステム開発 WordCamp Tokyo 2015用

More Publishing

Page 17: WordPressで行うシステム開発 WordCamp Tokyo 2015用

CPTでpublish

Page 18: WordPressで行うシステム開発 WordCamp Tokyo 2015用

CPTでPublish•post_type = ‘publish’ •アプリケーションプラットフォームとしてのWordPress •エンジニアの使命

Page 19: WordPressで行うシステム開発 WordCamp Tokyo 2015用

目次

1.あらまし 2.システム概要 3.WordPressで作るメリットとデメリット 4.負荷テスト

Page 20: WordPressで行うシステム開発 WordCamp Tokyo 2015用

目次

1.あらまし 2.システム概要 3.WordPressで作るメリットとデメリット 4.負荷テスト

Page 21: WordPressで行うシステム開発 WordCamp Tokyo 2015用

あらまし

•プレミアム宿泊券 • ホテルや旅館での宿泊費用を半額負担 • 観光協会主催 • 地域の景気刺激策

Page 22: WordPressで行うシステム開発 WordCamp Tokyo 2015用

「クーポンシステムつくれんがけ?」

Page 23: WordPressで行うシステム開発 WordCamp Tokyo 2015用

「いけますよー。お金の決済無しで」

「クーポンシステムつくれんがけ?」

Page 24: WordPressで行うシステム開発 WordCamp Tokyo 2015用

「いけますよー。お金の決済無しで」

「クーポンシステムつくれんがけ?」

「予算どれぐらいけ?」

Page 25: WordPressで行うシステム開発 WordCamp Tokyo 2015用

「いけますよー。お金の決済無しで」

「クーポンシステムつくれんがけ?」

「予算どれぐらいけ?」(数ページかな?)「安くできますねー」

Page 26: WordPressで行うシステム開発 WordCamp Tokyo 2015用

「いけますよー。お金の決済無しで」

「クーポンシステムつくれんがけ?」

「予算どれぐらいけ?」(数ページかな?)「安くできますねー」

「システムどうするがけ?」

Page 27: WordPressで行うシステム開発 WordCamp Tokyo 2015用

「いけますよー。お金の決済無しで」

「クーポンシステムつくれんがけ?」

「予算どれぐらいけ?」(数ページかな?)「安くできますねー」

「WordPressでいきましょう」

「システムどうするがけ?」

Page 28: WordPressで行うシステム開発 WordCamp Tokyo 2015用

というわけで

WordPressに決定

Page 29: WordPressで行うシステム開発 WordCamp Tokyo 2015用

ところで

Page 30: WordPressで行うシステム開発 WordCamp Tokyo 2015用

WordPress の案件が来たら

まず何を考えますか?

Page 31: WordPressで行うシステム開発 WordCamp Tokyo 2015用

案件のスタート•デザイナーなら…

•ディレクターなら…

•エンジニアなら…

Page 32: WordPressで行うシステム開発 WordCamp Tokyo 2015用

トランザクション処理

Page 33: WordPressで行うシステム開発 WordCamp Tokyo 2015用

こんな事例が

Page 34: WordPressで行うシステム開発 WordCamp Tokyo 2015用

http://www.asahi.com/articles/ASH415S3YH41PUUB00T.html

Page 35: WordPressで行うシステム開発 WordCamp Tokyo 2015用

http://www.asahi.com/articles/ASH533JQ4H53UNHB004.html

Page 36: WordPressで行うシステム開発 WordCamp Tokyo 2015用

ダブルブッキング やばい

Page 37: WordPressで行うシステム開発 WordCamp Tokyo 2015用

超過申し込み

•制限枚数を超える •補助金が足りない •やばい

Page 38: WordPressで行うシステム開発 WordCamp Tokyo 2015用

超過申し込みは

絶対にさける

Page 39: WordPressで行うシステム開発 WordCamp Tokyo 2015用

目次

1.あらまし 2.システム概要 3.WordPressで作るメリットとデメリット 4.負荷テスト

Page 40: WordPressで行うシステム開発 WordCamp Tokyo 2015用

画像を綺麗に

Page 41: WordPressで行うシステム開発 WordCamp Tokyo 2015用
Page 42: WordPressで行うシステム開発 WordCamp Tokyo 2015用
Page 43: WordPressで行うシステム開発 WordCamp Tokyo 2015用
Page 44: WordPressで行うシステム開発 WordCamp Tokyo 2015用

専用の管理画面

Page 45: WordPressで行うシステム開発 WordCamp Tokyo 2015用

集計画面

Page 46: WordPressで行うシステム開発 WordCamp Tokyo 2015用

実装したこと

•申し込みフォーム •管理画面 •集計表などへのアクセスが必要なため

Page 47: WordPressで行うシステム開発 WordCamp Tokyo 2015用

実装のポイント(1)•カスタム投稿タイプ •カスタムフィールド •姓名、住所、電話番号… •発行日、利用日、利用ホテル

Page 48: WordPressで行うシステム開発 WordCamp Tokyo 2015用

実装のポイント(2)

•時刻の偽装 •開発用に時刻を偽装 •トランザクション処理

Page 49: WordPressで行うシステム開発 WordCamp Tokyo 2015用

トランザクション処理•テーブルロック •申し込みの一貫性 •上限をチェック -> 発行までを邪魔されない

•WordPressでの事例が少ない

Page 50: WordPressで行うシステム開発 WordCamp Tokyo 2015用

Qiitaにコードを置きました

http://qiita.com/yousan/items/f29e7010a1384c1e1206

Page 51: WordPressで行うシステム開発 WordCamp Tokyo 2015用

開発•チーム3名 •ディレクター、デザイナー、プログラマー

•期間: 2015年4月~ (3ヶ月強) •予算: 懇親会で!

Page 52: WordPressで行うシステム開発 WordCamp Tokyo 2015用

WordPressのメリット

•チームワーク •工数の削減

Page 53: WordPressで行うシステム開発 WordCamp Tokyo 2015用

チームワーク(1)•WordPressの案件が多い •他のフレームワークだと負担が大きい •プログラマ主導でフレームワーク •コーダーが苦しむ

Page 54: WordPressで行うシステム開発 WordCamp Tokyo 2015用

チームワーク(2)• 営業時にも提案の可否を判断しやすい • 画面周りが楽 • 特に他のフレームワークに比べてテーマが豊富

Page 55: WordPressで行うシステム開発 WordCamp Tokyo 2015用

工数の削減•管理画面を結構手抜きしても大丈夫 •DB設計が非常にシンプル •逆にデメリットにも… •対フルスクラッチ、対フレームワーク •対CMSであれば同等かも

Page 56: WordPressで行うシステム開発 WordCamp Tokyo 2015用

WordPressで大変だったこと

•DB処理 •フレームワークにしてれば…

•問題が発生しても諦めない心 •それはWordPressに限らず…

Page 57: WordPressで行うシステム開発 WordCamp Tokyo 2015用

開発の問題

•WordBench •フォーラム •問題の共有

Page 58: WordPressで行うシステム開発 WordCamp Tokyo 2015用

まとめ•WordPressで作ると画面周りが楽 •チームメンバーも楽 •でも案件の特性で他のフレームワークも考慮してね •WordPressで作ると詳しくなれる

Page 59: WordPressで行うシステム開発 WordCamp Tokyo 2015用

負荷テスト (最後)

Page 60: WordPressで行うシステム開発 WordCamp Tokyo 2015用

http://www.asahi.com/articles/ASH533JQ4H53UNHB004.html

Page 61: WordPressで行うシステム開発 WordCamp Tokyo 2015用

テストやってみました

Page 62: WordPressで行うシステム開発 WordCamp Tokyo 2015用

本番環境でリリース直前•秒間100申し込み •複数拠点から擬似的に申し込み •DDOS… •attack.php

Page 63: WordPressで行うシステム開発 WordCamp Tokyo 2015用

結果…

Page 64: WordPressで行うシステム開発 WordCamp Tokyo 2015用

食らいました!

Page 65: WordPressで行うシステム開発 WordCamp Tokyo 2015用

トランザクション処理いらんかったんじゃ…

Σ(゚д゚lll)

Page 66: WordPressで行うシステム開発 WordCamp Tokyo 2015用

もうひとつ

Page 67: WordPressで行うシステム開発 WordCamp Tokyo 2015用

2329枚/ 4500枚 発行枚数

Page 68: WordPressで行うシステム開発 WordCamp Tokyo 2015用

トランザクション処理いらんかったんじゃ…

(;´Д`)

Page 69: WordPressで行うシステム開発 WordCamp Tokyo 2015用

というわけで

Page 70: WordPressで行うシステム開発 WordCamp Tokyo 2015用

魚津市にきてね!

Page 71: WordPressで行うシステム開発 WordCamp Tokyo 2015用

ご静聴 ありがとうごあいました