無料で学べる「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

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

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

最新版で学ぶwebpack 5入門 Babel 7でES2023環境の構築 (React, Vue, Three.js, jQueryのサンプル付き) ECMAScript 2015(略：ES2015)以上の言語仕様でJavaScriptを書くことが、昨今のウェブのフロントエンドエンジニアの基本テクニックです。しかし、ECMAScript 2015以上の仕様のJavaScriptで記述すると、Internet Explorer 11など古いブラウザでは動作しないこともあります。そこでBabelなどのトランスパイラと呼ばれるツールを使って、ES2015〜ES2023の仕様で記述したJavaScriptファイルを互換性のあるECMAScript 5に変換します。 トランスパイラとして一番有名なのが「Babel」というツールです。ただ、BabelにはECMAScript Modules（impo

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

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

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の