getElementById()でname属性が検索される？ - 宇宙野武士は元気にしているか
getElementById()でname属性を検索してエレメントを取得できるという話を聞いた。 いや、絶対に推奨されている使い方ではないだろう。 そもそもIDはページ内でユニークだからgetElementById()はエレメントを返して、 複数設定できるname属性用にArrayオブジェクトElementオブジェクト（NodeListオブジェクト） で返ってくる、getElementsByName()があるのだから。 でも、実際できるって聞いたし。 だから、調べてみた。 ほんとにとれるのか？ サンプルのHTML + JavaScriptを用意する。 <!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns
サイ本 18章 フォームとフォーム要素 - noire722 の日記
18.1 Formオブジェクト FormオブジェクトはDocumentオブジェクトの forms[] 配列プロパティの要素として利用する フォームの入力要素に対応するオブジェクトは elements[] 配列に格納される // ex. 現在のウィンドウのドキュメントの2番目のフォームの3番目の要素を参照する場合 document.forms[1].elements[2] ほかにも ＜form＞タグ の属性である action, encoding, method, target に対応するプロパティを持つ submit()メソッド、reset()メソッドを持つ これらを呼び出せば、それぞれSubmitボタン, Resetボタンを押したときと同じ効果が得られる onsubmit, onreset イベントハンドラが呼ばれるのはボタンを押したときのみ。 イベントハンドラがfalseを返せば su
GreaseMonkey ではスクリプト間で名前空間の衝突は発生しません | さくらたんどっとびーず
わりと最近 GreaseMonkey スクリプトを作れるようになったのですが、とりあえず JavaScript なので名前空間の衝突とか発生しそうなので、無名関数を直接呼び出す方法で書いてたのです。 // ==/UserScript== (function() { // コード... })(); こんな感じで。 ま、実を言うとちゃんと調べるのが面倒だったので、「greasemonkey 名前空間」あたりでググって出てきたページに衝突するって書いてたので適当に従ってました。 ところが先ほどアップした プログラミングできなくてもレンタルサーバ借りなくても作れる Twitter bot もどきグリモンの作り方 で公開しているユーザースクリプト（GreaseMonkey のスクリプトのこと）を作ってる最中に、@require で外部の JavaScript を読み込もうとした際に問題が発生しました
O'REILLYの"JavaScript"を読む 第10章 モジュールと名前空間 - tkzwtks-old.log
第10章まできました。まだまだ道半ば。 JavaScriptの言語仕様ではモジュールの作成や管理をする機構が用意されていない。なので再利用可能なモジュールを書くということはあるルールに沿ってモジュールを書くということ。 10章は主にそのルールについて書かれている。 最も重要なこと 名前の衝突が起こらないように名前空間を使用する グローバル変数を定義しない モジュールと名前空間の生成 言語仕様で名前空間がサポートされていないので、オブジェクトを使って名前空間を実現する。 以下のコードでのやり方が、JavaScriptモジュールを記述する時に守るべき最初のルールである、「モジュールがグローバルな名前空間にシンボルを追加する場合は最大でも一つにすべきである」ということ。 // 名前空間用の空オブジェクトを生成する // この一つだけのグローバルシンボルに他の全てのシンボルを格納する var Cl
2011-04-18
なんか最近周囲でAndroid開発が熱いようで、ならば乗るしかない、このビッグウェーブに・・・！ということで、DesireHDを0円乞食ゲットしてきました。 さて、Androidの開発といえばJava使用なんですが、せっかくなのでScalaの勉強もかねて、ScalaちゃんでAndroid開発はじめました！ 開発環境に関しては、いろいろ試行錯誤した結果、とりあえず簡単そうなsbtを使ってみることに。 ちなみにWin7上です。 AndroidSDKは既にインストールされてるとして、以下。 まずは、sbtを準備。 Setup - simple-build-tool - A build tool for Scala - Google Project Hosting 次に、create_project(androidプロジェクト作成スクリプト)を用意。 create_projectはUnix系ならそ
日付（Date） - とほほのWWW入門
日付オブジェクト date = new Date(yead, month[, day[, hour[, min[, sec[, msec]]]]]) date = new Date(time) date = new Date(str) date = new Date() 指定した日時を表す日付オブジェクトを生成します。月は 0～11 の範囲で指定してください。msec は JavaScript 1.3 から利用できます。 date = new Date(1999, 11); // => 1999-12-01 00:00:00.000 date = new Date(1999, 11, 31); // => 1999-12-31 00:00:00.000 date = new Date(1999, 11, 31, 23); // => 1999-12-31 23:00:00.000 date
JavaScript継承パターンまとめ - Thousand Years
プロトタイプ function Animal(){}; Animal.prototype = { sleep : function(){}, walk : function(){ alert('noshi, noshi') } }; function Human(){}; Human.prototype = new Animal(); new Human().walk(); // noshi, noshi もっともポピュラだと思われる。 変型プロトタイプ Human.prototype.__proto__ = Animal.prototype; new Human().walk(); // noshi, noshi ほとんどのIEを除くJavaScript処理系で実行可能。裏ワザちっく。 エクステンド /** * extend function * @param {Object} s su
サイ本要約 9章 クラスとコンストラクタとプロトタイプ - noire722 の日記
9.1 コンストラクタ 記述例 function Rectangle(w, h){ this.width = w; this.height = h; // return文は記述しない } var rect1 = new Rectangle(2, 4); var rect2 = new Rectangle(8.5, 11); オブジェクトの生成方法 オブジェクトリテラルで{}と記述する ex.) var point = {x:0, y:0}; コンストラクタ関数を使う ex.) var today = new Date(); コンストラクタ関数とは オブジェクトのプロパティを初期化する関数 new演算子と一緒に使われる オブジェクトの"クラス*1"を定義するにはコンストラクタ関数を定義するだけでよい 通常、戻り値がない*2 thisとは 実行中のコード*3が「自分自身」を表すオブジェクトにア
IT戦記 - JavaScript の this について
WEB+DB PRESS 編集の R たんから、僕の連載記事に読者様から質問が来ていると教えていただいたので、その内容を教えていただきました。 以下、内容を転載 「JavaScriptわくわく開発道」の記事に関して質問です。 今回の内容で特に興味を持ったのはthisキーワードの振る舞いでした。 thisキーワードの説明には、オブジェクト型の変数を別の変数にコピーしてから初期化すると、コピーした変数からメソッドを実行できなくなるという例が紹介されていました。 そこには「（1）の時点でobj0には{}が入っているため、hogeは未定義となってしまう」という説明があるのですが、誌面の都合上省略があるためか、thisキーワードを用いることで問題を回避できるという理由がなかなか理解できないでいます。 自分なりに考えてみたところ、内部的には以下のようなことが起きているのではないかと思いました。 (1)
[JS]これFlashじゃないの？ってなるナビゲーションを実装するjQueryのチュートリアル
軽快なアニメーションが心地よいナビゲーションを実装するjQueryのチュートリアルを紹介します。 タイトルにある通り、Flashは使わないで実装されてます。 Animated Content Menu with jQuery デモページ [ad#ad-2] まずは、デモページを堪能ください。 ナビゲーションの各ラベルをクリックすると、それに対応したパネルがアニメーションを伴って開くようになっています。 デモページ 実装 HTMLの構造は、背景画像、グリッドのオーバーレイ、ローディングのアイコン、メインメニューの4つから構成されています。 HTML：背景 背景は、背景画像とオーバーレイとローディングをdiv要素で内包します。 <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D
Javascript/配列操作 - 俺の基地
先頭を削除し先頭を取得する var hoge = [1,2,3,4]; var piyo = hoge.shift(); //[2,3,4]; alert(piyo); //1 破壊的 ▲ ▼ 末尾を削除し末尾を取得する var hoge = [1,2,3,4]; var piyo = hoge.pop(); //[1,2,3] alert(piyo); //4 破壊的 ▲ ▼ 末尾に追加する var hoge = new Array(); hoge.push('aaa'); 破壊的 実はこのメソッド var hoge = []; hoge.push('aaa', 'bbb', 'ccc'); 引数を何個もとって連続で追加することができる。 ▲ ▼ 配列を結合する（破壊的） 「末尾に追加する」pushは引数を複数個とれるので、こいつを応用すると破壊的に配列を結合することができる var h
JavaScript Reference - MDN
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
Javascript .NET
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform W
サイ本要約 5.8〜5.10.8 ビット演算子など - noire722 の日記
5.8 ビット演算子 JavaScriptの数値のサイズについて Number -WIKIBOOKS- 整数と浮動小数点数 JavaScriptにおいて、32ビット符号なし整数・32ビット符号付き整数・64ビット浮動小数が1つの数値にまとめられています。C言語などとは異なり、整数同士の演算で32ビットで表現できる範囲を超えた場合は、64ビット浮動小数に自動的に切り替わります。 typeof 演算子のような手法で、この3種のうちどれが使われているかを判定する演算子は存在しません。しかしながら、ビット演算子を使うことにより、64ビット浮動小数を32ビット符号なし整数や32ビット符号付き整数に変換できます。具体的には、>>> 演算子により、32ビット符号なし整数になり、その他のビット演算子により、32ビット符号付き整数に変換されます。64ビット浮動小数は53ビット符号付き整数を誤差なく表現できる
Best Practices for Speeding Up Your Web Site - Yahoo Developer Network
Best Practices for Speeding Up Your Web Site The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories. Minimize HTTP Requests tag: content 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, styleshee
wtfjs - a little code blog about that language we love despite giving us so much to hate
created by Brian LeRoux & Andrew Lunny. sparodically uncurated by David Trejo. 2016 03 19 weird instanceof2016 03 10 Object And Array Prototype Length2016 03 09 Two Special Numbers2015 04 23 screwy negative array index2015 04 16 moving numbers2015 04 08 array sort2015 03 23 adding arrays2015 02 05 good old octal decimal wtf2015 02 02 Boolean constructor2014 11 22 object as object key2014 10 07 tru
JavaScriptのswitch文の速度はブラウザの違いでこんなにも差があった。 - 風と宇宙とプログラム
はじめに JavaScriptのswitch文は、CやJavaと異なりcaseのところに任意の式が書けるため、実行時にcaseの式も評価されるので基本的にはif-else文の並びと類似のものになります。つまり、caseの数に応じてパフォーマンスも低下すると予想されます。本当にそうなのか確認してみました。 測定した各ブラウザのバージョンは以下の通りです。 Firefox Chrome Safari Opera IE 3.5.6 4.0.249.30 4.0.4 (531.21.10) 10.10 8.0.6001 caseが数値リテラルの場合 パフォーマンスを測定するテストコードは下記のような簡単なものです。caseが1000個あるswitch文を10万回繰り返して実行したときの時間を測定しました。perf_test()関数の引数ｖに与える値に応じてcaseの条件で一致する場所が変わります。
自作コンパイラの部屋
オブジェクト指向言語としてのJavaScript(2007/09/17更新) Web Application Security(WAS)に関する話題(2008/06/02更新) ockeghemの日記(はてなダイアリー) 2008-02-26 セキュリティの常識・非常識 パスワードの定期変更は「神話」なのか? 2008-01-27 45歳からのプログラミングこそ至上の悦楽 わーい ＼（＾o＾）／ PL/0を JS で書いたよー！ 2008-01-07 これはMITMですか 2007-12-05 クロスサイトスクリプティング(XSS)とCSRFの違い早分かり(2) クイズ:XSSとCSRFはどこにありますか? 2007-12-03 クロスサイトスクリプティング(XSS)とCSRFの違い早分かり XSSはブラウザ上でスクリプトが動き、CSRFはサーバー上でスクリプトが動く 2007-12-01
hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSLint,The JavaScript Code Quality Tool