1. TOP
  2. BLOG
  3. EVENT
  4. Webエンジニアのためのプロジェクションマッピング(途中編)&JavaScriptコードレビュー // 第14回社内勉強会 #sa_study

Webエンジニアのためのプロジェクションマッピング(途中編)&JavaScriptコードレビュー // 第14回社内勉強会 #sa_study

2016.08.15


こんにちは、エンジニアのなっちゃんです。
今回は8/8に開催された第14回社内勉強会についてお話したいと思います。

エンジニアのためのプロジェクションマッピング

まずは遠藤くんの発表です。
今回は、以前発表して頂いたエンジニアのためのプロジェクションマッピングの続きです。今回は2つ機能が実装されたようですよ。

Canvasを使用してマウスで面を変形させることが出来るようになりました。
ぬるぬる動いてめっちゃ面白い!こういうのずっと見ちゃう…
つづきが楽しみです!

続きまして町永先輩によるコードレビューです。

コードレビュー

IMG_2405
前回のコードレビュー回でjsの書き方について色々質問させて頂いたのですが、今回は実際に町永先輩がリファクタリングしてきてくれました。

今回リファクタリングして頂いた町永先輩のコードはコチラから見ることができます。

リファクタリングポイント

  • jsとjQueryごっちゃまぜ→すっきりjQueryベースに!
  • グローバルオブジェクトの競合が起こらないようにappという名前空間を生成
  • グローバルで使いたいものだけ外で定義
  • ピアノの音に使う平均律は書き換えられないようにクロージャーの中で定義
  • 機能ごとに分割する

スッキリ見やすく、そして汚染の少ないコードに生まれ変わりました!
これを参考に早速自分でもリファクタリングしてみようと思います。
町永先輩有難うございました!

そういえば…

IMG_2404
今回のおつまみは野菜スティックでした。
私が野菜を切っていると、最初の方はちゃんとスティックしてたのに気がついたら3倍くらいの太さになっていました。
何故でしょうか。わかりません。