jQueryが必要とされなくなってきたのは, Reactなどの他のフレームワークが登場したせいではなく, 標準DOM APIが進歩したおかげです
jQueryが必要とされなくなってきたのは, Reactなどの他のフレームワークが登場したせいではなく, 標準DOM APIが進歩したおかげです JavaScript Advent Calendar 2017 - Qiitaの2日目の記事です. 何故この記事を書こうと思ったか JavaScriptの定番ライブラリであるjQueryは, 最近以前と比べて必要とされなくなってきました. その理由はよく, Reactなどの他のフレームワークが登場したせいだと勘違いされています. しかし, jQueryが必要とされなくなってきた理由は標準DOM APIの進歩によるものです. この記事ではそれを書いていきます. なお, この記事ではReact Nativeについて触れる必要がないため, React DOMのことも一緒くたにReactと記述します. また, 私がweb開発を開始したのは3年前ぐらいから
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 を連携させるよ
jQuery-Validation-Plugin Bootstrap 連携サンプル
form.html �� VAV `��UAV <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery-Validation-Plugin Bootstrap 連携サンプル</title> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"><
Bootstrapの入力フォームでjQuery Validation Pluginを連携させるサンプル - サラリーマン技術者の調査レポート
Twitter Bootstrap の入力フォームで jQuery Validation Plugin を簡単に使う方法がわかったので、サンプルコードを載せておきます。 実行結果 実行イメージはこちらで確認できます。 jQuery-Validation-Plugin Bootstrap 連携サンプル 実行結果 サンプルコード jquery.validate.bootstrap3.js を適当にコピーして<script src="...">で取り込んでおけば、入力フォームに対して自動的にValidatorを適用します。 なので、HTMLファイルにJavaScriptを記述する必要はありません。 jQuery-Validation-Plugin Bootstrap 連携サンプル 制限事項 ページ中のすべてのフォームにValidationが適用されます(のハズ) 入力項目(input)は個別に<
jQuery入門講座 使い方
索引 ├ 使い方 目次 └ バグノート(1) 1章：jQuery入門 ├ jQueryのメリット ├ readyイベント ├ オブジェクトについて ├ メソッドについて ├ 情報の取得 ├ イベント(1) ├ イベント(2) └ 初歩なサンプル 2章：jQuery基礎 ├ thisについて(1) ├ thisについて(2) ├ jQueryとDOM要素 ├ 簡単な演出 ├ thisから辿る ├ 汎用的なアニメ(1) ├ 汎用的なアニメ(2) ├ アニメの停止 ├ アニメを管理する仕組み └ 汎用的なアニメ(3) 3章：jQuery発展 ├ イベントフロー(1) ├ イベントフロー(2) ├ イベントフロー(3) ├ 画像のプリロード ├ jQueryの高速化 └ メソッドチェーン 番外編：研究 ├ イベントを外す ├ cssアニメとの連携(1) ├ cssアニメとの連携(2) ├ cssア
» jquery-study
HOME > 制作 > Webサービス > jQuery入門者必見！jQueryを無料で学べるサイト9選！ > jquery-studyjquery-study 2015/03/07 jQuery入門者必見！jQueryを無料で学べるサイト9選！この記事を読んだ人はこんな記事も読んでいますよ
FuelPHP（TwitterBootstrap3）でJQueryのプラグインのdataTablesを使う
FuelPHP Advent Calendar 2013の13日目です。 昨日は@madmamorさんの FuelPHPでChatWorkパッケージを使ってみる でした。 私もチャットワークのAPIを利用できるようになったのでこの週末に早速試してみたいと思います。 それでは今日のお題ですがdataTablesです。 Webアプリを作るとき、業務系の管理画面を作るとき、FuelPHPの軽量さと作りやすさは強力です。 私もここ最近のWebアプリケーションはFuelPHPで作ることが大半ですね。 その中で特に管理画面を作るときはTwitterBootstrapは非常に便利です。 皆様も日頃お世話になっていますよね？ また今日ご紹介するdataTablesも強力なJqueryのプラグインです。 dataTablesはhtmlのテーブルタグを読み込み、ソートや検索を始め、多くの機能を提供します。 こ
2015年総まとめ、jQueryのプラグインとスクリプト100選
毎年恒例のjQueryのプラグインとスクリプトの総まとめを紹介します。「100選」の名称は恒例なので、実際は100以上あります。 今年目立ったのは、ランディングページなどの縦長ページ系、スクロールエフェクト系・CSSやSVGのアニメーションでしょうか。あとレスポンシブ周りも単にサイズ変化に対応させるだけでなく、ユーザビリティを向上させるものが充実していました。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 ソーシャル関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェクト関連 テキスト関連 タブ・アコーディオン関連 テーブル・リスト・チャート関連 フォーム関連 パネル・ボックス関連 モーダル
jQueryのDeferredを用いたモダンなAjax処理の書き方
目次 jQuery 1.4以前の書き方jQuery 1.5以上の書き方jQuery 1.8以上の書き方【発展編1】Deferredを用いた書き方 deferredとは何か？【発展編2】$.when() を用いた書き方参考本エントリは軽めのjQuery Advent Calendar 2012の14日目の記事として書きます。軽めといいながら少し重めになってしまった感がありますが、初めてのAdvent Calendar参加ということでご勘弁を。 ※ Twitter API仕様変更によりTwitter APIを使ったコード例は現在動作しなくなっていることにご注意。 jQuery 1.4以前の書き方まずは、少し古めのコード、昔のjQueryの本とかでよく見る書き方。 $.ajax({ url: "ajax.html", success: function(data) { alert('succes
5分でわかるVue.jsと、jQueryで頑張ってはいけない理由｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
5分でわかるVue.jsと、jQueryで頑張ってはいけない理由 先日の「OpenIL vol.2」にて「5分でわかるVue.js」というLTを発表しました。 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート 前編 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート 後編 この記事は、その時のLTの資料を元にブログ化したものです。 jQueryは頑張れば頑張るほど辛くなる jQuery、簡単に動きのあるサイトを作れてとても便利ですよね。 // 何か画面に反映する $(".hoge").html("変更したい内容"); // 変更時に何か処理して変更する $(".foo").on("change", function() { $(".bar").html("変更したい内容"); }); イベントを受け取って、色々と処理をし
Vue.jsとjQueryを使った時の違いについて考えてみる。 - 日頃の行い
この記事は Vue.js Advent Calendar 2014 - Qiita の21日分として書かれています。 めっちゃ遅れました。すみません(´・ω・｀) 今、管理画面にVue.jsを使うか、React.jsを使うか、その他を使うか悩んでるので、この機能が便利かどうかを確認してみようかと思います。 最近ほんとにHTMLを書きたくないです。 最低限のテンプレートを定義して、データのモデルを渡したら描画してくれるような感じがいいです。 なので、フロントサイドのjsフレームワークを何か試したいと思いました。 データを表示するくらいならjQueryでもよくね。って思いが拭えないので、ちょっと考えてみようかと思います。 テーマはよくあるTODO一覧を表示するアプリです。 こんなアプリを書く時に楽かどうか考えてみたいです。 jQuery まずは、jQueryで書いてみようかとともいます。 Vi
短期間である程度までjQueryができるようになる独学Webデザイン勉強法を書いてみる - Yukihy Life
HTML、CSSの勉強法を以前書きました。 www.yukihy.com この記事を書いたあと、jQueryに挑戦をして、まだまだ完璧ではないものの実際にこのはてなブログを通して、いろんなブログパーツのようなものを作ることができました。 そこで、jQueryを勉強するとき、効率良く身につけられる方法を書いていきたいと思います。 僕自身いろんな本やツールに手を出しながら進めてきたので、実際に下の通りに行ったわけではありませんが、もう一度勉強しなおすとしたらこういったようにやるなといった感じです。 それではレッツゴー！ jQueryを身につけるための最短ステップ ステップ１ Progateで手を動かしながら学ぶ ステップ２ 平行してWebデザインレシピの記事を読む ステップ３ ドットインストールで総復習&補完 ステップ４ 書籍を参考に実際に作ってみる 作りながら学ぶjQueryデザインの教科書
Ruby on RailsのAjax処理のおさらい - Qiita
何気に、アプリケーションで取り扱うデータ量が増えた場合や、大容量データをデータベースとやり取りする時なんかは、Ajaxを使ってデータ通信をバックエンド側に押しやることで、WEBフロント側のUXからパフォーマンスの悪さを改善できたりする。また、ネットワーク経路的にproxyサーバとかを中継するような環境間でデータのやり取りをする場合などに、proxy側で接続時間にリミットがかけてあったりすると、通常アクセスではデータ通信時間がリミットに達して503エラーとかになってしまうような処理でもAjaxで通信をバックエンド化することで、回避できたりもするのだ。 通信帯域が小さいスマートデバイスが主力である今のご時勢、Ajaxによる非同期処理は、言語やフレームワークを問わずに必須な技術になっている。 私の主力スキルはPHPなので、PHP＋JavaScript（jQuery）やWordPressでのAja
ノンプログラマーのためのjQuery入門
kanazawa.js v1.0 〜JavaScriptコトハジメ〜（2011年2月5日開催）で使用したスライドです。Read less
非同期通信（Ajax）をするときはタイムアウト処理を必ず入れてほしい（切実） - Qiita
非同期通信（Ajax）を行うとき、きちんとタイムアウト処理を入れていますか？ スマートフォンやタブレットでWebサイトを閲覧しているとき、地下に入ったりして通信ができなくなるというケースは頻繁に起こります。そんなとき、きちんとタイムアウト処理をしていないと、場合によってはいつまで経ってもローディングが終わらず、ユーザーが離脱してしまうということが起こります。質の高いWebコンテンツ制作のために、必ずタイムアウト処理は入れましょう。 jQueryでの実装例 たとえばjQueryでAjaxを扱うajax()メソッドには、timeoutという便利なオプションがあります。timeoutに指定した時間（ms）が経過しても通信が完了しない場合、エラー処理が実行されます。手軽に実装できるので、ajax()メソッドを使うときは必ず設定しましょう。 // 10秒経っても通信が成功しない場合は失敗処理を実行す
今からFuelPHPを使う人が知るべき5つのこと+1
FuelPHPいいよFuelPHP。 正直、新規の方にオススメするphpのフレームワークはコレで一択です。 と溺愛してますが職場はZendフレームワーク... で久々にFuel触ってハマッたのでメモを残しときます。 つまりこんなタイトルですが自分用です（ｷﾘｯ #### 2014/09/24にリメイク版作りました #### OSC2014@広島に行ってきました #osc14hi #### ここまで #### １ FuelPHPの使い方 こちらのスライドが参考になります。 というかほぼ網羅してて完璧です。 こちらも綺麗にまとまっていてすごくわかりやすいです。 10分でわかるFuelPHP ただサーバの設定によっては動かない場合も。 理由はデフォルトのtimezoneの設定がされてないこと。 なので /etc/php.ini に date.timezone = "Asia/Tokyo" を追記
S3に直接ファイルアップロード（jquery+PHP版） - Qiita
やりたかった事 ajaxでファイルアップロード（この時点でサーバにリソース食わせたくないのでチェックのみ） PHPでファイルチェック + S3のポリシー作成をして返却 XMLHttpRequestでファイルデータをS3に直接送信 ウマー 必要なので調査したけどぴったりなものがなかったのでサーバサイドがRuby版の以下を参考にPHPでスリムに作り直した。 Qiitaの画像アップロード機能も簡単に実装できる。そう、S3ならね。 少々詰まった部分もあったけど動作したので備忘録的に。 ソース まずはサーバサイドから。 getPolicy.php <?php $accesskey = 'Your AWS Access Key' // TODO $secret = 'Your AWS Access Secret'; // TODO $bucket = 'Your Bucket Name'; // TO
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery UI Buttonを動的に活性化／非活性化させる
無効なURLです
Web制作で分からないことはすぐに確認！HTML5, CSS3, jQuery, WordPress, Bootstrapなどのチートシートのまとめ
