動画をサムネ付きで紹介する方法色々

サムネイル付きで動画を紹介する方法 - はてなニコニコ部キーワード

既に最近の記事で導入済みなので気づいている方もおられると思いますが、はてなにニコニコの動画をサムネ付きで貼る方法が色々と増えているようなので試してみました。*1
まあ、このキーワードでまとめられているリンクから各自飛んでもらえばわかるのでわざわざまとめることはないかもしれませんが、実際使用して感じた長所、短所などをレポートすれば色々と手間の省ける人もいるかなあと思った次第。

はてなはニコニコのサムネイルに対応していない

まず、公式にブログパーツ提供されてるのになんでごちゃごちゃ方法探す必要があるのかというと、はてなの仕様の問題です。セキュリティ対策って話だけど、公式に許可されたスクリプト以外はブロックしちゃう仕様なんだよね。
はてなは設定も簡単だし色々多機能だし普通に日記書くだけならとっても便利なんだけど、そこだけがちょっと不満なんだよなー。無料のアクセス解析とかだと完全には動いてくれないし。

しかしそこはそれ、ネットの住人というやつは「無理」と言われてもあきらめずにどっかから抜け道を探してくるもので（笑）。既にいくつもその制限をかいくぐる方法が見つかっています。
「不可能」と言われてたことが一月後にはあっさりと可能になってるのがインターネットってもんだよね。ニコニコ動画のOn2VP6圧縮FLVの携帯動画変換とかコメント付き動画保存とか、当初はほとんど方法無かったのにいつの間にか無茶苦茶簡単になってたもんなあ。

方法１：Google Gadgetsを使う

はてなダイアリにニコニコ動画を貼り付ける

まずはこちら。はてなの対応ブログパーツに「Google Gadgets」が加わったことで可能になった方法です。
「Google Gadgets」にニコニコのサムネイルを貼り付けて、それをはてなに貼り付けるという力業ですね。この方法はニコニコのサムネイルに限らず、「Google Gadgets」に対応しているものならなんでも貼れるので他のことにもかなり応用が利くみたいです。

実際貼ってみるとこんな感じ。ブックマークレットも用意してくださっていて、見ている動画を紹介したくなったらすぐにソースを生成できるのでとっても便利！　……と言いたいところですが、個人的にはこの方法はお薦めしません。

なぜか？　公式のブログパーツと同様「たくさん貼ると重くなる」というのも理由の一つではあるのですが、それ以前の問題がありまして……。
えーと、説明しなくても何割かの人は既にお気づきかと思うのですが、グーグルガジェットって表示されないことがけっこう多いんですよ。これは個人の環境によって違うと思うんですが、うちの場合一発で表示される確率めちゃくちゃ低い。下手したら２割切るかも。
まあリロードすればそのうち出てくるんですけど、こちらはサムネが表示されてるつもりで「この動画は〜」とか解説はじめてるのに見てるほうは「お前はなにを言ってるんだ」という状態になっちゃう確率があるわけで……それじゃちょっと使用がためらわれますよね。

でも一番最初に紹介された方法なので、これ使ってる人けっこう多いみたいです。使用してる人は、お客さんには「見えてない」可能性もあるということを頭に入れた上で使ったほうがいいですよー。

方法２：サムネだけ貼る

なつみかん＠ニコ部 - 動画を貼る時はサムネだけ貼ると軽いかも

お次はこれ。ニコニコからサムネだけ引っぱってきてリンクは手動で貼ってしまうのが軽くていいんじゃないか？　ということで提案された方法。たくさん数を紹介したいときや、細かい情報はいいからサムネだけ引っぱってきたいときなどに便利。

<img src="http://tn-skr.smilevideo.jp/smile?i=0000000">

「0000000」の部分に動画ID*4を入れるだけ。とっても簡単です。

◆アイドルマスター「ロリトリオ Megamix」
こんな感じですね。で、せっかくサムネ引っぱってきてるんだからサムネにリンク貼っちゃったらよくね？　ってことで、僕は最近サムネにもリンク貼って紹介してます。

◆アイドルマスター　「I want　とかち Hijack Remix」
こんな感じね。単にイメージにリンク付けてるだけですが、サムネから飛べるとなんか一気に良い感じな気がしません？　しないか。でも僕は良い感じだと思うのさ。

方法３：サムネイルジェネレータを使う

Niconail.info - ニコニコ動画サムネイルジェネレータ

で、この記事のトップで使ってる方法がこれですね。
サムネだけ引っぱってくる方法では公式のブログパーツっぽく再生数とかコメントとかと一緒に表示させることはできません。はてなでそれをやるにはやっぱグーグルガジェット使うしかないのか……と思ってたら、いつの間にやら登場してましたサムネイルジェネレータ！

はい、もう完全に公式ブログパーツ使ってる感覚と変わりません。しかもこれあくまでサムネだから公式のパーツより軽そうだし。はてなで「対応してない」状況なのは何も変わってないのに、あっさりと何の問題もないレベルに追いついてしまいましたね。ネットすげえ！　作った人神！

サムネのタグを単語登録して使い分けてみよう

ぶっちゃけ最初から３番目の方法だけ紹介すればいいんじゃね？　みたいな身も蓋もないことを指摘したくなるかもしれませんが、サムネだけ引っぱってくるのもそれはそれで便利だと思うんですよ。
というわけで、今回の結論としては２と３のタグをお使いのIMEなりATOKなりに単語登録して使い分けるのをお薦めしたい。

◆単語登録するタグ
リンク用*5

<a href="http://www.nicovideo.jp/watch/sm" target="_blank"></a>

サムネのみ用

<img src="http://tn-skr.smilevideo.jp/smile?i=">

公式風サムネ用

<img src="http://niconail.info/sm" alt="">

方法３のサムネイルジェネレータは完璧だけど、いちいちサイトに飛んで生成するのめんどくさいよね？　でもこのたった３つのタグを単語登録するだけで、いつでもすぐサムネ付きでブログに紹介できるようになります。動画IDを「sm」の後ろに放り込むだけ！　ブックマークレットとかで生成するよりぶっちゃけ早いんじゃないかな。
公式風サムネはalt要素にタイトル入れたらよりベターだろうけど、別になくても画像タイトルが空白になるだけだしかまわないでしょう。

簡単でしょ？　これで今日からあなたもはてなニコニコ紹介サイト！　なかまなかまっ！

ブックマークレット版

ブックマークレットなくても単語登録してしまえば楽じゃないかな？　とか強がり言ってたら、一日もたたないうちにコメント欄にジェバンニが降臨してる！　やっぱ自動で生成してくれるのはコピペの手間が減るぶん楽だ（笑）。ブックマークレッターすごいなあ。
グーグルガジェット使ってブックマークレット貼ってるので、見えない人は↓のchaoshexaさんがコメントで書いてくれているコードの「’」と「”」を半角にしてお気に入りに突っ込みましょう。
これ無茶苦茶便利なのに追記を見てない人がいるとかわいそうなので、新しいエントリ立ててプッシュしてみようかな。