2012年05月26日

私のコンテンツの専用リンク集を作り始めました

どうも。整理整頓マニアの正宗です。

以前書いた『リンク集を作ろうかと』という記事の続きです。

今年の1月14日の記事ですよ...ちょっと懐かしい(笑)

上の『リンク集を作ろうかと』の記事の要点をかいつまんで言うと『何個か運営してる自分のコンテンツ専用のリンク集を作って色々スッキリしたい』というものなのですが、その記事を投稿したわずか2日後にパソコンがぶっ壊れるという奇跡体験をしてしまった為、今までこの案は放置となっていました。

しかし、今使用しているこの12インチの小さなノートパソコンも何だかんだでかなり手に馴染んで来たし、ここらでいっちょう作ってやるかな、と思った訳です。

まぁ、ぶっちゃけるとまだ思いっきり作りかけなんですけど、構わず紹介しちゃいます。

【心】Movements

現在の状態をキャプチャーしておきました。

2012-05-26-01.jpg
《画像クリックで拡大》

見て貰えばお分かりの通り、清々しい程にテンプレート丸出しのデザインです。

この初期状態からカスタマイズを繰り返してサイトを作り上げて行く事になります。

リンク集と言いつつ、この『サムライEXP』と『ブログアクセスアップ』へのリンクしか作っていないのも、2サイト分のリンクが有れば取り敢えずの動作テストが出来るからです。

今後しばらくは、あーでもないこーでもないと弄り倒す事になりますので、どんな風に変化するのか、思い出した時にたまーに見に来れば良いと思うよ!

もし、何か失敗しておかしな事になってたら笑って下さい。


ではでは、また来てね!!
インターネット - サムライEXP posted by 正宗 at 08:33

2012年05月24日

SeesaaブログをOGPに一部動的に対応させる方法

どうも。手探りのままいきなりブログのカスタマイズを始めてしまう方の正宗です。

フェイスブックやミクシィ、グリーの『いいね!』ボタン等で使われているOGP(The Open Graph protocol)ですが、Seesaaがデフォルトで用意してくれている『<% blog.ogp_tag(ar6cle_for_ogp) %>』のタグを使用すると、出力されるページのタイトルやURLはトップページのもので固定され、更にはロゴ画像までSeesaaが用意しているデフォルトのロゴに固定されてしまうので、出来れば自分でOGP用のmetaタグを記述したいと思う人も多いのではないでしょうか?

私もその内の一人です。

でもって、さっそくこのブログのOGP対応を目指してHTMLのカスタマイズを始めたのですが、あれやこれや試行錯誤して予想以上に大変だったので、今日は私がこのブログをOGPに対応させた際のmetaタグの書き方を記しておこうと思います。

SeesaaブログをOGPに対応させたい、あなたの参考になれば。

■ まずはじめに。6つの注意事項

1.腹をくくりましょう。何が起きてもスーパー自己責任です。

2.HTMLのバックアップを事前に絶対に取っておきましょう。そうすれば、少なくとも現状復帰が可能になります。

3.このブログで記述してるOGP用のmetaタグの内容は『title、type、url、image、description、site_name』の6つのみです。

4.metaタグ内容の『title、url』の2つは、ページごとに個別のものを出力する事が出来ます。それ以外は固定になります。

5.descriptionに本文の内容を反映させるのはあきらめましょう。その方が幸せになれます。

6.『<html>』タグ内にも忘れずに『xmlns:og="http://ogp.me/ns#"』や『xmlns:fb="http://www.facebook.com/2008/fbml"』の文を追加して「OGPに対応しましたよ」と宣言しておきましょう。ちなみに私は記述してませんが、ミクシィ用は『xmlns:mixi="http://mixi-platform.com/ns#"』、グリー用は『xmlns:gr="http://gree.jp/ns"』となります。

■ 次に、以下のmetaタグをコピペします

以下の6行のmetaタグをコピーして、あなたのブログのHTMLの『<head>〜</head>』内にペーストします。

