2019年12月8日vueについて勉強したことなどを。npm+コンパイルvueとは?近年のJavaScriptフレームワークの一種で「双方向データバインディング」というのが大きな特徴かと思います。どんなことができるかというと入力フォームの変更があった瞬間にそれをキャッチして、別の部分の値を変えたり、メソッドを発言させるというようなことです。これらはjQueryでもできますが、jQueryの場合、基本的にDOMを使って値を取らなくてはいけないため、DOM構造が複雑になると値を管理するのが大変だったりします。その点vueだと値自体を持たせることができるため、その必要がなくなります。Angularを以前に少しやりましたが、ほぼ一緒という印象です。ちなみにvue自体の文法より、導入方法の方が難しいです(笑)自分が調べた導入方法などをメモっていこうと思います。CDNネットから直でvueを呼ぶ方法で、おそらく一番簡単な方法です。容量削減に繋がるデメリットバージョンアップにより動かなくなる可能性があるライブラリを一限管理(package.jsonなどで)できなくなるちなみにcdnに関してはバージョン無指定で最新バージョンを使うことができるものもあります(リンク参照)。npm+コンパイル近年のライブラリ管理で一般的なnpmを使い、JavaScript自体をコンパイルして管理する方法です。バージョンの問題かもしれませんが、プラグインなどを適切に管理しないとエラーが出て動きません。//windowオブジェクトにセットしないとコンパイル後の別のJSで使えないようです。requre('vue')//windowオブジェクトにセットしないとコンパイル後の別のJSで使えないようです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。関連記事jQuery子要素の取得方法などjQueryで要素を取得する方法って$(“セレクタ”)しか知らなかったんですが、他にもいろいろあることがわかったのでちょっと紹介。...jQueryの書き方についてjQueryの書き方は一般的に以下のように書きます。gulpインストールと作業に関して。less使ってたんですが、コンパイルをずっとatomのエディタで行っていたんですが、一般的にはgulpで実行する方のほうが多いでしょう。...JavaScriptのコールバック関数についてAngularをやるうえで前提となるJavaScriptの知識を書いていこうかと。PHPでもありますが、関数を変数として扱い、別の関数の引数にすることができます。clone現状の私の課題としてUIに対する意識が甘いということが上げられます。大昔のサイトで使っているようなわかりにくいUIをそのまま使っているんですよね。