1. WordCrab
「おれおれサービス」
に挑戦しよう
やれば出来る。好きこそモノの上手なれ -

2. 自己紹介

3. 名前：石川栄和
Twitter : ＠kurudrive
名古屋で株式会社ベクトル というウェブ制作会社をしています。
普段はWordPressを使って企業サイトなどを制作しながら生きています。
最近のWordPressコミュニティでの活動
2013 WordCamp Tokyo セッションパネラー
2013 WordFes Nagoya 実行委員＆セッションスピーカー
2013 WordCrab Fukui セッションスピーカー
2012 WordCamp Tokyo セッションスピーカー
2012 WordBeach Nagoya 実行委員 & セッションスピーカー

4. テーマ作ってます
企業サイト向けテーマ「BizVektor」

5. 本題です

6. ウェブ業界！勉強する事多すぎ！
変化激しすぎ！
HTML5 / CSS3
各種プログラム言語
マルチデバイス対応
Sass / Less
CSSフレームワーク （ bootstrap / Foundation etc. ）
Git / Vagrant / AWS
次々出たり仕様の変わるウェブサービス
（アクセス解析、SNS、プロジェクト管理…etc）

7. 仕事としては面白いとは言え、
新しい事を休みなくずっと勉強し
続けるのはしんどい。
請負業務とかに余裕があると
ついついテレビ見てごろごろしたり、
漫画喫茶でまったりしたり・・・

8. いかに自分が楽しめるか？
楽しみながら勉強出来る。
それが「おれおれウェブサービス」
まぁホームページでもいい。
何かの機能を持ったウェブサービス。
テーマやプラグインでもいい。

9. 例

12. WordPressで出来てます。

13. 難しそうに感じましたか？
このサービスを思いついた当時、
PHPは書けませんでした。

14. サービスをイメージしてみよう

15. 出来そうな所から作ってみる
• お城の情報を投稿に登録
• カスタムフィールドに
お城の緯度経度を登録
• お城の詳細ページに
緯度経度から地図を表示したい

16. え？
緯度経度から地図を表示？
そんなのわからないよ・・・
(´・ω・｀)

17. Ggrks!
（ググレカス）

18. 知識・情報は求めれば手に入る。
求めなければいつまでたっても得られない。

19. 何がしたいのか？
何がわからないのか？
何がわからないのか冷静に考えて、
そのキーワードで聞けばGoogle先生が教えてくれます！
「地図を表示 GoogleMap 緯度経度を中心」 検索！
うまく出てこなかったらキーワードを変えて検索！

20. お城詳細ページと
地図の表示は
出来た！

21. 今いる位置の座標調べるって
難しいんだろうなぁ・・・(´・ω・｀)
HTML5で位置情報の取得が
どうやら簡単になったらしい
HTML5 位置情報取得
検索

22. 緯度経度
取れた！

23. あれ？

24. 出来ちゃう
んじゃね？

25. 取れた緯度経度情報と
お城の緯度経度を比較

26. 判定
出来た！

27. 判定OKだったら
カスタム投稿タイプに自動投稿
wp_insert_post（）関数、
add_post_meta（）関数でチェックイン
情報（攻略した城IDなど）を
カスタム投稿タイプに投稿！
チェックイン情報は
ただのカスタム投稿タイプの投稿なので
投稿者アーカイブページがそのユーザーの
訪れた城リストになったり・・・

28. サービス
出来た！

29. 楽しい！

30. 勉強になる！

31. おれおれ
サービス
作ろう！

32. ご清聴ありがとうございました。