↓ 以下をコピペ ↓

<meta property="og:title" content="あなたのブログの<title>〜</title>の間の記述全て" />
<meta property="og:type" content="website" />
<meta property="og:url" content="<% mobile_link_discovery %>" />
<meta property="og:image" content="あなたが用意した画像のURL" />
<meta property="og:description" content="<% blog.description | nl2br | tag_strip %>" />
<meta property="og:site_name" content="<% blog.title %>" />


↑ 以上をコピペ ↑

その後、赤文字の部分をあなた独自のものに修正します。

各行については以下の通りです。

■ 各行ごとの説明

1行目『og:title』について
あなたのブログの<title>〜</title>の間の記述全てを赤文字の部分にコピペします。<% if:extra_title %>とか書いてあると思いますが、それも含めて全部です。"<title>"及び"</title>"自体はコピペしちゃダメですのでご注意を。これで個別記事のタイトルやカテゴリタイトルもOGP用に出力出来るようになります。

2行目『og:type』について
"website"で固定します。検索していて"blog"や個別記事のみ"article"で対応する方も見かけましたが、どのページもHTMLで作られている以上"website"が妥当、かつシンプルで良いと思ったので。

3行目『og:url』について
handheld指定で使われている<% mobile_link_discovery %>を流用します。SeesaaブログではPCと携帯を自動で振り分ける仕様だからだと思いますが、<% mobile_link_discovery %>は常にPC閲覧用の個別ページURLを出力してるので、そのまま使ってしまいましょう。

4行目『og:image』について
あなたのロゴ画像を用意して下さい。サイズは200×200でPNG(次点でJPGかGIF)のものにしましょう。200×200以下のサイズだと警告が出ます。200×200より上のサイズはどこまで対応してるか私には分かりません。用意した画像をファイルマネージャでアップロードして、そのURLを赤文字の部分に記述して下さい。

5行目『og:description』について
本来ならそのページの概要を記述するべき部分なのですが、どう頑張っても本文の文字を自動で表示させる事が出来なかったのでブログの説明文で代用しました。無念じゃ。

6行目『og:site_name』について
ブログの正式名称を表示する部分なので、ブログタイトルで固定します。

■ 最後に、チェックします

設定が終わったら、そのHTMLを保存して下さい。

仕上げにどこか問題が無いかどうかのチェックをしましょう。

フェイスブックが提供しているツールページ、デバッガーにアクセスしてあなたのブログのURLを入力し、結果をチェックしてみて下さい。

どうでしょう?

意図した通りに表示されてますか?


以上でフェイスブック『いいね!』もミクシィチェックも一切ブログに設置していない私からのOGP講座は終了です、お疲れさまでした。

え?

なんでそれでOGPに対応させたのかって?

ロマンだからですよ。


ではでは、また来てね!!
インターネット - サムライEXP posted by 正宗 at 00:58

2012年05月22日

ヘイ!今回の金環日食、見逃した人は他にいる?

どうも。日食を見逃してしまった正宗です。

2012年5月21日の金環日食の様々な見所を、ウェブ上でざっとおさらい出来るような5つのページをまとめてみました。


2012年5月21日 金環日食を楽しもう!
http://www.youtube.com/watch?v=MZHpKc6Q6KU
日食の仕組みから楽しみ方・注意事項まで解説してくれる基礎知識ムービー。ナレーションのお姉さん(中尾衣里さんという人らしいです)の喋り方が優しげで、個人的に凄く気に入ったので一番目に紹介。

国立天文台三鷹 金環日食映像(2012年5月21日)
http://www.youtube.com/watch?v=RrIbnr2DRBo
日食の一部始終を収めたムービー。

2012年5月21日 金環日食 | ギャラリー
http://naojcamp.mtk.nao.ac.jp/phenomena/20120521/
NAOJこと国立天文台の写真。枚数は少ないですが、貴重なベイリービーズ(月面の凹凸が日食の環を部分的に欠けさせる現象)を見る事が出来ます。

