<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>キテレツ荘</title>
	<atom:link href="http://www.kiteretsu-so.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.kiteretsu-so.com</link>
	<description>関西で活動するクリエーターたちによるシェアブログ キテレツ荘。クリエイティブな話題を住人達が発信中。</description>
	<lastBuildDate>Mon, 17 Oct 2011 23:20:44 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>GAカスタム変数とCookieを使って表示を切り替えよう</title>
		<link>http://www.kiteretsu-so.com/archives/2125</link>
		<comments>http://www.kiteretsu-so.com/archives/2125#comments</comments>
		<pubDate>Thu, 13 Oct 2011 15:00:12 +0000</pubDate>
		<dc:creator>もーりー</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[マーケティング]]></category>
		<category><![CDATA[Google Analytics]]></category>

		<guid isPermaLink="false">http://www.kiteretsu-so.com/?p=2125</guid>
		<description><![CDATA[ども、もーりーです。連投すみません。 最近みなさんがすこしずつ更新してくれるようになったので、キテレツ荘のアクセスがちょろっと増えてうれしい限りです。 今回はGoogle Analytics（以下GA）のカスタム変数とC [...]]]></description>
			<content:encoded><![CDATA[<p>ども、もーりーです。連投すみません。</p>
<p>最近みなさんがすこしずつ更新してくれるようになったので、キテレツ荘のアクセスがちょろっと増えてうれしい限りです。</p>
<p>今回はGoogle Analytics（以下GA）のカスタム変数とCookieを使って表示を切り替えるテストを簡単に作ってみました。</p>
<p>『あなた、最近Analyticsネタばっかりね』</p>
<p>って突っ込みは承知の上です。</p>
<p>『これでなにができんの？』</p>
<p>って言われると使うケースによっていろいろ考えられるのですが、</p>
<p>例えば、『新規ユーザー』、『一定期間内に訪問してくれたユーザー』、『商品を買ってくれたユーザー』によって</p>
<p>表示を切り替え＆GAで集計できます。</p>
<p><span id="more-2125"></span></p>
<p>まず簡単にテスト。</p>
<p>下のどちらかをクリックしてみてください。</p>
<p><a href="/morita_work/ga/utmv/test.html" onClick="_gaq.push(['_setCustomVar',3,'CLICKTEST','TEST1',1]); _gaq.push(['_trackPageview']);">値がTEST1の場合</a><br />
	<a href="/morita_work/ga/utmv/test.html" onClick="_gaq.push(['_setCustomVar',3,'CLICKTEST','TEST2',1]); _gaq.push(['_trackPageview']);">値がTEST2の場合</a></p>
<p>違うものが表示されましたか？</p>
<p>でもＵＲＬは一緒です。</p>
<p>&nbsp;</p>
<p>一度ページを閉じて直接ＵＲＬをクリックしてもらっても、最後にみたやつが表示されてると思います。</p>
<p>これは変数名をCookieで保持してるからです。</p>
<p>ブラウザのCookieを消してみてください。</p>
<p>表示がわかるかと思います。</p>
<p>ちなみにGoogle AnalyticsユーザーのCookieの保持期間は2年間。</p>
<p>長いわ！って人は　_setVisitorCookieTimeout(cookieTimeoutMillis)関数で調節してください。</p>
<p>_gaq.push(['_setVisitorCookieTimeout', ここに保持期間を入れる]);</p>
<p>参照：<a href="http://code.google.com/intl/ja/apis/analytics/docs/gaJS/gaJSApiBasicConfiguration.html">GAトラッキングコード基本設定</a></p>
<p>&nbsp;</p>
<p>こなれているプログラマな方々ならPHPなどを使ったほうが良いものができるかと思います。</p>
<p><span style="direction: ltr; ">GAのカスタムレポートを好きなように設定すれば、</span><span style="direction: ltr; ">その後のユーザーの行動を確認できます。</span></p>
<p>&nbsp;</p>
<p>あくまでも簡易的なものとしてこんな使い方もできるってわかってもらえると書いた価値があります。</p>
<p>作り方につきましては、割愛しますので興味のある方は下記のサンプルから。</p>
<p>基本的にググってコピペで作ったものですので、使いやすいものができたら教えてくださいｗ</p>
<p>&nbsp;</p>
<p>※いつもながら素人な感じなので、間違っていたりしたら注意してください</p>
<p>&nbsp;<!--EndFragment--></p>
<p><a href="/morita_work/ga/utmv/ga.zip" onClick="_gaq.push(['_trackPageview','/utmv_ga_data']);">今回のテストサンプルデータをダウンロード</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.kiteretsu-so.com/archives/2125/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jWertyがおもしろいです</title>
		<link>http://www.kiteretsu-so.com/archives/2279</link>
		<comments>http://www.kiteretsu-so.com/archives/2279#comments</comments>
		<pubDate>Wed, 12 Oct 2011 02:02:56 +0000</pubDate>
		<dc:creator>もーりー</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.kiteretsu-so.com/?p=2279</guid>
		<description><![CDATA[ご無沙汰してます、もーりーです。 今月には久しぶりの勉強会と称した飲み会でもやろうかなと思ってますので、 ひさしぶりに更新してみました。 ATND : WEB勉強会&#038;飲み会～京都ではんなり勉強会～ &#160; [...]]]></description>
			<content:encoded><![CDATA[<p><script type="text/javascript">
jwerty.key('ctrl+shift+V', function () {
$(document).ready(function(){
$("#test").css("display","block");
});
_gaq.push(['_trackPageview', 'jWerty_test']);
});
</script></p>
<p>ご無沙汰してます、もーりーです。</p>
<p>今月には久しぶりの勉強会と称した飲み会でもやろうかなと思ってますので、 ひさしぶりに更新してみました。</p>
<p><a href="http://atnd.org/events/20158">ATND : WEB勉強会&#038;飲み会～京都ではんなり勉強会～</a></p>
<p>&nbsp;</p>
<p>今朝<a href="http://coliss.com/">コリスさん</a>で見つけたjWertyというおもしろそうなスクリプトがあったので、1時間ほど遊んでみました。</p>
<p>&nbsp;</p>
<p>コリスさんのことろにありました、<br />
	<strike><span style="color:#ff0000;"><span style="font-size:16px;">上上下下左右左右BA</span></span>（コナミコマンドってゆーんですね。。）でイベントを一つ用意してみたので試してみてください。</strike></p>
<p>地味に動作不良があったので<span style="color:#ff0000;"><span style="font-size:16px;">ctrl+shift+V</span></span>に変更しました。</p>
<p>jwertyサイトからjsファイルをダウンロード（zipでダウンロードCtrl+Alt+z）し、読み込ませ、<br />
	あとは<span style="direction: ltr; ">サイトにあるキーをそのままコピペしてやれば簡単に実装可能。</span></p>
<p>ぼくはJavascriptはまったく書けませんが、jQueryとも問題なく共存できるようなので<br />
	こちらで用意しました。</p>
<p><a href="http://keithcirkel.co.uk/jwerty/">jWerty&nbsp;</a></p>
<p>&nbsp;</p>
<p>めっちゃ簡単に実装できるのでアイディア次第ではユーザビリティの改善案などに盛り込めるかもしれません。</p>
<p>モバイルサイトではaccesskeyは結構使うことは多いと思いますが、PCサイトではそれほど見ないような気がします。</p>
<p>遊び心のあるアイディアでちょっと試してみてはいかがでしょうｗ</p>
<p id="test" style="display:none; position:absolute; top:90px; left:5%;"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/m/mosshm/20080720/20080720184432.jpg" width="100%" /><br />
どっかからパクってきた画像すません</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kiteretsu-so.com/archives/2279/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【セミナー】今後のビジネスを担うFacebook ×　iPhoneアプリ制作のための心得</title>
		<link>http://www.kiteretsu-so.com/archives/2256</link>
		<comments>http://www.kiteretsu-so.com/archives/2256#comments</comments>
		<pubDate>Wed, 20 Jul 2011 14:53:49 +0000</pubDate>
		<dc:creator>キテレツ荘 大家</dc:creator>
				<category><![CDATA[日記]]></category>
		<category><![CDATA[セミナー]]></category>

		<guid isPermaLink="false">http://www.kiteretsu-so.com/?p=2256</guid>
		<description><![CDATA[&#160; 最近はどこもかしこもFacebookでいっぱいやね。 今日はかしこの誕生日。 &#160; そんなこともあり、今週22日の金曜 今後のビジネスを担うFacebook &#215;　iPhoneアプリ制作の [...]]]></description>
			<content:encoded><![CDATA[<p><img alt="facebook_iphone" class="alignnone size-full wp-image-2257" height="150" src="http://www.kiteretsu-so.com/wordpress/wp-content/uploads/2011/07/facebook_iphone.jpg" title="facebook_iphone" width="500" /></p>
<p>&nbsp;</p>
<p>最近はどこもかしこもFacebookでいっぱいやね。</p>
<p>今日はかしこの誕生日。</p>
<p>&nbsp;</p>
<p>そんなこともあり、<span style="font-size:16px;"><strong>今週22日の金曜</strong></span></p>
<p><strong><span style="font-size:22px;">今後のビジネスを担うFacebook &times;　iPhoneアプリ制作のための心得</span></strong></p>
<p>ってセミナーが大阪の中央区であるみたい。</p>
<p>&nbsp;</p>
<p>そう、告知です。</p>
<p>&nbsp;</p>
<p><strong>1.Facebook入門編&nbsp;</strong></p>
<p><strong>2.iPhoneアプリ制作におけるWebデザイナーの優位性</strong></p>
<p><strong>3.Facebook＆iPhoneアプリの可能性</strong></p>
<p><strong>4.質疑応答</strong></p>
<p>&nbsp;</p>
<p>って構成のみっちり3時間。その後、懇親会。</p>
<p>制作者、特にデザイナーよりの人向けのセミナーかなと思う。</p>
<p>&nbsp;</p>
<p>時間は平日の14:30～17:30、と会社通いの人はなかなか難しい時間帯やけど、フリーの人や学生なんかは参加できると思うので特に予定ない、って人は覗いてみて。空きはあるはず。</p>
<p>&nbsp;</p>
<p>30人って少人数なんで質疑応答の時間とかはたっぷり時間とってここぞとばかりに質問をしてみてはいかがやろか。</p>
<p>&nbsp;</p>
<p>我がキテレツ荘の暗部である<strong>かしこ</strong>も通ってる<a href="http://www.applil.com/">『iPhoneアプリ開発講座』</a>の会社　アプリルが主催ということなんで、iPhoneアプリについては制作向けのツッコミができるとはず、と期待。</p>
<p>&nbsp;</p>
<p>【セミナー】<a href="http://applil.sakura.ne.jp/form/seminer.html">今後のビジネスを担うFacebook &times;　iPhoneアプリ制作のための心得</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>あれ？キテレツ大家はこれが初の記事？</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kiteretsu-so.com/archives/2256/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GoogleAnalyticsのクロスドメイン設定のときなどに使えるツール</title>
		<link>http://www.kiteretsu-so.com/archives/2242</link>
		<comments>http://www.kiteretsu-so.com/archives/2242#comments</comments>
		<pubDate>Sun, 10 Jul 2011 03:07:40 +0000</pubDate>
		<dc:creator>もーりー</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Tool]]></category>
		<category><![CDATA[chrome拡張機能]]></category>
		<category><![CDATA[Google Analytics]]></category>

		<guid isPermaLink="false">http://www.kiteretsu-so.com/?p=2242</guid>
		<description><![CDATA[私は自分が無知であること以外は何も知らない。 ども、なぜか無知の知ではじめて見ました、もーりーです。 &#160; 久々の更新ありがとうござます。 &#160; 今日は日常的によくつかうけど、あんまり仕事として使ってる人 [...]]]></description>
			<content:encoded><![CDATA[<p>私は自分が無知であること以外は何も知らない。</p>
<p>ども、なぜか無知の知ではじめて見ました、もーりーです。</p>
<p>&nbsp;</p>
<p>久々の更新ありがとうござます。</p>
<p>&nbsp;</p>
<p>今日は日常的によくつかうけど、あんまり仕事として使ってる人は</p>
<p>いないかもしれないなというツールのご紹介。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span id="more-2242"></span></p>
<p>&nbsp;</p>
<p>ボクは仕事でよくGoogleAnalytics（以下GA）でクロスドメイン設定をさせられるのですが、既存のサイトによって従来のタグであったり、非同期タグであったり、e コマーストランザクションがあったりプロファイルID（UA-XXXXXXX-Xってやつです）が複数あったり、とほんと実に様々なケースがあります。</p>
<p>&nbsp;</p>
<p>当然、そのサイトごとの記述によってはいつも通り設定してるはずなのにきちんと集計できないケースがあります。</p>
<p>それはまぁボクがあまりGAのことをよくわかってないからという理由があるのですが。。。</p>
<p>非同期タグになって多少集計が早くなったようなのですが、通常GAの集計には早くても1時間程度はかかってしまうようです。</p>
<p>一回クロスドメイン設定して、確認のために1時間待ってからGA上で集計できてるか確認するのはちょっとイケテナイですよね。</p>
<p>（お恥ずかしいですが、以前はずっとそれやってました）</p>
<p>&nbsp;</p>
<p>そんなとき、ケースによってよく使ってるのがこちら</p>
<p>&nbsp;</p>
<h3>Edit This Cookie</h3>
<p><img alt="edit this cookie" class="alignnone size-full wp-image-2243" height="113" src="http://www.kiteretsu-so.com/wordpress/wp-content/uploads/2011/07/edit_this_cookie.jpg" title="edit this cookie" width="114" /></p>
<p>Google Chromeの拡張機能でブラウザで今見てるサイトで保持してるクッキーを簡単に見れるもの</p>
<p><a href="https://chrome.google.com/webstore/detail/fngmhnnpilhplaeedifhccceomclgfbg?hl=ja" target="_blank">Edit This Cookieはこちらからどぞ</a></p>
<p>&nbsp;</p>
<p>あまり複雑なことはよくわからないですが、Googleで「kiteretsu-so」というキーワードで検索してキテレツ荘にアクセスした場合、以下のような形になります。（utmctr というのがキーワードですね）</p>
<p><img alt="cookie" class="alignnone size-full wp-image-2244" height="679" src="http://www.kiteretsu-so.com/wordpress/wp-content/uploads/2011/07/cookie.jpg" title="cookie" width="447" /></p>
<p>Google Analyticsは通常Cookie単位で保持されるようなのでこれを見れば一発でわかります。</p>
<p>クロスドメインであれば、違うドメインに移って上の画像で .kiteretsu-so.com　となっているドメインが違うものになってもちゃんと utmctr にキーワードがあれば保持できており、</p>
<p>設定がうまくいっているということがすぐ確認できます。</p>
<p>これ使わなくてもすぐわかる方法いくらでもあるんですがまぁ直感的にわかりやすいし、他の値も見やすくて楽ということでｗ</p>
<p>&nbsp;</p>
<p>さて、上記の場合、検索してサイトへアクセスしてキーワードを保持してるか確認！なんてやり方ですが、これって結局検索エンジンにインデックスされてる、いわば本番環境じゃないと試せないことですよね。</p>
<p>普通、動作検証なんてテスト環境でやるもんだせッ！</p>
<p>どうかしてるぜッ！</p>
<p>というこのともありますので、通常の検索経由と同じようなキーワードをCookieに入れるために&darr;</p>
<p>&nbsp;</p>
<h3>_ ･`｡))つ　Google Analytics URL 生成ツール</h3>
<p>&nbsp;</p>
<p><a href="http://www.google.com/support/googleanalytics/bin/answer.py?hl=ja&amp;answer=55578" target="_blank">URL 生成ツールはこちらです</a></p>
<p>使い方は超簡単でやす。</p>
<p><span style="color:#ff0000;">*</span>の各必須項目を入力するだけ。</p>
<p>以上。</p>
<p>あとは生成されたURLにアクセスすればOK。</p>
<p>__utmzを確認したらちゃんとついてますよね。</p>
<p>別に手打ちでもいいんですがｗ</p>
<p>&nbsp;</p>
<p>これなら別に　ジャバスクリプトとかクッキーとかわからないよ、ぼかぁ　と言う人にも使えると思う。</p>
<p>&nbsp;</p>
<p>っと、こんなどうでもいいような話でしたが、まぁ何かのきっかけになればいいかなと思っております。</p>
<p>&nbsp;</p>
<p>キテレツ荘はこれからもユル～く更新していくつもりなのでどうぞよろしく。</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kiteretsu-so.com/archives/2242/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【短期連載！Mac初心者がiPhoneアプリをつくってみた！（予定）】【ハウチーXcode】</title>
		<link>http://www.kiteretsu-so.com/archives/2218</link>
		<comments>http://www.kiteretsu-so.com/archives/2218#comments</comments>
		<pubDate>Sat, 02 Jul 2011 18:27:47 +0000</pubDate>
		<dc:creator>かしこ</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Lab]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://www.kiteretsu-so.com/?p=2218</guid>
		<description><![CDATA[ようこそのお運び、厚く御礼申し上げます。 キテレツ荘で暗部を担当しております、かしこい風なだけのかしこです。 &#160; クーラーをつけずに扇風機で我慢しています。 もう、その我慢も限界ですがなにか？ &#160; ア [...]]]></description>
			<content:encoded><![CDATA[<div>
<p>ようこそのお運び、厚く御礼申し上げます。</p>
<p>キテレツ荘で暗部を担当しております、かしこい風なだけのかしこです。</p>
<p>&nbsp;</p>
<p>クーラーをつけずに扇風機で我慢しています。</p>
<p>もう、その我慢も限界ですがなにか？</p>
<p>&nbsp;</p>
<p>アンドロイド所持者のわたくしですが恩師の壮大な計画に巻き込まれる形で</p>
<p>iPhoneアプリ開発講座なるものに通うことになりました。</p>
<p><a href="http://www.applil.com/" target="_blank">※iPhoneプログラミング講座の詳細はコチラ　&gt;&gt;&gt;</a></p>
<p>&nbsp;</p>
<p>前回、お取り寄せで沖縄からMBP、アマゾンの堺倉庫よりMacOS10.6をGETしたワタクシですが、</p>
<p>実のところ、アンドロイドアプリ作ろうと思ってアンドロイドSDKのEclipseもインストールしましたが、</p>
<p>それどころではなく、Xcodeと格闘しております。</p>
<p>こんなことでiPhoneアプリを作れるようになるのか？</p>
<p>&nbsp;</p>
<p>現在進行形で送るこの記事群の結末に関してはワタクシ自身も知りません（笑）</p>
<p>&nbsp;</p>
<p>それでは本人の備忘録も兼ねた【短期連載！Mac初心者がiPhoneアプリをつくってみた！（予定）】の第二回、【ハウチーXcode編】スタートです。</p>
<p>&nbsp;</p>
<p><span id="more-2218"></span></p>
<p>&nbsp;</p>
<p>ここでiPhoneアプリに必要な二つの要素を挙げてみます。</p>
<p>&nbsp;</p>
<p>1.開発キットであるXcodeと呼ばれるIDE</p>
<p>2.開発言語であるobjective-C</p>
<p>&nbsp;</p>
<p>この二つは切っても切れないものですが、</p>
<p><span style="color: rgb(255, 0, 0);"><span style="font-size: 14px;">当分はobjective-Cについては忘れます！</span></span></p>
<p>この記事読んでくれている方々も一旦忘れてください！</p>
<p>&nbsp;</p>
<p>何故かって？</p>
<p>&nbsp;</p>
<p>Xcodeの使い方とobjective-C言語、どっちも覚えられないからです！！！</p>
<p>&nbsp;</p>
<p>この時点ではまずXcodeの使い方を覚える方がプライオリティ（優先度）が高いと判断したので言語については忘れます。</p>
<p>これは前回の記事で宣言した「<span style="color: rgb(255, 0, 0);">わからないものを無理して覚えない</span>」理論です。</p>
<p>&nbsp;</p>
<p>ではXcodeを触っていきます。</p>
<p><a href="http://www.kiteretsu-so.com/wordpress/wp-content/uploads/2011/07/bolg2_base01.jpg"><img alt="bolg2_base01" class="alignnone size-medium wp-image-2220" height="300" src="http://www.kiteretsu-so.com/wordpress/wp-content/uploads/2011/07/bolg2_base01-291x300.jpg" title="bolg2_base01" width="291" /></a></p>
<p>1.NewProjectのタイプを選ぶ。赤○のところ選びます。</p>
<p>2.新規ファイルのテンプレートを選びます。</p>
<p>3.ファイル名を決めてあげます。今回のファイル名は「sample」とします。</p>
<p>&nbsp;</p>
<p>NewProjectからの一連の流れはそんなものだと思ってください。</p>
<p>さて、ここでアプリのベースを選ぶ画面があります。</p>
<p>このXcodeくん、賢くてですね、最初から何パターンかアプリのベースを用意してくれてます。</p>
<p>このテンプレートの選択によってはいきなりボタン押して画面遷移とかできちゃったりします。</p>
<p>&nbsp;</p>
<p>このあたりはそのうち解説します。</p>
<p>&nbsp;</p>
<p>とりあえず今回はXcodeをおいしく頂くための基礎ということなので「View-based-application」を選択します。</p>
<p>「View-based-application」というテンプレートは何も配置されていない一番オーソドックスなテンプレートです。</p>
<p>&nbsp;</p>
<p>それではXcodeの画面を見ながら確かめていきます。</p>
<p>-<a href="http://www.kiteretsu-so.com/wordpress/wp-content/uploads/2011/07/bolg2_base02.jpg"><img alt="bolg2_base02" class="alignnone size-medium wp-image-2224" height="180" src="http://www.kiteretsu-so.com/wordpress/wp-content/uploads/2011/07/bolg2_base02-300x180.jpg" title="bolg2_base02" width="300" /></a></p>
<p>1.ナビゲーター領域</p>
<p>いろいろ最初からファイルが生成されております。</p>
<ul>
<li>sampleAppDelegate.h</li>
<li>sampleAppDelegate.m</li>
<li>mainWindow.xib</li>
<li>sampleViewContllore.h</li>
<li>sampleViewContllore.m</li>
<li>sampleViewContllore.xib</li>
</ul>
<p>&nbsp;</p>
<p>このあたりのファイル生成はほとんどどのテンプレートを選択しても生成されます。</p>
<p>そんなものだと思いましょう。</p>
<p>&nbsp;</p>
<p>では見慣れない拡張子の解説。</p>
<p>.h　　ヘッダーファイルと呼ばれるファイル。主に宣言文を書きます。</p>
<p>.m　　メソッドファイルと呼ばれるファイル。主に処理文を書きます。</p>
<p>.xib　 エクシィブファイルと呼ばれるファイル。主に画面のレイアウトを司ります。</p>
<p>&nbsp;</p>
<p>ここでWeb関係の方にはわかりやすい例えをします。</p>
<p>.h　はhtmlでいうところの&lt;head&gt;&lt;/head&gt;の中身です。表示にはなんら関係ないですがないとhtmlとして成立しません。</p>
<p>.m　はhtmlでいうところの&lt;body&gt;&lt;/body&gt;の中身です。ここにタグがかかれていないと何も表示されませんよね。</p>
<p>.xib　はDreamWeaverでいうところのデザインビューと同じで見た目を現します。htmlと違うのは見た目はxibで設定してやるということです。</p>
<p>&nbsp;</p>
<p>ここでFlasherな方にもっとわかりやすい例えをします。</p>
<p>.h　はflashでいうところのタイムラインのasです。</p>
<p>.m　はflashでいうところの外部クラスです。</p>
<p>.xib　はflashでいうところのメインステージです。</p>
<p>&nbsp;</p>
<p>上記イメージはあくまでも考え方のイメージであって実際にはXcode上において本来の役割があります。</p>
<p>が、あえて暫くはそういうイメージを持ってハウチーしてます。</p>
<p>&nbsp;</p>
<p>2.インスペクター選択バー</p>
<p>アプリのビュー（見た目）の設定変更ボタンです。適当にいじってみましょう。</p>
<p>&nbsp;</p>
<p>では次に、ボタンを押したらテキストが出たというアプリを作ってみます。</p>
<p>&nbsp;</p>
<p><a href="http://www.kiteretsu-so.com/wordpress/wp-content/uploads/2011/07/bolg2_base03.jpg"><img alt="bolg2_base03" class="alignnone size-medium wp-image-2225" height="300" src="http://www.kiteretsu-so.com/wordpress/wp-content/uploads/2011/07/bolg2_base03-249x300.jpg" title="bolg2_base03" width="249" /></a></p>
<p>1,ナビゲーター領域から「sampleViewContllore.xib」を選びます。</p>
<p>2.インスペクター選択バーでユーティリティー領域を表示させライブラリーペインから「Round Rect Button」をドラッグアンドドロップでエディター領域へ。便宜上、紐付けと呼びます。</p>
<p>3.同じく「Text Field&nbsp;&nbsp; 」をドラッグアンドドロップでエディター領域へ。</p>
<p>4.このようになります。</p>
<p>5.2で追加したボタン上で右クリックするとこのようなウインドが表示されます。</p>
<p>このウインドウをOutletteと呼んでおきます。</p>
<p>TouchDownの項目の白○のところをクリックしたまま「sampleViewContllore.h」の@endの直上まで誘導して離します。</p>
<p>「Name」の欄に&quot;button&quot;と入力しましょう。</p>
<p>おなじようにTextFieldも右クリックでOutletteの接続設定をしましょう。</p>
<p>ここではNew Refrance Outlette の白○を「sampleViewContllore.h」の@interface{}の間まで誘導して離します。</p>
<p>「Name」は&quot;text&quot;と入力しましょう。</p>
<p>&nbsp;</p>
<p>ただしく設定できていると下のようになります。</p>
<p><a href="http://www.kiteretsu-so.com/wordpress/wp-content/uploads/2011/07/bolg2_base04.jpg"><img alt="bolg2_base04" class="alignnone size-medium wp-image-2226" height="291" src="http://www.kiteretsu-so.com/wordpress/wp-content/uploads/2011/07/bolg2_base04-300x291.jpg" title="bolg2_base04" width="300" /></a></p>
<p>&nbsp;</p>
<p>はい、おなじようになっていることを確認してください。</p>
<p>えー、ここまで設定した内容はこれからの基本になります。</p>
<p>が、今回は深く考えないでよいです。</p>
<p>&nbsp;</p>
<p>で、上図の赤の二重線の項目を追加してください。</p>
<ul>
<li>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">［text textSet<span style="color: #339933;">:@</span>”押したぜよ”］<span style="color: #339933;">;</span></pre></div></div>

</li>
</ul>
<p>&nbsp;</p>
<p>では、アプリ左上の再生ボタンをポチっとしてみましょう。</p>
<p>はい、どーん！別名ビルドという行動です。</p>
<p>ビルドすると上の図のようにシュミレーターが立ち上がります。</p>
<p>&nbsp;</p>
<p>ボタンを押してらテキストが出ましたね。</p>
<p>&nbsp;</p>
<p>では、もう一度、上の図を確認します。</p>
<p>赤で線の引かれているところが、オブジェクトを追加した際に自動で記載された箇所です。</p>
<p>二重線の箇所が追記した箇所です。</p>
<p>&nbsp;</p>
<p>結論、プログラムっぽいことをしたのは二重線のところだけです。</p>
<p>&nbsp;</p>
<p>ね、一旦Objective-Cを忘れても問題ないでしょ！？</p>
<p>&nbsp;</p>
<p>さぁ、いかがですか？</p>
<p>理屈はおいといてまずはボタンをおしたらテキストが出たアプリができました。</p>
<p>&nbsp;</p>
<p>理屈はとりあえずほっときましょう。</p>
<p>&nbsp;</p>
<p>ということで今回覚えておきたい用語です。</p>
<p>&nbsp;</p>
<ul>
<li>.h</li>
<li>.m</li>
<li>.xib</li>
<li>アウトレット（Outlette）</li>
<li>紐付け</li>
<li>はい、どーん！(ビルド)</li>
</ul>
<p>&nbsp;</p>
<p>とりあえずこれくらいでいいと思います。</p>
<p>これ以上はしんどいので続きは次回の機会にいたします。</p>
<p>&nbsp;</p>
<p>ということで長くなりましたが【ハウチーXcode】でした。</p>
<p>次回は【Xcodeと親密になりたい！】です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;SeeYou　byebye！</p>
<p>かしこ</p>
<p>&nbsp;</p>
<p>※このシリーズは週一程度で更新されていく予定です。</p>
<p>※一応アプリル株式会社の了解を得て記事にしております。</p>
</div>
<p><a href="http://www.amazon.co.jp/iOS%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%85%A5%E9%96%80-Objective-C-%EF%BC%8B-Xcode-4%E3%81%A7%E5%AD%A6%E3%81%B6%E3%80%81iOS%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%E3%81%AE%E5%9F%BA%E7%A4%8E/dp/486100764X%3FSubscriptionId%3DAKIAIVA3RPYJX4VJQ47A%26tag%3Dkiteretsu0e-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D486100764X"><img src="http://ecx.images-amazon.com/images/I/51n3pxmc4DL._SL75_.jpg" alt="" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.kiteretsu-so.com/archives/2218/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【短期連載！Mac初心者がiPhoneアプリをつくってみた！（予定）】【Xcode4導入編】</title>
		<link>http://www.kiteretsu-so.com/archives/2210</link>
		<comments>http://www.kiteretsu-so.com/archives/2210#comments</comments>
		<pubDate>Wed, 29 Jun 2011 06:12:38 +0000</pubDate>
		<dc:creator>かしこ</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Lab]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://www.kiteretsu-so.com/?p=2210</guid>
		<description><![CDATA[ようこそのお運び、厚く御礼申し上げます。 キテレツ荘で暗部を担当しております、かしこい風なだけのかしこです。 &#160; この時期、カフェでアイスコーヒーを飲みながらUKロックなぞ聞いてるとフェスりたくなります。 が、 [...]]]></description>
			<content:encoded><![CDATA[<p>ようこそのお運び、厚く御礼申し上げます。</p>
<p>キテレツ荘で暗部を担当しております、かしこい風なだけのかしこです。</p>
<p>&nbsp;</p>
<p>この時期、カフェでアイスコーヒーを飲みながらUKロックなぞ聞いてるとフェスりたくなります。</p>
<p>が、そんなことはおいといて、本日のお題はこちら。</p>
<p>【短期連載！Mac初心者がiPhoneアプリをつくってみた！（予定）】</p>
<p>&nbsp;</p>
<p>アンドロイド所持者のわたくしですが恩師の壮大な計画に巻き込まれる形で</p>
<p>iPhoneアプリ開発講座なるものに通うことになりました。</p>
<p><a href="http://www.applil.com/" target="_blank">※iPhoneプログラミング講座の詳細はコチラ　&gt;&gt;&gt;</a></p>
<p>&nbsp;</p>
<p>えぇ、旧ザクよろしくばりのMacG4を兄より譲り受けて早2年。</p>
<p>ブラウザチェックのために3回程度しか起動させないほどのWindowsユーザーが</p>
<p>果たしてiPhoneアプリを作れるのか！？</p>
<p>&nbsp;</p>
<p>現在進行形で送るこの記事群の結末に関してはワタクシ自身も知りません（笑）</p>
<p>&nbsp;</p>
<p>それでは本人の備忘録も兼ねた【短期連載！Mac初心者がiPhoneアプリをつくってみた！（予定）】の第一回、【Xcode4導入編】スタートです。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span id="more-2210"></span></p>
<p>&nbsp;</p>
<p>■iPhoneアプリを作るのに必要なもの</p>
<p>・Mac（MacOS10.6以降のCore2プロセッサー以上搭載のマシン）</p>
<p>・iPhone、iPad、iPodTouchのいずれか（iOS4以上推奨）</p>
<p>・気合いと脱力と妄想力</p>
<p>&nbsp;</p>
<p>以上になります。たぶん本当に。</p>
<p>&nbsp;</p>
<p>えぇ、iPodTouchを持っていたのでMacが手に入れば講座いきますよ！と返答したのでまずはMac探しをして、</p>
<p>結局ヤフオクで1.5世代くらい前のMacBookPro（以下MBP）を購入。</p>
<p>沖縄よりやってきたMBPは思いのほか綺麗でバッテリー以外は問題なしでした。</p>
<p>が、ここで問題！</p>
<p>OSがMacOS10.4だと！</p>
<p>ここでひとつ解説をすると、iPhoneアプリを開発するデベロッパーキット（以下IDE）をXcodeと呼びますが</p>
<p>このXcodeの最新版がMacOS10.6以上でないと動かないのです。</p>
<p>&nbsp;</p>
<p>OhOpps!</p>
<p>OS買わなきゃなのか？・・・はい、結局買いました。（ただ、ちょっと安く手に入れる方法があったのでそれで。）</p>
<p>OSが手元に届いた後、早速アップグレード作業をしてBootCampでWindowsXPを入れようと思ったのですが、</p>
<p>どうにもこうにも我が家のXPsp3が入ってくれない。（appleのアナウンスもWin7対応。ただしサポートに連絡すれば解決するかもだそうです）</p>
<p>7はすんなりインストできたのですが、この7のライセンスは別のマシンに使ってるのでとりあえず諦めました。</p>
<p>&nbsp;</p>
<p>が、この作業を通じてMacというものを少し理解できたのがよかったです。</p>
<p>TimeMachineという機能があるのですがこれが素晴らしいバックアップツールでした。</p>
<p>定期的にみなさんもTimeMachineを利用してください。</p>
<p>&nbsp;</p>
<p>さて、次にXcode導入！ですがその前にMac暦2ヶ月のお役立ち情報。</p>
<p>&nbsp;</p>
<p>■ショートカット（基本はWindowsと一緒でCtrlキーがCommandキーになるだけ）</p>
<p>・space+ファイル　　　imgやPDFを専用ビューワーで閲覧できる</p>
<p>・Command+tab　　　winのalt+tabに相当。アプリの切り替えにどうぞ。</p>
<p>・Command+shift+4　winのプリントスクリーン(範囲指定)。</p>
<p>・Command+shift+4+space　winのプリントスクリーン(ウインド単位)。</p>
<p>・Control+トラックパットスクロール　拡大</p>
<p>&nbsp;</p>
<p><a href="http://inforati.jp/apple/mac-tips-techniques/system-hints/how-to-use-mac-keyboard-shortcut.html" target="_blank">その他ショートカット集　&gt;&gt;&gt;</a></p>
<p>&nbsp;</p>
<p>■豆知識</p>
<p>・windowsフォントはインストールできます。fontフォルダにコピペでOKです。</p>
<p>・Exposeと呼ばれる機能は作業効率をアップします。（画面4隅にショートカットを割り当てる機能）</p>
<p>&nbsp;</p>
<p>これだけで随分とマカーになった気になれます。が、あくまでもその気だけです。</p>
<p>&nbsp;</p>
<p>さて、いよいよXcodeの導入です。正確にはXcode4ですね。</p>
<p>このXcode、今年度よりAppStoreで600円で購入するようになったのです。やれやれです。</p>
<p>で、インストールをします。</p>
<p>&nbsp;</p>
<p>これで開発環境はできました。</p>
<p>このXcodeにはCocoaというフレームワークや</p>
<p>iPhoneシュミレーターが統合されております。</p>
<p>なんのこっちゃわからなかったですが、そこはスルーします。</p>
<p>大事なのは開発環境が整ったということです。</p>
<p>&nbsp;</p>
<p>ただし、iPhoneシュミレーターは完璧ではなく、</p>
<p>加速度センサーやジャイロ機能、Bluetooth機能など一部検証できないということは覚えておきます。</p>
<p>そのあたりまで確認しようとすると実機での検証が必要になります。</p>
<p>&nbsp;</p>
<p>しかし、今のままでは開発はできますが実機での検証やAppStoreの登録ができません。</p>
<p>なんと、ここでDeveloper登録（\10,800）が必要に。</p>
<p>AppleIDをもって登録しましょう。</p>
<p>&nbsp;</p>
<p>詳しくはこちらの記事などを参考にしてください。親切に書かれてあります。</p>
<p><a href="http://thinkit.co.jp/story/2011/04/15/2094" target="_blank">iOSアプリ開発の準備 &gt;&gt;&gt;</a></p>
<p>&nbsp;</p>
<p>固体識別番号やらプロビジョニングキーとかぶっちゃけ訳わかりませんが、記事通りで問題ナッシングです。</p>
<p>&nbsp;</p>
<p>はい、<span style="color:#ff0000;"><strong>わからないものを無理して理解しようとするより、必要になるまで深く考えないスタンス</strong></span>がここで重要になってきます。</p>
<p>実際にXcodeを触りだして、余計に感じる事でもあります。</p>
<p>&nbsp;</p>
<p>これはサボレといっているのではなく、どうしても知る必要が出たときに深く考えようという事です。</p>
<p>何故か？</p>
<p>時間は有限だからです。</p>
<p>もちろん、ポイント、ポイントでは壁にぶつかる必要もあるのですが、</p>
<p>そのときには周辺の理解力も上がっているはずなので効率良く覚えるためのワタクシなりのコツです。</p>
<p>&nbsp;</p>
<p>ということで長くなりましたが導入までの序章でした。</p>
<p>次からは実際にXcodeを使ってアプリもどきなどを作成していきます。</p>
<p>次回は【xcodeとはなんぞえ？】です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;SeeYou　byebye！</p>
<p>&nbsp;</p>
<p>※このシリーズは週一程度で更新されていく予定です。</p>
<p>※一応アプリル株式会社の了解を得て記事にしております。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kiteretsu-so.com/archives/2210/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MT5用 SEO対策に適したmetaの条件分岐</title>
		<link>http://www.kiteretsu-so.com/archives/2191</link>
		<comments>http://www.kiteretsu-so.com/archives/2191#comments</comments>
		<pubDate>Tue, 19 Apr 2011 15:21:10 +0000</pubDate>
		<dc:creator>もーりー</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[Movable Type]]></category>

		<guid isPermaLink="false">http://www.kiteretsu-so.com/?p=2191</guid>
		<description><![CDATA[どもです　私です。 最近専らMTでサイト構築をしております。 そこでMT1年生のために、MT5でマルチブログ化したサイトの meta description　と　meta keywords の一元管理用の分岐をコピペ用に [...]]]></description>
			<content:encoded><![CDATA[<p>どもです　私です。</p>
<p>最近専らMTでサイト構築をしております。</p>
<p>そこでMT1年生のために、MT5でマルチブログ化したサイトの</p>
<p>meta description　と　meta keywords の一元管理用の分岐をコピペ用にメモ書き。</p>
<p>&nbsp;</p>
<p>クライアントによっては</p>
<p>meta&nbsp;description　と　meta keywords　も任意のものを指定して</p>
<p>よりSEOを意識したサイト制作をしたいと突っ込んでくる担当者もいらっしゃいます。</p>
<p>そのような要求にお答えすべく</p>
<p><span style="color:#ff0000;">任意で変更した場合はそちらのを優先。</span></p>
<p><span style="color:#ff0000;">指定しなかった場合はデフォルト(あらかじめ決めておいたmeta&nbsp;description　と　meta keywords)を表示という分岐です。</span></p>
<p>少し長くて一見ややこしそうに見えますが、</p>
<p>各ブログから読み込むヘッダのテンプレート内に1箇所 書いておけば管理は楽ですね。</p>
<p>今後、MT5で制作するときはこれを標準として実装していこうかなと思います。</p>
<p>もっと運用効率のいいものがあればぜひ教えてください！</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span id="more-2191"></span></p>
<p>&nbsp;</p>
<p>まず、最初に知っておくことは</p>
<p>MTではmeta&nbsp;description　と　meta keywordsは標準でエントリエリアから指定できるということ。</p>
<p>下図で 概要&rarr; description、キーワード&rarr;keywords です。</p>
<p><img alt="mt_meta" class="alignnone size-full wp-image-2193" height="260" src="http://www.kiteretsu-so.com/wordpress/wp-content/uploads/2011/04/mt_meta.gif" title="mt_meta" width="500" /></p>
<p>表示のためのテンプレートタグは</p>
<p><span style="color:#ff0000;">meta&nbsp;descriptionタグ &nbsp;= &nbsp;&lt;$mt:WebsiteDescription$&gt;&nbsp;</span></p>
<p><span style="color:#ff0000;">meta keywordsタグ &nbsp;= &nbsp;&lt;$mt:EntryKeywords$&gt;　</span></p>
<p>です。</p>
<p>そして通常 インデックステンプレートとアーカイブテンプレートのmeta&nbsp;description　と　meta keywordsは指定できないということ。</p>
<p>&nbsp;</p>
<div>&lt;mt:If name=&quot;main_index&quot;&gt;</div>
<div>&lt;meta name=&quot;description&quot; content=&quot;&lt;$MTBlogDescription encode_html=&#39;1&#39;$&gt; | サイト名&quot; /&gt;</div>
<div>&lt;meta name=&quot;keywords&quot; content=&quot;キーワード1,キーワード2,キーワード3,キーワード4,キーワード5&quot; /&gt;</div>
<div>&lt;mt:ElseIf name=&quot;archive_index&quot;&gt;</div>
<div>&lt;meta name=&quot;description&quot; content=&quot;&lt;$MTBlogDescription encode_html=&#39;1&#39;$&gt; | サイト名&quot; /&gt;</div>
<div>&lt;meta name=&quot;keywords&quot; content=&quot;キーワード1,キーワード2,キーワード3,キーワード4,キーワード5&quot; /&gt;</div>
<div>&lt;mt:ElseIf name=&quot;entry_archive&quot;&gt;</div>
<div>&lt;meta name=&quot;description&quot; content=&quot;&lt;mt:If tag=&quot;MTEntryExcerpt&quot; no_generate=&quot;1&quot;&gt;&lt;$MTEntryExcerpt$&gt;&lt;mt:else&gt;&lt;$MTBlogDescription encode_html=&#39;1&#39;$&gt;&lt;/mt:If&gt; | サイト名&quot; /&gt;</div>
<div>&lt;meta name=&quot;keywords&quot; content=&quot;&lt;mt:If tag=&quot;MTEntryKeywords&quot;&gt;&lt;$MTEntryKeywords$&gt;&lt;mt:else&gt;キーワード1,キーワード2,キーワード3,キーワード4,キーワード5&lt;/mt:If&gt;&quot; /&gt;</div>
<div>&lt;mt:ElseIf name=&quot;page_archive&quot;&gt;</div>
<div>&lt;meta name=&quot;description&quot; content=&quot;&lt;mt:If tag=&quot;MTPageExcerpt&quot; no_generate=&quot;1&quot;&gt;&lt;$MTPageExcerpt no_generate=&#39;1&#39;$&gt;&lt;mt:else&gt;&lt;$MTBlogDescription encode_html=&#39;1&#39;$&gt;&lt;/mt:If&gt; | サイト名&quot; /&gt;</div>
<div>&lt;meta name=&quot;keywords&quot; content=&quot;&lt;mt:If tag=&quot;MTEntryKeywords&quot;&gt;&lt;$MTEntryKeywords$&gt;&lt;mt:else&gt;キーワード1,キーワード2,キーワード3,キーワード4,キーワード5&lt;/mt:If&gt;&quot; /&gt;</div>
<div>&lt;mt:ElseIf name=&quot;category_archive&quot;&gt;</div>
<div>&lt;meta name=&quot;description&quot; content=&quot;&lt;$MTBlogDescription encode_html=&#39;1&#39;$&gt; | サイト名&quot; /&gt;</div>
<div>&lt;meta name=&quot;keywords&quot; content=&quot;キーワード1,キーワード2,キーワード3,キーワード4,キーワード5,&lt;mt:If name=&#39;cat_num&#39;&gt;&lt;$MTArchiveCategory cutfirstchar=&#39;3&#39;$&gt;&lt;mt:Else&gt;&lt;$MTArchiveCategory$&gt;&lt;/mt:If&gt;&quot; /&gt;</div>
<div>&lt;mt:ElseIf name=&quot;datebased_only_archive&quot;&gt;</div>
<div>&lt;meta name=&quot;description&quot; content=&quot;&lt;$MTBlogDescription encode_html=&#39;1&#39;$&gt; | サイト名&quot; /&gt;</div>
<div>&lt;meta name=&quot;keywords&quot; content=&quot;キーワード1,キーワード2,キーワード3,キーワード4,キーワード5&quot; /&gt;</div>
<div>&lt;mt:Else&gt;</div>
<div>&lt;meta name=&quot;description&quot; content=&quot;&lt;$MTBlogDescription encode_html=&#39;1&#39;$&gt; | サイト名&quot; /&gt;</div>
<div>&lt;meta name=&quot;keywords&quot; content=&quot;キーワード1,キーワード2,キーワード3,キーワード4,キーワード5&quot; /&gt;</div>
<div>&lt;/mt:If&gt;</div>
<div>&lt;/mt:If&gt;</div>
<div>&lt;/mt:IfWebsite&gt;</div>
<div>
<p>&nbsp;</p>
<p>これでインデックスページとアーカイブページは指定、</p>
<p>ウェブページとブログ記事ページは、任意（概要・キーワードの欄が空なら指定のもの）になります。</p>
<p>&nbsp;</p>
<p>また、どうしてもインデックスページやアーカイブページのmetaも編集したい！</p>
<p>と言う場合は管理が凡雑にはなりますが</p>
<p>&lt;mt:Ignore&gt;ブログIDの変数名があるものには&lt;/mt:Ignore&gt;<br />
		&lt;$mt:Include module=&quot;meta情報&quot; blog_id=&quot;ブログID&quot;$&gt;</p>
<p>などとしてモジュールを追加して対応しましょう。</p>
<p>&nbsp;</p>
<p><a href="http://www.amazon.co.jp/Movable-Type-4-x-%E6%9C%AC%E6%A0%BC%E7%9A%84CMS%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%99%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AEMT%E3%82%B9%E3%83%BC%E3%83%91%E3%83%BC%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-%E3%82%AF%E3%83%AA%E3%82%A8%E3%82%A4%E3%82%BF%E3%83%BC%E3%81%8C%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%91%E3%81%A6%E3%81%8A%E3%81%8F%E3%81%B9%E3%81%8D%E6%96%B0%E3%83%BB100%E3%81%AE%E6%B3%95%E5%89%87%E3%80%82/dp/4844326090%3FSubscriptionId%3DAKIAIVA3RPYJX4VJQ47A%26tag%3Dkiteretsu0e-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4844326090"><img alt="" src="http://ecx.images-amazon.com/images/I/518VhBz5EbL._SL160_.jpg" /></a></p>
<p><a href="http://www.amazon.co.jp/Movable-Type-4-x-%E6%9C%AC%E6%A0%BC%E7%9A%84CMS%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%99%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AEMT%E3%82%B9%E3%83%BC%E3%83%91%E3%83%BC%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-%E3%82%AF%E3%83%AA%E3%82%A8%E3%82%A4%E3%82%BF%E3%83%BC%E3%81%8C%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%91%E3%81%A6%E3%81%8A%E3%81%8F%E3%81%B9%E3%81%8D%E6%96%B0%E3%83%BB100%E3%81%AE%E6%B3%95%E5%89%87%E3%80%82/dp/4844326090%3FSubscriptionId%3DAKIAIVA3RPYJX4VJQ47A%26tag%3Dkiteretsu0e-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4844326090">Movable Type 4.x<br />
		本格的CMSサイトを構築するための<br />
		MTスーパーテクニック<br />
		クリエイターが身につけておくべき新・100の法則。</a></p>
<p>&nbsp;</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.kiteretsu-so.com/archives/2191/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>見るだけで元気になる動画</title>
		<link>http://www.kiteretsu-so.com/archives/2186</link>
		<comments>http://www.kiteretsu-so.com/archives/2186#comments</comments>
		<pubDate>Mon, 18 Apr 2011 16:33:13 +0000</pubDate>
		<dc:creator>kenchiki</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://www.kiteretsu-so.com/?p=2186</guid>
		<description><![CDATA[どーも！こんばんは～はじめましてけんちきです！ 素敵な似顔絵もーりさんありがと～ ※プロフィールは大体あってると思います、ありがとうございます！ 何かかかなきゃーと思ってましたがなかなか思いつかないので お気に入りの動画 [...]]]></description>
			<content:encoded><![CDATA[<p>どーも！こんばんは～はじめましてけんちきです！<img alt="cool" height="20" src="http://www.kiteretsu-so.com/wordpress/wp-content/plugins/ckeditor-for-wordpress/ckeditor/plugins/smiley/images/shades_smile.gif" title="cool" width="20" /></p>
<p>素敵な似顔絵もーりさんありがと～<img alt="heart" height="20" src="http://www.kiteretsu-so.com/wordpress/wp-content/plugins/ckeditor-for-wordpress/ckeditor/plugins/smiley/images/heart.gif" title="heart" width="20" /></p>
<p>※プロフィールは大体あってると思います、ありがとうございます！</p>
<p>何かかかなきゃーと思ってましたがなかなか思いつかないので</p>
<p>お気に入りの動画を紹介したいと思います。</p>
<p>特に忙しいときとかにぜひみてください。</p>
<p>とても元気になります。</p>
<p>&nbsp;</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
<p>■かわいいアザラシ<br />
	<a href="http://www.youtube.com/watch?v=cdPGXClOE5g">http://www.youtube.com/watch?v=cdPGXClOE5g</a><br />
	けんちきメモ：ペンギンも出てきて癒されますよ～</p>
<p>■すごい状態で寝る猫<br />
	<a href="http://www.youtube.com/watch?v=McNRDGwitts&amp;feature=player_embedded">http://www.youtube.com/watch?v=McNRDGwitts&amp;feature=player_embedded</a><br />
	けんちきメモ：電車でよく見るNo1</p>
<p>■アルプスイチマンジャクをする猫<br />
	<a href="http://www.youtube.com/watch?v=KvxCv_yrcCY&amp;feature=player_embedded">http://www.youtube.com/watch?v=KvxCv_yrcCY&amp;feature=player_embedded</a><br />
	けんちきメモ：ほんとはいやだけど負けられない猫</p>
<p>■ねこの下<br />
	<a href="http://s04inu.blog49.fc2.com/blog-entry-1690.html">http://s04inu.blog49.fc2.com/blog-entry-1690.html</a><br />
	けんちきメモ：動画じゃないけど。。一番衝撃を受けました</p>
<p>■踊りながらポップンミュージックする人<br />
	<a href="http://www.youtube.com/watch?v=MTeYArJaEXo&amp;feature=related">http://www.youtube.com/watch?v=MTeYArJaEXo&amp;feature=related</a><br />
	けんちきメモ：この動きでライブコーディングとかやってみたいです</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
<p>&nbsp;</p>
<p>次は何か作って載せたいなぁ～。</p>
<p>どうぞよろしくお願いします！<img alt="devil" height="20" src="http://www.kiteretsu-so.com/wordpress/wp-content/plugins/ckeditor-for-wordpress/ckeditor/plugins/smiley/images/devil_smile.gif" title="devil" width="20" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.kiteretsu-so.com/archives/2186/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>たったこれだけで短縮URLサービスが作られていた件</title>
		<link>http://www.kiteretsu-so.com/archives/2176</link>
		<comments>http://www.kiteretsu-so.com/archives/2176#comments</comments>
		<pubDate>Tue, 12 Apr 2011 02:33:53 +0000</pubDate>
		<dc:creator>かしこ</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://www.kiteretsu-so.com/?p=2176</guid>
		<description><![CDATA[ようこそのお運び、厚く御礼申し上げます。 キテレツ荘で暗部を担当しております、かしこい風なだけのかしこです。 &#160; 新メンバー&#34;けんちき&#34;の入居祝いを兼ねて一本記事を書きやした。その内容とは・ [...]]]></description>
			<content:encoded><![CDATA[<p>ようこそのお運び、厚く御礼申し上げます。</p>
<p>キテレツ荘で暗部を担当しております、かしこい風なだけのかしこです。</p>
<p>&nbsp;</p>
<p>新メンバー&quot;けんちき&quot;の入居祝いを兼ねて一本記事を書きやした。その内容とは・・・？</p>
<p>&nbsp;</p>
<p>さて、昨今気付いているか気付かぬ内なのかはわかりませんが</p>
<p>URL短縮サービス、もしくはURL短縮システムというのを多く見かけます。</p>
<p>&nbsp;</p>
<p>なんじゃいそりゃ？</p>
<p>いえいえ、ご存知のハズです。</p>
<p>&nbsp;</p>
<p>例えば、Twitterで写真をtwitpectやInstantgramへアップロードしたときや、URL貼り付けた時。</p>
<p>気付かぬ内に短縮されたURLになっていることが多々あるはずです。</p>
<p>firestrageにも短縮URL発行とかって機能もありましたね。</p>
<p>あと、pixivの[p.tl]とか。</p>
<p>&nbsp;</p>
<p>今回はそのあたりの仕組みを作りながらお勉強したいと思います。</p>
<p>まずは&hellip;<a href="../../kashiko_work/shorten/index.php" shape="rect" target="_blank">短縮URLサンプル。</a></p>
<p>そしてたった数ステップだけでこのサービスが作られていたことに思わず真似したくなるでしょう。</p>
<p>&nbsp;</p>
<p><span id="more-2176"></span></p>
<p>まずこのURL短縮の目的と仕組みですが以下のようになっていると思います。（たぶん）</p>
<p>&nbsp;</p>
<p>■目的</p>
<p>長いURLだと煩わしい、もしくは文字制限のあるツールに貼り付けるには長すぎる。</p>
<p>こういったものを解消するために考えられたものだと思います。</p>
<p>&nbsp;</p>
<p>故にこのサービスを展開するには極力短いドメインが必要になってきます。</p>
<p>上記記載のpixivのドメイン名は[p.tl]ですから。</p>
<p>※今回はドメインは用意していないのでドメイン関連箇所は各自考慮して頂きたい！</p>
<p>&nbsp;</p>
<p>■仕組み</p>
<p>webサーバーにおいて現在のページから他のURLに転送できる仕組みがいくつかあります。</p>
<p>この中で「.htaccess」と呼ばれるwebサーバーの設定ファイルのようなものを利用して転送させます。</p>
<p>&nbsp;</p>
<p>この.htaccessに短縮前のURLと短縮後のURLを所定の記載ルールにのっとって記載してやると転送します。</p>
<p>&nbsp;</p>
<p>短縮URLというぐらいですからドメイン以降のURLも短く、且つランダムに設定してあげましょう。</p>
<p>&nbsp;</p>
<p>1．ユーザーが短縮前URLを入力</p>
<p>2．短縮後ランダムURLを生成</p>
<p>3．短縮前URLと短縮後URLを所定の形に成型して.htaccessファイルに追記していく。</p>
<p>&nbsp;</p>
<p>以上になります。</p>
<p>&nbsp;</p>
<p>論ずるより触るがよろし！</p>
<p>ということでこちらにサンプルをご用意しました。</p>
<p><a href="http://www.kiteretsu-so.com/kashiko_work/shorten/index.php" shape="rect" target="_blank">短縮URLサンプル</a></p>
<p>&nbsp;</p>
<p>さて、お勉強です。</p>
<p>1については割愛しても問題ないでしょうかね。</p>
<p>formメゾットをpostにして書き込みルーチンにデータを送ってます。（getでも構いませんがサービスとしてならpostでしょうか。）</p>
<p>&nbsp;</p>
<p>2についてはややこしい部分ではありましたが、幸いランダム生成の記事を書いてくださっていた方がいらっしゃったので利用させていただきました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<ol>
<li>&nbsp;&nbsp;&nbsp; function getRandomString($nLengthRequired = 6){</li>
<li>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; $sCharList = &quot;abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_&quot;;</li>
<li>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; mt_srand();</li>
<li>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; $sRes = &quot;&quot;;</li>
<li>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; for($i = 0;$i&lt;$nLengthRequired;$i++)</li>
<li>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; $sRes .=$sCharList{mt_rand(0,strlen($sCharList)-1)};</li>
<li>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; return $sRes;</li>
<li>&nbsp;&nbsp;&nbsp; }</li>
<li>&nbsp;&nbsp;&nbsp;</li>
<li>&nbsp;&nbsp;&nbsp; $rand = getRandomString();</li>
</ol>
<p>&nbsp;</p>
<p>まぁ、みたまんまです。</p>
<p>&nbsp;</p>
<p>3については書き込みとリダイレクトの構文を一気に解説します。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<ol>
<li>$shorten = $_POST[&#39;shorten&#39;];</li>
<li>$file = &#39;.htaccess&#39;;</li>
<li>&nbsp;</li>
<li>$write = &quot;Redirect permanent /kashiko_work/shorten/$rand $shorten\n&quot;;</li>
<li>$text = &quot;http://www.kiteretsu-so.com/kashiko_work/shorten/$rand&quot;;</li>
<li>print &quot;発行された短縮URLは【&quot;.$text.&quot;】です。&quot;;</li>
<li>print &quot;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&quot;;</li>
<li>file_put_contents($file, $write, FILE_APPEND | LOCK_EX);</li>
</ol>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Redirect permanent A B　と記載することでAのURLにアクセスがあればBへ転送しなさいという意味になります。</p>
<p>Aというのは2でランダムに生成したサーバーのルートからのURLになります。</p>
<p>Bというのはpostで飛ばされてきたデータそのままです。</p>
<p>若干解説をすると1行目で入力画面からのPOSTデータを変数$shortenに入力</p>
<p>２行目で書き込むファイルを指定</p>
<p>4行目で書き込む形に整形して、５行目は見た目の整形</p>
<p>8行目でファイル書き込み指示です。</p>
<p>&nbsp;</p>
<p>この形で.htaccessファイルに追記できればいいので</p>
<p>file_put_contents($file, $write, FILE_APPEND | LOCK_EX);</p>
<p>で追記しましょうね。と指示されています。</p>
<p>file_put_contents関数の第一引数は追記するファイル名、第二引数は追記する内容、第三引数は書き込みモードです。</p>
<p>今回の&quot;FILE_APPEND | LOCK_EX&quot;というのは追記します。そしてファイルにアクセスしているので他のアクセスは禁止しますという記載方法です。</p>
<p>詳しくは別途Google先生に聞いてみてください。</p>
<p>&nbsp;</p>
<p>さぁ、いかがでしたでしょうか。簡単でしょｗ</p>
<p>実際のところphp10行くらいでできちゃってるんですから。</p>
<p>&nbsp;</p>
<p>これを勉強するメリットは2つあります。</p>
<p>まず、既存のサービスは結構簡単に作られているんだよ。ということを理解できる。要するにアイディアなわけです。</p>
<p>次にphpという言語の見せ場のひとつ、ファイルにデータを書き込むということを理解できる。</p>
<p>&nbsp;</p>
<p>実際にこれをサービス化するのであればセキュリティー対策とランダム発行のURLに重複がないかどうかをチェックする仕組みを入れてやらなければいけませんが・・・</p>
<p>それでもここまでできれば余裕じゃないでしょうか。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>今回は既存サービスの仕組みを分解・理解・再構築のステップを踏まえたphpのお勉強でした。</p>
<p>&nbsp;</p>
<p>ちなみにタイトルは以前のもーりーの記事「<a href="http://www.kiteretsu-so.com/archives/2156">本当に読んでほしいならタイトルにこだわるべき</a>」から参考にしました。</p>
<p>&nbsp;</p>
<p>かしこ。</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kiteretsu-so.com/archives/2176/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>新メンバー加入！</title>
		<link>http://www.kiteretsu-so.com/archives/2171</link>
		<comments>http://www.kiteretsu-so.com/archives/2171#comments</comments>
		<pubDate>Mon, 11 Apr 2011 13:11:47 +0000</pubDate>
		<dc:creator>もーりー</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://www.kiteretsu-so.com/?p=2171</guid>
		<description><![CDATA[どうも、もーりーです。 お久しぶりです。 &#160; 昨日、小雨混じりの中、恒例のキテレツ花見をやってまいりました！ &#160; そこで、以前からお声かけさせていただいておりました ケンチキさんがキテレツ荘に加入して [...]]]></description>
			<content:encoded><![CDATA[<p>どうも、もーりーです。</p>
<p>お久しぶりです。</p>
<p>&nbsp;</p>
<p>昨日、小雨混じりの中、恒例のキテレツ花見をやってまいりました！</p>
<p>&nbsp;</p>
<p>そこで、以前からお声かけさせていただいておりました</p>
<p>ケンチキさんがキテレツ荘に加入していただけることになりました！ﾊﾟﾁﾊﾟﾁ</p>
<p>&nbsp;</p>
<p>ということもありまして、勝手ながら</p>
<p>わたしから見たケンチキさんを紹介していきたいと思います</p>
<p>&nbsp;</p>
<p>性別　：　男性</p>
<p>見た目　：　飾り気がなく、おっとり。見ているこちらはうっとりします。</p>
<p>性格　：　真面目、勉強家、めっちゃやさしい！</p>
<p>トーク　：　超天然ｗ　おもしろ要素ありすぎです</p>
<p>お住まい　：　かしこんちの近く（らしい）。</p>
<p>趣味　：　バルーンアート、モンハン</p>
<p>所属　：　出町柳しんごさんらへん。</p>
<p>伴侶　：　はぐれメタル的？</p>
<p>得意分野　：　未知数</p>
<p>その他　：　<a href="http://lab-five.com/" rel="out">lab5</a>のユウジロウさんと気が合うようです</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&#8230;.。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>あってますか？</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>と私の推察はともかく</p>
<p>仕事ではプログラム的なところが多いようで専ら評価が高いです！</p>
<p>これはいろいろと勉強＆刺激になりそうです。</p>
<p>&nbsp;</p>
<p><img alt="kenchiki" class="alignnone size-full wp-image-2172" height="372" src="http://www.kiteretsu-so.com/wordpress/wp-content/uploads/2011/04/kenchiki.gif" title="kenchiki" width="300" /></p>
<p>似てねぇｗｗｗ</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>ケンチキさん、ご加入ありがとうございます</p>
<p>今後ともどうぞよろしくお願いします！</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>停滞気味のキテレツ荘ですが、</p>
<p>新メンバーも加入してこれからは</p>
<p>もうちょっと活動的に何かさらして生きたいと思いますので</p>
<p>よろしくお願いします！</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>ぼちぼち私はキテレツ荘から廃棄処理されそうなので</p>
<p>必死に更新してみました。</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kiteretsu-so.com/archives/2171/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 2.343 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2012-01-23 15:23:24 -->

