JavaScript講座 15章 JavaScriptでの正規表現
Blog Post Featured post Industrial Vs Non Industrial Plasma Cutting Machines Continue reading Points to Note When Shopping for a Washing Machine There are different washing machines brands in New Zealand. When shopping, therefore, you need to ensure that first, you get a quality machine; a machine that will last through many years without breaking down. You check product warranties and reviews whe
JavaScriptの正規表現
●任意の文字に一致 書式：/文字/ 例１："abcdefg".match(/a/) 結果：a 例２："abcdefg".match(/cde/) 結果：cde 例２："abcdefg".match(/xyz/) 結果：null ●改行文字を除く任意の１文字にマッチ 書式：/.文字/ 例１："abcdefg".match(/.f/) 結果：ef ●複数個の文字にマッチ 書式：/../ （.はマッチする個数並べる） 例１："abcdefg".match(/.f/) 結果：ef ●指定文字のいずれかにマッチ 書式：/[任意文字]/ 例１："abcdefg".match(/[ahg]/) 結果：a ●指定文字以外のいずれかにマッチ 書式：/[^任意文字]/ 例１："abcdefg".match(/[^ahg]/) 結果：b ●複数の文字列のいずれかにマッチ 書式：/任意文字列|任意文字列|...|
Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめ:phpspot開発日誌
Smashing Magazine Blog Archive Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby… Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめが紹介されてます。 チートシートって印刷して貼っておくとほんとに便利でお世話になってます。 Ajax関連 What’s Ajax? Cheat Sheet - PDF Prototype Dissected - Cheat Sheet PNG scriptaculous Combination Effects - Cheat Sheet - PDF Apache関連 Apache Cheat Sheet Apache 1.3 Quick Reference Card - free quick reference cards - PDF htacc
javascript - Sorting Algorithms : 404 Blog Not Found
2006年11月03日05:30 カテゴリLightweight Languages javascript - Sorting Algorithms Sorting Algorithmsのデモと言えば、Java Appletによる有名なものがあります。 Sorting Algorithms Demo これの一部をJavaScriptでやってみようという試みです。 見ての通り、Bubble Sortとinsertion Sortしかありませんが、あとはSourceを見れば拡張も楽でしょう。というか、QuicksortとかMergesortとかといったRecursiveなものは、ただでさえcallbackを何度も読んで画面を書き直さなければならない現状のJavaScriptでは結構きついものがあります。 その代わり、Sortしている最中にAlgorithmを切り替えたりと面白いこともできます。
IEではfor-in構文で列挙されないプロパティがある - ヒルズで働く@robarioの技ログ
for-in構文で余計なプロパティが出るという話は良く聞きますが、自分で設定しても出てこないプロパティがあるのは知りませんでした。 以下のように、いくつかプロパティを設定してfor-in構文で回してみました。 var object = { constructor: function() {}, prototype: function() {}, valueOf: function() {}, toString: function() {}, MyProperty: function() {} }; for (var i in object) { alert(i); }結果、Firefoxでは5個全て列挙されたのですが、IE6ではconstructor,toString,valueOfを除いたprototype,MyPropertyの2個しか列挙されませんでした。prototypeが出ている
perl/javascript - 関数内関数で仮引数を省略 : 404 Blog Not Found
2006年10月16日07:30 カテゴリLightweight Languages perl/javascript - 関数内関数で仮引数を省略 そんなことありませんぞよ。 Structure and Interpretation of Computer Programs H. Abelson / G. Sussman / J. Sussman [邦訳:計算機プログラムの構造と解釈] IT戦記 - Perl で再帰呼出し時のスタック間データ共有 再帰呼び出しのスタック間でデータを共有する場合は、以下のように仮引数を使わなければならない。*1 以下のようにすればOK。もちろんdocument.allないしdocument.getElementsByTagName('*')を使えば再帰の必要もないのだけど例として手頃だったので。 function count_tags(node){ var
それすぐ実行！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
Enjoy×Study - IEの標準/互換モードで参照すべきclientHeightが異なる
Internet Explorer上のJavaScriptで、クライアントサイズが取得できない問題 クロスブラウザに注意がいきがちですが、標準/互換モードによって参照すべきプロパティが変わってくるものもあるとは、、 互換モード document.body.clientHeight 標準モード document.documentElement.clientHeight [追記] 調べていくと、他のブラウザ(FireFox,Opera..)でも標準/互換モードでウインドウ・ページサイズがらみのプロパティは、値の取れ方が異ってくるようです。 FireFox 1.5では標準/互換モードの違いでdocument.bodyとdocument.documentElementの値が入れ替わりました。 ウインドウ・ページサイズに関するプロパティは、クロスブラウザ＆標準/互換モードの組み合わせで検証しないと危
IE6とIE7を判別するJavascriptコード:phpspot開発日誌
Abe Fettig’s Weblog 実Detecting IE7 in Javascript IE6とIE7を判別するJavascriptコード。 判別は次のようなコードで出来るようです。 if (typeof document.body.style.maxHeight != "undefined") { // IE 7, mozilla, safari, opera 9 } else { // IE6, older browsers } IE7もそろそろ正式版がリリースされるようですのでメモしておくとよいかも。 関連エントリ 古いバージョンのＩＥを１台のＰＣで使う方法 IE7 Is Coming This Month...Are you Ready?
404 Blog Not Found:javascript - ある意味究極のソースコード添付法
2006年10月10日06:15 カテゴリLightweight Languages javascript - ある意味究極のソースコード添付法 ころたま。なんでこれを今まで思いつかなかったか! 以下のHTMLをコピペして、 <script type="text/javascript" src="http://blog.livedoor.jp/dankogai/js/sourceviewer.js"></script> <script>//<![CDATA[ var sourceViewer = new SourceViewer(); sourceViewer.boot(sourceViewer, 'sourcecode'); //]]></script> <style> .sourcecode { display: none } </style> あとは <textarea class=
Functionオブジェクト - ma2’s diary
Javascriptを勉強中なのですが，Functionオブジェクトで疑問が。 f = {foo: function(a){print a}};こんな感じで無名の関数オブジェクトを作れます。f.foo(10)とすれば10がプリントされます。こんな関数オブジェクトを少しずつパラメータを変えてたくさん作ろうと思いました。ところが for (i=0; i<10; i++) { f = {foo: function(a){print a+i}}; }とやると，「print a+i」は関数評価時まで評価されないので，ループ中の値に関係なく，関数評価時のスコープにある"i"を探して値がセットされてしまいます。本当は「function(a){print a+0}」から「function(a){print a+9}」までの関数を作りたいのです。どうすればいいのでしょう？
非同期処理をシーケンシャルに扱うために - snippets from shinichitomita’s journal
http://hail2u.net/blog/coding/synchronous-requests-to-jsonp.html forループなら並列リクエストでも工夫次第でできると思うけど、前後的な依存関係が各リクエストにある場合は、やっぱり直列処理をしなければいけない。 2、3段くらいの直列処理ならコールバック関数を連鎖させて書いたり、インラインで無名関数指定したりしても困らないと思うけど、もっと多段階の直列処理をコールバック関数名の指定だけで記述しようとすると、コードを書く人でも頭の中にちゃんとフローのイメージが出来上がってないと厳しいし、コードを読む側はもっとこんがらがることになる。 たとえば del.icio.usからnetwork情報をJSONPで取得(http://del.icio.us/feeds/json/network/stomita) del.icio.usからfan
JavaScript Closures for Dummies | Developing thoughts ― Morris Johns
Closures Are Not Magic This page explains closures so that a programmer can understand them - using working JavaScript code. It is not for gurus nor functional programmers. Closures are not hard to understand once the core concept is grokked. However, they are impossible to understand by reading any academic papers or academically oriented information about them! This article is intended for prog
最速インターフェース研究会 :: Function.prototypeを拡張して遅延実行を実現する
JavaScriptにおいて関数というのはFunctionオブジェクトで、他のビルトインオブジェクトと同様に、組み込みのメソッドがある。これがapplyとcallしかないのだけれど、こんな感じに使う。 func.apply(thisObj,arguments) func.call(thisObj,arg1,arg2,arg3) thisObjには、その関数内で「this」として使うオブジェクトを指定する。applyの第二引数はargumentsオブジェクトを指定する。配列か、現在実行中の関数のargumentsオブジェクトを丸ごと別の関数に引き渡せる。つまり引数の長さが良くわかってなくても使える。 callは代わりに func.apply(thisObj,[arg1,arg2,arg3]) と書けるので、実はいらないんじゃないかと思う。 これらは多分、ふつうにJavaScriptを書く上で
jQueryを使おう[入門・中級]：住所検索システムを作る: Recently Ajax
GoogleマップAPIなどを使っていると、住所から緯度・経度を知りたくなる機会が多々あります。 GoogleマップAPIでも、バージョン2から「Geocoder」という住所検索の仕組みが提供されているのですが、残念ながら日本語が通りません。 そこで、別の手段を使って緯度・経度を検索する仕組みを作ってみましたので、ご紹介します。 サンプルはこちら 住所検索 | Recently Ajax ※ 06.09.23追記 上記のサンプルでは余計な情報が同時に表示されてしまっていましたが、改良できました。コメントくださったようへいさん、ありがとうございました。 住所検索 jQuery版（改良版） | Recently Ajax 住所を入力して「検索する」ボタンをクリックすると、緯度・経度が表示されます。 まずは、住所から緯度・経度を割り出してくれるサービスを紹介します。東京大学空間情報科学研究セ
JavaScript 1.7 の新機能: Days on the Moon
Firefox 2 の新機能の一つに JavaScript 1.7 への対応がある。Firefox 2 Beta 2 のリリースも近づき JavaScript 1.7 の新機能もほとんどが実装されてきたのでここにまとめてみる。といっても New in JavaScript 1.7 に大体はまとまっているので補足的な部分など。 識別子の扱い ブロックスコープ 分割代入 イテレータ ジェネレータ 配列内包 参考 なお、ブラウザ上でスクリプトを実行する場合は、JavaScript のバージョンを明記しないと let 、yield がキーワードとして認識されない (Bug 351515) 。 <script type="text/javascript; version=1.7"> JavaScript shell を使う場合は起動時にバージョンを指定するか version 関数を使う。 $ js
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 の説明を見て
「facebook」の検索結果 - IT戦記
みなさまお元気ですか 暑さも少し落ち着いてきて、ようやく外に出てもいいかなという気になってきました。季節の変わり目体調には気をつけていきたいですね。 実は、一ヶ月くらい前に Linux PC を自作して Mac から移行しました。そのときの考え、その後の感想を残しておきます。 また、学んだことや作業のログを細かく残しておきたいと思います。（どこかの誰かが不安に思ったときに同じ失敗や疑問を経験した人がいて安心してもらえたら嬉しい） Ubuntu のインストール画面 (ベストオープンソースと開発しよう！) 目次 Mac をやめるきっかけ、経緯 Ubuntu に移行して一ヶ月の感想 おまけ1: どのような PC になったか おまけ2: 事前に学んだこと おまけ3: PC の組み立て おまけ4: Ubuntu のセットアップ 加筆/修正 指摘のあった誤字を修正 NVEnc について誤った内容があっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kazuho@Cybozu Labs JavaScript を学ぶ上で読むべきウェブサイト
Omicron EffectiveJavaScriptを読む