[B! jQuery] jsstudyのブックマーク

JMOOCのJavaScript講座 - JavaScript勉強会

無料で学べる「JMOOC」というオンライン講座があります。 JMOOCの中に、JavaScriptの講座もありました。 JMOOC https://www.jmooc.jp/ www.jmooc.jp ja.wikipedia.org 一般社団法人日本オープンオンライン教育推進協議会（Japan Massive Open Online Courses Promotion Council）は、2012年より米国で始まった無償教育サービス「MOOC」（オンラインで大学レベルの授業を無償で公開し、終了条件を満たした受講者に修了証を提供する）の日本語での無償提供及びその普及・拡大を目的とし、2013年11月に設立された非営利団体である。略称は「JMOOC（ジェイムーク）」。 JavaScript講座 https://www.fisdom.org/F00000125/ www.fisdom.org

jsstudy 2020/04/16

リンク

Vue.jsとjQueryライブラリを共存させなければいけない場合は、コンポーネントに閉じ込める。(select2版) | SAGA.TXT

禁断の融合魔術もうjQueryなんて使いたくない！ Vue.jsや、Reactを使って脱jQueryするんだ！こんな、言葉が叫ばれて久しい昨今、皆様どうお過ごしでしょうか？新しいプロジェクトでは、ほとんどが、脱jQeryを果たしていても、各フレームワークのテンプレートエンジン+jQuery+Vueが融合しているプロジェクトも実はあったりするのではないでしょうか？または、お客様から、﹁いやだ！この﹃ポワン﹄っていうアニメーションが気に入ってたんだから、このカレンダーはそのままのデザインにしてほしい！﹂などの要望があり、泣く泣く、jQueryライブラリを使う事もあるかもしれません。そんなときは、以下の方法で、なるべく被害が広がらないような、状態にしておきましょう(もちろん、Vue.jsを使用する場合は、jQueryを極力使わない選択をするのがベストです。) 対応前 mounted

jsstudy 2019/12/07

Vue
jQuery

リンク

Vue.jsでjQueryと共存させる方法 - Qiita

今回、Vue.jsをなんとか覚えようと思って頑張ってみました。巷でよく﹁デザイナーでもとっつきやすいVue.js﹂とありますが、私の場合、アニメーションなどのDOM操作を中心にjQueryを使用しているので、その場合は全然とっつきやすくはなかったです。開発側でない為に、開発の基本的概念の知識が乏しく、Vue.jsの概念を理解したり、環境構築したり、というところでつまづいてしまいました。であるならば、無理してまずはVue.jsで書ききる必要もなく、学習コストを下げるために一旦、Vue.jsとjQueryと併用で使いながらちょっとずつ覚えていけばいいんではないか・・・と思ったので、今回は併用する手段を紹介しようと思います。 1.VueをCDNもしくはローカルで読み込ませるパターン Vue.jsがどのように動いているかを学ぶにあたって、このパターンが一番とっつきやすかったです。LPなどの

jsstudy 2019/12/07

Vue
jQuery

リンク

そろそろなぜjQueryを使うのが難しいのかをちゃんとまとめようと思う。｜榊原昌彦

﹁jQueryはオワコン﹂﹁いや、jQueryは便利！﹂議論が行われるようになってから2年は経つでしょうか。Twitterを観測してると定期的に盛り上がるので、私なりにちゃんとまとめようと思います。ちなみに結論を先に書いておくと・レンダリングブロックしない構成、かつ最新版を使おう・ jQueryはいいものだけど、脱jQueryした方が手っ取り早いです。 1. 保守しないといけないサポートの切れたjQuery1, 2を使ってるけど、依存プラグインが動くかどうかわからないから最新版にアップデートしていないプロジェクトが散見されます。 jQuery1, 2 は、Officially End of Life︵公式に廃止︶が名言されてます。ですので、﹁jQuery におけるクロスサイトスクリプティングの脆弱性﹂みたいな報告も修正されていません。EOLのバージョンはやめましょう。ちなみにj

jsstudy 2019/11/15

jQueryとその後のJSフレームワーク（React、Vue等）の顕著な違いはDOMの仮想化。jQueryの使い方を理解できる人ならVue.jsも使えるはず。

リンク

jQuery から Vue.js へのステップアップ - Qiita

はじめに最近耳にする Vue.js︵ビュージェイエス︶ってどんなもの？ jQuery とどう書き方違うの？とか、jQuery でやってたこういう事って Vue.js だとどうやるの？jQuery しか使ってないけど Vue.js も使ってみたいなぁ～と思っている人向けの小難しいことは省いた記事です。私もそちら側から来たものです。 Vue.js 日本公式ページ︵日本語翻訳率が半端ないと評判︶もともと﹁jQuery から Vue.js への移行﹂というタイトルでしたが、それだと jQuery を完全にやめる、的なニュアンスになってしまうので、少し変更しました🐹 jQuery と Vue.js の違い jQuery は、セレクタ操作に特化したライブラリで HTML の一部をちょっとだけ弄るには手軽に扱えます。更新のたびにセレクタから要素を探して操作をするため、複数の UIを連携させるよ

jsstudy 2017/10/14

リンク

Webサイト制作【4】 Bootstrap準備編 - JavaScript勉強会

JavaScript学習の一環として、Webサイト制作の練習もやってみます。今回は、CSSフレームワーク﹁Bootstrap﹂を準備します。用語 CSSフレームワーク jQuery レスポンシブデザイングリッドシステム CSSフレームワーク CSSフレームワーク - Google 検索 CSSフレームワークとは、Webサイト制作でCSSを書くときに、よく使う便利なCSSの機能をまとめたパッケージです。最近は、﹁Bootstrap﹂というCSSフレームワークが人気です。︻2016年冬︼最新CSSフレームワークまとめ - Qiita︵2016年　GitHub人気ランキング︶1位‥　Bootstrap　http://getbootstrap.com/ 2位‥　Semantic-UI　https://semantic-ui.com/ 3位‥　Foundation　http://fou

jsstudy 2017/04/02

Bootstrapのインストール

リンク

Web制作の現場で使うjQueryデザイン入門　【目次】 - JavaScript勉強会

JavaScriptの学習で、「Web制作の現場で使うjQueryデザイン入門」という本を読んでみます。 Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books) 作者: 西畑一馬出版社/メーカー: KADOKAWA/アスキー・メディアワークス発売日: 2013/03/07 メディア: 大型本この商品を含むブログを見る目次第1章　jQueryをはじめる前の基礎知識第2章　サンプルで学ぶjQueryのキホン第3章　現場で使えるデザインレシピ第4章　jQueryプラグインでラクラクWeb制作出版社情報著者紹介目次第1章　jQueryをはじめる前の基礎知識 [1-1]　jQueryとは？ [1-2]　jQueryを使うための準備 [コラム]　GoogleのサーバーでjQueryを使う第2章　サンプルで学ぶjQueryの