BLOGTIMES
«Prev || ... 804 · 805 · 806 · 807 · 808 · 809 · 810 · 811 · 812 ·... | | Next»
2013/05/19

FireQuery で jQuery を使った開発、デバックを効率化する

firefox  javascript 
jQuerify ボタンを押したところ - FireQuery で jQuery を使った開発、デバックを効率化する

FireQuery という jQuery を使った開発を支援するための Firefox 向けの(というか、Firebug 向けの)アドオンを見つけたのでメモ。

インストールは下記からできますが、FireQuery は Firebug 向けのアドオンなので、あらかじめ Firebug をインストールしておく必要があります

FireQuery is a Firebug extension for jQuery development

FireQuery is a Firefox extension integrated with Firebug
  • jQuery expressions are intelligently presented in Firebug Console and DOM inspector
  • attached jQuery data are first class citizens
  • elements in jQuery collections are highlighted on hover
  • jQuerify: enables you to inject jQuery into any web page
  • jQuery Lint: enables you to automatically inject jQuery Lint into the page as it is loaded (great for ad-hoc code validation)

DOMの表示等についても変化があったりといろいろと便利な機能がそろっているのですが、今回のお目当ては jQuerify という jQuery を使っていないページで jQuery を有効化する機能。通常自分が開発しているサイトであれば、そこに jQuery を組み込んでしまえば良いのでこんな機能があってもあまり嬉しい感じはしないと思いますが、例えば先日行ったような Node.JS を使ったスクレイピングを行う場合に、対象のページが jQuery を使っていなくてもこの FireQuery を使って対話的にセレクタを書くことができるようになります

