JavaScript のグローバル汚染防止策について - 破棄されたブログ
なんか微妙な記事を見かけて、どうせ何年も前の記事だろうってことでスルーしようかと思ったんだけど、よくみたら 2013 年の記事ですごく悲しい気持ちになったんでメモ。 問題の記事 JavaScriptでグローバル変数を減らす方法 | design programming こぶたのラッパ » JavaScriptでグローバル変数を使わない方法 下の記事で、上の記事のグローバル汚染防止方法についてツッコミをいれているわけだけど、単にアプローチが違うだけだよね。 名前空間 上の記事の daisuke って人は名前空間を作ってグローバル汚染を防いでる。 // 名前空間用オブジェクト var NS = {}; // NS のプロパティに設定しているのでこれ以上グローバル汚染をしない。 NS.hoge = "hoge"; クロージャ 下の記事ではクロージャを使ってグローバル汚染を防いでる。 (funct
Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! How much library code do you really need — 50K? 100K? 150K? More? How much of that do you really use? Sure, we all love our favorite monolithic frameworks, and sometimes we even use them fully. But how often do we reach for the ride-on John Deere tractor with air conditioning and six-speaker sound system, when a judiciously applied
JavaScriptの基本
1.HTMLファイル内にJavaScriptを記述する方法 次のように<script>～</script>内に記述する。 <script language="JavaScript"> JavaScriptの命令 </script> 2.JavaScriptでの行の記述 行の区切りとして ; （セミコロン）を用いる。命令の途中で改行することは可能である。 3.JavaScriptでのデータ 数値データと文字列データが利用でき、数値データとして10進数、8進数、16進数を使うことができ る。8進数は先頭に0、16進数は先頭に0xを付けることで表す。負数の場合は、先頭に -（マイナス） を付ける。大きい数値や小さい数値の場合は、eまたはEを使って記述することもできる。 1.23e5 または 1.23E5 ←→ 1.23×105 ←→ 123000 1.23e-10 または 1.23E-10 ←→
JavaScriptの動かないコード (初級編) 数値判定の方法・・・入力値が有効な整数かどうかチェック - 主に言語とシステム開発に関して
連載目次へ クイズ…下記のJavaScriptコードが，意図した動作をしないのはどうしてですか。（制限時間１分） やりたい事 フォーム上で，テキストボックスに整数を入力してもらう。 有効な整数かどうか，ページ上でバリデーションを行なう。 <input type="text" id="my_num"> <input type="button" onClick="f()" value="数値チェック"> <script language="JavaScript"> function f() { var str_num = my_num.value; if ( isNaN( parseInt( str_num ) ) || isNaN( str_num ) ) { alert("有効な整数ではありません。"); } else { alert("OK"); // 有効な整数が入力された } } <
JavaScript の配列と連想配列の違い - IT戦記
id:cheesepie:20070131:1170172709 最近は、こういう風に JavaScript を勉強する人が増えていてとても嬉しいです ＾＾ id:cheesepie さん頑張ってください！ で、ちょっと配列と連想配列の使いかたが違うようなので、エントリーを書こうと思いました。おせっかいだったらすみません＞＜ ！ やっぱり、このへんが JavaScript の難しいところのひとつなのだろうか。 ということで、 JavaScript の配列と連想配列の違い いってみよおー 連想配列とは JavaScript では連想配列は一番シンプルなオブジェクトのことである。つまり、すべてのオブジェクトは連想配列である。 以下のすべての連想配列はまったく同じものである。 // 1 var obj = { hoge: 'hoge' }; // 2 var obj = { 'hoge': 'h
ブックマークレットのサイト
当サイトでは、ブックマークレットを配布しています。 ブックマークレット ( bookmarklet ) は、お気に入りから起動してつかう、 JavaScript で記述された小さなプログラムで、ブラウザの機能を拡張します。 たとえば、行間を広げたり、読みづらい文字の色を変えたり、IE６の標準の機能では拡大できない文字を拡大したり…… 機能は無限大のマックスハートです。 ◆ ブックマークレットの使い方 まず、下の のついてるリンクをブラウザのお気に入りかリンクバーにドラッグ＆ドロップして登録してください。（リンク上で 「右クリック」 → 「お気に入りに追加」 でももちろん OK ） あとは、ブックマークレットの機能を使いたいページ上でお気に入りをクリックするだけ。 そうすれば、あら不思議、文字が大きくなったり、行間が広がったりします。 まさに、ブックマークレットはウェブの魔法 (スクリプト)
テキストボックスのonchangeイベントを信用するべからず - atsukanrockのブログ
はじめに JavaScriptで、テキストボックスのonchangeイベントを信用してはならない。本エントリでは、今回私が経験した、期待とは異なる動作を紹介し、対処方法を提案する。 期待動作 これまでの開発経験から私が信じていた、テキストボックス*1のonchangeイベントの仕様は、次のとおり。 発生タイミング：フォーカスを失った時*2 発生条件：テキストボックスの値（valueプロパティ値）が、フォーカスされた時とフォーカスを失った時で異なる しかし今回、以降で挙げるような、期待とは異なる動作を経験した。 期待しない動作1：オートコンプリートでの入力時に発生しない 確認ブラウザ*3 Win XP SP3上のInternet Explorer 6 Win XP SP3上のFirefox 3.6.3 詳細 T/O。オートコンプリートでの入力時には、onchangeイベントが発生しない。 こ
[JS]簡単で便利でしかもかっこいい！ソーシャルメディアのボタンを複数パターン同時に設置できるスクリプト -#50C1AL
ページ上のボタンやテキストなどにclassを追加するだけで、簡単にソーシャルメディアのボタンをかっこよく設置できるjQueryのプラグインを紹介します。 #50C1AL #50C1AL -GitHub #50C1ALの特徴 #50C1ALのデモ #50C1ALの使い方 #50C1ALの特徴 主要なソーシャルディアを簡単にウェブページに設置できます。 46種類のかっこよくデザインされたアイコンを用意。 ページへの設置は、classを書くだけ！ 同じページに複数の設定を設置可能。 アニメーションやブラーなど多彩なオプション。 #50C1ALのデモ デモでは、ページ内に2つの設定を配置しています。 まずは、ボタンの方から。 テキスト選択で表示 #50C1ALの使い方 Step 1:外部ファイル まずは、head内に外部スタイルシートを配置します。 <link rel="stylesheet" h
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
a href=”" を記載しながら、リンクを無効にする方法 - 適当な日々
web系の仕事をしてる人の成長と挫折の記録・・・かもしれない散文。小さな会社をやってます。「IE6ではhoverが使えないので、 ’csshover.htc’を使って解決しました。」 とこちらの記事で書きましたが、Ajaxを使ってページの１部分を更新すると、やっぱりaタグ以外にhover要素が使えないという問題に直面しました。 ほんと、いつもIEさんには泣かされます・・・。 でも、自分は 「hoverを使いたい！さらに、aタグからのリンクはさせたくないけれど、onClickでイベントは呼び出したい！」 というなかなか無茶な要望がありました。 ちなみにIE6はa タグにhref要素がないと、hoverが使えません。 だから自分はが知りたいことは、 「a href=""」としてリンク先を記載しているが、そのリンク先に飛ばさないという方法です。 色々調べていたらありました。 このリンクは押し
この順番で読めばOK！JavaScriptを理解するための14冊 | DECONCEPTER
JavaScriptの書籍はjQueryやサンプル中心のチップス本などを含めると、多数出ており、これから勉強したい人にとってはどれから読めばいいか迷うところだと思います。 今日はここ数年で出た書籍の中で初級者から脱中級者になるまでに読みたい書籍を、この順番で読めばステップアップできるという内容で紹介したいと思います。 STEP1. 初心者へのおすすめはダントツでこれ一択。 初心者向けの内容としてはこれがダントツでおすすめです。内容が易しく丁寧な上にサポートサイトで書籍の内容を動画で説明してくれています。 Amazon.co.jp： よくわかるJavaScriptの教科書: たにぐち まこと: 本 サポートサイトはこちら STEP2. 全体を把握するには十分なボリューム。脱初級者向けにはこの2冊。 2冊とも初級者にとっては少し厳しい内容になっていますが、この2冊が理解できれば後は作りまくる
JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法
[対象: 中〜上級] 僕のブログではてブ数がいちばん多いのはウェブページを高速化するTIPSを解説した記事です（まだ読んでない人はぜひ読んでください！）。 その記事では高速化全般を扱っていましたが、今日の記事ではJavaScriptに的を絞って表示速度をスピードアップできる施策を6つ紹介します。 もともとはSearch Engine PeopleブログのOptimizing JavaScript for Better Web Performanceで説明されていたものです。 記事作者のJoydeep Deb（ジョイディープ・デブ）氏に僕のブログでの転載許可をもらえました (Thanks, Joydeep!)。 逐一の翻訳ではなく、書かれている内容をもとに僕の言葉で解説していきます。 1. HTTPリクエスト削減のためにJavaScriptファイルを1つに統合する ウェブページの表示を高速化
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://jp.evergizmo.com/2011/09/24/137
Japan.internet.com デベロッパー - JavaScriptを利用してフォームの二重送信を防止する
Chart.js
Color Piano—Learn to play songs on the piano!
IDEA * IDEA
JavaScriptをまじめに考えました+
Loading...
bayashi.jp