jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」
jQuery 公式 Blog は、「Don't Use jquery-latest.js」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 jQuery 公式 Blog は、7月 3日付けで投稿された 「Don't Use jquery-latest.js （jquery-latest.js を使うな）」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境 （公開している Web サイト） で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 Don't Use jquery-latest.js ： Official jQ
より良いjQueryのコードを記述するには
はじめにより良い jQuery のコードを書くためにいくつかの方法を提言しているWriting Better jQuery Codeを紹介します。 リンク切れの部分は省略しています。また、本文についても意訳や誤訳で若干意味が異なっている部分等あるかもしれません。あらかじめご了承ください。 詳細は翻訳元をご確認ください。 jQueryやJavaScriptのパフォーマンスについて論じた記事はたくさんあります。しかし、この記事では、jQueryとJavaScriptのコードを改善するためのスピードのヒントと私自身のアドバイスをまとめたいと思います。より良いコードとは、より速いアプリやジャンクのないWebサイトを意味する。高速なレンダリングと反応性は、より良いユーザー体験を意味します。 まず第一に、jQueryはJavaScriptであるということを心にとどめておくことが重要です。つまり、どちら
TypeScript早わかりチートシート【1.5.3対応】 - Build Insider
TypeScript 1.5正式リリース。最新言語仕様を速習しよう！ TypeScriptを使うときに役立つ情報がまとまったチートシート（1クリックで試せるサンプル付き）。 本稿はTypeScript 1.5.3を対象に解説を行います（※2016/11/08追記：姉妹サイトの＠IT Insider.NETで「特集：TypeScript 2.0概説」 を掲載していますので、本稿と併せてご参照ください ）。 早いもので、TypeScript 1.0がリリースされた2014年4月3日から、1年以上が経ちました。今年の頭あたりに本記事のTypeScript 1.0版からの更新の依頼が来た時は、（記事改訂は想定していなかったので）びっくりしました。情報をメンテし、良い情報がWeb上に残るよう運営するのは大変であろうな、と想像に難くないですが、筆者としてはうれしい限りです。 さて、去る2015年3月5
404 Not Found | Atsushi Ezura
Atsushi Ezura Photography Thank you for coming my photography site. This is Atsushi Ezura Photography. Unfortunately, your access page has no here. Please click here to go to the top of my photography’s site. “Atsushi Ezura Photography”サイトへようこそ。アクセスいただいたページは存在いたしません。恐れ入りますが、こちらをクリックして、ぜひ当方の写真をご覧になって行ってください。 女性モデル募集中 当サイトでは、ポートレイト写真・作品撮りの女性モデルを募集しています。 未経験・初心者大歓迎です。 学生さんやOLさんなど、職業は一切問いません(これまでに多くの未
JavaScriptは決して遅くない | ykzts.blog
数年前ならいざ知らず、現代のJavaScriptは充分に高速な動作が実現されている。無論C言語で記載されたいわゆるネイティブアプリケーションと比較すれば計算速度等では大きく劣ってしまう。だがしかし複雑な計算等を必要としない通常範囲のアプリケーションであればJavaScript (とHTMLとCSS) で記述がなされたアプリケーションの実行速度はネイティブアプリケーションと遜色ないものになると半ば強い確信を抱いている。ではJavaScriptで記述がなされているアプリケーションの動作が緩慢であるという認識がなぜ多くの場でなされているのか。それは単純な理由である、そのアプリケーションの作者が知識不足でDOM操作が冗長的なものとなっており無駄が多くなってしまっているからだ。 JavaScriptの動作が速くなろうとも、DOM操作は現在でも多くの場面で遅くなってしまっている。document.ge
jQueryとSinon.JSのテスト - jsdo.it - Share JavaScript, HTML5 and CSS
以下の内容のコードをテストします $(function () { $('.hoge').click(function () { setTimeout(function () { if (confirm('ok?')) { $.get('/api', function (data) { alert(data); }); }; }, 0); }); }); var test_result; try { sinon.stub(window, '$'); $(function () { $('.hoge').click(function () { setTimeout(function () { if (confirm('ok?')) { $.get('/api', function (data) { alert(data); }); }; }, 0); }); }); sinon.assert.
CSS3アニメーションを使ったボタンホバーの12種類のかわいいエフェクト
12 fancy buttons デモはChrome, Safari, Firefoxなどのモダンブラウザでご覧ください。 12種類の中から、特に気に入ったものを下記にピックアップしてみました。 ※各CSSはエフェクトの箇所のみで、ベンダプレフィックスは省略しています。 demo 4 のアニメーション ホバーすると、上からパタッとなります。 .b04_3d_tick { perspective: 500px; perspective-origin: center top; } .b04_3d_tick div { position: absolute; text-align: center; width: 100%; height: 50px; box-sizing: border-box; padding: 10px; border: #000000 solid 1px; } .b04_
[JS]グリッドで配置したパネルをダイナミックなアニメーションでコントロールするスクリプト -gridSelector
Googleトレンドのようなグリッド状に配置した複数のパネルにダイナミックなアニメーションを与えるスクリプトを紹介します。 Dynamic Grid with Transitions デモはChrome, Firefoxでご覧ください。 ※Safariで見たら、クラッシュしました。 Demo 1: No transitions Demo 2: Transitions without delays Demo 3: Transitions with delays 3種類のデモは、1:アニメーション無し、2:ディレイ無しのアニメーション、3:ディレイ有りのアニメーションとなっています。 Demo 3のディレイ有りが一番かっこいいです！ Demo 3のアニメーションgif 左上からパネルの表示数・レイアウトが変更すると、アニメーションで変更します。 実装 div要素で配置したパネルと外部ファイルと
ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由 - hogehoge @teramako
結論から言うと、単なる格好付けです。 以下説明。 主要なJavaScript (ECMAScript 5th)では、functionは2種類あります。 文(Statement) *1 式(Expression) です。 所謂、「即時関数」と呼ばれるものはfunctionは式(Expression)である必要があります。 何故なら、関数実行を示す構文であるCallExpressionが式であり、それ以外存在しないからです。*2 JavaScript コードは文(Statement)の集合 JavaScriptのコードは文の集合と言えます。いきなり式が始まることはありえません。 とはいえ、 foo(); 1 + 2; といったものは成り立ちます。これは文(Statement)の解釈としてExpressionStatement(式を書いても良い)という、文が定義されているからです。 ともかく、文
要素リストをループで回して addEventListener するみたいな、よくあるサンプルを断罪してみる - hogehoge @teramako
function setButtonHandler () { var buttons = document.querySelectorAll(".hogeButton"); for (var i = 0, len = buttons.length; i < len; ++i) { (function(n) { buttons[i].addEventListener("click", function() { alert(n); }); }(i)); } } って感じのコードってあるじゃないですか。JavaScript で陥りがちな落とし穴を解決するみたいな感じで。 でも、これって本当は良いコードじゃないよね。 (function(n) {.... }(i)) が格好わるいっていうか、毎回即時関数実行かよっていうね click のハンドラーも同じコードなのにループ数分生成しちゃってるよねー
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方
javascriptoo - Tentang Bahasa Computer Java Scrypt - javascriptoo Memberikan Informasi Seputar Bahasa Computer Java Scrypt
Sarana Terbaik untuk Daftar Slot Online – Pencinta slot online tentu menginginkan pengalaman berjudi yang menyenangkan dan menguntungkan. Namun, dengan begitu banyak pilihan game slot yang tersedia, daftar slot online yang tepat bisa menjadi langkah awal yang penting. Inilah mengapa kami hadir untuk memberikan rekomendasi slot gacor gampang menang dari berbagai provider terpercaya. Setiap pemain…
delay() が stop() でも clearQueue() でも止まらない件 - ねこだいすき
jQuery入力フォームにエラーがあってエラーチップ（「半角英数字で入力してください」って書いた吹き出しとか）を出したりするとき、500msぐらい待つフェードインでエラーチップを表示する5000ms待つフェードアウトすることを意図してこういう風にコードを書いたらうまく動かなかった。 pop .clearQueue() .stop(true) // 一応 .delay(500) .fadeIn(500) .delay(5000) .fadeOut(500); 正確には一応動く。動くんだけど、連続してこの処理を呼び出すと、エラーチップが（5秒待たずに）表示した後すぐ消えてしまったりする。なんだろうなあ、と思っていたら原因はこういうことだった。#6576 (delay() and clearQueue() combination is problematic and incorrect) – j
jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
GitHub - google/styleguide: Style guides for Google-originated open-source projects
Every major open-source project has its own style guide: a set of conventions (sometimes arbitrary) about how to write code for that project. It is much easier to understand a large codebase when all the code in it is in a consistent style. “Style” covers a lot of ground, from “use camelCase for variable names” to “never use global variables” to “never use exceptions.” This project (google/stylegu
Jasmineで非同期処理のテスト - 電脳戦士ハラキリ -SE道とは死ぬ事と見つけたり-
Jasmineの使い方を覚えるために複数のWebSocketコネクションが協調して動作する、というよくありがちなシナリオのテストケースを書いてみた。非同期テストの書き方のページを読んでもよくわからなったので、最初わりと苦戦した。 メモ waitsForは、渡した関数がtrueを返すか指定したタイムアウトまで待つ runsに渡した関数は遅延評価される waitsForの結果を待つ場合はrunsを使う setUpとtearDownが無いので、runsを最初と最後に使う waitsForを含むit以降のdescribe内のitは遅延評価される コード Jasmine以外にライブラリはSenchaとSocket.ioを使っている。 var appServerUrl = 'http://dev.hagino3000.com:8888'; describe("Chat Test", function(
JavaScript で setter/getter - あどけない話
鶏肋(けいろく)。文字通りに取れば、鶏の肋骨という意味。 三国志演義という「フィクション」の中で、曹操は悪役として登場します。多くの人は演義を多少なりとも知っているものですが、正史は読まないので、曹操に悪いイメージを持っていることでしょう。中国史上、これほど不当に扱われている英雄も珍しいのではないでしょうか？ 曹操は、すぐれた政治家であり、孫子を編纂したことからも分るように戦略家かつ文章家でした。また、三国志の時代きっての詩家であり、彼の読んだ短歌行は僕のお気に入りの漢詩です。 曹操は、劉備の漢を攻めあぐんでいるときに、鶏肋とつぶやきました。部下の誰もが意味が分からずにいる中、楊修だけが撤退の準備を始めました。楊修曰く： 「鶏の肋骨は、これを喰らうに肉なく、これを捨てんとするも捨てがたき味あり」 つまり、漢は捨てるのは惜しいが、たとえ攻略できても役に立たないということで、曹操が撤退の意思を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]面倒なスマフォ・タブレットでの異なるビューポートサイズの確認が簡単にできるスクリプト -rFrame
Namespacing in coffeescript
JavaScriptのイロハ：特集 - builder by ZDNet Japan