Embed Size (px)
Citation preview
WordPress で、ウェブサービスを作る
2012-11-23@ WordBench Nagano
Shinichi Nishikawa
「ころぐ」の場合も少し紹介！
WordPress制作における基本を確認WordPressの可能性を知る
目次！自己紹介
ブログ → CMS → ？
会員制サイト と いろんな事例
ブログホスティング と ころぐの事例
その他 と 「ここマップ」の事例
WordPressでウェブサービスを作るのに必要な知識と勉強の道のり参考資料
Shinichi Nishikawa二児の父！ ウェブの制作。
WordPress歴 3年くらい
企画 から ディレクション、 開発まで
WordPress を使うことがとても多い。
WordCamp Tokyo 2012 実行委員長
Tw: @shinichiN
Blog: http://nskw-style.com/
今日の資料、公開します！
WordPress の用途と可能性
使い方１: ブログツール
WordPress の出発点
多彩なテーマや、たくさんのプラグイン
カテゴリ、タグ、日付などのページがたくさんできる！
自分で少しがんばると、機能が追加できる
使い方２: CMSContents Management System
ブログではないウェブサイトの構築
企業・行政・大学 などの組織のウェブサイトが作れる
昔から、WordPress を工夫して CMS として使う人たちがいた
今では、WordPress を CMS としてのみ使うという人が多くなるほど、ふつうのこと
それだけじゃありません！
もっとできます！！
使い方３: アプリケーションエンジン
ブログとも、ウェブサイトとも呼べない、便利な何か。楽しい何か。
今日は、ウェブサービスと同じ。
アプリケーションのベースとして、WordPressを使う。
使い方３: アプリケーションエンジン
会員制サイト
ブログホスティング
その他のウェブアプリ
会員制サイト
WordPress が特に得意とするのが、会員制サイト
会員制サイトに必要な機能
会員登録機能
ログイン／ログアウト
会員のプロフィール編集
会員情報と紐付いた、投稿やコメント
会員のマイページ（投稿一覧）
会員制サイトに必要な機能
最初から、全部、
揃っております！
会員制機能が最初からついてる
ユーザ登録
ログイン／ログアウト
プロフィール編集ページ
投稿・コメントできる
authorページ
会員制サイトは、これらの
カスタマイズ
事例を４つ
事例3：wpmudev
ブログのホスティング
WordPress は、これも得意
会員登録した人に、ブログを一つあげる
livedoor, d.hatena, ameblo を運営できる！？
事例： ころぐ
ころぐ： マルチサイト
１つのWordPress内に複数のサイトを作成できる機能。
ブログをホスティングする WordPress.com での利用を目的に開発が行われている。
example.com/blog1 blog1.example.comexample.com/blog2 blog2.example.comexample.com/blog3 blog3.example.com
使いどころ：複数の言語でのサイト、定期開催のイベントサイト、地方支部がある組織のサイト、ブログのホスティングサイト
ころぐ： 紹介する機能
会員登録
ログイン
管理画面
アクセスの制限
成長曲線グラフ
家族専用掲示板
ころぐ： 会員登録
これ！
ころぐ： 会員登録
メール認証へ
ころぐ： ログイン
これ！
ころぐ： 管理画面
ころぐ： 管理画面
ころぐ： アクセス制限
ころぐ： 成長曲線グラフ
厚労省の「乳幼児身体発育調査報告書」と子どもの身長体重を比較できる
母子手帳にあるやつのオンライン版（これからもこういうの増やしたい）
その他のウェブアプリ
色々な可能性があります！
WordPress をすごく大きくていろんな機能が揃っている「フォーム( form )」として捉える
管理画面での入力欄を工夫する ｘ表示画面での表示方法を工夫する
事例： ここマップ
東京都狛江市の地域サイト
子育てママのための情報を掲載
スマートフォンからアクセスしてもらって、「市内の地域」 x 「目的」で検索
まだ、未公開ですm(_ _)m。
事例： ここマップ
事例： ここマップ
事例： ここマップ
事例： ここマップ
他にも色々出来ます
グーグルマップと組み合わせる？
WEB APIと組み合わせる？
電子書籍と組み合わせる？
必要な知識と道のり
WordPressをアプリケーションエンジンとして利用するために必要な知識
それを手に入れるためのオススメの道のり
必要な知識一覧
テーマが作れる
適したプラグインを探すことができる
プラグインが作れる = 自前の機能が作れる
WordPress の基本的な仕組みを知っている
セキュリティについて知っている
サーバについてある程度知っている
勉強の道のり
道のり１： 請負
いろんな要望に対応しよう！
その過程で、いろんなプラグインを探すし、
いろんなコードを書くし、
WordPress の色々な面を知れます
道のり２：技術ブログを書く
技術ブログを書きましょう
仕事で使ったコードも書いてみましょう
ものすごくカスタマイズしましょう
デザインに凝ってみる
機能を追加してみる
表示スピードにこだわってみる
VPSなどでサーバを構築してみる
そのすべての過程をブログに書きましょう！
道のり３： 作りたいものを決める
「作りたい！」という気持ちほど、勉強を支えてくれるものは無い
プラグインを探して検証する
ない機能は作る
わからないことを調べる調べる
道のり４：コミュニティに参加する
オンラインで参加する
ブログ
WordPress フォーラム
twitter / Facebook
WordPress部
オフラインで参加する
WordBench ！！
WordCamp ！！
その他の勉強会 ！！
WordPress が好きな人に会う刺激
みんな頑張っているのが見れる
同じ悩みを持っていたり、経験している人がいたり
ライトニングトークしようぜい！！
僕も WordCamp神戸で初ライトニングトークやりました！
道のり４：コミュニティに参加する
基本は、発信をベースにしよう
質問の仕方を工夫する
質問も発信だと思おう！
教えてもらったら、結果を報告しよう
そのノウハウをシェアしよう
道のり４：コミュニティに参加する
WordPress でウェブサービス、ウェブアプリケーションを作ろうと思うと、結構大変
でも、いろいろ楽しい！
長くて、楽しい道のり！
ありがとうございました。
高橋文樹WordPressプラグイン→会員制サイトで必要になる機能が色々ある
[WordCamp資料]WordPressでWebアプリケーションを作る方法～Croppy編～
速習マルチサイト （→マルチサイトの基礎。PDFです）
2011年版 ワードプレスで会員制サイトで使いたいプラグイン 20
WordPress のブログから CMS への変化と、アプリエンジンとしての最新事例
WordPressで会員制サイトを作るときの勘所
参考資料
