jQueryはどうやって型判定してるのか - Qiita
jQueryにはtype()という型判定のメソッドがあります。どういう判定をしているのか気になったので、調べてみました。 とりあえずコード 主要な部分だけ抜き出しました。 var class2type = {}; var toString = class2type.toString; jQuery.extend({ /* ... */ type: function( obj ) { if ( obj == null ) { return obj + ""; } // Support: Android <=2.3 only (functionish RegExp) return typeof obj === "object" || typeof obj === "function" ? class2type[ toString.call(obj) ] || "object" : typeof
rails asset pipeline JSが、developmentでは動いてproductionでは動かないということはあり得る - nisshieeのブログ
滅多にないとは思うが、実際そういうことが昨日起きて、しばらく悩んだのでメモしておく。 「コレが原因でこういう現象が起こるケースがありました」という報告なので、そのつもりで読んで欲しい。 rails 5.0.2 まず前提知識 rails asset pipelineは、独自のconcat機能を持っている。マジックコメント的に、例えばJavaScriptであれば、 //= require jquery のように書いておくと、1ファイルにまとめた.jsファイルを出力してくれるので、たくさんのライブラリを使ったり、アプリケーションコードを複数のファイルで分割管理していても、その分だけユーザにHTTP GETリクエストを送らせる必要がなく、ロード時間が短くなるというもの。機能自体は何も珍しいものではないが、railsは自前で（正確にはsprocketsが）この機能を提供している。 で、この機能はユー
jquery.jpostal.jsを使って郵便番号から住所を検索する @餅。
2015年6月10日に作成されたページです。 情報が古かったり、僕が今以上のど素人だった頃の記事だったりする可能性があります。 全件リストはこちら。 どもです。 フォームメールを設置するとき、郵便番号や住所を入力する欄があることがあります。 郵便番号を入力したら自動的に住所が表示されると親切で良いですね。 というわけで、その方法です。 使用するjsは「jquery.jpostal.js」というものです。 <script src="/js/jquery-1.11.1.min.js"></script> <script src="http://jpostal.googlecode.com/svn/trunk/jquery.jpostal.js"></script>
Rails 5.x標準で Ajax+(jQuery+Partial) でHTML部分更新する世界一シンプルなサンプル - Qiita
2019/12/03追記 Rails 6.0.x 版を書きました ↓ Rails 6.0.x標準で Ajax+(jQuery+Partial) でHTML部分更新する世界一シンプルなサンプル TL;DR (長い3行で) Ajaxの勉強をするにあたり，Rails上でAjaxするためのサンプルを探していたのですが，Rails 5.xがもともとテンプレとして持っている.html.erbや.coffeeではなく，.html.hamlや.js.erbを使ったものもあり，ヨコ道知識を調べながらになってしまったので，できる限りrails newした状態からの差分が少ない，世界一シンプルなサンプルコードを目指してまとめてみました． ざっくりシーケンス だいたい ↓ のようなシーケンスを実現します． Client-Server間でSession張って双方向通信とかそういうところはRails Framewor
脱jQuery $(”#id”) | q-Az
脱jQuery その1 です。 本日より25日間連続で「脱jQuery」についての記事を「アドベントカレンダー」に投稿していきます。つたない文章力ですが、わかりやすく書くよう頑張りますのでよろしくお願いします。 方針本題の前に方針を少し。 jQuery の利用を否定するものではありません。 正確に jQuery ⇒ JavaScript を書き換えることよりも、「わかりやすく書き換える」に主眼を置きます。 間違った書き換えを行うというのではなく、jQuery オブジェクトと JavaScript の通常のオブジェクトの違いまでは考慮しないといった感じになります。 「jQuery のように JavaScript を扱う」を主眼においてなるべく JavaScript 独特な表現は避け、コピペでも使えちゃうよ、ぐらいの勢いで書いていきます。「jQuery は書けるのに JavaScript は書
ServletでJSON
前回、JavaアプリケーションでJSONを使ってみましたが、今回はServletでJSONを使ってみます。 サンプル：呼び出し元のtest.html test.html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery Test</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script type="text/javascript"> $(function() { $("#btn").cl
はじめてのAjax(jQuery) 2018年版 - Qiita
2018/03/21 2018年版に再編集 はじめに：Ajaxとは Ajaxとは「Asynchronous JavaScript + XML」の略です。簡単に言えばJavaScriptとXMLを使って非同期にサーバとの間の通信を行うことが出来ます。 Ajaxを使用することで画面遷移をせずにHTMLを更新することが可能なので、ユーザビリティの向上やサーバ負荷の軽減に繋がります。AngularJSなどで作成したシングルページアプリケーションはこの技術を中心に構成されています。 簡単にまとめると次のようになります。 ページ遷移をさせず（非同期処理で）コンテンツを書き換えられる 他の処理と同時並行で、サーバとやりとりができる また、jQueryでのAjax実装が手軽なので、今回はjQuery、ローカルサーバにMAMPを使用しています。 最初は、pythonやnodeなどのワンライナーでのローカルサ
依存ライブラリの設定をするときは必ずバージョン指定をしようという話 | DevelopersIO
この記事の内容は主にRubyの話ですが、それ以外の言語でも共通して言えることだと思うのでRubyistじゃない人もぜひ読んでみて下さい。 みなさんはGemfileでインストールするgemのバージョンを指定をしていますでしょうか？ 僕は指定するように意識はしていたのですが、開発環境でインストールしたバージョンがGemfile.lockファイルで固定されるため、Gemfile自体のバージョン指定はそれほど重要なこととは意識していませんでした。（この時点で理解が甘かったのですが。。） しかし、タイトルの通りGemfileのバージョン指定が重要と意識するきっかけとなる事象がありました。それを以下に記載します。 環境 AWS ElasticBeanstalk 64bit Amazon Linux 2016.09 v2.2.0 running Ruby 2.3 (Puma) 問題が起きたGemfile
jqPlotで簡単でリッチなグラフを作成 - Taste of Tech Topics
こんにちは、fujiiです。 今回は、jqPlotというJavaScriptのライブラリを紹介したいと思います。 jqPlotとは? jqPlotとは、JavaScript上で線グラフや円グラフ、棒グラフといった 様々なグラフをcanvasを利用して描くためのライブラリです。 系列の表示の有無や色の変更といった基本的な操作から、 ズームやハイライトといったオプションも提供しているため、 リッチなUIでグラフを表現できることができます。 IE7、IE8、Firefox、Safari、Operaと幅広いブラウザをサポートしているので、 利用環境の制約も少ないです。 準備 まずは、jqPlotのページに行き、ダウンロードしてみましょう。 ヘッダ部のdownloadリンクを選択すると、 sample_jqplot1.zip ダウンロードページに移動します。 ダウンロードしたいバージョンのファイルを
Rails5.1に向けてフロントエンド周りで起こっている革命まとめ - Qiita
こんにちは Rails5.1に向けて、DHHのjqueryを依存から外す発言を発端にフロントエンド周りが急激に発展しているので、簡単にですがまとめてみました。 各issue, PRの詳細には踏み込みませんが、知見に溢れているので読んでみるの推奨です。 間違い、足りないものがあったら編集リクエストお願いします。 jQuery依存を無くす話が出る rails(issue): Drop jQuery as a dependency jquery-ujsはjqueryに依存しないようにする jquery-ujs: Drop jQuery as a dependency "jquery"-ujsじゃなくなったので名前変更 rails-ujs誕生 実際にRailsからjquery依存がなくなる rails: Drop jQuery as a dependency jsライブラリを入れる方法がnpmパッ
Railsフロントエンド技術の今とこれから - Hack Your Design!
待望されたYarnサポートの入ったRails5.1が2017年4月にリリースされました。 Ruby on Rails 5.1 Release Notes — Ruby on Rails Guides 他にもjQueryがデフォルトdependencyから外されたり、Optionalでwebpackサポートが入ったりしており、Railsのフロントエンドは大きな転換点を迎えたと言ってよいでしょう。本エントリではRailsのフロントエンド技術の今を振り返り、今後どうなっていくかをまとめてみたいと思います。 DisられてきたRailsフロントエンド Railsのフロントエンド技術スタックは、フロントエンドを専業とするエンジニアにDisられるものでした。具体的には下記の技術要素です。 jQuery CoffeeScript Assets Pipeline (sprockets) gemのエコシステム
jQueryでフォームの内容をCookieに保存する
JavascriptでCookieを扱うのはどうも敷居が若干お高めですが、jQueryプラグインのjquery.cookie.jsがあると、誰でも簡単にCookieマスターになれます！ jquery.cookie.js Download 公式jQueryからはなぜかうまくダウンロードできなかったので、こちらからどうぞ。
管理画面を作る：AdminLTE 基本編 - Qiita
管理画面を作るのは大変なので、なるべく手間を省きたい。Bootstrapでもいいが、意外としょぼくなるのと、何よりメニュ周りの制御が今ひとつな感じがする。そこで、管理画面作成に特化したCSSフレームワークを使ってみる。 いくつか選択肢はあるが、ここではAdminLTEを利用してみる。 bootstrapベースとはなっているが、いろいろと独自の癖があり、「bootstrapだと動くのに・・・」みたいなことがままある。 最初に注意 まじめに、TOPメニューから作って見たが、Dropdown等、基本的な機能がうまく動作しないことがあった。どうやら、他の要素に依存しているので、header(class="main-header")だけでなく、サイドバー(class="main-sidebar")や、コンテンツ(class="content-wrapper")、フッター(class="main-fo
RailsにjQueryをいれるときはrails g するんやで - Qiita
初歩的な内容だと思う。今日び珍しくrailsでjqueryつかったことなかったので知りませんでした。 Gemfileにjquery-railsはデフォで記載されていると思うけど、バージョン指定はないので、お好みでバージョンを指定しておく。 # Bundle edge Rails instead: gem 'rails', github: 'rails/rails' gem 'rails', '4.1.0' (中略) # Use jquery as the JavaScript library gem 'jquery-rails', '~> 3.1.0' # Use jquery-UI as the JavaScript library gem 'jquery-ui-rails', '~> 4.2.1' $ rails g jquery:install remove public/javas
Bootstrap Dropdown with Hover
2024 Developer survey is here and we would like to hear from you!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI
jQueryでフォームのボタンを有効・無効にする
【jQuery】submit前に処理を行う方法 - Qiita
))
reCatnap: お知らせ：JQueryでCSVを配列に変換_($
http://ryu-tan.net/blog/?p=72