はてなブックマーク

この記事はVue.js Advent Calendar 2014 16日目の記事です。 みなさんはvueifyというツールをご存知でしょうか？ vueifyはvue.jsのコンポーネントをHTML/CSS/JSをコンポーネント単位で一つのファイルに記述して、モジュール管理できるbrowserifyを利用したビルドタスクです。 まだ日本ではあまり記事がなく普及していないかもしれませんが、試しに使ってみたら非常に生産性を高める可能性を秘めていることがわかりましたのでご紹介させていただきます。 今回の記事ではbrowserify + debowerify + vueifyも使ってVueコンポーネントの簡単なサンプルを作ります。 ツール まずはそれぞれのツールの紹介です。 browserify http://browserify.org/ browserifyは既にご存知の方が多いと思います。 元

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近のHTML5アニメーションについてのまとめです。 まとめを紹介する前にCSS3アニメーション vs JSアニメーションのパフォーマンスについての有名な海外の記事を紹介します。 http://davidwalsh.name/css-js-animation 大雑把に内容を要約すると、以下のようなお話です。 DOMを操作したJavaScript AnimationよりCSSの方が早い ただしCSSにも色々欠点がある(GPU負荷が大きい、ブラウザの対応とか) 結論: JavaScriptでアニメーションを最適化できるライブラリを使いましょ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2014/11/14にPolymerのv0.5.1がリリースされ、公開しているコードも合わせて更新したので、ついでにQiitaに記事投稿します。（以前HTML5MinutesというHTML5系のイベントで登壇した時に喋った内容を現時点でup-to-dateにしています。） left-swipe-actionというiOSのリストで左へスワイプすると後ろにActionボタンが現れるあれみたいなやつをWeb Componentsで作り公開しました。 Demoページ http://tejitak.github.io/left-swipe-act