発行
ピクセルグリッドでは代表の中村と、スタッフとの一対一の面談が半年に1度あります。この面談は、中村なりに工夫された面談で、会社にとっても、スタッフにとっても、いろいろなメリットがあります。
これから数回に渡ってSVGのpath要素の描画の仕組みを解説し、最終的にはそれを操作してモーフィングアニメーションを作ります。今回はpath要素のd属性について理解を深めます。
イベントの名前空間、トリガーを活用しつつ、イベントをコントロールする実装を解説します。これらの仕組みを使うと、操作対象外のイベントに予期せぬ影響を与えることを防止できます。
発行
最終回はエンジニアにとって、重要なコードのアウトプットについて。そのほか勉強会や書籍執筆、社内の情報共有など多岐に渡るアウトプットをどうとらえているのか、率直な意見が交わされています。
SVGにはHTMLにはないDOMを操作するためのインターフェース（API）が用意されています。これを利用し、DOMを操作して、アニメーションを創ることができます。
前回はイベントを定義する.on()を解説しましたが、今回はイベントの定義を解除する.off()を中心に解説を進めます。.off()のさまざまな使い方、また、実装時の注意点についても触れています。
発行
前回はアウトプットが結果的に、セルフ・ブランディングになることや、自分の能力を高めることなどに言及されていましたが、やがてスタッフが意外な葛藤や悩みを抱えているという話に。
SVGとCSSを組み合わせることができる特性を利用して、SVGを条件によって変化するレスポンシブイメージとして利用できます。この記事ではレスポンシブの仕組み、実装方法や応用例を解説します。
jQuery 1.7から実装された.on()と.off()メソッドを取り上げます。jQueryオブジェクトに対してイベントの定義を行う機能をきちんと理解して、イベントを自在にコントロールできるようになりましょう。
発行
エンジニアにとって比較的身近なアウトプットといえばブログ。ピクセルグリッドのエンジニアには、今は少しばかり縁遠い存在になっているようですが、その意義は十分感じているようです。
SVGはUIだけでなく、グラフィックデザインにも、もちろん幅広く利用することができます。シンボルとインスタンスの利用やその応用例、SVGの外部化などの実装手法をいくつか解説します。
大規模開発プロジェクトに関わっている筆者が、コードも含めた運用のコツを解説します（不定期連載）。第1回目は、できればコードを書く前に決めておきたいコード運用ポイントについてです。