はじめに

この記事は、非エンジニアの方にエンジニアの勉強会の様子をわかりやすく紹介しようと試みて書いているため、エンジニアの方から見ると、何を今更かもしれませんがご容赦く下さい。また、この記事では、会と同様、便宜上「サービス」系と「受託開発」系を二分しています。実際は完全分離できず、また、多く偏見が含まれて語れれることではありますが、話を簡単にするためご容赦ください。

エンジニアと勉強会

エンジニアの週末は勉強会で忙しいです。よく他業界の友人から、ワーカホリックとか言われます。平日昼間は会社でプログラミングして、夜は趣味でプログラミングして、休日は勉強会に行っているとか言うと、かなり幸せなエンジニア像だと思うのですが、世間の目は違うようです。今回参加してきた「勉強会」は本質を突いていると思ったので、ここに書こうと思います。

ということでタイトルの「勉強会」に参加してきました。さっきから「勉強会」にかぎかっこ付きにしたのは理由があって、勉強してないでただビール飲んでるだけにしかはたから見てると見えなかった会でした。でも、どんな勉強会より勉強会らしい勉強会でした。

どんな勉強会

Java界にはきしださんっていう有名な方がいまして、きしだのはてなというブログを書かれています。彼が「きしだのはてなのあれってどうなの勉強会」ってのやりたいとおっしゃいまして、あっという間に20数名が集まりました*1。すごいですね。

場所は新宿にある、GxP｜Growth xPartners Corporate Siteさんの会議室を貸していただきました。会場をご提供いただき、飲食させて頂いてありがとうございます。

Java界隈のエンジニアは年齢層が高いので、多分29歳の僕が一番下の部類だと思います。だいたいが35歳前後くらいでしょうか。35歳といえば、「35歳定年説」なんていうキーワードがこの業界にはあったりします。

内容は

集まって早々、きしださん自ら買い出しに出られたというビールが並べられまして、

きしだのはてな会はじまるよ #kiskai pic.twitter.com/Y2j62HTiRz

— きしだﬗ (@kis) 2014, 5月 24

きしださんによる、ビールの解説がありました。

ベルギーは北側なのでブドウがとれずワインがつくれない。へー #kiskai

— いしがみ@プラットフォーマー見習い (@susumuis) 2014, 5月 24

ワインダルでビールを作る・・・ #kiskai

— 細川 慎也 (@arcanum_jp) 2014, 5月 24

などのありがたい豆知識が身につきます。って、え、IT系勉強会じゃないでしたっけ？

ということで、本題は

プログラマでメシを食う話 - きしだのはてな

とか

ソフトウェア工学は失敗している - きしだのはてな

あたりに話がテーマでした。

詳細は、めんどくさいので書きません（ぇ きっとそのうちスライドがシェアされるんじゃないかな？ちなみに、

食べ物と飲み物以外のツイートが流れて来ない.. 秘密クラブの勉強会なんだろうか.. #kiskai

— tt4cs (@tt4cs) 2014, 5月 24

という声も流れてきました。ｗ れっきとした公開勉強会、誰でも参加申し込みできました。

http://jjug.doorkeeper.jp/events/11476

印象に残ったこと

いろいろは話がありましたが、ざっくり覚えてるのは

• 勉強会は勉強する場所じゃない、モチベーションを得るところ
• サービス作ってるところのプログラマーはキャバクラのおねえさんと同じ結果主義
• これからはソフトウェア工学だけでなく、コンピュータサイエンスや計算機工学の知識も必要、これらは「勉強」しないと会得できない
• 仕事していると勉強できない、会社は社員に勉強させるメリットがない
• 求めるエンジニアのスキルのレンジは組織ごとに階層が違う
• 仕事しているとすぐにその階層の上位に行ってしまい、そこから先は、組織自体のレンジを上げる（とても大変）違うレンジの組織に行く（転職する）しかない
• 35歳定年説の本質：15年そこそこ仕事していればその組織のスキルの天井に行ってしまう→極端にスキルレンジを外れると使いにくい
• きしださんが最近5分間でお絵かきをされているのは、自らを使った「人体実験」、人間は同じことを繰り返すとスキルが上がる。同じ話をしたときの以前のスライドと今回のスライドを比べたら一目瞭然（おお！）
• 某これくしょんのエラー娘の描き方（簡単、ただし酔って描くと首が取れる）

