タグ

JavaScriptとLogに関するgirledのブックマーク (3)

  • ブックマークレットを作るときのTips - Qiita

    //javascript: (function(){document.getElementsByTagName("title")[0].innerText;})() 特に多くのページで利用されるブックマークレットは、平凡な変数名だと既に存在する変数名とバッティングする可能性が高いので、このように (function(){...})() することが重要になってきます。関数ブロックは変数スコープを作り、 この中で var で宣言した変数は外部で使われる同名の変数と別のものになります。 また、このようにすることでブックマークレット全体の実行結果として何も返さない(voidを返す)ことも都合が良いです。 すべての変数は無名関数ブロックの変数スコープ内で var を使って宣言しましょう。var は複数の代入をコロンで区切って宣言することができます。 var div = document.create

    ブックマークレットを作るときのTips - Qiita
    girled
    girled 2014/04/11
    これすげー参考になった。お便利ツールいろいろ出てて作業はかどりんぐ。最近はブラウザ上の作業何でもブックマークレットにしてる。
  • 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

    girled
    girled 2013/07/05
    しっかり勉強。きちんとコストについてもコメントがあるので便利とパフォーマンスのトレードオフにならない参考に出来る。
  • JavaScript開発にalertを使っている人必見!ログ出力ライブラリ「Blackbird」 | Web活メモ帳

    JavaScriptでログを表示するのに使えるライブラリ「Blackbird」のご紹介。 出力したいメッセージを指定するだけできれいに整形して表示してくれます。 例えば、以下のようなJavaScriptを実行してみます。 log.debug( 'this is a debug message' ); log.info( 'this is an info message' ); log.warn( 'this is a warning message' ); log.error( 'this is an error message' ); ↑すると、こんな感じで素敵に表示してくれちゃいます。 アイコンと色で視覚的にメッセージを区別することができるので、後から見分けるのも簡単です。 使い方 使い方は簡単で、ファイルをダウンロードした後、headタグ内でJSとCSSを読み込むだけでOKです。 <

    JavaScript開発にalertを使っている人必見!ログ出力ライブラリ「Blackbird」 | Web活メモ帳
    girled
    girled 2011/04/12
    alert使うとログとして経緯追えないので結局デバッガ使うって感じだったけどこれは便利そう。
  • 1