タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptとjavaScriptとjavascriptに関するnilabのブックマーク (853)

  • douglascrockford/JSON-js - GitHub

    JSON in JavaScript Douglas Crockford douglas@crockford.com 2019-08-25 JSON is a light-weight, language independent, data interchange format. See http://www.JSON.org/ JSON became a built-in feature of JavaScript when the ECMAScript Programming Language Standard - Fifth Edition was adopted by the ECMA General Assembly in December 2009. json2.js: This file creates a JSON property in the global object

    douglascrockford/JSON-js - GitHub
    nilab
    nilab 2014/07/17
    douglascrockford/JSON-js - GitHub
  • How to overcome 'JSON' is undefined in IE9 (SAPUI5)

    nilab
    nilab 2014/07/17
    How to overcome 'JSON' is undefined in IE9 (SAP... | SCN : JSON.stringify と JSON.parse を自前実装したサンプルコード。
  • SCRIPT65535: 予期しないメソッドの呼び出し、またはプロパティ アクセスです。 - kenmituoの日記

    こっちも出たり出なかったり。 SCRIPT65535: 予期しないメソッドの呼び出し、またはプロパティ アクセスです。 jquery.js, 行 103 文字479流れ流されて参考にした記事を見つける。 http://blog.livedoor.jp/maru_tak/archives/50545757.html 書き換えられないものを書き換えようとしている部分を探していくと、$("テキストボックスのID名").text(""); や $("テキストボックスのID名").text("内容文"); などという書き方をしている部分が! 内容をリセットする部分は $("テキストボックスのID名").empty() に、テキストボックスの内容を変える部分は $("テキストボックスのID名").val("内容文") に変更したところ、IEでのエラーが消えた。 試すが変化なしでこんな記事を見つける h

    SCRIPT65535: 予期しないメソッドの呼び出し、またはプロパティ アクセスです。 - kenmituoの日記
    nilab
    nilab 2014/07/16
    SCRIPT65535: 予期しないメソッドの呼び出し、またはプロパティ アクセスです。 - kenmituoの日記
  • JavaScriptユーティリティライブラリの紹介

    Empagliflozin, cardiovascular outcomes, and mortality in type 2 DM

    JavaScriptユーティリティライブラリの紹介
    nilab
    nilab 2014/07/16
    JavaScriptユーティリティライブラリの紹介
  • 非同期で読み込まれた外部スクリプトからの document.write() の呼び出しは無視されました。

    nilab
    nilab 2014/07/11
    非同期で読み込まれた外部スクリプトからの document.write() の呼び出しは無視されました。
  • 威斯尼斯人wns2299登录(百度Vip认证)官方网站

     系统提示 抱歉 可能是由下列问题导致的: 由于网络或安全的原因,您暂时无法访问站点,请稍后重试。

    nilab
    nilab 2014/06/22
    window.onload とjQury(document).ready の違い | 風の吹く丘
  • JavaScriptフレームワークはもうこりごり | POSTD

    JavaScriptでフレームワークを書くのはもうやめましょう。 JavaScriptフレームワークというものは、あたかも避けられない死と税金のようなもの、絶対にぶちあたる避けられないものといわれています。こっそり聞いてみましょう、新しいウェブプロジェクトが始まるとき、一番初めに聞かれる質問は?十中八九は「どのJSフレームワーク使っているの?」でしょうね。昨今の業界においてJSフレームワークというものは当に根深く浸透しているのです。でも、だから必須だというものではないのです。実際、もう使うべきではないのです。 どうしてこういった結論に至ったのか、振り返ってみましょう。 AngularにBackbone、Ember・・・ ここのところ長い間、 ウェブプラットフォーム とはHTML+CSS+JS、と簡潔に技術用語の羅列でまとめられてしまっていましたが、そこにはもっとぴったり表す用語“大混乱”

    JavaScriptフレームワークはもうこりごり | POSTD
    nilab
    nilab 2014/06/20
    JSフレームワークはもうこりごり | POSTD
  • GitHub - izuzak/pmrpc: HTML5 inter-window and Web workers RPC and publish-subscribe communication library

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - izuzak/pmrpc: HTML5 inter-window and Web workers RPC and publish-subscribe communication library
    nilab
    nilab 2014/06/04
    izuzak/pmrpc · GitHub : "Pmrpc is an HTML5 JavaScript library for message passing, remote procedure call and publish-subscribe cross-contex communication in the browser."
  • Window.requestAnimationFrame()

    このメソッドは、いつでも画面上でアニメーションの更新準備が整った時に呼び出してください。これにより、ブラウザーの次の再描画が実行される前にアニメーション関数が呼び出されることを要求します。このコールバックの回数は、たいてい毎秒 60 回ですが、一般的に多くのブラウザーでは W3C の勧告に従って、ディスプレイのリフレッシュレートに合わせて行われます。ただし、コールバックの確率は、バックグラウンドのタブや隠れた <iframe> では、パフォーマンス向上やバッテリー消費を減らすために低くなるでしょう。 コールバックメソッドには、1 個の引数 DOMHighResTimeStamp が渡されます。これは現在の時刻を(time originからの経過ミリ秒数で)示します。 requestAnimationFrame() によってキューに入れられた複数のコールバックが 1 つのフレームで起動し始め

    Window.requestAnimationFrame()
    nilab
    nilab 2014/06/03
    window.requestAnimationFrame - Web API インターフェイス | MDN : 「ブラウザに描画させたいアニメーションを指定し、次の再描画の前に、アニメーションを更新する指定した関数を呼び出すように要求します」
  • requestAnimationFrame でフレームと再描画更新を制御する | Yomotsu net

    Canvas や SVG などを用いて、アニメーションを行う場合の描画繰り返しについて考えます。 描画の繰り返しアニメーションには requestAnimationFrame や setTimeout など利用し、そのタイミングで再描画を繰り返すという手法が一般的です。 これまで、 setTimeout を利用することが主流で、60 FPS のアニメーションの場合は例えば以下の様なコードで実現することも多かったかと思います。 var x = 0; ( function loop(){ setTimeout( loop, 1000 / 60 ); x += 1; console.log( x ); } )(); ただし、setTimeout や setInterval は、ブラウザー側で再描画の準備が整っているか否かにかかわらず、必ず実行されてしまいます。また、ブラウザーのタブが非表示 (バ

    requestAnimationFrame でフレームと再描画更新を制御する | Yomotsu net
    nilab
    nilab 2014/06/03
    requestAnimationFrame でフレームと再描画更新を制御する
  • いまさらrequestAnimationFrameを理解する - console.lealog();

    理解できたらいいな・・。 だいぶ今さら感はあるのですが、改めて知っておきたいタイミングなので。 参考:window.requestAnimationFrame - Web API リファレンス | MDN 一定間隔で処理を繰り返す CanvasでもCssアニメーションでも、「描画処理を繰り返し実行する」ところは一緒。 そこをどうやって実装するかという話で、今まではsetIntervalやsetTimeoutを再帰で呼んだりしてました。 setInterval var anim = function() { console.log('Animations here.'); }; window.setInterval(anim, 1000); 一番わかりやすいし手軽です。 だいたいいつもコレなんじゃないでしょうか。 setTimeout var anim = function() { cons

    いまさらrequestAnimationFrameを理解する - console.lealog();
    nilab
    nilab 2014/06/03
    いまさらrequestAnimationFrameを理解する - console.lealog();
  • Improving the performance of your HTML5 App  |  Articles  |  web.dev

    Introduction HTML5 gives us great tools to enhance the visual appearance of web applications. This is especially true in the realm of animations. However, with this new power also come new challenges. Actually these challenges aren't really that new and it might sometimes make sense to ask your friendly desk neighbor, the Flash programmer, how she has overcome similar things in the past. Anyway, w

    Improving the performance of your HTML5 App  |  Articles  |  web.dev
    nilab
    nilab 2014/05/30
    HTML5 Rocks - Improving the Performance of your HTML5 App
  • 描画とかGPUアクセラレーションの怪 (モバイル編)

    何かと不透明なあたり 気がつけば一ヶ月ほどブログを更新していませんでした。リハビリ記事です。 今回は、GPUを効かせる == それに関連するプロパティ(ただしOSやバージョンによって何がトリガかは厳密に異なる)を適用したら挙動が改善した、というようなノリの体験TIPSをゆるくまとめました。 このあたりの振る舞いについては、描画パフォーマンスの問題として、それなりに明らかになってきているように思います。WebKitのレンダリングプロセスにはじまり、GPU命令のサポートが受けられるのはどんな操作だとか、GPUへ処理が預けられるレイヤーの生成がどーとか、最近よく見聞きします。 自分が業務で扱っているスマートフォン向けのWebサービスでは、このような描画パフォーマンスの問題は、スクロールパフォーマンスと合わせて非常にクリティカルです。この辺りについてのロジカルなまとめは、某氏が近日中にまとめるらし

    描画とかGPUアクセラレーションの怪 (モバイル編)
    nilab
    nilab 2014/05/30
    描画とかGPUアクセラレーションの怪 (モバイル編) ::ハブろぐ : -webkit-backface-visibility: hiddenなどでComposition Layerを強制的に生成させて、GPUに描画処理を送りこむ
  • rochas.cc

    rochas.cc 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

    rochas.cc
    nilab
    nilab 2014/05/30
    Chrome Developer Teamから学ぶサイトパフォーマンス - ROCHAS : LayoutやPaintの多発はパフォーマンスにダメージ : GPUレンダリングを使ってCPUメモリを解放 : TranslateZ Hack
  • superが呼べる継承メソッド。 - はぐれギークLv.1

    javascriptで継承といえば、 var Parent = function() {}; var Child = function() {}; Child.prototype = new Parent(); という感じで「prototype継承」を使うのが普通(だと思う)。 ただ、この手法で困るときがある。 オーバーライドした子クラスのメソッド中で親クラスの同名メソッドを呼びたいとき。 Child.prototype.method = function() { Parent.prototype.method.apply(this); }; 一応上記の方法で子クラスのインスタンスのコンテキストで呼ぶことはできる。 ただ、記法が冗長になってしまうのと、 親クラス名をハードコーディングするか、プロパティ等に保持していないといけない。 というわけで以下のように使える継承メソッドを作ってみた。

    superが呼べる継承メソッド。 - はぐれギークLv.1
    nilab
    nilab 2014/05/26
    superが呼べる継承メソッド。 - はぐれギークLv.1
  • http://eightmedia.github.io/hammer.js/

    nilab
    nilab 2014/05/20
    "You can touch this" て( ´∀`) ハマーかw マルチタッチ実現ライブラリ。 / Hammer.js - A javascript library for multi-touch gestures
  • DOMContentLoaded and stylesheets · molily

    Introduction to DOMContentLoaded The DOMContentLoaded event is one of the main pillars of modern, unobtrusive JavaScript usage. This event fires after the HTML code has been fully retrieved from the server, the complete DOM tree has been created and scripts have access to all elements via the DOM API. Usually, this point in time is called “DOM ready”. In contrast to the load event, assets like ima

    DOMContentLoaded and stylesheets · molily
    nilab
    nilab 2014/05/15
    DOMContentLoaded and stylesheets · molily
  • Post by @hamalog

    NGの方を何度もリロードすると、ピンクのdivがたまにslideDownしない。自分がこれを確認したのはChrome。ver.16.0.912.63。理由は、link要素を先に書かないと、DOMContentLoad時に外部スタイルシートが適用されてないかららしいです。スタイルシートが適用されてないと要素の高さが0になっちゃっていてアニメーションできなくなってるっぽい。これは、こんなサンプルみたいに、めちゃめちゃシンプルな場合にしか発生しなさそうだけど、そんなことがあるのか…。以下のサイトにそれっぽいことが詳しく書いてありました。パラレルで読み込むとかDOMContentLoadedのタイミングがどうとかがなんかめんどいらしい。

    Post by @hamalog
    nilab
    nilab 2014/05/15
    JSの前にCSS読み込まないと色々うまくいかないことがある - Takazudo hamalog : 「link要素を先に書かないと、DOMContentLoad時に外部スタイルシートが適用されてないかららしい」
  • jQuery高速化!処理速度を10倍上げるテクニック20選

    Aircraft manuevers during an airpower deomonstration. / Official U.S. Navy Imagery Javascriputを簡単に書けるようにしてくれるライブラリのjQueryですが、使い方をちょっと変えるだけで、パフォーマンスに大きく差がでます。ハイスペックPCでは分かりづらいかもしれませんが、スペックの低いPCやモバイルではWebページの表示速度が遅くすぐに閉じられるかもしれません。 Webページがたった1秒高速化するだけでECサイトなんか、売上が10%向上した事例もあります。そこで、jQuery高速化のポイントや方法をここにまとめておきます。 jQueryの最新バージョンを使う 図1 jQueryのバージョンによる速度 https://jsperf.com/speed-comparison-of-jquery-vers

    jQuery高速化!処理速度を10倍上げるテクニック20選
    nilab
    nilab 2014/05/12
    jQuery高速化!処理速度を10倍上げるテクニック20選
  • [ヅ] JavaScript でスマホが振動する Web ページを作る (((( ;゚Д゚))) (2014-05-09)

    W3C の Vibration API を使うと、スマートフォン端末によっては、振動させることができる。 バイブレーションはオン・オフのパルスのパターンで表され、それはさまざまな長さになるでしょう。パターンは振動するミリ秒数を示す整数 1 つ、あるいはバイブレーションと休止時間のパターンを示す整数の配列で構成します。バイブレーションは 1 つのメソッドで制御します: window.navigator.vibrate() です。 Vibration API - Web developer guide | MDN サンプルを書いてみた。 ⇒ (((( ;゚Д゚))) Sample of Vibration API 該当箇所のコードを抜粋。 var x = 100; var pattern = [2,2,1,1,1,1,2,2,4,4,2,2,6]; var vibPattern = []; f

    [ヅ] JavaScript でスマホが振動する Web ページを作る (((( ;゚Д゚))) (2014-05-09)
    nilab
    nilab 2014/05/09
    W3C Vibration API で Android の Chrome と Firefox でバイブレーション機能が動作。 / [ヅ] JavaScript でスマホが振動する Web ページを作る (((( ;゚Д゚))) (2014-05-09)