jQuery 2.0 リリース | DevelopersIO
jQuery 2.0 jQuery 2.0がリリースされました。jQuery 2.0は、最新ブラウザ向けに作られています。 古いブラウザをサポートするには、jQuery 1.xを使うことです。また、jQuery1.xは今後もサポートされていきます。 jQuery 2.0で変わったこと IE 6/7/8はサポートされていません。 分岐する必要があります。 <!--[if lt IE 9]> <script src="jquery-1.9.1.js"></script> <![endif]--> <!--[if gte IE 9]> <script src="jquery-2.0.0.js"></script> <![endif]--> JSファイルサイズ縮小 jQuery 2.0.0ファイルは、IE6,7,8の撤廃のおかげで1.9.1ファイルよりも12％小さくなっています。 カスタムビルド
jQuery 2.0を利用するために注意すること
jQuery 2.0を利用するために注意すること 4月18日にjQuery 2.0がリリースされました。これまで1.x系でバージョンアップを進めてきたjQueryでは初のメジャーバージョンアップとなります。 jQuery 2.0がjQuery 1.x系と大きく異なるのは、これまでjQueryはIEのバージョンは6以上をサポートしてきましたが、jQuery 2.0ではIE9のバージョンは9以上がサポートとなります。 誤解しないようにして欲しいのはjQuery がIE8以下を切り捨てたわけではないということ。jQuery 1.x系は今後もバージョンアップされていき、jQuery 1.x系はjQuery 2.x系と基本的には同じ機能が実装される予定です。ちなみにjQuery 1.x系の次のバージョンはjQuery 1.10です。 jQuery 1.x系とjQuery 2.x系の使い分け 追記:正
CSSは分かるけどjQueryは苦手……という人が .attr()と .prop()に親しんでくれるといいなーと思って書きました。 | Ginpen.com
もちろん、そうでない方にも親しんで頂きたいと思います。 最近この記事が話題のようです。 CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました この記事中にjQuery 1.6/1.6.1での .attr()仕様変更がらみの話で、うちの「jQuery1.6のattr()で困ったら、1.6.1にすればいいみたい。」の記事へリンクされていました。 ただこの記事はちょっと中身が細かくて、ぱぱっと理解するのは難しいんじゃないかなあと思って、この記事を書いています。どこまでご理解頂けるかはわかりませんが、あっちの記事よりは読みやすいはず。 今さら感もないではないですが……。(´ω｀) jQuery 1.6/1.6.1で何があったの？ .attr()にまとめていた処理を .attr()と .prop()に分割した そしたら今まで動いていたも
dresscording.com
dresscording.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
や...やっと理解できた！(2) JavaScriptのスコープチェーン - maeharinの日記
前回はJavaScriptのプロトタイプチェーンについて、図解を用いることでなんとか理解できました。今回はスコープチェーンに挑戦してみます。前回と同じく「1. 図解を用いる」「2. 用語を明確に定義する」「3. Standard ECMA-262 3rd editionを情報ソースとする」というアプローチで紐解いて行きます。 用語の定義 ・本エントリの文章における表記は、以下の表の「ECMA-262 3rd」に統一する ・本エントリの図における表記は、以下の表の「本エントリの略称」に統一する ・本エントリ内におけるES3とは、Standard ECMA-262 3rd editionを指す ECMA-262 3rd 本エントリの略称 JavaScript（サイ本）第5版（日本語） Execution Contexts EC 実行コンテキスト Variable Object VO 変数定義の
WordPressのログイン画面をスーパーカスタマイズ！ | Firegoby
BookPressで、WordPressのログイン画面をカスタマイズする必要があったので、CSSとJavaScriptをつかって頑張ってみました。 あいにく wp-login.php は若干コツが必要です。 wp_enqueue_style() が期待通りに動かない… wp-login.php で、CSSやJavaScript を使用するには、login_enqueue_scripts というフックを使用します。 ただし、このフックで wp_enqueue_style() を使用しても、<link /> タグがフッターに出てしまいます。 これは以下のチケットでも報告されてるんですが、なぜか修正されてないようですね。 #17916 (Enqueued styles are only printed on login_footer in wp-login.php) – WordPress Tr
ページを移動（離脱）するときにjQueryで警告を出す方法
Facebookなどでフォーム入力中にページを移動（離脱）しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 １．ページを移動するときに警告を出す ページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか？'; }); }); </script> <form method="post" acti
[jQuery Mobile]初心者のための基礎の基礎〜jQuery Mobileは簡単に導入できる | IT女子のお気に入りフォルダ
[jQuery Mobile]初心者のための基礎の基礎〜jQuery Mobileは簡単に導入できる この記事を読むのに必要な時間の目安: 9分ぐらい Tweet Tweetスマートフォン向けのサイト制作をすると必ずといっていいほど辿り着くjQuery Mobile。基礎さえ押さえれば簡単なので、ぜひ試してほしいフレームワークです。 jQuery Mobileとは jQuery Mobileは、スマートフォン向けのサイトが簡単に作れるフレームワークです。 マークアップの際にコードに特定のクラスを書けば、スマートフォン用に最適化したUIにしてくれるとっても便利なものです。プログラムがわからない人でも手軽に導入できます。 jQuery Mobileを使ってみよう！ 1）まずは、下準備 ヘッダでviewportを指定し、jQueryとjQuery Mobileを読み込みます。 <!DOC
まさに忍者...JavaScriptの関数は第一級オブジェクト - maeharinの日記
JavaScriptの関数は「ファーストクラスオブジェクト（第一級オブジェクト）」である。なので、変数に代入したり、配列にセットしたり、他の関数に食わせたりできる。この変幻自在っぷりはすごい。newでコンストラクタになるところなんて変化の術のようだ。無名関数の即実行は影縫いの術みたいだし、callやapplyでthisの値を変えるとこなんて口寄せの術を彷彿とさせる。正に忍者 |--)ﾉｼｭｯ==卍 変数に代入する var foo = function() {console.log('foo');}; foo(); 配列にセットする var fnList = [ function() {console.log('foo');}, function() {console.log('bar');}, function() {console.log('piyo');} ]; for(var i =
We’re Gonna Need A Bigger API! — Smashing Magazine
Everyone likes stuff that moves about on the Web, right? Remember how you cried joyful tears when you first used ? I do. I nearly sobbed all the water out of my body as I gazed upon “JAKE’S COOL WEBSITE” bobbing back and forth in uppercase serif. Of course, we’re more mature as an industry these days. We’ve learned that users don’t want websites to look like a CSI console having a personal crisis;
Basic jQuery Tabs
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu
Twitter製フレームワーク「Flight」<br />そのコンポーネントとは？ | DevelopersIO
この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。 目次 学習目標 Flightについて コンポーネントについて ライブコーディング まとめ 学習目標 Flightってこんな感じなんだ。 なるほどコンポーネントってそういう事ね。 Flightちょっと試してみよっかな。 Flightについて “軽量”なフレームワークです。 “振る舞い”をDOMノードにマッピングする仕組みを持ちます。 “イベント”によってコミュニケーションを行います。 “コンポーネント”ベースです。 コンポーネントについて RequireJSを利用した“モジュールです”。 “AMD”フォーマットで記述します。 ノードに付与したい振る舞いが実装されます。 コンポーネントについて define( [ 'components/flight/lib/component' // コンポーネ
CoffeeScript入門 - プログラムdeタマゴ
この記事が対応するCoffeeScriptのバージョンは1.7です。 基本的には本家サイトCoffeeScriptの内容と同じです。わかりやすいように色々と私が勝手に再構築、追加してはありますが。（日本語訳と紹介されるとちょっと心外ですな(´Д⊂ヽ ） なお、JavaScriptの基礎知識を前提とし、JavaScriptから引き継ぎ重複する内容は解説されません。 あ。後、この記事の文章、CoffeeScriptコード、JavaScriptコードに関する著作権は放棄しています。パブリックドメインと言うそうです。文章、コード自由に引用改変公開しても問題ありません。 最終更新日：2014/1/29 追加: 文字列 演算子など はじめに：CoffeeScriptのメリットとデメリット 一般に言われているCoffeeScriptを使うメリットデメリットを載せておきます。 ま、こんな論争気にせず、使っ
jQuery の on() と off() を理解する - tacamy--blog
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
jQueryでcookieを簡単に使える「jQuery Cookie」のまとめ
jQueryでcookieを簡単に使える「jQuery Cookie」の利用方法のまとめです。 １．機能 名前のとおり、「jQuery Cookie」はjQueryでcookieを簡単に使うためのjQueryプラグインです。 JavaScriptでは値のエンコード・デコードやpathやexpireの結合、取得時の操作など、cookie処理が結構面倒なのですが、このプラグインを利用すれば簡単に扱えるようになります。 ２．プラグインのダウンロード githubの「jquery-cookie」のページにある「ZIP」をクリック。 これでアーカイブをダウンロードできます。 ３．基本的な使い方 jQueryと、ダウンロードしたアーカイブに含まれるjquery.cookie.jsを読み込みます。 <script src="http://ajax.googleapis.com/ajax/libs/jqu
jQueryを高速に動作させるためのポイント５つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
最近東京にこなれてきたどうも僕です。何がこなれてきたって？電子マネーさ！東京ならSuica、Edy、Waon、なんでもタッチで買えちゃうんだぜ！コンビニで清算するとき、「支払いはEdyで」と一言、そして、読み取り機にソフトタッチ。支払いのシャリーンという音とともに僕の白い歯がキラーンとかがやくのさっ！ そんな東京にこなれてきた僕が、今日はjQueryを使う上で気をつけておきたいポイントを何点か紹介しようと思うよ！ jQueryって便利だけど、もとはJavaScriptで、インタプリタ言語で、コンパイル時に最適化なんてされないから、書き方一つで意外とパフォーマンスに差が出てくるんだよね！開発時は高スペックのPCで見てるから気づかないかもしれないけど、あなたのサイト、低スペックマシンとかモバイル端末でみたら、もっさもさかもよ！ っというわけで、jQueryを使う上で気をつけたいポイントを挙げて
短期間でプログラミング言語を学習してWebサービスをつくるための基礎知識と方法まとめ | らふらく^^ ~ブログで飯を食う~
こんな感じです。 ＞＞JavaScript を使って作る追尾サンプル iPhoneアプリやAndoroidアプリをつくれるこの他にも、JSを覚えれば、iPhoneアプリやAndoroidアプリをつくる事もできるのです！ ＞＞初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 「Titanium Mobileでアプリを試しにつくってみる」というのを担当していました。 JavaScriptはあまり使ったことがないですし、そもそもMacもほとんど触ったことがなかったので苦戦するかと思いましたが、２週間ほどでとりあえず形になるところまでできました。Titanium Mobileすごいです。 超おすすめ＞＞未経験からプログラマーとして上場企業に就職できたぼくが「内定をもらうための秘訣」と「大事なこと」を教えるよ 学習する上で参考になるサイトはこちらJavaScr
Bootstrap Typeaheadの日本語入力対応 | PLUS
Bootstrapに入っているTypeheadは、フォームに入力している途中で、候補文字が出てきて補完してくれる便利な機能です。こんな機能をかんたんに導入することができて、最高なんですが、日本語入力に対応していないという致命的欠点があります。 Typeaheadが日本で使えない まずはじめに、英語だと文字の変換なんてありませんから、英単語を入力している途中で候補が出てきて、矢印キーで選択してエンターというのが想定しているBootstrapが想定している流れです。 しかし、日本語は変換してエンターという操作があります。このせいで、変換候補を選んでエンターを押した時点でTypeaheadも選択されたことになってしまうのです。 ちなみにオンライン見積書・請求書発行ツール「CLPRO」でも、項目入力時に使っていますので、日本語対応の修正を行いました。 Typeaheadを修正 bootstra
Webシステムのフロントエンド高速化で最初にやるべきこと - かみやんの技術者ブログ
前回のエントリーで、Dartの次は、TypeScriptを検証する。と書いたけど、なぜか自分のPCでは、VisualStudio for WebにTypeScriptのプラグインがインストールできなかったので、TypeScriptを使うことを諦めました。コマンドラインでコンパイルはできたけど、それでは型付け言語のメリットであるIDEによる補完や参照検索やリネームリファクタリングが効かないので。ちなみにプログラマのPCではあっさりインストールできたとのこと。がっくり。 というわけで、Dartを実戦投入することを決定してDartで開発をしています。 フロントエンド高速化のExpiresヘッダ さて、今日の本題。Webシステムのフロントエンド高速化のお話です。Webシステムの速度の大きなボトルネックとしてDB負荷がありますが、ブラウザ側のレンダリングを高速化する話としてフロントエンド高速化があり
Functions Explained - Mark Daggett's Blog
A Deep Dive into JavaScript Functions Based on my readership I have to assume most of you are familiar with JavaScript already. Therefore, it may seem odd to include a post on functions. After all, they are one of the most rudimentary components of JavaScript. My assertion is this, just as a person can speak a language without the ability to read or write it, so too can developers use functions in
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