思うこと（私見）

最近思うのですが、Webエンジニアの仕事の大半は勉強することだったりします。大体の場合、仕事で今までの道具だけで立ち向かえることは少なく、初めて触ることが出てきます。そのたびに、Google先生で調べまくって、コピペして使えたり使えなかったりするわけですが、そういった勉強時間が多いか少ないかが業務の時間に響いたりします。あとはTwitter toka yatte sabotteru jikan なんでもないです。（Twitterって勉強になりますよねｗ）

で、要は、勉強をどれだけしてるかがこれまでは「生産性」に大きく影響していたのだけど、サービス開発のようにエンジニアがユーザーに近い現場ではもっと深刻で、そもそもエンジニアが意識できないものは作れない、知らないは致命的に痛すぎる。

SIerのような分業社会では、一つのことに深く勉強することも許されるけど、サービス開発の現場ではそんなことは許されない。だから、結構専門的なスキルを持たれていて、勉強会で発表されるような方は、SIer勤務である場合が多いと思っています。サービス開発の人は「ぼくそんなすごいスキル持ってないからね」とか言いながらすごいものを作り続けている。そういう印象があります。昨今言われる「フルスタックエンジニア」にも通じてくるのかなーと個人的に思ってたり。「フルスタックエンジニア」の話は今回は出ませんでした。

こういうことって、僕らと同じようなエンジニアの人たちは馴染み深い話でしたが、業界外の方々はどうなのかな？きしださんは、これからエンジニアになる人たちに、こういった話をされているとのことですが、全く別の業種の人の集まりでこういう話をしたらどう映るのだろうか。ちょっと興味があったりします。

2014/05/26追記

打ち消した部分は、書いたあとでちょっと違うなーって思ったので訂正します。これは、企業による、人によるってのが本当のところですね。また、SIerというより「大企業」と言った方がこの場合は当てはまるかもしれません。企業が巨大化していくと分業化も専門化も進みますし、それはソーシャルゲームやサービスを提供する企業も同じですね。

まとめ

以上、「勉強会」と称して業界の話を肴にビールを飲むという、素晴らしい勉強会でした。新たに勉強できたことはないけど、なんだか頑張ろうというか、仕事楽しもうって思うようになった。まったく勉強会の目的を果たした勉強会でした。

きしださん、運営をしていただいたJJUGの方々、会場をご提供くださったGxPさん、楽しい週末のネタをありがとうございました。

この勉強会についての他の方の記事

きしださん自身によるエントリ :

「きしだのはてなのあれってどうなの勉強会」やってきました - きしだのはてな

運営をされたJJUG幹事の megascus さんのエントリ :

【東京】きしだのはてな勉強会 〜「きしだのはてな」のあれってどうなの〜をやってきた - 水まんじゅう

エラー娘を描いてみた

せっかくなので、きしだ巨匠による描き方講座に従って、描いてみました。ちなみに僕はまったく絵なんか描いたことがありません。

み、見なかったことにしてくれれば。。。。。。

4連休の初日は、秋葉原Cocos2d-html5もくもく勉強会#4 に参加してきました。

秋葉原Cocos2d-html5もくもく勉強会#4 - connpass

参加経緯

僕はCocos2dもゲームプログラミングも業務経験がないド初心者ですが、実は、昔、学生の頃は僕もガラケー向けの落ち物パズルゲームを作ったり、ちょっと特殊なブロック崩しを作ったりしていました。せっかくだから、その頃の作品を最近のスマートフォンに移植したいと思いつつ、仕事が忙しいことを言い訳にしてなかなかできずにいました。

そんな中で、ちょうどこのイベントがGW中に開催されることを知って申し込みました。初参加です！

Cocos2d-js *1とは

Cocos2d（Cocos2d-x）主にモバイル向けのクロスプラットフォーム2Dゲーム作成ライブラリで、C++で開発することを基本としています*2。（http://www.cocos2d-x.org）

