タグ

JavaScriptとJavascriptに関するmatsukazのブックマーク (253)

  • JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記

    タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー

    JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記
    matsukaz
    matsukaz 2009/05/31
    正規表現の書き方
  • SURGAVIP : Link Slot Gacor PG Soft Maxwin Slot Online

    SURGAVIP # Link Slot Pragmatic Gacor Malam Ini Modal Kecil Janji Maxwin Sekarang ! Selamat datang di SURGAVIP situs slot terpercaya dari server PG Soft ternama, banyak jenis permainan slot gacor dan mudah menang maxwin disini bersama surgavip. main dengan modal receh pulang dengan uang berlimpah. SURGAVIP dikenal sebagai situs terpercaya dengan koleksi lengkap game dari pg oft, provider yang udah

    matsukaz
    matsukaz 2009/05/24
    Rhinoで継続
  • 最近のjsプログラムの組み方 - nazokingのブログ

    僕はコードスタイルが一定しないのですが、最近はクロージャ!クロージャ! 最近は Firefox拡張/Greasemonkey/userChrome.js 系の javascript しか書いてないんだけど、そのあたりで「オブジェクトの継承」とかしたいと思うことがなく、 prototype とかややこしいだけなので全然使わなくなりました。 昔 function myClass(){ this.init.apply(this,arguments); } myClass.prototype.init=function(name){ this.name=name; } myClass.prototype.hoge=function(){ return "hoge" } myClass.prototype.huga=function(){ return this.name+this.hoge()+"

    最近のjsプログラムの組み方 - nazokingのブログ
  • handleEvent、addEventListener - 素人がプログラミングを勉強していたブログ

    addEventListenerの第二引数は、関数以外にも、handleEventをメソッドとして持ったオブジェクトも渡すことが出来る。 window.addEventListener("click", { handleEvent: function (e) { console.log(e); } }, false); また、この仕様を利用すると、 ({ run: function () { window.addEventListener("click", this, false); this.counter = 0; }, handleEvent: function () { this.counter++ if (this.counter < 3) alert(this.counter + "clicked!"); else this.destroy(); }, destroy: fun

    handleEvent、addEventListener - 素人がプログラミングを勉強していたブログ
    matsukaz
    matsukaz 2009/05/12
    window.addEventListenerの第二引数には、関数以外にhandleEventをメソッドにもつオブジェクトも渡せるそうで。
  • 『JavaScript:The Good Parts』にツッコミ (Kanasansoft Web Lab.)

    前エントリで、『JavaScript:The Good Parts 「良いパーツ」によるベストプラクティス』が万人向けでないことを書きました。 自分の実力を顧みず、こののベストでない部分をつっこんでいこうと思います。ゴリアテどころかゴリアテの集団に挑んでいくような状態ですね。 さて、全エントリで書いた通り、このは悪いではなく良であり、読む人が読むと良い刺激になるに違いないと思っています。これを契機によりよいJavaScriptの書き方について論議が進むのではないかと期待しています。しかし、対象と思われる層が中級者以上で、初級者が読むと逆に悪になりかねない部分を持っています。勘違いしそうな部分、気になった部分を中心に記述していきます。このため、否定的な内容は沢山出てきますが、上記のような前提ですので、書籍全体がこのような内容が散見されるわけではありません。そして、これを読んでの内

    matsukaz
    matsukaz 2009/04/23
    JavaScript The Good Partsの書評
  • ヽ( ・∀・)ノくまくまー(2009-04-16) WYSIWYG エディタを徒然と試す

    ● [jQuery] WYSIWYG エディタを徒然と試す 機能 表組ができる 日語のIME変換誤動作がない HTMLソース切り替えがinline 画像の挿入ができる (from File, URL) 多段リストができる ブラウザの新規windowを出さない カスタマイズが容易(Obfuscatedではないソースが入手可能) ライセンス という点を中心に徒然と調査する。 CKEditor http://ckeditor.com/ FCKEditor 2.x は 3.x から CKEditor と変名。 Mac + Firefox の場合のみ、IME変換確定で改行が入る不具合あり RETは p, S-RET は br 表組 (popup, propertyで変更可) HTML (inline, スムーズ) 画像 (popup, url, upload) リスト (single) ソース (

    matsukaz
    matsukaz 2009/04/21
    WYSISYGエディタの比較
  • JSDeferredがやっとわかった - by edvakf in hatena

    JSDeferred による非同期処理のスライドを見て、「JSDeferred っておもしろそー」って思ってたんだけど、1ヶ月放置した挙句にやっと読み始めた。 JSDeferred の解説記事って検索しても出てこないので、ソース読まずにはちゃんとした使い方がわからない。 それどころか、ソース読んでも一見何やってるのかわからない。(おまけにコメント部分の英語がちょっとアレなのでというのもあるけど…) というわけで腰を落ち着けて読みながら理解した点をメモってたら、こんな分量になってしまった。 JSDeferredのソース読んでる - JavaScriptで遊ぶよ - g:javascript JSDeferredのソース読んでる・その2 - JavaScriptで遊ぶよ - g:javascript JSDeferredのソース読んでる・その3 - JavaScriptで遊ぶよ - g:jav

    JSDeferredがやっとわかった - by edvakf in hatena
    matsukaz
    matsukaz 2009/04/17
    JSDeferredの解説
  • Kanasan.JS JavaScript 第5版読書会 #2 雑感 - blanket log

    やはり能動的な目的(を読む!)があるというのは良いもので、人の話聞いてるだけの勉強会よりずっと充実した一日に思えました。議論は絶えないしそれを眺めているだけでも楽しかった。 サイは2年くらい前にざっと通読した程度ですが、当時はちゃんと分かってなかった部分も多かったので復習を兼ねて参加しました。コアの部分はそれほど変わっていませんが、結構忘れていたこと多かったですし言語仕様の細かいところをちゃんと抑える良い機会になりました。 あと、いろんな人とお話できたのが良かったです。勉強会後の懇親会の方がむしろ面白い話を聞けたかもしれない。id:amachangは、すごく実直な方だなぁと思った。 40人を越える大所帯となると、仕切る側がとても大変そうでした。運営陣の皆様、当にありがとうございました。 おそらく次回が山場になる(関数とかプロトタイプとか)と思うので、今から非常に楽しみです。 prot

    Kanasan.JS JavaScript 第5版読書会 #2 雑感 - blanket log
    matsukaz
    matsukaz 2009/03/13
    prototype、constructorなどのまとめ
  • GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
    matsukaz
    matsukaz 2009/03/02
    Gearsについて整理
  • 検索フォームにヘルプ表示するJavaScript - ラシウラ

    そこで作ったのが下記です。どうでしょうか? http://techblog.yahoo.co.jp/cat207/how_to/javascript/ が汚いコードだというのと、表示のためだけにinputのvalueに入れるのもどうかと思ったので、CSSでその表示を後ろに出すようにし、操作するコードを書いてみました。 CSSでinputの後ろに文字列を表示 画像を使うのが手っ取り早いけど、CSSで重ねて表示する方法をとります。その方法もいろいろあるが、以下では、inline-blockとマイナスのmarginを利用する方法を使っています*1。 <span style="display:inline-block;"> <div id="info" style=' line-height: 25px; margin-bottom: -25px; text-indent: 0.2em; colo

    検索フォームにヘルプ表示するJavaScript - ラシウラ
  • finally がマイブーム - IT戦記

    皆様お久しぶりです そろそろ、日記を書かないと「はてな市民権」を剥奪されそうなので、書いておきまつ>< 最近 finally がマイブームです どういうときに? 比較的に大規模な開発のとき(プロトタイプとかちゃんと使ってるとき) どんなコードで? こんなコード。 Fuga を継承した Hoge を作る場合とか var Hoge = function() { /* ...(snip)... */ }; Hoge.prototype = new Fuga(); // メソッドのオーバーライド Hoge.prototype.getValue = function() { return Fuga.prototype.getValue.apply(this, arguments); }; この return 〜 .apply(this, arguments) までは定型区みたいなもんなので、まず書い

    finally がマイブーム - IT戦記
    matsukaz
    matsukaz 2009/02/27
    finallyの効果的な使い方
  • Ajax » jQuery plugin » フォーム要素の制御 | PHP & JavaScript Room

    テキスト入力欄に日付、電話番号、郵便番号など指定したフォーマットで入力させるように入力制御を行うjQueryプラグイン。 設置イメージ Maked Input Pluginの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-L

    matsukaz
    matsukaz 2009/02/20
    フォームに関連するプラグイン
  • RedLine Magazine : jQueryのスルスルスクロールを指定1つでバシバシ使う

    jQueryのスルスルスクロールを指定1つでバシバシ使う このブログでも使っているjQueryを使ったスルスルーと動くスクロールなんですが、どこからどこへ移動したのかを目で追えるので分かりやすいし、動きも気持ちいいので大好きです。 多くの案件では1ページ内にページの先頭へ戻るアンカーリンクのみコレを利用してたんですが、この動きがクライアントに大好評のようでページ内の他のアンカーリンクでも使いたいという要望が増えてきました。今までこの動きの指定をJSで指定してたところに1つリンクが増える程度ならclassとリンク先だけ変更して同じ記述をコピーしちゃえばいいやってJSが分からない私の発想で乗り切ってたんですが、1ページ内に5個も6個も増えてくるとさすがに書くのが面倒というか、ほとんど同じ処理なのに重複した記述は要領悪いよなぁと思い始めまして・・・。 例えばリンクのページなんかでカテゴリが5個あ

    matsukaz
    matsukaz 2009/02/13
    jQueryで綺麗なスクロール
  • DatePicker - jQuery plugin

    About Date Picker component with a lot of options and easy to fit in your web application. Last update 22.05.2009 - Check Download tab Features Flat mode - as element in page Multiple calendars in the component Allows single, multiple or range selection Mark dates as special, weekends, special days Easy to customize the look by changing CSS Localiation for months' and days' names Custom day to sta

  • [JS]jQuery 1.3のチートシート

    先日リリースされた、jQuery 1.3のチートシートをA Coding Foolから紹介します。 jQuery 1.3 Cheat Sheet ダウンロードできるチートシートは、PDFフォーマットと

  • 素晴らしいjQueryのチュートリアル45選 – creamu

    jQueryでクールなインターフェースを実装したい。 そんなときにおすすめなのが、『40+ Excellent jQuery Tutorials』。素晴らしいjQueryのチュートリアル45選だ。 以下にいくつかご紹介。 » デザイナーのためのjQueryチュートリアル » Facebookスタイルのlightbox » ソートできるポートフォリオの作り方。↑のキャプチャはこちら » フェードインするメニュー » jQueryとPHPで投票システムを作る方法 » PHPとjQueryで編集できるギャラリーを作る方法 » jQueryとXMLでAmazonのウィジェットを作る方法 » WordPressのコメント欄にjQueryのバリデーションをつける方法 » Appleのサイトのメニューを作るチュートリアル » タブインターフェースを作るチュートリアル » スライドするアコーディオンメニュ

  • 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」:phpspot開発日誌

    Supersized - Full Screen Background/Slideshow jQuery Plugin | Build Internet! 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」。 次のように、ブラウザのサイズを変えても背景画像がリサイズされます。 更に、スライドショーのように背景を切り替え可能です。 ありそうでなかったかもしれないプラグインですね。 背景に迫力のあるものを設定すればインパクトが大きそうです。 関連エントリ 便利なjQueryプラグインいろいろ これは面白!PHPとjQueryでクリックした位置が分かるクリックマップ作成 サイトに驚き!のページめくり効果をつけられるjQueryプラグイン

  • jQuery1.3について知るべきこと

    What You Need to Know About jQuery 1.3 jQueryの最新バージョン1.3系がリリースされて 一体どんなことが変わったのか? NETTUTSでエントリーされていたので、メモしておきます。 家サイトでも書いてあったけど… 今回紹介したエントリーの内容は、 家サイトでもバージョンアップ時に書いてあったのですが、 今回紹介したエントリーの方がまとめてあって読みやすい。 家サイトと違うのは、要点をまとめてあるので 見やすくわかりやすいというところだろうか。 英語が全然できない僕も、ある程度読むことができました。 グラフも見やすくされています。 closest()とか、まだ知らない項目も多いので あとでしっかり読んでおこうと思います。 それにしても、1.3は以前のよりも実際に速いですよね。 これにはかなり感動してます。

    jQuery1.3について知るべきこと
    matsukaz
    matsukaz 2009/02/06
    jQuery 1.3の説明
  • diaspar.jp

    This domain may be for sale!

    matsukaz
    matsukaz 2009/02/03
    ブラウザ別でコンソールに文字を出力する方法
  • EnnerChi.com is for sale | HugeDomains

    Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of

    EnnerChi.com is for sale | HugeDomains
    matsukaz
    matsukaz 2009/01/26
    RailsとjQueryを連携する