1. 私は如何にして
心配するのを止めて
自分でコードを
書くようになったか
Hokkaido.pm #9

2. hokkaido.pm

3. hokkaido.pm
初参加

4. hokkaido.pm
Casual
には
結構参加してます

5. hokkaido.pm

6. hokkaido.pm
初登壇

7. 謝辞
本格的にPerlを使い始めて
１年くらいの未熟者に
発表の機会をいただき
ありがとうございます

8. プログラム技術者では
ありません

9. 技術者のみなさんに

10. 技術者のみなさんに
役立つ話ではない

11. 技術者のみなさんに
役立つ話ではない
かもしれませんが

12. 技術者のみなさんに
役立つ話ではない
かもしれませんが
ご容赦ください

13. AGENDA（今日の話題）

14. AGENDA（今日の話題）
自作Webアプリの紹介

15. AGENDA（今日の話題）
自作Webアプリの紹介
1.勉強会をさがすために

16. AGENDA（今日の話題）
自作Webアプリの紹介
1.勉強会をさがすために
2.名札をつくりましょう

17. さて

18. 部下に
エンジニアを抱
えるようになり、

19. エンジニアのス
キルアップと向
きあう
必要が。

20. 自分は
エンジニア
じゃないけど

21. まず隗より始め
よ、という故事
もある。

22. IT系の勉強会に
参加。

23. IT系の勉強会に
参加。
札幌も結構、勉
強会がある

24. どれに行こうか、

25. どれに行こうか、
どれに行くべきか、

26. どれが面白そうか、

27. どれが面白そうか、
ぼっちはいやだし、

28. こういうのがあ
りました。

29. ATND地域検索
http://atnd.granite.jp/

31. これはいい

32. 使ってみた

33. しかし、

36. ひわいはじめ...

37. SENSORED
MITメディアラボの石
井先生の下に

38. SENSORED
MITメディアラボの石
井先生の下に
「ひわいはじめ...」

41. 1月25日
札幌コンパ合コン飲み会
札幌パーティー 恋活・イ
ベント

42. 教育上

43. 教育上
よろしくない

46. 北海道ですらな
い SENSORED

47. あれ？
3月9日

49. hokkaido.pm
がない！

51. やべえ

52. やべえ
マジでねえよ

53. ｶﾞ━Σ(ﾟДﾟ|||)━ﾝ!!

54. そんなとき

57. SENSORED

58. ぐだぐだ言ってないでコードを書けよ、ハゲ

59. ってないでコードを書けよ、ハゲ

60. コードを書けよ、ハゲ

61. 書けよ、ハゲ

62. これは書く
しかない

63. 約１年間の
hokkaido.pm
Casualで培った、
俺のPerl力が火を噴
くぜ！

64. Very thanx to
@techno_neko
さん

65. ひらめき

66. 1.
勉強会で知り合った
人は、勉強会を知っ
ている

67. 2.
ソーシャルのつなが
りはAPIでデータを取
得できる

68. 企画

69. TwitterのFriendを検索して、

70. TwitterのFriendを検索して、
ATNDとMash upして、

71. TwitterのFriendを検索して、
ATNDとMash upして、
勉強会のリストを作る

72. TwitterのFriendを検索して、
ATNDとMash upして、
勉強会のリストを作る
（日本語になってないｗ）

73. 要求

74. 1.Twitter APIで自分の友
達のリストを得る

75. 1.Twitter APIで自分の友
達のリストを得る
2.ATND APIにそのリスト
を投げる

76. 1.Twitter APIで自分の友
達のリストを得る
2.ATND APIにそのリスト
を投げる
3.返ってきたイベントのリ
ストを表示する

77. 開発

78. Twitter APIで
友達のリストを
得る

79. Net::Twitter

80. 5分で
実装できた。

81. Perlすげー

82. ATND APIに
そのリストを投
げる

83. LWP::UserAgentで
GETして

84. LWP::UserAgentで
GETして
戻り値のJSONを
decode_jsonする

85. 返ってきたイベ
ントのリストを
表示する

86. せっかくだから
Bootstrapを使
おう

87. ついでにソーシャ
ルリンクボタン
もつけよう

88. できた

89. [DEMO]

90. 遅い

91. 原因

95. Celeron M 340(1.5MHz)

96. Celeron M 340(1.5MHz)
Junkで3500円

97. あと

98. APIを呼ぶ回数が多い

99. APIを呼ぶ回数が多い
改良の余地あり

100. APIを呼ぶ回数が多い
改良の余地あり
（めげないオッサン）

101. みなさまの
評価

105. うれしい

106. うれしい
｡・ﾟ・(ﾉД`)・ﾟ・｡

107. 生きててよかった

108. 生きててよかった
｡・ﾟ・(ﾉД`)・ﾟ・｡

109. NEXT

110. 2.
名札をつくりま
しょう

111. ソーシャルメディ
アには
アイディアが
いっぱい

112. 多くの愚痴やがっ
かりがTLに流れ
てくる

113. 逆に考えると
ものづくりの
ヒントがたくさ
んある

116. 書けよ、ハゲ

117. 仕様概要

118. 仕様概要
1.ATNDで参加者のリスト得る

119. 仕様概要
1.ATNDで参加者のリスト得る
2.Twitter_idがあればTwitterか
らscreen_nameや
twitter_image_urlなどを取得
する

120. 仕様概要
1.ATNDで参加者のリスト得る
2.Twitter_idがあればTwitterか
らscreen_nameや
twitter_image_urlなどを取得
する
3.PDF::API2::Liteでレイアウト
して書き出す

121. [DEMO]

122. 苦労した点

123. APIごとに
用語がちがう

124. ATNDの
twitter_id

125. ATNDの
twitter_id
≠

126. ATNDの
twitter_id
≠
Twitterのid

127. ATNDの
twitter_id

128. ATNDの
twitter_id
=

129. ATNDの
twitter_id
=
Twitterの
screen_name

130. 外部設計担当者
として自戒を込
めて

131. 苦労した点

132. Postscript
座標系

133. 左下が原点

134. 左下が原点

135. 文系出身の
私を苦しめる

136. 苦労した点

137. 名札の
各ピース内の
レイアウト

138. 算数の問題なの
ですが、文系出
身の（ry

139. 中央寄せ
$x = ($area_width - $string_width ) / 2;
$y = ...
左下原点なので...

140. まとめ

141. 応用の話
ばかりで
すみません

142. ソーシャル

143. ソーシャル
メディアには

144. ソーシャル
メディアには
ものづくりの

145. ソーシャル
メディアには
ものづくりの
ヒントが

146. ソーシャル
メディアには
ものづくりの
ヒントが
たくさん

147. ぐだぐだ
言ってないで
コードを書け
よ、ハゲ

148. http://telegnosis.orz.hm/

149. よろしければ
ご活用ください

150. ありがとう
ございました