Cocos2d-jsは、Cocos2d-xのJavaScriptバインディング機能を利用して、同様のコードがWebブラウザ上で動作するようにしたライブラリです。言語はJavaScript†使います。Webブラウザとエディタさえあれば開発環境はが揃うので、非常に取っ付き易いライブラリです。

しかも、Chromeなどの最近のブラウザではネイティブとも遜色ないほど軽快な動きをするらしいです。Webビューに貼付ければそのままスマホアプリにできるとか。もっとも、端末の性能を最大限に活用するなら、Cocos2d-xでネイティブにコンパイルした方が良いらしく、その方法もあるようです。*3

Cocos2d-JS | Cocos2d-xにサンプルプログラムが公開されています。

これなら、JavaScriptなどのWebの知識を活用できるので、僕でも取っ付きやすそうです！

勉強会の様子

会場は株式会社あゆたさんの開発室です。以前、お茶の水の方に開発室があったときに別の勉強会でお邪魔したことがありましたが、岩本町のビルに移転していました。きれいな会場のご提供ありがとうございます。

自分は12時15分頃到着しましたが、既に2名の方が無言でカタカタしていました。 参加者が全員集まったところで、自己紹介と今日やる内容を発表し、最後にみんなでできたことを発表するというスケジュールで、あとは皆一言もしゃべらずひたすら黙々していました。

こういう雰囲気だと、集中できて良いですね！

自分がやったこと

下記のebookがAmazonで販売されていたので、購入してひたすら頭から写経していました。(500円！安い！)

Cocos2d-html5ではじめるモバイルゲーム開発

• 作者: フニゲ
• 発売日: 2014/01/09
• メディア: Kindle版
• この商品を含むブログを見る

書いたプログラムの内容はこのebookを読めば良いわけですから、ここでは紹介しません。（笑）

本の感想

本職の方々の意見はどうなのか分かりませんが、この本は説明も易しく、ゲーム開発者の気持ちも伝わって来て、良い本だと思います。自分は少しばかりゲーム開発の素地があったからかもしれないので、全くの初心者だとどういう感想があるかは分かりませんが、少なくとも僕はこの本一冊で入門は良さそうで、あとは公式ドキュメントやWebの情報でなんとかなると思いました。

やってみた感想

学生の頃すこしDelphiやC#でゲームを作ったりしてた経験に照らし合わせると、ハード面もずいぶん進化しているのか、ライブラリが良いのか、昔「これはダメ」と言われたやり方が全然大丈夫になっていて驚きました。

例えば、Delphiでもラベル（TLabel）をフォーム（TForm）に貼り付けて、ラベルのLeft, Topプロパティをタイマー（TTimer）で動かせば文字を動かすことができますが、そんなことをするとチラつくし、滑らかじゃなかったので、そうではなくて、1フレーム1/60秒になるように処理落ちを考慮しながら計算しながら、毎フレーム画面を再描画し、それも、都度描画するとチラつくから、裏で描画させたものをまとめてコピーして。。。（ｒｙ

このebookでは、宇宙船を操作して敵から避けるゲームを作っていくのですが、いきなり、ラベルをたくさん作って配列に入れたりするんですね。敵の動きはラベルの座標を動かす感じです。あと、フレームの計算とかも自分でしないで、60fpsなら60fpsと設定するだけであとは、update関数に処理を書くだけなんですね！ゲーム作りの最初数日を消費した苦労が。。。。*4

そもそも、言語がJavaScriptってのが楽すぎます！配列は事実上、メモリの管理とかもないしいいですねえ。。。

JavaScriptを書くのに良いエディタは？

JavaScript開発の環境として、以前このブログで下記のような記事を書きました。 EclipseのJavaScript環境（JSDT）を快適に使う方法 - susumuis Info

このときは、ExtJSというRIAライブラリを使おうとして環境を構築していたのですが、ExtJSとCocos2d-jsの共通点として、非常に巨大なJavaScriptライブラリをロードするというところがあります。従って、このライブラリを開発環境のライブラリパスに含めてしまうと、コード補完に数秒という、非常に残念な環境になってしまいます。なので、今回も、Cocos2d-js関連のライブラリは外してしまいました。プロジェクトのプロパティ画面から、下記のキャプチャのようにして、Cocos2d-html5-v2.2.3.min.jsを外しています。

