JavaScript イディオム集
JavaScriptでは、初見の人にはさっぱりわからないけれども、ある程度慣れた人は当たり前に使うイディオムが結構たくさんあります。知ってしまえば何てことはないので、私の知っている限りのイディオムとその意味を解説します。 （7/3追記: twitter等で教えていただいた内容を追加しました） +v （数値化） var v = "123"; console.log(+v + 100) // 223 console.log(v + 100) // 123100 vを数値化する方法では最もメジャーです。parseFloat(v) に比べて高速なのに加えて、parseFloatとは細かい挙動が異なります（例えば空文字列の場合、parseFloatならば NaN になりますが、 +v の場合はゼロになります）。必ず数値になることが保証されており、文字列などで数値化出来ない場合はNaNが返ります。 v
HYEC.ORGサーバについてのお知らせ - 美徳という名の背徳
HYEC.ORGサーバはハードウェア障害のためオフラインです ただ今、HYEC.ORGサーバ（ドメイン：https://www.hyec.org/）はオフラインとなっています。 これは、サーバにおいてハードウェア障害が発生しているためであり、現在復旧が可能かどうか検討を進めております。 利用者の皆さまにはご迷惑をおかけいたしますが、ご理解のほどお願いいたします。 HYEC.ORGサーバの今後について 端的に結論から申しますと、「復旧に向けた対応は引き続き進めていくが、復旧可能性が低いと判断した場合はサービス停止を検討している」という状況になります。 HYEC.ORGサーバは2003年12月よりサービスをスタートし、途中ハードウェアやネットワーク周りの刷新を行いつつ今日まで稼働を続けてまいりました。これまでに多くの方にご利用いただき、そこからさまざまなノウハウを得ることができました。感謝いた
JSAPI - JavaScript Reference Manual
This is yet another JavaScript reference manual viewer. The source document was taken from MDN wiki. The keys are working if the search field has focus or your mouse cursor is in the navigation area. ESC key is global. UP - Previous category / Previous item DOWN - Next category / Next item ENTER - Open category / Load selected item ESC - Clear search field and set focus
HTML5で、6502MPUが動いている様子をビジュアルにエミュレートする「The Visual 6502」
HTML5で、6502MPUが動いている様子をビジュアルにエミュレートする「The Visual 6502」 6502といえば、Apple IIやPET 2001など、パソコン黎明期のマシンに搭載されていたCPU。当時はMPU（Micro Processing Unit）とも呼ばれていました。1975年に発表され、今年で35周年を迎えるそうです。 6502の内部回路をHTML5とJavaScriptで再現 下記は、その6502MPU内部のチップ写真ではなく、トランジスタのレベルでCPUの内部回路をHTML5とJavaScriptによりビジュアルに再現した「The Visual 6502」（の縮小画面キャプチャです）。 右側のプレイボタンを押すと実行が始まり、回路内に電気が流れる様子までビジュアルに再現されます。動作中でも回路の拡大、縮小などが可能。ステップ実行もできます。 まるで動作中のC
Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転 改
FirefoxがCPUを常に15%ぐらい食うのが気になっていたので調べてみたら、Googleのトップページを開くとものすごい勢いでJavaScriptが実行されることがわかった。具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。このせいで、自分の使っているPCだと、Googleのトップページを開くだけでCPU使用率が2%ぐらい上がっているようだ。Firefox特有の問題というよりは、ウェブページ側の作り方に依るものみたいだ。たぶん他のブラウザでも問題は変わらないだろう。 Googleのトップページの場合、コードを調べてみた限りでは、原因はどうも検索候補の自動補完用のコードみたいだ。現在の入力文字列が過去の記録と違ったら補完の提示をやり直す、みたいなことをやっているように見える。 HTMLではテキストボックス内のテキストが変更され
LDR/Fastladderの各記事に何かをするUserJSを書くとき（旧：LDR/Fastladderではてなブックマーク登録数を表示させる） - by edvakf in hatena
タイトル変更した→旧「LDR/Fastladderではてなブックマーク登録数を表示させる」 既にいいのがあったので、ここらへんは読み飛ばしてください。 最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方 どっかにありそうだったけど探すのが面倒だったので作った。需要があったっぽかったし。 LDR_hateb_count.user.js // ==UserScript== // @name LDR_hateb_count.user.js // @include http://reader.livedoor.com/reader/ // @include http://fastladder.com/reader/ // ==/UserScript== (function(win){ win.ItemFormatter.TMPL.tmp
javascript - Array#sortはオレquicksortより遅い by Chrome : 404 Blog Not Found
2009年02月26日17:00 カテゴリLightweight Languages javascript - Array#sortはオレquicksortより遅い by Chrome その後のブラウザーの進化も凄まじいので、改めてベンチマークとってみたら以外な事実が。 404 Blog Not Found:javascript - Array#sortがオレquicksortより遅い!? Firefox 2に関してはほぼ同等だが、Mac IE 5, Safari 2.0.4, Opera 9.02ではbuiltinの方が速かった。しかしその差は最も大きかったSafariでも3倍程度で、builtinとしてはやはり遅いように見える。これ、10万要素のarrayを10回ソートした時のChromeの結果。 builtin: 2389ms quick_iter: 1827ms quick_rec
Greasemonkeyの共通な落とし穴を避ける - minghaiの日記
Greasemonkeyの過去においてのセキュリティ上の問題の解説。 Greasemonkeyだけに限らず、JavaScriptによるユーザ拡張を作成している全ての方に対して一読の価値があるドキュメントだと思われます。 原文：O'Reilly Media - Technology and Business Training Greasemonkeyの共通な落とし穴を避ける Greasemonkeyのセキュリティの歴史があなたの今にどう影響するのか (著) Mark pilgrim "Greasemonkey Hacks"の著者 2005/11/11 昔々、あるところにセキュリティホールがありました。（これは普通のおとぎ話ではないからそのまま読んでください。） Greasemonkeyのアーキテクチャは最初に書かれて以来大幅に変更されてきた。Version0.3は初めて広範囲に人気を得たバー
Welcome to Tablecloth テーブルのマウスオーバーを色変更
cssglobe.com 2024 著作権. 不許複製 プライバシーポリシー
空繰再繰 - Plagger::Plugin::Filter::SortEntries #2
岡村 直樹（にゃるら）『輝かしい青春』なんて失なかった人。 2023年10月現在、アルバイトが退職となったので次に備えて待機中。 ※なおゲームのシナリオ・企画を担当された『にゃるら』さんとは別の人間です 略歴1988 年代の早生まれ。『輝かしい青春』なんて失なかった人。 2003 年代後半の高校生時代、自滅的にメンタルを病み、そこから 2023年 10月現在も治療中。 とはいえ 2019年 9月頃に N 高等学校を卒業し、 その後 2022年 8月から 2023年 9月末まで Web アプリケーションエンジニアとしてアルバイト就職をするなどした。 2023年 10月現在、次回の備えて精神科でリハビリに通う日々を送っている。 プログラミングスキルは 2005 年頃、 blosxom のために Perl を扱う事を通じて修得し、 そこから 2023年 10月に至るまで継続して腕を磨いている。
ブラウザ上で動作するプレゼン資料を簡単に作れる「Slider.js」:phpspot開発日誌
Slider.js Example This script makes it easy to create a sliding carousel component like the one seen at www.curbly.com. ブラウザ上で動作するプレゼン資料を簡単に作れる「Slider.js」。 一つのボックス内でスライドするスライダーコンポーネントが簡単に作れます。 少ないスペースで多くの情報を格納できるので、使いどころによってはかなり便利。 実装方法も簡単で、<DIV> 内に一括して全てのスライドの内容をHTMLに定義します。 後は、次のJavaScriptでコンポーネントを初期化するのみです。 <script type="text/javascript" charset="utf-8"> var my_slider = new Slider('my-slider', {
URIエンコード（URLエンコード） | Diaspar Journal
おすすめのクレジットカードを徹底比較 クレジットカードのおすすめ コンビニでお得なおすすめクレジットカード 普段利用することの多いコンビニでお得になるクレジットカードがあります。セブンイレブンン・ローソン・ファミリーマートなどよく利用するコンビニでお得になるクレジットカードを支払いで利用すれば多くのポイント還元があります。 1年間などの長い期間で計算すると、コンビニで還元率が高いクレジットカードを利用すると大きな差が出てきます。 三井住友カード（NL） 年会費永年無料還元率0.5％～5.0％国際ブランド 特典最大8,000円相当プレゼント セブンイレブン・ローソン、マクドナルドなどでタッチ決済料で驚異の5.0％ポイント還元 セキュリティを高めカードの両面にカード番号や氏名、セキュリティーコードの無いナンバーレスクレジットカードです。カード番号等は全てアプリ上で管理します。最大の特徴は対象コ
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 再描画と再フロー 再フローの回数をでき
Part2 JavaScript流オブジェクト指向プログラミング
JavaScriptは，きちんとしたオブジェクト指向言語であって，オブジェクトを利用した高度な開発が可能です。JavaやC++，.NET系のオブジェクト指向言語がオブジェクトの定義にクラスという概念を用いる「クラス・ベース」の考え方を採用しているのに対し，JavaScriptではひな型となるオブジェクトを元に独自の機能を付加するという「プロトタイプ・ベース」の考え方を採用している点が特徴です。 まず最初に，皆さんの誤解を解いておきましょう。それはJavaScriptは，きちんとしたオブジェクト指向言語だということです。オブジェクト指向言語と言えば，JavaやC++などが有名ですし，C#やVisual Basic 2005といった米Microsoftが開発した.NET系の言語もあります。しかしこれらの言語に比べてJavaScriptは，一段低い「Webブラウザで利用する簡易言語」といったイメ
The Man in Blue > Experiments > FormTextResizer
Experiment FormTextResizer Date created 25 August, 2006 Date last modified 25 August, 2006 Discussion Visit the discussion FormTextResizer is a bookmarklet that allows you to resize any textarea or text input on any webpage. This way, you won't be confined to a teensy little comment box or e-mail field. Just activate the bookmarklet, then click-drag on the textarea or text field that you want to r
いやなブログ - 文字列操作の比較表: Ruby, Python, JavaScript, P...
文字列操作の比較表: Ruby, Python, JavaScript, Perl, C++ Ruby, Python, JavaScript, Perl, C++ の文字列操作の比較表を作りました。配列操作の比較表の続編です。間違いなどがあったらご指摘いただけると助かります。 Ruby (String) Python (str) JavaScript (String) Perl C++ (std::string)
JavaScript ガイド - JavaScript | MDN
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
それすぐ実行！JavaScript！ - IT戦記
思った JavaScript はすぐに実行してみましょう！ ブラウザの URL 入力欄に javascript:(function() { /*実行したいコードを書く*/ })()FireBug を使ってる人は、コンソール開いて実行したいコードを書く。 たとえばこんなことができます。 これらの例は僕が日頃使っているものです。 グローバルで使える関数を列挙する(Firefox Only) FireBug用 for(var n in window) if(typeof window[n]=='function')console.log(n); URL用 javascript:(function(){var b='';for(var n in window)if(typeof window[n]=='function')b+=n+"\n";alert(b)})() Object.prototyp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Password Strength Checker
prototype.js リファレンス