イマドキのJavaScriptの書き方2018
PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。 たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい
JavaScriptのグラフライブラリを52種類も集めた「JavaScript Graphs」。グラフの種類や依存ライブラリ、価格などで絞り込み可能
JavaScriptのグラフライブラリを52種類も集めた「JavaScript Graphs」。グラフの種類や依存ライブラリ、価格などで絞り込み可能 数年前に自作のアプリケーションをJavaScriptで作ったときにグラフ機能を実装しようとして、いくつかのグラフ用のJavaScriptライブラリを探して試したことがありました。JavaScriptライブラリを探すのは、それなりに手間がかかるものでした。 もちろん当時からJavaScriptのグラフライブラリの情報をまとめたサイトはいくつかありましたが、最近登場した「JavaScript Graphs」は52種類ものライブラリを集めて、ビジュアルに一覧できるようにしたサイトです。 さまざまな条件で絞り込みができる便利な機能も備えており、条件としては折れ線グラフやドーナッツグラフに対応したものなどグラフの種類、無料や有料、非商用のものなどの価格
#最近のJavaScript情報の探し方
azu @azu_re 皆さんの集め方も書いてもいいんですよ "最近のJavaScript情報の探し方 · Issue #2 · azu/jser-info" http://t.co/tZeSNAvB59 2014-01-30 13:01:07
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」:phpspot開発日誌
html2canvas - screenshots with JavaScript JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」 サーバサイドでブラウザを動かしてスクリーンショットを取るというより、利用者のブラウザ上でスクリーンショットをJavaScriptとcanvasを使って生成しちゃおうというものらしいです。 canvas非搭載ブラウザはflashcanvasやExplorerCanvas等の代替が必要とのこと。 html2canvasでレンダリングされたサンプルも見ることが出来ます。 frameやobjectのサポートはしていない点に注意。 スクリーンショットを取る仕組みをサーバに仕込むとタイムラグがあったりサーバ側は大変だったりで色々問題点を抱えていますが、クライアント側でやれば画像を受け取るだけでいいので便利です。 クライアントごとの表示
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa's
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画
[JavaScript] dataスキームURI生成（画像データのBase64変換）
Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,～～～』形式のデータ（dataスキーム）を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、 小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 やってみよう 画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方
W3C : The XMLHttpRequest Object
XMLHttpRequest Level 1 W3C Working Group Note 06 October 2016 This version: https://www.w3.org/TR/2016/NOTE-XMLHttpRequest-20161006/ Latest published version: https://www.w3.org/TR/XMLHttpRequest/ Latest editor's draft: https://xhr.spec.whatwg.org/ Previous version: https://www.w3.org/TR/2014/WD-XMLHttpRequest-20140130/ Editors: Anne van Kesteren, Mozilla Julian Aubourg, Creative Area 송정기 (Jungkee
Reading binary files using Ajax
A growing number of web applications are making more and more use of client-side technologies because thanks to Ajax, it is now possible to write more fluid and more responsive web applications using only client-side technologies. Now, web developers from all around the globe are releasing really interesting utilities and applications using only client-side technologies, many of which used to be w
バイナリ読み込みAjaxライブラリBinFileReader | 秋元@サイボウズラボ・プログラマー・ブログ
サーバ側に置いたバイナリファイルをJavascriptからアクセスして、バイナリ列の任意の場所を好きなバイト数だけ読み込むライブラリがこのBinFileReaderらしい。 BinFileReaderのデモでは、表示したbmp画像の中から、画像のサイズ情報などの部分をJavascript経由で問い合わせることで遅延取得し、表示している。 また、このライブラリと多数の画像を使って、クリックした画像を他の画像のパッチワークで構成するというモザイクビルダーという面白いデモも公開されている。 # 画像の読み込みで一番最初は時間がかかる モノクロbmp画像を多数用意して、MosaicBuilderのパラメータに指定すれば、自分の画像を使ってこのモザイクデモを設置することもできるそうだ。(解説) BinFileReaderは、FirefoxとSafari対応に加えて、IE対応のためにはVBScript
IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念
おそらく、JavaScript を使いこなす肝は setInterval、setTimeout、イベントによる関数の実行を理解することだと思う 例えば 次のコードの結果を考えたとき document.write("hoge\n"); setTimeout(function(){ document.write("fuga\n") }, 1000); document.write("piyo\n");普通に JavaScript を使いこなしてる人なら、hoge → piyo と表示して、 1 秒後に fuga が表示されるな。って思うはずなんです。 でも、 JavaScript を始めたばっかりの人の中には、 hoge と表示したあと 1 秒後に fuga → piyo と表示するな。って思ってる人が非常に多い。(経験的に) 何故か？ たぶん、どのサイトの setTimeout の説明を見て
関数を非同期化して汎用性を高める - IT戦記
関数を非同期化する関数を作ってみた。 Function.prototype.asynchronize = function() { var f = this; return function() { var resultcb = function() {}; var failcb = function(e) { throw e }; if (typeof arguments[arguments.length - 1] == 'function') { resultcb = Array.prototype.pop.apply(arguments); if (typeof arguments[arguments.length - 1] == 'function') { failcb = Array.prototype.pop.apply(arguments); } } try { var re
EfficientJavaScript - Dev.Opera - 効率的な JavaScript
EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき
javascript - Object.toSource() for non-FireFox! : 404 Blog Not Found
2007年11月27日02:00 カテゴリLightweight Languages javascript - Object.toSource() for non-FireFox! 404 Blog Not Found:javascript - お伺い - Object.prototype.clone()」でJKL.dumperを使ってみて、FirefoxのObject.toString()の挙動との不一致が気になったので、FireFoxでなくても使えるObject.toString()を作ってみました。 自分で言うのもなんですが、これは禿しく使えます。 とりあえず、SafariとOperaで動くところまで確認してあります。[追記:IE6 (Via CrossOver Mac 体験版)でも動きました! Mac IE 5だとさすがにNG]、FireFoxのようにすでにObject.toStr
uneval, toSource, toString - taizooo
At Sat Feb 20 2010 23:38:20 GMT+0900 (JST), total 1 window(s) Window has 14 tab(s) uneval mdc - Google Search toSource - MDC toString - MDC Search - MDC uneval() does not produce JSON - jerakeen.org 404 Blog Not Found:javascript - uneval() for the rest of us! JSON firefox uneval オブジェクトの参照 - ロックスターになりたい eval(uneval(function()_)) - ’ellaneous uneval - 冬通りに消え行く制服ガールは、夢物語にリアルを求めない。 - subtech toSource
Canvas + Web Workers の練習 - 最遅メンヘル研究会
postMessage で object やり取りしてるから Firefox でしか動かないけど。 julia フラクタルのすごいやつを見たい人は by edvakf in hatena JavaScript + Canvas で動くカオスアトラクタ生成器作ってみた - mooz deceives you http://learningwebgl.com/blog/?p=205 uneval すれば string で渡せるし、これで Chromium/Opera でも動く！とか思ったけど、動かないや。ぬかよろこびですね。あとで調べる。 uneval/toSrouce て Firefox しかないのか。脳が Firefox になってる。 dankogai が uneval 実装してたわ。てゆうか、ブックマーク済みだったけど、忘れてたみたい。 404 Blog Not Found:javasc
youngpup.net - Aaron Boodman's personal blog
Monday, September 24, 2007 Simulating include() in workers Gears has an outstanding bug to create an include() method for workers. Once implemented, you should be able to do something like: google.gears.workerPool.include("dojo.js"); google.gears.workerPool.include("mylib.js"); // Use libs here One of the reasons that we have prioritized other things over this new API in Gears was that we knew you
Simular un "include" en un worker de Gears
Gears todavía no incorpora un método para incluir scripts externos en un worker, lo cual sería de gran utilidad para garantizar una buena estructura en nuestro proyecto javascript y para usar librerías externas en el worker. En http://blog.youngpup.net/2007/09/simulating-include-in-workers.html podemos encontrar una solución a este problema, esa solución es usar esta función: function include(url,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJSを使ったらこんなことが出来るよ
http://blog.as-is.net/2008/09/chrome-eval.html