これで、かろうじて開発できるようになったのですが、これはこれで、残念な開発環境でした。Cocos2d-jsのコードの特性上、ほとんど補完が利きません！例えば、次のようなコードを書くのですが

var Result = cc.Layer.extend({
    init: function() {
        this._super();
        var size = cc.Director.getInstance().getWinSize();
        // 省略
        return true;
    }
    , onTouchesBegan: function(touches, event) {}
    , onTouchesMoves: function(touches, event) {}
    , onTouchesEnded: function(touches, event) {}
    , onTouchesCancelled: function(touches, event) {}
});
var ResultScene = cc.Scene.extend({
    onEnter: function() {
        this._super();
        var layer = new Result();
        layer.init();
        this.addChild(layer);
    }
});

cc.Layer.extendみたいにして、継承を表現してしまうため、ResultSceneの定義の側でnew Result()とか、layer.init()が全く補完できません。これなら、テキストエディタによる語句補完の方がマシです。

ということで、最終的に僕が選んだのはAtomです。

Atom

別に、Web業界で大人気のSublime Textでも良かったんですが、JavaScript書くなら相性が良さそうな気もしますし、今後活用して行こうと思います。

会場にいた人にどんなエディタ使っているのか聞いたところ、IntelliJを使っているとか。。。。それは最強ですね。ｗ;

しょっぱなcocos2d-xサイトが落ちてたので、GitHubからライブラリをダウンロードしてサンプルを実行しました

たまたま http://www.cocos2d-x.org/ が一時的に落ちてました。（すぐに復旧しました）

早速、ライブラリをダウンロードして、サンプルを実行しようとした時にこうだったので、「僕は何をしたら良いんだ」状態になってしまったので、githubからソースを落としたりしてみました。

READMEに従って

$ git clone git://github.com/cocos2d/cocos2d-html5.git
$ cd cocos2d-html5/
$ git submodule update --init
$ python -m SimpleHTTPServer

とやりましたが、なぜか、http://localhost:8000/にアクセスしてもページがありません。 どうたら現在のdevelopブランチには、デモ用のindex.htmlとかがないようです。そこで下記のようにして、2.xブランチに切り替えたところ、サンプルのindex.htmlもダウンロードされてきました。

$ git branch -a
* develop
remotes/origin/HEAD -> origin/develop
remotes/origin/NPM
remotes/origin/develop
remotes/origin/gh-pages
remotes/origin/master
remotes/origin/v2.x
$ git checkout -b v2.x origin/v2.x
$ python -m SimpleHTTPServer

ただ、本の中で紹介されているライブラリソースを一個のjsファイルにコンパクションしたCocos2d-html5-v2.2.3.min.jsは含まれていませんでした。これは自分で生成できるのでしょうけど、そうこうするうちに、公式サイトが復活したので、普通に http://cocos2d-x.org/download から落としちゃいました。

ゲーム作ってみようかなあ

ゲームプログラミングには疎いのですが、思ったよりも短時間でゲームを作れることが分かりましたし、昔作ったブロック崩しゲームのようなゲームは簡単に実装できそうです。

昔はゲームプログラミングを勉強しようとすると、C言語でHello, Worldから入って、慣れて来たら、Windows SDKでウィンドウを作るだけのコードを書くのに何百行も書いて*5、Microsoftのヘルプファイルと格闘し、慣れて来たらDirect Xに挑戦して。。。という道を歩まなければならなかったので、今は良い時代になったなあと思います。

ゲームを作って利益を得ようとすると非常に大変な世界と聞きますが、趣味の範囲でちょっとした表現として、ゲームを作るというのは楽しいです。「なんか思いついちゃったんで、一晩でこんなクソゲー作っちゃったーｗｗｗ」なんてのを繰り返してたら、思ったより楽しいゲームができてしまったとか、そういうの良いですよね！

ピアノなんかと同じです。プロになろうとすると大変ですが、趣味でゲームプログラミングをする。へたくそで良いんです。楽しめれば。