2014年3月15日、鴨江アートセンターで開催 http://www.dorp.jp/event/dorp-inspiration-2014/ DORP INSPIRATION 2014『地方から紐解くデザイナーのこれから』 「CSS Nite 9年目に見る勉強会の今とこれから」 鷹野 雅弘（スイッチ） --- フォローアップ http://takanomasahiro.tumblr.com/post/79071594220/dorp-inspiration-2014-css-nite-9

1. 2014年3月14日に浜松（静岡県）で開催されたDORP INSPIRATIONでのスライドです。

3. 本日のお昼は、中川さんに「ぬのはし」というお店にお連れいただいて

4. 遠州お好み焼きをいただきました。ふんわりして美味しかったです。

7. 長野県・諏訪
出身
私は静岡のお隣、長野県は諏訪の出身です。

8. はじめて静岡に来たとき、お茶畑とその中を通る道路を見て

9. 道路が新品!!
と驚きました。というのは、長野県は、冬場、雪で道路がボコボコになってしまうのです。

10. 私は都内でスイッチという制作会社を1996年からやっています。

11. 最初は、プリントメディアを中心とした制作を主とし、

12. その後、Webにシフトしつつ、両方を行っています。

13. Web Standard
Technique Unit
Web Standard
Technique Unit
HTML+CSS,WebGraphics,WebDirection(basic)
Dreamweaver/Flash/Fireworks/Photoshop
Web標準を実践課題に沿って体系的に学ぶ
雑誌などのほか、著者として、DreamweaverやIllustratorなどの書籍を執筆しています。

14. 制作、執筆、そして、今回のような講演やトレーニングなどをまわしている会社です。

15. さて、本日はこのようなタイトルなのですが...

16. CSS Niteをご存じの方は、どのくらいいらっしゃいますか？

17. 率直なところ、このように思う方が多いと思います。

18. 今年の1月に、鈴木さんから

19. 技術変化の早いIT系技術勉強会は今や各地で毎日のよ
うに繰り返されています。
しかし、浜松ではデザインに関する分野では開催の声
をあまり耳にしません。この傾向は浜松のデザイン分野
の発展に影響しているのではないかと考えています。
勉強会は単なるスキル共有を越えた役割を担っているは
ず。そこで、9年目を迎えたCSS Niteを運営する目線
から勉強会そのものについてお話を伺いたいと考えてい
ます。
経年の変化・傾向、各地の特徴などを踏まえ、浜松と
いう地方都市で働くデザイナーがより発展的に働いてい
けるヒントを思考の面から刺激することを求めていま
す。
このようなご依頼をいただいたのですが、

20. CSS Niteには興味がない人も少なくないでしょうし...ということで

21. 私なりに鈴木さんのご依頼のねらいを、このように解釈し、

22. このセッションの目的を、設定してみました。

23. セミナーや勉強会には、参加する人、

24. 話す人、そして、

25. 主催する人がいますが、それぞれの視点で「意義」について再定義していきます。

26. そこで、このようなお題を頂戴しましたが、

27. 勝手ながら、このようなスタンスで進めていきます。

28. まずはCSS Niteについてですが、

29. 以前、サイボウズLiveマガジンで行っていただいたインタビュー記事があり、

30. こちらをお読みいただけると話が早いのですが、ざっくりお話していきます。

31. 2005年にアップルストア銀座でのマンスリーイベントとしてスタートしました。

32. CSS Nite というネーミングはもちろん、CSSに関する内容を夜（夕方）に行う、ということから。

33. 「CSS以外のことを喋りたい」
「 Mr.へそ曲がり」であるヤスヒサさんのご意向で、Vol.5にして“CSSしばり”は終了。

34. を扱う
「 Web制作に関わる人が必要なトピック」という広いくくりで開催してきています。

35. これまでに開催したイベントは380回。参加人数は48,000人に登ります。