【金環日食】2012年5月21日の金環日食撮影しました!
http://blog.mobiledatabank.jp/archives/51330743.html
個人ブログ『MOBILEDATABANK』さんのページ。画像が大きく枚数が豊富で、かつ鮮明に日食が撮られています。

金冠日食 撮影しました。
http://vantech.at.webry.info/201205/article_7.html
個人ブログ『バンテック ベガ もーもーモーグル アリストTTE』さんのページ。雲の存在が凄く良い味を出してます。カッコイイ。


以上ですー。

ちなみに日食メガネ買いましたか?



もし持ってるなら、その日食メガネで2012年6月6日に金星の太陽面通過を見る事が出来るので、まだ捨てない方が良いよ!


ではでは、また来てね!!
時事 - サムライEXP posted by 正宗 at 05:23

2012年05月21日

無印良品アルミカバーシーリングライトの蛍光ランプ替えたよ!

どうも。無印大好キングな正宗です。

今日は『FHC』という、少しだけマニアックな規格の蛍光ランプを使用している無印良品の照明、アルミカバーアクリルシーリングライトの蛍光ランプを取り替えた話をしようと思います。

2012-05-21-01.jpgこんな形の照明です


先日の夜の事です。

...?

気のせいか?

(チカッチカッ)

あ、やっぱ気のせいじゃないわ。

部屋の照明がチカチカ言い始めました。

詳しい時期は忘れてしまいましたが、購入して数年が経っているので、いい加減ランプの寿命が来てもおかしくありません。

そろそろ買い替えなky(プツッ)切れたー!!

おいおい早いよ!

チカチカ言い始めてから、ものの20分ほどであっという間に切れてしまったランプ。

慌ててキッチン側の照明を点けましたが、それで部屋全体が明るくなるハズも無く途方に暮れる私。

しかし切れてしまったものは仕方ありません。

まだ近所のスーパーがギリギリ営業してる時間だったので、急いで買いに行く事に...いやちょっと待て。

確かこの照明に使われてるランプって、やたら細くて変わった形してたっけなぁ。

ちゃんと事前に調べておかないと無駄買いして泣く事になる。

そう思った私は、購入時以来初めて照明のマニュアルを引っ張りだして久々に目を通してみました。

2012-05-21-02.jpgマニュアル様

『この器具は、FHC20、FHC27専用器具です。従来のFCL30、FCL32、FCL40は使用できません。』

お、おう...そうなの?

うーん、FHCとかFCLとか何が違うのかよく分からんな...。

2012-05-21-03.jpg取り外してみた

実物を見てみると『NECホタルックスリム』と書いてありました。

オッケー把握した!

つまり商品名が『NECホタルックスリム』で『FHC20』『FHC27』って書いてあるヤツを買えば良い訳だな、多分。

もし『FCL20』とかが売ってたとしても、それは買っちゃアカンのだな、多分。

これで完璧とばかりに意気揚々と出掛けた私は、しかしスーパーの一角の小さな電気器具売り場スペースの、更にこれまたひっそりと陳列されている僅かな種類の蛍光ランプの中から『NECホタルックスリム』も『FHC』という単語すらも、どこにも見付ける事が出来なかった。


そして夜が明けて。

ちょっと家から離れた所にある大型電気店に、改めてランプを買いに行く私。

スーパーには売ってなくともここならちゃんと売ってるハズ。

...おぉ、有った有った!

さすが大型電気店!

スーパーの一角の電気器具売り場には出来ない事を平然とやってのけるッ!

でもそんなの当たり前だからシビれないしあこがれない。

という訳で。

2012-05-21-04.jpg感動のあかり

買ってきましたホタルックスリム!

FHC20とFHC27の二本組です。

そして今回は、蛍光ランプの中でも一番明るい『昼光色』タイプのものを選んでみました。

2012-05-21-05.jpgFRESH色だそうです

