<?xml version="1.0" encoding="UTF-8"?>
<rdf:RDF
	xmlns="http://purl.org/rss/1.0/"
	xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:admin="http://webns.net/mvcb/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
	xml:lang="ja">
	<channel rdf:about="http://ck2-blogger.com/index.rss">
		<title>Ck2 Blogger</title>
		<link>http://ck2-blogger.com</link>
		<description>welcome ✽.｡.:*･ﾟ</description>
		<image rdf:resource="http://ck2-blogger.com/image/coffee/coffee_s.gif" />
		<dc:creator>«á[ (mailto:)</dc:creator>
		<admin:generatorAgent rdf:resource="http://www.blosxom.com/?v=2.0"/>
		<items>
			<rdf:Seq>
				<rdf:li rdf:resource="http://ck2-blogger.com/ent/every-little-step.htm"/>
				<rdf:li rdf:resource="http://ck2-blogger.com/blog/design-sign-new.htm"/>
				<rdf:li rdf:resource="http://ck2-blogger.com/webdesign/design-sign.htm"/>
				<rdf:li rdf:resource="http://ck2-blogger.com/blosxom/blosxom-ogp.htm"/>
				<rdf:li rdf:resource="http://ck2-blogger.com/webdesign/blog-design-end.htm"/>
			</rdf:Seq>
		</items>
	</channel>
	<image rdf:about="http://ck2-blogger.com/image/coffee/coffee_s.gif">
	<title>Ck2 Blogger</title> 
	<link>http://ck2-blogger.com</link> 
	<url>http://ck2-blogger.com/image/coffee/coffee_s.gif</url> 
	</image>
		<item rdf:about="http://ck2-blogger.com/ent/every-little-step.htm">
		<title>﻿アカペラグループのEvery Little Step</title>
		<link>http://ck2-blogger.com/ent/every-little-step.htm</link>
		<description>最近私がハマっているアカペラグループのVOCAL POINTにパフォーマンス。ボビー・ブラウンのEvery Little Stepをめっちゃうまくかっこよくしてます。初めてこの動画見た時は、パーカッションの人とベースの人がすごすぎて、感動しちゃった。是非ご覧あれ。曲だけ聞きたい人は、１分２５秒から見ると幸せになれるかも。</description>
		<dc:subject>Entertainment</dc:subject>
		<dc:creator>«á[</dc:creator>
		<dc:date>2013-DEC-23T13:19+09:00</dc:date>
		<content:encoded><![CDATA[
<p>最近私がハマっているアカペラグループのVOCAL POINTにパフォーマンス。ボビー・ブラウンのEvery Little Stepをめっちゃうまくかっこよくしてます。</p>
<p>初めてこの動画見た時は、パーカッションの人とベースの人がすごすぎて、感動しちゃった。是非ご覧あれ。</p>
<p>曲だけ聞きたい人は、１分２５秒から見ると幸せになれるかも。</p>
<center><iframe width="560" height="315" src="//www.youtube.com/embed/V3_21mIc9y0?list=PL478FB905C644DDA2" frameborder="0" allowfullscreen></iframe></center>
<p><a href="http://ck2-blogger.com/ent/every-little-step.htm#trackback">TrackBack(0)</a> <a href="http://ck2-blogger.com/ent/every-little-step.htm#comment">Comment(590)</a>]]></content:encoded>
		<trackback:ping rdf:resource="http://ck2-blogger.com/ent/every-little-step.trackback"/>
	</item>
		<item rdf:about="http://ck2-blogger.com/blog/design-sign-new.htm">
		<title>Design Sign完成</title>
		<link>http://ck2-blogger.com/blog/design-sign-new.htm</link>
		<description>ミスで全部消えてしまった新しいサイト Design Sign が完成しました。１から作り直して、なおかつ以前よりもページと動的部分を増やして、前よりよくなった感じ。自分的には満足。DESIGN SIGNhttp://design-sign.org見て頂けたら、是非感想をお願いします。</description>
		<dc:subject>Blog</dc:subject>
		<dc:creator>«á[</dc:creator>
		<dc:date>2013-DEC-19T06:56+09:00</dc:date>
		<content:encoded><![CDATA[
<p>ミスで全部消えてしまった新しいサイト Design Sign が完成しました。</p>
<p>１から作り直して、なおかつ以前よりもページと動的部分を増やして、前よりよくなった感じ。自分的には満足。</p>
<p><center><em><a href="http://design-sign.org/" target="_blank">DESIGN SIGN</a></em></center></p>
<p><center><em><a href="http://design-sign.org/" target="_blank">http://design-sign.org</a></em></center></p>
<p>見て頂けたら、是非感想をお願いします。</p>
<p><a href="http://ck2-blogger.com/blog/design-sign-new.htm#trackback">TrackBack(0)</a> <a href="http://ck2-blogger.com/blog/design-sign-new.htm#comment">Comment(1)</a>]]></content:encoded>
		<trackback:ping rdf:resource="http://ck2-blogger.com/blog/design-sign-new.trackback"/>
	</item>
		<item rdf:about="http://ck2-blogger.com/webdesign/design-sign.htm">
		<title>﻿レスポンシブな新しいサイト（ブログ）とりあえず完成したので、公開</title>
		<link>http://ck2-blogger.com/webdesign/design-sign.htm</link>
		<description>Ck2 Bloggerも復活させたのに、ちょっと更新をサボっていたのは、wordpressを使って、また別のサイト（ブログ）を作っていたからです。とりあえず、見れる程度になったので公開してみようと思います。そもそもこのCk2 Blogger自体も見てくれている人が少ないので、公開した所でアクセスがぐーんと上がるってわけじゃありませんが、せっかく作ったのでね。DESIGN SIGNhttp://design-sign.orgこちらも100％レスポンシブデザインです。トップページの動く画像は、動画ではなくて、wordpressのプラグインで、個々の画像を動かして動画のように見せてます。お暇な方がいたしたら、ご感想頂けたら嬉しいです。</description>
		<dc:subject>Webdesign</dc:subject>
		<dc:creator>«á[</dc:creator>
		<dc:date>2013-AUG-16T16:27+09:00</dc:date>
		<content:encoded><![CDATA[
<p>Ck2 Bloggerも復活させたのに、ちょっと更新をサボっていたのは、wordpressを使って、また別のサイト（ブログ）を作っていたからです。</p>
<p>とりあえず、見れる程度になったので公開してみようと思います。そもそもこのCk2 Blogger自体も見てくれている人が少ないので、公開した所でアクセスがぐーんと上がるってわけじゃありませんが、せっかく作ったのでね。</p>
<p><center><em><a href="http://design-sign.org/" target="_blank">DESIGN SIGN</a></em></center></p>
<p><center><em><a href="http://design-sign.org/" target="_blank">http://design-sign.org</a></em></center></p>
<p>こちらも100％レスポンシブデザインです。トップページの動く画像は、動画ではなくて、wordpressのプラグインで、個々の画像を動かして動画のように見せてます。お暇な方がいたしたら、ご感想頂けたら嬉しいです。</p>
<p><a href="http://ck2-blogger.com/webdesign/design-sign.htm#trackback">TrackBack(0)</a> <a href="http://ck2-blogger.com/webdesign/design-sign.htm#comment">Comment(394)</a>]]></content:encoded>
		<trackback:ping rdf:resource="http://ck2-blogger.com/webdesign/design-sign.trackback"/>
	</item>
		<item rdf:about="http://ck2-blogger.com/blosxom/blosxom-ogp.htm">
		<title>遅ればせながらOGP設置方法まとめ[備忘録]</title>
		<link>http://ck2-blogger.com/blosxom/blosxom-ogp.htm</link>
		<description>みなさんはOGP設置済みですよね？あるとないとでは大きく違うOGP。いまさら感たっぷりですが、やっとOGPを設置したのでまとめをiPhoneからポチポチと書いているきゃー(@kyaa)です。ブログ復活させて、心機一転デザインも変えて、どうにかここまできましたが、しばらく離れていたために、いろいろ遅れをとっていました。さすがに、真面目に運営するならOGPに対応させなければ…と、遅ればせながら設置しました。忘れっぽいので備忘録です。情報が古かったり間違っていたら教えて下さい。まずはOGPとは何かを理解する所から。OGPとは？OGPとは、Open Graph Protocolの略で、facebookやmixiなどにWebページをシェアするとき、そのページの記事のタイトル、URL、代表する画像、サマリーなどを正しく各ソーシャルメディアに伝えるためのHTMLのheadタグ内に記述するメタ要素の事です。上の画像のように、facebookでリンクをシェアしようとすると、自動でリンク先の情報が画像のサムネイル付きで表示されます。OGPが正しく設置されていないと、これが表示されなかったり、間違った情報が表示されたりします。このようにサイトの情報を渡す為に記述されるのがOGPです。OGPのメリット例えばfacebookで「いいね！」を押すと「○○さんがリンクについていいね！と言っています」と自分のウォールには投稿されますがニュースフィードには反映されないため、他の人の目に記事がさらされる事はあまりありません。しかしOGPが正しく設置されているサイトで「いいね！」を押すと、画像のような情報が取得され友達のニュースフィードにも表示されます。さらにその友達がシェアされたリンクを「いいね！」すると、さらにその友達に……と拡散していくわけです。このシステムが当たり前になってきた今では、OGPがないサイトは淘汰されていくと思われます。(今まで設置しなかった私がいうのもアレですが…。)OGPの設置OGP設置の為の準備HTML5とそうでない場合、書き換えるタグが変わってきます。htmlファイルの最上部に&lt;!DOCTYPE html&gt;があればHTML5です。HTML5の場合、headタグを次のように書き換えます。&lt;head prefix=&quot;og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http//ogp.me/ns/article#&quot;&gt;HTML5以外の場合、htmlタグを次のように書き換えます。&lt;html lang=&quot;ja&quot; xmlns:og=&quot;http://ogp.me/ns#&quot; xmlns:fb=&quot;http://www.facebook.com/2008/fbml&quot;&gt;OGPのmetaタグを設置headタグ内にOGPのmetaタグを記述します。&lt;meta property=&quot;fb:admins&quot; content=&quot;[ここに自分のfb:adminsを記述 取得方法は後述]&quot; /&gt;&lt;meta property=&quot;og:locale&quot; content=&quot;ja_JP&quot; /&gt;&lt;meta property=&quot;og:type&quot; content=&quot;blog&quot; /&gt;&lt;meta property=&quot;og:description&quot; content=&quot;[ここにそのページの説明。100字程度]&quot; /&gt;&lt;meta property=&quot;og:title&quot; content=&quot;[ここにそのページのタイトル(ブログなら記事のタイトルなど)]&quot; /&gt;&lt;meta property=&quot;og:url&quot; content=&quot;[ここにそのページのURL]&quot; /&gt;&lt;meta property=&quot;og:site_name&quot; content=&quot;[サイト名やブログ名]&quot; /&gt;&lt;meta property=&quot;og:image&quot; content=&quot;[そのページの画像のURL]&quot; /&gt;[]で囲んだ部分を書き換えます。ブログなどのツールの場合は、それぞれのツールのパラメータに書き換えて下さい。自分のfb:adminsを調べる方法fb:adminsというIDナンバーは、facebookのアカウント毎に違います。自分のIDナンバーを調べる方法はいくつかあるようですが、私が調べた方法は、以下のやり方です。自分のfacebookのタイムラインを開いて、プロフィール写真をクリックします。その時のURLの&quot;&amp;type&quot;の前の15桁の数字が自分のfb:adminsのIDナンバーになります。BlosxomでOGP設置このブログは、blosxomというブログツールで構築しているので、プラグインを使わずにOGPを設置するパラメータを含んだmetaタグを、自分の為に書いておきます。&lt;meta property=&quot;fb:admins&quot; content=&quot;123456789012345&quot; /&gt;&lt;meta property=&quot;og:locale&quot; content=&quot;ja_JP&quot; /&gt;&lt;meta property=&quot;og:type&quot; content=&quot;blog&quot; /&gt;&lt;meta property=&quot;og:description&quot; content=&quot;[概要]&quot; /&gt;&lt;meta property=&quot;og:title&quot; content=&quot;$blog_title$date_title::title$entry_title::title&quot; /&gt;&lt;meta property=&quot;og:url&quot; content=&quot;$url/$path_info&quot; /&gt;&lt;meta property=&quot;og:site_name&quot; content=&quot;$blog_title&quot; /&gt;&lt;meta property=&quot;og:image&quot; content=&quot;$url/画像保存ディレクトリ/gazou.jpg&quot; /&gt;やっぱりプラグインを使わないと、画像とページの説明(というか文章？)が取得できない。orzなので画像は特定のものに、説明はブログの説明、って事にしました。私がバカなだけで、やり方わかるぜ！って方いましたら教えてやって下さい。最後に、OGPと関係ないけどBlosxomに興味持ったら…今更だけどblosxomに興味持った方は、こちらの記事をどうぞ。(いないと思うけど。)Blosxomとは何か</description>
		<dc:subject>Blosxom</dc:subject>
		<dc:creator>«á[</dc:creator>
		<dc:date>2013-JUL-24T10:44+09:00</dc:date>
		<content:encoded><![CDATA[
<p>みなさんはOGP設置済みですよね？あるとないとでは大きく違うOGP。いまさら感たっぷりですが、やっとOGPを設置したのでまとめをiPhoneからポチポチと書いているきゃー(<a href="https://twitter.com/kyaa" target="_blank">@kyaa</a>)です。</p>
<p>ブログ復活させて、心機一転デザインも変えて、どうにかここまできましたが、しばらく離れていたために、いろいろ遅れをとっていました。さすがに、真面目に運営するならOGPに対応させなければ…と、遅ればせながら設置しました。忘れっぽいので備忘録です。情報が古かったり間違っていたら教えて下さい。</p>
<p>まずはOGPとは何かを理解する所から。</p>
<p><a href="http://ck2-blogger.com/blosxom/blosxom-ogp.htm" title="続きを読む..." class="seemore">続きを読む...</a></p>

<p><a href="http://ck2-blogger.com/blosxom/blosxom-ogp.htm#trackback">TrackBack(0)</a> <a href="http://ck2-blogger.com/blosxom/blosxom-ogp.htm#comment">Comment(753)</a>]]></content:encoded>
		<trackback:ping rdf:resource="http://ck2-blogger.com/blosxom/blosxom-ogp.trackback"/>
	</item>
		<item rdf:about="http://ck2-blogger.com/webdesign/blog-design-end.htm">
		<title>カラムが変化するレスポンシブなブログデザインほぼ完成</title>
		<link>http://ck2-blogger.com/webdesign/blog-design-end.htm</link>
		<description>とりあえず疲れたので、ほぼ完成って事で、細かい所はのんびり直していきます。すべてを自分でデザインするモチベーションが今はないので、フリーのWordPressのテーマを頂いてきて移植させて頂きました。Themifyスマホ用ページはどうしようかと思っていたんですが、このテーマはカラムが変化してスマホ用ページいらず！なので使わせて頂いたんです。レスポンシブ！blosxom用に移植って簡単に言っても、これが結構面倒だったりします。デザイン部分だけの変更でも、フレーバー(テーマ)だけじゃなくてプラグインの中身までイジらないと、うちのブログは移植が完了しません。どうにかこうにか朝までかかって移植は終わりました。で、よく見かける途中から位置が固定される &quot;position: fixed;&quot; を使って一部のサイドバーを固定しました。まだ直したい所がたくさんあるんですが、気がついたら朝になってしまったので、また今度…。あ、、そういえばコメントフォームの名前入力欄も直さないといけないんだ……。そのうち直しますので、それまでお許し下さい。追記:コメントフォーム直しました。これで、名前も反映されるはず。</description>
		<dc:subject>Webdesign</dc:subject>
		<dc:creator>«á[</dc:creator>
		<dc:date>2013-JUL-23T06:05+09:00</dc:date>
		<content:encoded><![CDATA[
<p>とりあえず疲れたので、ほぼ完成って事で、細かい所はのんびり直していきます。</p>
<p>すべてを自分でデザインするモチベーションが今はないので、フリーのWordPressのテーマを頂いてきて移植させて頂きました。</p>
<blockquote>
<p class="quote-title"><a href="http://themify.me" target="_blank">Themify</a></p>
</blockquote>
<p>スマホ用ページはどうしようかと思っていたんですが、このテーマはカラムが変化してスマホ用ページいらず！なので使わせて頂いたんです。<em>レスポンシブ！</em></p>
<p><a href="http://www.blosxom.com" target="_blank">blosxom</a>用に移植って簡単に言っても、これが結構面倒だったりします。デザイン部分だけの変更でも、フレーバー(テーマ)だけじゃなくてプラグインの中身までイジらないと、うちのブログは移植が完了しません。どうにかこうにか朝までかかって移植は終わりました。</p>
<p>で、よく見かける途中から位置が固定される &quot;position: fixed;&quot; を使って一部のサイドバーを固定しました。</p>
<p>まだ直したい所がたくさんあるんですが、気がついたら朝になってしまったので、また今度…。あ、、そういえばコメントフォームの名前入力欄も直さないといけないんだ……。そのうち直しますので、それまでお許し下さい。</p>
<p>追記:<br />
コメントフォーム直しました。これで、名前も反映されるはず。</p>
<p><a href="http://ck2-blogger.com/webdesign/blog-design-end.htm#trackback">TrackBack(0)</a> <a href="http://ck2-blogger.com/webdesign/blog-design-end.htm#comment">Comment(606)</a>]]></content:encoded>
		<trackback:ping rdf:resource="http://ck2-blogger.com/webdesign/blog-design-end.trackback"/>
	</item>
	</rdf:RDF>