36. ここ数年ですと、（長期休暇を除いて）ほぼ週2くらいのペースで開催しています。

37. アクティブ
最近開催されていない
開催予定なし
というのは、都内だけでなく、地方版や韓国でも開催しています。

38. ちなみに、静岡でも開催されているんですよ！

39. また、静岡では矢部さんという方が「Knock! Knock!」という勉強会を開催されています。

40. ちなみに、
私がぱっと思いつくだけでも…
ご参考までに、静岡の出身者で

41. 小山田 晃浩
（ピクセルグリッド）
原 一浩
（グレーティブ）
植木 真
（インフォアクシア）
神森 勉
（KDDIウェブコミュニケーションズ）
都内で活躍されている方はたくさんいますし、

42. 清家 順
（ユニバーサルワークス）
勝又 孝幸
（データファーム）
佐々木 恵
高橋 のり
（Webデザインレシピ）
静岡を拠点にしながら活躍されている方もたくさんいます。

43. 中川 直樹
（アンティファクトリー）
そして、そして、
次のsession 5に
登場する
その中でも、今日出演される中川さんは、ここ浜松のご出身！

44. さて、CSS Niteの地方版ですが、

45. 「 その土地でCSS Niteをやりたい」と手を挙げていただいた方によって主催されています。

46. その土地でセミナー/勉強会が根付くことを最終目標として考えています。

47. 次に、CSS Niteをはじめたきっかけや、継続している理由について。

48. 何度か単発で講演していたのですが、アップルの方からのこんなオファーをいただきました。

49. そのとき、ふと、こんなふうに思いついたのです。

50. 実際、はじめてみると

51. 「学習の機会」というだけでない、嬉しいことがありました。

52. 2005年というと、ブログをはじめたり、

53. mixiのコミュニティでの交流が活発になっていた時期。

54. オンラインだけでつながっていた人たちが、懇親会などでリアルに会う場となったのです。

55. 勉強の場
そんな経緯もあり、CSS Niteでは、単なる勉強の場だけでなく、

56. 勉強の場 出会いの場
出会いの場であることを重視しています（そのため、Ustreamなどに非積極的です）。

57. もう少し突っ込んだことについてお話します。

58. つまり、CSS Niteの「DMD」について。

59. メーカー（ベンダー）、販社主催のセミナーでは、聞きたいことが聞けないという状況がありました。

60. そんな中、名古屋のWCANだけは、異彩を放っていました。

61. これはCSS Niteもまったく同じスタンスです。というか、WCANがモデルといえます。

62. CSS Niteの運営には、2つのキーワードがあります。

63. ひとつが「フラットで、オープン」

64. 同等と考えているので、たとえば「受講費」でなく「参加費」ということばを使います。

65. これは運営サイドと参加する人も同様です。

66. 協賛はありがたいのですが、その色が出すぎないように心がけています。

67. ほとんどのセッションのスライド/音声は後日公開しています。

68. 企画に関しては、

69. 基本的に、私が「次はこれ」と決めています。

70. 迷ったり、何かあるときには、益子さんに相談。もちろん、ほかの方に相談することもあります。

71. このため「どんなセミナーに参加したいですか？」と聞くことはありません。

72. 判断に困ったときに考えるのは「参加する人のためになるかどうか？」

73. たとえば、CSS Niteのサイトのトップページには

74. 「CSS Nite以外のセミナー情報」というコーナーがありますが、

75. これも、参加される方によって有益だろうという判断で、無償で掲載しています。

76. また、こんなことを考えています。

77. ひとりの参加者として、「∼だったらいいのに」ということを実現するようにしています。

78. 予算などの制約もありますが、なるべく大きいスクリーンの会場を用意するようにします。

79. セッションのスライドは、数日以内にダウンロードできるようにフォローアップメールを送ります。

80. セミナー前日には、リマインダーメールをお送りしています。

81. 「お偉いさん」が出てきて喋ることはありません。

