ブログトップ 記事一覧 ログイン 無料ブログ開設

敷居の先住民 このページをアンテナに追加 RSSフィード Twitter

敷居の先住民
  ニコニコ動画紹介メイン(でした。以前は。)。漫画・小説・ゲーム・まとめ・その他雑文なんでもあり。
  トップ絵はくらふと氏(ギャラリークラフト)寄贈。多謝! ⇒ トップ絵のフル版
告知等
  同人サークル敷居亭関連情報まとめ&通販受付(新刊『最前線』『終幕』通販開始!)

2007-12-18

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

【プレミアム専用】週刊アイドルマスターランキング 12月第2週

既に最近の記事で導入済みなので気づいている方もおられると思いますが、はてなにニコニコの動画をサムネ付きで貼る方法が色々と増えているようなので試してみました。*1

まあ、このキーワードでまとめられているリンクから各自飛んでもらえばわかるのでわざわざまとめることはないかもしれませんが、実際使用して感じた長所、短所などをレポートすれば色々と手間の省ける人もいるかなあと思った次第。


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

まず、公式にブログパーツ提供されてるのになんでごちゃごちゃ方法探す必要があるのかというと、はてなの仕様の問題です。セキュリティ対策って話だけど、公式に許可されたスクリプト以外はブロックしちゃう仕様なんだよね。

はてなは設定も簡単だし色々多機能だし普通に日記書くだけならとっても便利なんだけど、そこだけがちょっと不満なんだよなー。無料のアクセス解析とかだと完全には動いてくれないし。


しかしそこはそれ、ネットの住人というやつは「無理」と言われてもあきらめずにどっかから抜け道を探してくるもので(笑)。既にいくつもその制限をかいくぐる方法が見つかっています。

「不可能」と言われてたことが一月後にはあっさりと可能になってるのがインターネットってもんだよね。ニコニコ動画のOn2VP6圧縮FLVの携帯動画変換とかコメント付き動画保存とか、当初はほとんど方法無かったのにいつの間にか無茶苦茶簡単になってたもんなあ。


方法1:Google Gadgetsを使う

まずはこちら。はてなの対応ブログパーツに「Google Gadgets」が加わったことで可能になった方法です。

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

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


なぜか? 公式のブログパーツと同様「たくさん貼ると重くなる」というのも理由の一つではあるのですが、それ以前の問題がありまして……。

えーと、説明しなくても何割かの人は既にお気づきかと思うのですが、グーグルガジェットって表示されないことがけっこう多いんですよ。これは個人の環境によって違うと思うんですが、うちの場合一発で表示される確率めちゃくちゃ低い。下手したら2割切るかも。

まあリロードすればそのうち出てくるんですけど、こちらはサムネが表示されてるつもりで「この動画は〜」とか解説はじめてるのに見てるほうは「お前はなにを言ってるんだ」という状態になっちゃう確率があるわけで……それじゃちょっと使用がためらわれますよね。


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


方法2:サムネだけ貼る

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

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

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

アイドルマスター 「ロリトリオ Megamix」

こんな感じですね。で、せっかくサムネ引っぱってきてるんだからサムネにリンク貼っちゃったらよくね? ってことで、僕は最近サムネにもリンク貼って紹介してます。

アイドルマスター 「I want とかち Hijack Remix」

こんな感じね。単にイメージにリンク付けてるだけですが、サムネから飛べるとなんか一気に良い感じな気がしません? しないか。でも僕は良い感じだと思うのさ。


方法3:サムネイルジェネレータを使う

で、この記事のトップで使ってる方法がこれですね。

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

アイドルマスター 「ふるふるフューチャー☆ Elecとかち Distortion Edit」

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


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

ぶっちゃけ最初から3番目の方法だけ紹介すればいいんじゃね? みたいな身も蓋もないことを指摘したくなるかもしれませんが、サムネだけ引っぱってくるのもそれはそれで便利だと思うんですよ。

というわけで、今回の結論としては2と3のタグをお使いの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="">

