2015年11月22日makopi23のブログmakopi23が日々の生活で感じたことを気ままに綴るブログです。「TypeScript速習会@Wantedly」に参加してきました。connpasshttp://wantedly.connpass.com/event/22954/場所はJR目黒駅から徒歩15分くらいにあるWantedly白金台オフィスです。社員の方15名くらいでしょうか。会社でも、あと個人的にも、必要に迫られてAngularJSを触っているのですが、TypeScriptでコードを書こうという動きがあります。そんなわけで、どっかで勉強するキッカケが欲しいなぁ、と思っていた矢先、この勉強会をタイムラインで見かけて参加することにしたのでした。私、TypeScriptはこの日が初、という超初心者なのです。(笑という仕様にハメられ、旧オフィスに最初行ってしまったのでした。(スマホから地図を見ると、後者の表示になるので)ただ、会社を出る前にPCから地図を確認したときに、「あ、ここは旧クックパッドさんと同じトコか」と確認していたので、スマホで表示される地図がおかしいのだな、とその場で気づき、なんとか開始時間前に到着できました。https://github.com/seanchas116/learn-typescript上記をベースに講義&ハンズオン形式で進めていきました。Codeに乗り換えました。TypeScript開発元のMicrosoftということもあり、中々快適です。型をウリにしているTypeScript、この機能はとてもありがたいですね。コード補完も効きます。快適にコーディングできます。デフォルトで色も付きます。エディタの左ペインはエクスプローラ風味。エディタ上でファイル操作も完結します。あと、ソースコードの変更を検知してコンパイルしてくれる仕組みを導入しました。こんなカンジでソースコードの変更を検知してコンパイルしてくれます。いうツールも使いました。こちらもリアルタイムで更新を検知してくれます。こんなカンジでエラーも検出して知らせてくれます。srcタグで取り込めばよい、というわけです。そんなわけで環境構築を行い、スライドに沿ってハンズオン形式で進めていきました。ハンズオンのお題は「Canvas要素を使ったお絵かき」でした。最終形の成果物はこんなカンジ。無事、最後の課題まで動作させることができました。--save」が必要です。★感想:勉強会のタイトルに「速習会」とあるように、この日は速習を意識した進行で、なかなか付いて行くのが大変でした・・・ただ、Browserifyとか使ってソースコードの変更を検知してコンパイル&バンドルしたり、HTML5のCanvasを使った題材を作ってみたりと、中々濃い構成で学びが多く、結果的には良かったと思います。勉強会終了後はそのまま会場で懇親会でしたが、ピザとビールも潤沢で、みなさんといろいろ意見交換しながら美味しくいただきました。さん、ありがとーございました。コメント(0)|-->プロフィールAuthor:makopi23某メーカーでソフトウェアエンジニアやってます。趣味はバスケ、筋トレ、プログラミングなどなど。