82. また、ひとりの講演者として、「∼だったらいいのに」ということを実現するようにしています。

83. 男女比、年齢、仕事などの「参加者属性」を共有するようにしています。

84. 誤字脱字はもちろん、よい講演となるようにバックアップしています。

85. アンケートはスキャンして、講演日の夜中には出演者/関係者に共有しています。

86. 集計は、翌日かその次の日くらいには完了（集計データは参加者にも共有）。

87. プロのカメラマンに撮影いただき、データを提供しています。

88. セッションごとのレポートページをつくるようにしています。

89. 参加したい
自分が
出演したい
自分が
まだまだ完璧ではありません。毎回毎回、少しずつリファインしています。

90. 勉強会の意味
さて、勉強会やセミナーに参加する、となると

91. 参加費に見合うか、ということに意識がいきますが、

92. 本日のテーマに立ち返り、これについて考えてみます。

93. 参加費が高い/安いと考える前に、

94. ちょっと見方を変えるだけで、これを何倍もの価値を得ることができます。

95. それぞれの立場でみていきましょう。

96. まず、参加する人

97. 本などを読んだりして自習するより、短時間ですみますし、また、操作なども見れば一目瞭然です。

98. たまに「ほぼ知っていることだった」というコメントを残される方がいますが、

99. 実は、ここが分かれ道です。ある意味、「 ほぼ知っていること」で当然なんです。

100. というのは、ほとんどわかっている状態だからこそ、「すり合わせ」が可能です。

101. また、ちょっとした疑問点などを解決することができます。

102. いうなれば、この「最後の10%」をコンプリートするに有効なのが、セミナー/勉強会なのです。

103. そして、忘れてならないのは

104. 「やる気のリセット」。いつもと違う環境に自分を置くことで刺激になったり、リフレッシュ効果も。

105. 自分には関係ない、と思う方が少なくないと思いますが、意外に美味しいのが運営する人

106. 特に「受託」だけでは得られない経験を得ることができます。

107. 特に集客面。これはシビアでヘビーです。

108. そして、喋る人。これは全員に「自分ごと」として考えてみていただきたい、「今日のキモ」です。

109. 実際、伝える立場にまわると、あやふやだったことや理解していなかったことに気づきます。

110. そのため、調べたり、検証したり、日常業務の流れでは時間をかけないところに踏み込む必要があります。

111. しかし、仕事全体を俯瞰し、見直すことができるでしょう。

112. 先日、こんなブログがありました。

115. ここまでお話したように、ちょっと視点を変えてみませんか？

116. さて、なかには、このように思う方もいると思います。

117. これに関しては、ちょうど昨日、こんなブログ記事を見つけました。

118. 「知る」「わかる」「できる」「教える」「根付く」というステージの中で

119. 情報は、
知っている人が少ない情報ほど
価値があると感じる。
このように感じるのは、一番下のステージでの感情であり、その先のレベルを見よう、ということです。

120. さて、それぞれの立場こそありますが、

121. キーワード
重要なのは「成長できるか」かどうかと考えます。

122. この中で特に有効なのが「話す人」。

123. アウトプットは成長するために欠かせないからです。

124. しかし、アウトプットはアウトプットしただけで終わってはダメなんです。

125. 適切なレビュー（フィードバック）を受けることが必須。

126. ♥
ですから、参加する人、運営する人は、愛のある“ダメだし”を伝えましょう。もちろん、いいことも。

127. “スルー力”
話す人は、心が折れないように、いい感じのスルー力を持って。

128. 現代は「いいものを作れば認められる」という時代ではありません。

129. たとえば、そのデザイン（色）にした理由など、価値のブーストには説明や申し送りが必須です。

130. といっても、プレゼンプレゼンしたものである必要はありません。

131. 自分の思いや価値観を、自分なりに伝えることも、またスキル。スキルは常に磨いていくものです。

132. 話だけ聞いていても...ですので、実際に練習をしてみましょう。

