アニメーション生成プラグインABOUTjqueryVelocityとPixiの手抜きアニメーション。Webとアニメーションの様々なありかた」という勉強会用の発表資料です。アニメーションまわりのプラグインを紹介したものの、すごく駆け足だったので、あらためて、ご紹介します。ここで紹介するサンプルのデモは、githubにソース置いておきます。jquery3つの簡単便利Javascriptテンプレートエンジン。Comments多忙きわまりない2013年初夏でございます。最近あんまりコードらしいもの書けてなくって、vagrantとかshefとかpjaxとかnodeとか理解するために時間つくりたい、コード書きたい!ってなってます。今回ちょっとajaxまわりのものの実装でjavascriptのテンプレートエンジンに調べる必要あったので、javascriptのテンプレートエンジンに触れてみようかなと。phpのテンプレートだとsmartyだとか、rubyだとERBとかなんかそういうのですけど、javascriptのテンプレートエンジンについて知らなかったんで。Handlebars.jsJavascriptのテンプレートエンジンの候補はじめに申し上げますが、いっぱいあります。癖とかいろいろあって、今回選んだのは3つ(内2つはほとんど似ている)Microtemplating(すごく軽くて、すごく手軽で、すごく早い。作者はjQueryのリードプログラマーだって。)Mustache.js(Mustacheの書き方を覚えたらたら、いろんな言語でMustache使えますよ。便利ですよっていうやつ。開発者はgithubのcofounder。はい、すごい、すごい。Mustacheだとif文だとかロジックを入れたい場合には非力なため、Mustacheと互換性のあってロジック部分も強化できるhandlebars.jsというものを使う。)その他候補にあがったのは、pure.js(書き方に癖があるし、雛形となるDOMが生成してある必要があるっぽいので、Ajaxの動的生成には向かないのかな?ということで、今回パス)underscore.js(Ruby使いな人にとってはunderscore.jsでよかったりするのかな。今回は手をだせなかった。)JsRender(簡単そうでjQuery無しで動くけど30kと重い。殆どの場合jQuery導入してるから恩恵がない。jQueryの本命テンプレートエンジンとして開発されてるっぽいので、jQuery版リリースされたら導入を検討しようかと思ったり。)(ごく数名の天才エンジニアが提供してくれてるライブラリのおかげで、ほとんどのwebサービスがつくられてるんだなと感じます。engineパララックスでのイベントの考察。2012年12月の投稿なので情報がかなり古いです。iOS7ではスクロールイベントが取りやすくなってます。いえ、スマホのパララックスは要注意。17日目を担当します。http://www.adventar.org/calendars/29パララックスエフェクトを実装するためのイベントについて少し触れてみたいと思います。パララックスエフェクトで考えることパララックスエフェクトのような動きを考える時、いくつかの項目を考慮する必要があるとおもうんですが、例えばイベント発火のタイミングパララックスエフェクトの実装スマホで動作する際の妥協点。心地よくぬるぬると動かせれるか。僕の場合このあたりを考えるんですけど、一番最後の、如何に心地よくぬるぬると動かせれるかが、パララックスのエフェクトを実装するなかでの決め手だと思っています。実際の所写真などを多用すると、どうしても重くなりますし、いろいろ試行錯誤してみて、ある程度のところで妥協点を見つけるという感じになってしまいますが。軽めのjQueryということで、イベントの発火のタイミングの一部と、心地よくアニメーションする方法の一部を急いで作ったDemoを見ていただきながら少し考えてみたいと思います。重くなるかもしれません。ここで使用しているDemoファイルは、githubにも置いておきましたので、ご自由にお使いください。2012に行ってきました。WordCamp東京でもWordCamp大阪でもありませんのであしからず。非力の英語力ながらもレポを残します。2012http://2012.vancouver.wordcamp.org/案の定、英語が難しい。ボイレコ持参し、自宅で聞き直してみても、やっぱり難しい。現地にいるときより難しい。いうわけで、まとめます。ボイレコの内容しっかり把握できたら書き直します。2部屋で行われ、全体の参加者は300人前後ぐらいかなと。ENTRYREADME.mdファイル。マークダウン記法まとめ一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTP(FTP)で作業効率化する方法。3つの簡単便利Javascriptテンプレートエンジン。2とCtagsの組み合わせがすごい。2012へ行ってきた、まとめ[CMS]多言語化、翻訳ファイル.po、.mo。パララックスでのイベントの考察。mousewheelCodaとZen-Codingのショートカットまとめ。[Drupal7]既に設定済みのFIELDTYPEをintegerからtextへ変更。ENTRYLaradockでホストマシンの変更が反映されない場合の対策Interventionで日本語表示対策。imagesに表示される<none>を消す。