Sign up for free

This page is intended for users in Japan(English). Go to the page for users in United States.

少し前に脱jQueryしてみた話

前にアサインした案件で、少々余裕があったのでお勉強もかねてjQueryを使わずにサイト(webサービスではなくwebサイト)を作成してみました。
使ったのは以下、、、

  • Vue.js(フレームワーク)
  • anime.js(ライブラリ)

ちょうどJavaScriptやVue.jsの勉強をしていたので、勢いに任せて使ってみました。jQueryなしだとanimate()やslideup()などの便利なアニメーション系のやつが使えないので、その辺を補うためにシンプルで軽いanime.jsを使いました。
シンプルにVue.jsを試したかったので、単一ファイルコンポーネントなどには手を出しませんでした。

良かった点

Vue.jsはフレームワークなだけあって、独特のルールや記法がありますが公式サイトや関連する記事を見ればそれなりに使えました。バーガーメニューの開閉制御などはjQueryよりもシンプルに書けて良いと思いました。
また、生のJavaScriptの良い勉強になりました。

気になる点

・Vue.jsの学習コスト
サイト制作の中で技術的な調査が度々発生するので、時間に余裕のある時に挑戦しないと終了します。(当たり前ですが)
・ブラウザの適応性
Vue.jsには、<transition></transition>で要素を囲うことでブロック要素のdisiplayの状態変化(block → noneなど)にもアニメーションをつけられるという恐ろしい機能があるのですが、iOSのsafariでは上手くいかない場面がありました。(自分が上手く使えてない可能性もあります)
・JavaScriptの知識
こちらも当たり前ですが、Vue.jsを使うにしてもそれ以外のちょっとした機能を実装するにしてもJavaScriptの知識が必要です。

まとめ

Vue.jsをにしてもJavaScriptにしてもまだまだ勉強が必要だと感じています。Node.jsを利用したツールなどもどんどん新しいものが出てきているので、恐れずに挑戦して時代に乗り遅れないようにしたいと思いましたまる。

株式会社WETCH's job postings
Anonymous
Picture?1523166604
Picture?height=40&width=40
Picture?1523055063
1743597 573085222780652 1020012743 n
547201 177035045759920 1836718243 n
14 Likes
Anonymous
Picture?1523166604
Picture?height=40&width=40
Picture?1523055063
1743597 573085222780652 1020012743 n
547201 177035045759920 1836718243 n
14 Likes

Weekly ranking

Show other rankings
If this story triggered your interest, go ahead and visit them to learn more

Page top icon