使い方は簡単で、任意のページで Firebug を起動して右上に現れる jQuerify というボタンを押すだけ。押すと同時に画面には This page is now jQueryfied with v#.#.# のようにページで jQuery が使えるようになった旨の表示が出ます。あとはコマンドラインから jQuery オブジェクトが使えるようになっているので、jQuery を読み込んでいるサイトと同じように開発を行う事ができます。


    at 14:29 |
    2013/05/18

    武蔵家

    ラーメン  tokyo 
    ネギ中 - 武蔵家

    帰りがちょっと遅くなってしまったので晩飯はどうしようかと思っていたのですが、昨日知人から白山の東洋大学の向かいの山久が閉店して新しい家系のラーメン屋ができたという話を聞いたことを思い出したので、ちょっと寄ってみることにしました。このあたりの家系としては白山通りを挟んだ反対側になかむら屋がありましたが、根津の方も含めて最近文京区は家系ラーメンの新店が多いですね。

    山久のときはカウンターとテーブル席でしたが、店内はカウンターのみのレイアウトにリニューアルされていました。食券制なので、入り口の食券機でいつも通りネギ中の食券を買って席につきます。好みもいつも通り固め。ライスは無料で、サイズも選べるのは東大の前にある家家家などと同じく、大学の前にある家系ならではなんでしょうか。

    気になったのは照明が蛍光灯で白すぎること、ネギが味付けされてないそのままのネギだったこと、固めにしては麺はやわらかかったこと、麺の湯切りがイマイチなのかスープがドロドロだったことでしょうかね。あとライス食べ放題とはいえ、ネギ中で950円という値付けも大学前のラーメン屋さんとしてはちょっとコストパフォーマンスにも疑問が残るところです。

    [武蔵家 の続きを読む]

      at 21:35 |
      2013/05/18

      旧古河庭園の春バラと洋館のライトアップ 2013 にいってきた

      gardens  tokyo  夜景  rose  旧古河庭園 
      夜のバラ園の様子 - 旧古河庭園の春バラと洋館のライトアップ 2013 にいってきたスーパースター - 旧古河庭園の春バラと洋館のライトアップ 2013 にいってきた
      カクテルと洋館 - 旧古河庭園の春バラと洋館のライトアップ 2013 にいってきたブルーライト - 旧古河庭園の春バラと洋館のライトアップ 2013 にいってきた

      先週、旧古河庭園の春のバラフェスティバルに行きましたが、昨日からさらに夜間のライトアップが始まっているので、今シーズン2回目の訪問となりました。昼間は既に写真も撮っていますし、都立庭園のライトアップは19:30を回ると空いてくるというのは経験上分かっているので、20時頃から1時間くらい見られればいいやという作戦です。

      ライトアップがあるので、全体的に何となく眺めるにはとてもいい雰囲気です。ただ、バラの花は先週かなり見頃を迎えていたものが多かったせいか、全体的にピークは過ぎているような感じなので、写真を撮るとなると接写に耐えうる花を探すのが大変。ちなみに三脚禁止なので、夜は写真にはかなり厳しいコンディションです。普通に散策するには良いかもしれませんが、綺麗な花を見たいという場合には急いだ方が良さそうです。

      軽くバラ園内を一周した後、明るいうちからいらしていた桜枝さんとすんなり合流。
      楽しいひとときを過ごす事ができました*1*2


      at 20:33 |
      2013/05/17

      bash でタブ区切りテキストを処理する

      sh 

      以前に「変数展開で簡単なcsvを処理する」というのを書いたので、これと同じ方法でも TSV の処理ができるのですが、今日は違う方法で TSV 処理する方法を見つけたのでメモ。

      bash では変数で配列を扱うことができるのは、これも以前やった「パイプでつないだコマンドの終了ステータスをとる」で明らかになっていますが、配列のデリミタは IFS という変数を使って変更することができます。つまり、 IFS にタブを入れておけば TSV のデータ1つ1つを配列に読み込むことができます。

      例えば下記のような感じ。

      tsv.sh

      #!/bin/bash i=0 cat 'data.txt' | while read LINE ; do IFS="$(echo -e '\t' )" LINE=($LINE) unset IFS for j in `seq 0 $(( ${#LINE[@]} - 1))`; do echo "$i,$j: ${LINE[$j]}" done i=$(($i+1)) done

      これに下記のような TSV を読み込ませます。

      data.txt

      a1 a2 a3 b1 b2 b3 c1 c2 c3

      ちょっと for がトリッキーですが、こんな感じで1カラムずつ処理できているのが分かると思います。

      $ bash tsv.sh 0,0: a1 0,1: a2 0,2: a3 1,0: b1 1,1: b2 1,2: b3 2,0: c1 2,1: c2 2,2: c3

        at 23:51 |
        2013/05/17

        bash でヒアドキュメントを使う

        sh 

        bash でヒアドキュメントが使えることが分かったのでメモ。

        こんな感じで使うことができます。ちゃんと変数展開もされますね。
        パイプでコマンドをつなぐ場合には << EOT の直後に書くことができます。

        heredoc1.sh

        FOO=abc cat << EOT | sort $FOO foo bar baz EOT
        $ bash heredoc1.sh abc bar baz foo

        場合によっては変数展開されたくないときもありますよね。
        そんなときには EOT の直前に \ をつければいいみたいです。

        heredoc2.sh

        FOO=abc cat << \EOT | sort $FOO foo bar baz EOT
        $ bash heredoc2.sh bar baz foo $FOO

        複数行に渡るテキストを入力したい場合に覚えておくと便利です。


          at 23:46 |

          Twitter Cards が有効になった

          twitter 
          Twitter Cards - Twitter Cards が有効になった

          ちょっと周回遅れ気味ですが、このサイトを Twitter Cards に対応させてみました。Twitter Cards に対応しているサイトだと、タイムラインにURLを書き込んだときに画像のように概要や画像が表示されるようになります。

          対応方法は上記のサイトにあります。
          具体的には meta タグに下記のようなタグを OGP のような感じで埋め込み、Card Validator からTwitterに申請を行うという流れになります。

          <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@site_username"> <meta name="twitter:title" content="Top 10 Things Ever"> <meta name="twitter:description" content="Up than 200 characters."> <meta name="twitter:creator" content="@creator_username"> <meta name="twitter:image:src" content="http://placekitten.com/250/250">

            at 12:54 |

            豊年萬福

            和食  tokyo 
            チキン南蛮 - 豊年萬福外観 - 豊年萬福

            今日のランチは打ち合わせのついでに、日本橋の豊年萬福という新しくできたお店。ここはちょっと前まで空き地というか、駐車場になっていた場所でしたが、いつの間にか蔵を思わせる大きな建物ができていたのでした。店内は天井が高くかなり席数も多い感じです。ちょうど日本橋と江戸橋の間にある川沿いの場所なのでテラス席もあり、2階は個室になっているのでそれなりの人数の宴会にも対応できるとのこと。

            今日はランチメニューの中からチキン南蛮。ご飯の茶碗が小さいですが、ご飯のおかわりは自由に頼むことができます。このあたりはコストパフォーマンスが高いお店が多いので、価格帯がもう一回り安ければ素晴らしいと思うんですけどね。

            [豊年萬福 の続きを読む]

              at 11:54 |
              2013/05/16

              Twitter for Android の通知を調整する

              android  twitter 
              アカウントの設定 - Twitter for Android の通知を調整するお知らせの設定 - Twitter for Android の通知を調整する

              いつの頃からか Twitter for Android がリプライをもらう度に通知領域にお知らせを出すようになってしまったので、その動作がちょっとウザイなと思っていたのですが、設定項目は On/Off の区別しかなくてお知らせを切ると DM の通知もされなくなるので痛し痒しという感じだったのですが、それが大きな誤解だということが分かったのでメモ。

              誤解に気づく契機になったのが、 @TwitterJP の下記の発言。

              この発言で触れられている「Twitter Help Center | モバイル通知の設定について」というエントリを読んでみると、一見チェックボックスしかないお知らせの設定ボタンを押すと、詳細画面が現れるという罠でした。数が多くなる通常のツイートについては、エントリにも記載がありますが、ユーザーで絞り込みをすることができるようです。上手く使いこなせるとかなり便利そうですね。


                at 21:57 |

                PC版 FFVII インターナショナル、20日15時まで1000円

                finalfantasy 

                最新のPCに対応させた PC 版 FF7 インターナショナルのダウンロード販売が始まりました。
                通常価格は1500円ですが、20日15時まではキャンペーン価格で1000円になるようです。

                PS で FF7 が発売されたのは97年のことでしたが、この頃は FF 全盛期という感じでしたね。
                スクエニは最近業績や株価が芳しくないので、こういうのもいいですけど新しいゲームでもり立てて欲しいです。


                  at 20:38 |
                  2013/05/15

                  今日は Windows Update の日 (2013 年 5 月)

                  windowsupdate  jpcertcc 

                  今月も恒例の Windows Update の日がやってきました。

                  緊急はMS13-037*1MS13-038*2 の2件となっています。どちらも IE に関するセキュリティ修正ですね。

                  早めの適用を心がけたいところです。

                  参考


                  at 23:55 |
                  «Prev || ... 804 · 805 · 806 · 807 · 808 · 809 · 810 · 811 · 812 ·... | | Next»