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

WordPressでウェブサービスを作ろう! #wbNagoya

34,979 views

Published on

WordPressでウェブサービスを作ろう! #wbNagoya

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

×