株式会社モンスターダイブ[MONSTERDIVE]

LAB|MONSTERSの日常

オレオレブックマークレットを作ろう!

初エントリーのnagasawaです。

個人的に前から作ってみようと思っていた「ブックマークレット」をこれを機に作ってみたので、共有です。

みなさん作ったことはなくても、何かしらのブックマークレットを使ったことがある、目にしたことがあると思います。
例えば僕が結構良く使うブックマークレットに「SEOチェキ!」というものがあり、これを使うと簡単に自分のブログのGoogleページランクを調べるなど出来ます。一応使い方は以下のリンクをブラウザのブックマークに追加し、任意のページ上で実行。すると、SEOチェキ!というサイトの検索結果ページにダイレクトに飛ぶことができます。

SEOチェキ! (ブックマークレット)

どういう仕組かというと、ブックマークのページURLの欄に、javascriptの処理が書かれていて、ブックマークが押されたタイミングで実行されるというわけ。ただしその書き方にちょっとコツが。

1. 「javascript:〜」で書き始める
2. 改行無しで1行で書く

特別難しくも無いですね。これさえ覚えれば結構お手軽に作れるぜ!


...というわけで今回は「任意のページで実行すると、そのページのURLをTwitterで検索した結果のページを新規で開く」というブックマークレットを作ってみました。それがこれ。

上記のjavascriptをブラウザのブックマークに登録する(ページURLの欄にそのまま突っ込む)と使えます。これを例えば、http://shiawase-pan.asmik-ace.co.jp/cafe-mani/twitter/twitter.html のページ上で実行すると、このページのURLが含まれるtwitter上のつぶやきが見れたりします。

何をしてるかというと、

- javascriptのlocation.hrefで今いるページのurlを取得
- twitter検索結果ページurlのフォーマット(https://twitter.com/#!/search/検索文字列)に取得したurlを埋め込む
- その際埋め込むurlはuriエンコード済みの文字列であることに注意(twitterの場合)
- window.openで作成したurlを新規ページで開く

です。

今回は「今いるページのurlをtwitter上で検索する」というブックマークレットを作って、簡単にブックマークレットの説明をしてみましたが、書き方さえ覚えれば、あとはいつものjsなので自分用ツールとしていろいろ作ってみるのも楽しいかも!?

コバート アフェア

毎年この時期は映画祭のシーズンです。有名なアカデミー賞は2月の終り頃に開催されます。
会場のコダック・シアターは会社が倒産したため、来年はどうなるでしょうか。。。
会場の命名権が他社に移り名前が変わると思いますが、会場移転のうわさも聞こえてきたりもしています。

そういう海外映画・ドラマ好きな私ですが、先日あるアメリカテレビドラマの試写会に行ってきました。タイトルは「コバート アフェア」Covert Affairs

capp.jpg

4月からシーズン2が放送開始なのと、シーズン1のDVDが発売されるための宣伝イベントでした。
なんと出演者2名がアメリカから来ていました!
ゲストで来ていた南明奈さん、吉木りささんはイケメンのハリウッド俳優にメロメロだった。
ただ一番目立っていたのはサプライズゲストで後に登場した岡本夏生さんでした。
めちゃめちゃ一人でしゃべりまくるので、通訳の方が俳優に説明するのに大変そうだった。なかなかハリウッド俳優に会えるチャンスはないので、嬉しかったですね。

さて、「コバート アフェア」の内容はというと女性新人CIAエージェントが主人公の話です。
映画「ボーン・アイデンティティー」の製作チームが手掛けたということで、アクションはすごくよかったです。
ただサウンドのボリュームが大きすぎて、アクションシーンは耳が痛かったけど。
主人公がクールで完璧なエージェントというわけではなく、ユーモアセンスがあり親しみやすいキャラクターという設定でした。
女性に人気があったドラマというのも納得な感じでした。
試写会はシーズン1の第一話だけだったので、ぜひ続きが見たいドラマでした。

2011.11.11 BUDOKAN

日付に数字1がずらりとならび、小雨降る金曜日。
仕事を早く切り上げさせてもらい会社の同僚と行ってきました「Def Tech」 11.11.11 Budokan Special!!

6時半頃に会場に着きました。席は3階の最前列。
席にすわると、すでに会場は熱気で溢れていました。
最前列なので前に人がいないのはいいのですが、転落防止のため立って見ることができませんでした。残念。。
観客は小さい子供と一緒の家族連れから、若いカップルまで幅広かったです。

ステージはシンプルな装飾でしたが、画面分割大型スクリーンが屏風のように立体的に配置されているのが印象的でした。
Def Techのステージ衣装は(3回くらい衣装替えしてたかな)、普通にオリジナルTシャツとか蛍光色の入った派手なものもありました。
パフォーマンスはもちろんすごく最高でした!
また前座でピエロが手品などを披露したり、シルクドソレイユのようなエアーパフォーマーの女性が二人アクロバティックな技を見せたりという演出もしていました。
Microの声は男前だったし、Shenはアメリカ人らしくのりがいいしラップも早かったです。
でも個人的にはバックメンバーDJのソロパートがかっこよく、おもしろかったです。

2011-11-11.jpg

ARCHIVE:
CATEGORY:
  • ::News Topics(15)なんでもモンスターが気になるニュース。URLリンクと簡単なコメント。
  • ::Tips(6)MT、FLASHなど制作におけるTIPS
  • ::Design(5)かっちょいいウェブやプロダクト。
  • ::Book(3)弊社所蔵の書物に関して。
  • ::Movie(10)みんながみた映画のレポートとか
  • ::Sports(9)
  • ::Review(6)家電とか自転車とかマラソンとかGOODS、なんでもみんなが買った商品など。
  • ::Lunch(6)西麻布・六本木周辺のランチ事情
  • ::TV Drama(1)
MEMBER:
  • ::MST -monster-(22)
  • ::michinoko(2)
  • ::zzzzzz21(3)「ダミー。カテゴリについての説明文が入ります。」
  • ::Ricky(8)
  • ::kakusan(13)
  • ::Ryu+sk(6)「ダミー。カテゴリについての説明文が入ります。」「ダミー。カテゴリについての説明文が入ります。」「ダミー。カテゴリについての説明文が入ります。」「ダミー。カテゴリについての説明文が入ります。」「ダミー。カテゴリについての説明文が入ります。」「ダミー。カテゴリについての説明文が入ります。」「ダミー。カテゴリについての説明文が入ります。」「ダミー。カテゴリについての説明文が入ります。」「ダミー。カテゴリについての説明文が入ります。」
  • ::MiO(0)「ダミー。カテゴリについての説明文が入ります。」
  • ::Huku-bay(2)「ダミー。カテゴリについての説明文が入ります。」
  • ::Masa(3)
  • ::Kentaro-(1)
  • ::tk(0)no text
  • ::nagasawa(1)