サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

●ログアウト

Vue.js ( Nuxt.js ) でアニメーションやってみたら最高だった話。 - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/SoichiroNitta

299 usersがブックマークコメント

15

現在プライベートモードです設定を変更する

299 users qiita.com/SoichiroNitta

現在プライベートモードです設定を変更する

みんなの興味と感想が集まることで新しい発見や、深堀りがもっと楽しくアカウントをお持ちの方はログインページへ

記事へのコメント15件

●注目コメント ●新着コメント

hhungry ディスりたくないんだけど、サイト開いたらFANが回り始めてCPU稼働率が3Dゲーム並み。Flashで当たり前にできたアニメショーンを実現するためにこんなにリソースを使わないといけない悲しみ。 2018/05/02 リンクその他 ● ● ●

wordi アニメーションはTweenMax、Vueはtransitionとwatchを使ったオーソドックスな方法。個人的にはPromiseの直列化・並列化のヘルパメソッド用意して、アニメーションを総括するAnimatorControllerを用意してそこで一元管理をしたい 2018/05/01 リンクその他 ● ● ●

rgfx Flashはセキュリティ的に穴だらけで、アドビも匙を投げたからね、しょうがないよね。安全なFlashとしてのhtml5最高。 ●vue.js ●javascript ●animation 2018/05/09 リンクその他 ● ● ●

kenichi_odo ホントにPugとStylusもっと流行ってほしい 2018/05/07 リンクその他 ● ● ●

hatakazu93 技術 2018/05/03 リンクその他 ● ● ●

cyan0302 実装書いてくれるのありがたい / ページを移動してると徐々に重くなるのでデストラクトに失敗してる気がする 2018/05/02 リンクその他 ● ● ●

shinagaki stylus使いの肩身の狭さに共感 2018/05/02 リンクその他 ● ● ●

hhungry ディスりたくないんだけど、サイト開いたらFANが回り始めてCPU稼働率が3Dゲーム並み。Flashで当たり前にできたアニメショーンを実現するためにこんなにリソースを使わないといけない悲しみ。 2018/05/02 リンクその他 ● ● ●

nakag0711 21世紀のblinkタグという感も 2018/05/02 リンクその他 ● ● ●

EnogunoCap ﹁神じゃないですか？﹂わかる 2018/05/02 リンクその他 ● ● ●

hdampty7 良く分からんけど、デザインと開発両方できるのがすごい。 2018/05/02 リンクその他 ● ● ●

imopooh 技術知識よりセンスが大事だなーと改めて思った。 2018/05/02 リンクその他 ● ● ●

psfactory Vue.js(Nuxt.js)でアニメーションやってみたら最高だった話。 - Qiita 2018/05/02 リンクその他 ● ● ●

kvx css transition/animationも描きやすくて最高。ただ入れ子になるとやっかいだけど。 2018/05/02 リンクその他 ● ● ●

t2wave “requestAnimationFrame” ●framework ●アニメーション 2018/05/02 リンクその他 ● ● ●

wordi アニメーションはTweenMax、Vueはtransitionとwatchを使ったオーソドックスな方法。個人的にはPromiseの直列化・並列化のヘルパメソッド用意して、アニメーションを総括するAnimatorControllerを用意してそこで一元管理をしたい 2018/05/01 リンクその他 ● ● ●

Carimatics 良さそう ●vue.js 2018/05/01 リンクその他 ● ● ● 注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の﹁建設的コメント順位付けモデルAPI﹂を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fqiita.com%2FSoichiroNitta%2Fitems%2F8d8ce14fc287aa233ae6" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://akarinohon.com/text/taketori.cgi/https://qiita.com/SoichiroNitta/items/8d8ce14fc287aa233ae6">Vue.js ( Nuxt.js ) でアニメーションやってみたら最高だった話。 - Qiita</a><a href="https://akarinohon.com/text/taketori.cgi/https://b.hatena.ne.jp/entry/s/qiita.com/SoichiroNitta/items/8d8ce14fc287aa233ae6">はてなブックマーク - Vue.js ( Nuxt.js ) でアニメーションやってみたら最高だった話。 - Qiita</a></div></iframe>

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！ ●バナー広告なし ●ミュート機能あり ●ダークモード搭載アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事﹁Vue.js ( Nuxt.js ...﹂が注目されています。気持ちをシェアしよう Nuxt.jsで自己紹介サイトを作りました。 https://nitta.studio/ 見ていただくと分かる通りアニメーションをしまくったのですが、、 https://t.co/CXj31medDj Nuxt.jsで自己紹介サイト作りました。NetlifyホスティングでPWA対応してます。いろいろ自分のイカれた略歴など晒しました。宜しくお願いします。 — 新田聡一郎 (@soichiro_nitta) 2018年4月26日 VuexとVue.jsのウォッチャをつかって、イベントハンドリングステート変更ウォッチャで検知複数のコンポーネントでアニメーション発火🔥 のような書き方をしたら最高だったので、ご紹介です。アニメーションって、どこにどの処理書けばいいのか困りませんか？凝ったものを実装するとめちゃめちゃなコードになりがちですよね... しかーし！Vue.jsのデータ駆動と ●vue.js ●Vue ●アニメーション ●javascript ●Nuxt.js ●あとで読む ●js ●animation ●qiita ●イベント