方法3のサムネイルジェネレータは完璧だけど、いちいちサイトに飛んで生成するのめんどくさいよね? でもこのたった3つのタグを単語登録するだけで、いつでもすぐサムネ付きでブログに紹介できるようになります。動画IDを「sm」の後ろに放り込むだけ! ブックマークレットとかで生成するよりぶっちゃけ早いんじゃないかな。

公式風サムネはalt要素にタイトル入れたらよりベターだろうけど、別になくても画像タイトルが空白になるだけだしかまわないでしょう。


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


ブックマークレット版

ブックマークレットなくても単語登録してしまえば楽じゃないかな? とか強がり言ってたら、一日もたたないうちにコメント欄にジェバンニが降臨してる! やっぱ自動で生成してくれるのはコピペの手間が減るぶん楽だ(笑)。ブックマークレッターすごいなあ。

グーグルガジェット使ってブックマークレット貼ってるので、見えない人は↓のchaoshexaさんがコメントで書いてくれているコードの「’」と「”」を半角にしてお気に入りに突っ込みましょう。

これ無茶苦茶便利なのに追記を見てない人がいるとかわいそうなので、新しいエントリ立ててプッシュしてみようかな。


書きました

というわけで、コメント欄の神が作ってくれたブックマークレットをプッシュしておきます。ここと同じ内容貼るだけじゃ寂しいので、ついでにURLをちょっとだけいじって方法2のサムネ用のブックマークレットも作っときました。

*1:編集者のid:ch1248,id:acqua_alta,id:ultraluckystar各氏GJ!

*2:うちで一番ブクマ付いた記事です。これhejihoguさんの記事から情報引っぱってきただけなんだけどなあ(笑)

*3:コメント付き保存ツール「さきゅばす」を公開されています

*4:sm○○の番号

*5:サムネのみ貼る場合は「target="_blank"」は削っていいです

いかいか 2007/12/18 23:51 サムネよりもここぞとばかりにTPTPの紳士的な動画そ紹介しているのに、脳汁が出てしまいました。この変態紳士!

chaoshexachaoshexa 2007/12/19 02:56 javascript:prompt(’%E4%BB%A5%E4%B8%8B%E3%82%92%E3%82%B3%E3%83%94%E3%83%BC%E3%81%97%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84’,’<a href=”’+document.URL+’” target=”_blank”><img src=”http://niconail.info/’+document.getElementsByName(’site_url’)[0].value.match(/sm[0-9]+/)+’” alt=”’+document.title+’”></a>’);
こんな感じでしょうか。’と”は半角に。

sikii_jsikii_j 2007/12/19 10:01 >いかさん
こういうときのどさくさにまぎれないと紳士の社交場を紹介できない僕はチキンだぜ! でも実は大好き。うっかり踏んだ人の何割かは紳士の階段を昇るのだ。

>chaoshexaさん
うおおジェバンニ登場! あ な た が 神 か!
動作確認完了しました。速攻で追記しようかと思ったけど……これめちゃくちゃ便利だから新しい記事立てて紹介させて貰います。

chaoshexachaoshexa 2007/12/19 17:11 お役に立てて何よりなんですが、私も方法1と3を見て適当に書き換えただけなので、新ページの2のブックマークレットの方の作者名はsikii_jさんに変えておいて下さい。

sikii_jsikii_j 2007/12/19 21:24 ああ、あれだけで「僕が作ったよ」というのはちょっと恥ずかしいから名前そのまんまにしといたんですが、やっぱ気になりますか。まあ作者というか改変者ということで、修正しておきますー。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

2007 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 |
2008 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 |
2009 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 |
2010 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 |
2011 | 01 | 02 | 03 | 05 | 06 | 07 | 08 | 09 | 10 | 12 |
2012 | 01 | 03 | 08 | 12 |
2013 | 02 | 04 | 05 | 07 | 08 | 10 | 11 | 12 |
2014 | 02 |
2015 | 02 | 03 | 04 | 07 |
2016 | 03 | 09 | 10 |