無印で買った時に付属してたのがたまたま『電球色』という、黄色がかったやわらかい、暖かみのある色のランプだったのですが、ワンルームの部屋で使うにはちょっと暗いなぁと常々感じていたので。(ちなみに独立した寝室や食卓には電球色が向いてると思います)

さて、問題はここからだ。

2012-05-21-06.jpg取り出してみた

どう見ても元のランプと同じ形をしている。

ちゃんとFHCってヤツを買って来た。

間違いなく使えるハズだ、多分。

キッチン側の照明を頼りにランプをセットし、スイッチを入れる。

さぁどうだ!?

2012-05-21-07.jpg点いたー

よっしゃ計画通りってか何コレ眩しいッ!!

白い。

白い。

白い光。

さんさんと降り注ぐ圧倒的に白い光。

それは今まで黄色くやわらかい光に慣れ親しんでいた私には危険な程の白さだった。

クッ...これが昼光色の力なのか...!!

眩しくて上を見てられないので、下を向きつつ手探りでカバーを付ける。

2012-05-21-08.jpg目がァ、目がァー!

うぉおおおおやべぇ、部屋が白いッ!!

一夜にして印象が一変してしまった、私の部屋。

以前に比べてどれほど白さに差が有るのか?

ちょっと興味が出たので、運良く数日前のスティーブ・ジョブズ氏の『ワンモアシング』という記事で使う為に撮っていた写真と似せた構図の写真を再び撮って並べてみました。

左が以前の部屋で右が現在の部屋です。

2012-05-15-01.jpg 2012-05-21-09.jpg


スゲェ、何この差。

いやもう圧倒的ですな。

電球色の暖かみのある光も決して嫌いではないのですが、やはり普段生活する場では白がちゃんと白として見える方が絶対に良いです。

男性ならヒゲの剃り残しが減りますし、女性なら厚化粧にならずに済みますからね!


かくして無印良品『アルミカバーアクリルシーリングライト』の蛍光ランプ取り替え大成功!

間違えて買わなくて本当に良かった...。

ちなみに私が買ったのはこっちの方のホタルックです。

どれを買って良いか分からない時は、是非参考にして下さい。


ではでは、また来てね!!
自由帳 - サムライEXP posted by 正宗 at 02:35

2012年05月19日

続:それは剣と言うにはあまりに大きすぎた @ エレナイ

ちょっとちょっとちょっと!

復刻してるじゃないですか!

『伝説を継ぐものたち』ガチャが!!


2012-05-19-01.jpg
【引用】:(C)WINLIGHT


つい二十日ばかり前に、私は『もしかしたら今後また似たようなアイテムをゲット出来るチャンスがあるかも』とは言いましたが、まさかこんなに早くヒートガントレットそのものを手に入れるチャンスが来る事になるとは思いもしませんでした。

ヒートガントレットとは下の引用画像の右から2番目のキャラが両手に装備してる赤いヤツの事です。

2012-04-29-02.jpg
【引用】:(C)WINLIGHT


一番目の画像と見比べると、左側のキャラが同じ物を両手に装備しているのが確認出来ますね。


エレナイでも今回の『伝説を継ぐものたち』から、今、世間で問題になってるコンプガチャは廃止にしたようです。

それでも出るも八卦・出ざるも八卦なのがガチャの基本なので、今からヒートガントレットをゲットしてベルセルクのガッツごっこ(詳しくは以前の記事を読んでみておくれ)をやるつもりなら、良い子のみんなはお財布の中身とよーく相談してからにしてね!

約束だよ!!

残月の古城エントランスで、僕と握手!!


PS:
現在私は『エレメンタルナイツブック攻略ガイド』ってサイトも運営してます!

エレナイのブック攻略に必要な証モンスター情報と加護アイテム情報をまとめてあります。

攻略したいブックのタイトルをワンクリックするだけで、必要な全部の情報が簡単に見られるようになってます。

ブックやる時は是非、参考にしてね!!
今日の遊戯 - サムライEXP posted by 正宗 at 22:53