1. @mikage014 2011.06.11 第9回山口県WEB勉強会 ATND地域検索つくったよー 1

2. インフラエンジニア 5年->転職 Linux, Solarisでインターネットシステムの設計・構築 プログラマ 3年目 PHP + Postgresqlで業務系Webシステムの設計・構築 ブログ http://d.hatena.ne.jp/mikage014/ Twitter: @mikage014 ←このアイコンが目印です About Me

3. １．エピローグ ２．勉強会とATND ３．ATND地域検索の紹介 ４．開発環境・フレームワーク・ライブラリ 今日話すこと

4. 4 エピローグ

5. ２０１０ねん１０がつごろ 5 さえき「アテンドのえーぴーあいをつかってなにかつくってみない？」 みかげ「じゃあぐーぐるどっくで」 なんかいかやりとりして とちゅうでさえきさんのおうとうがなくなったり、 としあけにプロトタイプができたりして、

6. ぷろとたいぷ 6

7. ２０１？ねん？？がつごろ 7 ・・・そのままわすれられた。 あの日見たＡＰＩの名前を僕達はまだ知らない。 ～完～

8. 8 勉強会とATND

9. 勉強会とは 9 勉強するキッカケを手に入れる場 あれずげえ、おれもやってみたい。モチベーション↑ ↑ ○○に詳しい人とつながる場 プレゼンやLTをすることによって知識を形にする場 説明できないのはよくわかってないということ ギブアンドテイクの世界 自分も○○なら一番を目指す。ものすごくニッチでもいい 懇親会が本番

11. 連絡手段がちょっと弱い（メール登録が必須じゃないので…ドタキャン問題

12. ATND以外のイベント告知サイト 11 勉強会界隈でよくつかわれているイベント告知サイト ATNDの他には… こくちーず http://kokucheese.com/ PARTAKE http://partake.in/ Twipla http://twipla.jp/ …申し込みフォーム、名簿管理が充実 …Twitter連携 NoSQL(Cassandra)で運用されていて 技術的に興味深い … Twitter連携が強力。 DM送付、参加者リスト作成 Twitterオフでよく使われている

13. 12 ATND地域検索の紹介

14. なぜATND？ 13 検索用のATNDAPIが提供されている ＝検索データを返すから表示は好きにしていいよ ＝ユーザーが望むイベント検索サイトが作れる ATNDAPIリファレンス http://api.atnd.org/

15. ATND検索サイト（ライバル） 14 ATNDカレンダー検索 http://utf-8.jp/tool/atnd/search.html ATND検索 http://atnd-kensaku.net/ 非公式ATNDマップ（仮） http://kinokoru.com/atnd/ upmeetup http://upmeetup.appspot.com/ … カレンダー表示 …一覧・カレンダー・GoogleMap …GoogleMap上に吹き出し表示 … 人気順、新着順など

17. 各県のイベントを見たい

18. 開催日順に見たい

19. カレンダーで見たい

20. 地図上で見たい

22. 各県のイベントを見たい -> 県を選ぶだけ

23. 開催日順に見たい -> 日付順に並べました

24. カレンダーで見たい -> カレンダー表示

25. 地図上で見たい -> 地図にピンを配置

26. Googleカレンダーに登録したい -> カレンダーに登録ボタンATND地域検索 http://atnd.granite.jp/

27. 17 開発環境・フレームワーク・ライブラリ

29. Xampp (Apache+PHP)

30. Mery (テキストエディタ)

31. Subversion(バージョン管理、デプロイ)

32. ライブラリ・フレームワーク

33. CodeIgniter (PHPフレームワーク)

34. ATND API (ATNDデータ取得)

35. GoogleMap API (GoogleMap表示)

36. jQuery

37. jQuery UI (タブ表示)

38. FullCalendar(jQueryプラグイン：カレンダー表示)

40. みかげクラウド (自宅サーバ/録画/エンコ兼)

41. Core i5 2400S (2.5/3.3GHz 4C/4T 65W)

42. Intel 160GB SSD + 2TB HDD x2

43. CentOSon VMWareServer

44. ネットワーク

45. wakwak＋i-revo (固定IP)

46. granite.jp 今月ValueDomainに移管しました

47. 維持費7980円 -> 2980円

48. さえき亭とIX-2015を介してVPNで繋がっている

49. VPN経由のPT1で山口県のニュースが見れる

51. 検索結果が多い場合、イベントがこぼれる

52. 地域、ジャンル、日時で絞って対応

53. 日付指定しても他の日が混じる

54. しょうがない

55. 検索結果が日付順に並んでいない

56. はじめはPHPで並べ替え -> TableSorterにお任せ

57. キーワード検索が全文検索しかない

58. 「福島県」で検索しても本文に混じっているとヒット

61. jQuery単体で使うことはあったけどGoogleMapとの連携は初めて

62. スコープが理解できると読み解きやすくなった どこから実行されるか読めるようになればこっちのもの

64. ChromeならCtrl+Shit+J

65. Alert()の代わりにConsole.log()

67. 25 今後の展望など

68. 今後の展望 26 ・次回WEB勉強会が8月予定なので 開発系のイベントを7月に開催？ ・ WEBAPIを使ってみる？ Twitter, ATND, GoogleMap, etc. ・ もくもくと開発？ ・ Vimを極める？

70. 28 ご静聴ありがとうございました @mikage014 2011.06.11 第9回山口県WEB勉強会 使用画像 http://piapro.jp/t/bvvK