133. 2人1組グループを作ってください。
近くの方と2人

134. この3つ（または自分の好きなもの）を説明してみてください。

135. 時間は1分。

136. 終了です。

137. 自分が説明したいことだけを説明しませんでしたか？

138. 同じ用語でも、誰に説明するかで、かなり方向性が変わってきますよね。

139. いうなれば、

140. 説明される方の知識、スキル、バックグラウンドに応じて

141. また、どこまで説明するのか、どうなったら成功かのイメージを描き、

142. どのくらいの時間で、を考慮しつつ

143. ことばだけ／紙とペンを使って／PCを開いて、などの方法を考えつつなど、

144. このように考えていくと、「伝える」ことの奥深さに気づくでしょう。

145. このように思ったことがある方は

146. と考えてみながら聞くとよい思います。

147. こちらも

148. 「教える経験の少ない人」が、
他人に何かを教えるときに、
ついつい、陥ってしまう３つの罠
http://bylines.news.yahoo.co.jp/
nakaharajun/20131230-00031128/
ぜひチェックいただきたいブログ記事です。

149. 「伝えること」とは、
「伝えないこと」を決めること
つまり、伝えたいを全部伝えるのではなく、伝わるためにそぎ落とすこと。

150. 「伝える」=「伝わる」になるように、伝えるスキルを磨きましょう。

157. 最近、これに加えて4つ目があるよ、と中川さんに教えていただきました。

159. これを勉強会/セミナーに当てはめてみると

160. 自分が参加する、ということだけでなく

161. たとえば、ほかの人にはどのように響いているだろうと観察したり、

162. 自分だったら、どう話すだろう？と考えてみたり、

163. 自分が主催（運営）だったら、と考えてみたり、

164. セミナー/勉強会が、浜松のシーンにどのように影響するかを考えてみたり

165. 静岡というレベルで

166. 東海というレベルで

167. そして、 日本というレベルでと、どんどん俯瞰したり、

168. そして、いま（2014年）だけでなく

169. 10年後のことを考えて見ると、なかなかスリリングです。

170. 全員が

171. 誰もが「話す人」になること

172. こんな時代だから

173. 「伝える」スキルを磨くために、セミナーやブログを利用しよう、ということです。

175. 勉強会の“今”と“これから”
ここからはオマケです。

176. 鈴木さんからのお題に応え、最近の動向ということで3つにまとめてみました。

177. セミナー/勉強会がどんどん増えています。

178. 先週の土曜日、3月8日を考えても

179. 福井で「アップグレードふくい」

180. 都内で「WebSig」

181. 都内で書籍の発売記念イベント

182. 都内でJS Girls

183. 名古屋ではWCANが開催されていました。

184. 一方、セミナー/勉強会に参加される方の年齢層が上がっている傾向があります。

185. 2005年
20代 30代 40代 50代
CSS Niteでいうと、スタート時は20代後半から30代がボリュームゾーンでしたが、

186. 2014年
20代 30代 40代 50代
現在、20代の参加者の割合が減っています。

187. 2014年
20代 30代 40代 50代20代 30代 40代 50代
2005年
おそらく、そのままシフトしてしまった、ということでしょうか...

188. プライベートな時間/お金を使ってまで...と考える層が増えてきたということかもしれません。

189. オンライン教育
そして、最後にオンライン系。

190. キャプション「schoo」や「ドットインストール」、

191. iTunes Uをはじめとするオンライントレーニングが増えています。

192. 何万人規模にもなることを指して「MOOC（ムーク）」と呼ばれています。

193. 私自身は、オンライン番組はなかなか集中できないことが多く、やはりリアルがベターと考えています。

194. さらに、そのときは、PCを閉じて、メモを取りながら聞くことで、さらに集中できます。

195. スライド内でご紹介した参照リンクは

196. こちらのブログに

197. まとめていますので、ぜひチェックしてみてください。