<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>とみげー（群馬富岡学園芸通部）</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/" />
    <link rel="self" type="application/atom+xml" href="http://www.tomige.com/atom.xml" />
    <id>tag:www.tomige.com,2010-04-26://2</id>
    <updated>2011-11-30T14:55:57Z</updated>
    <subtitle>なんか変、でもワクワク。おもしろWebサービスいっぱい。ツイッターなどを使ったおもしろWebサービス実験中！
 群馬で創作活動を続ける変な奴ら 富岡学園 芸通部（とみげー）。</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 5.02</generator>

<entry>
    <title>これからのRock好きはDubstepも聴くといいと思うよ</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/11/000113.html" />
    <id>tag:www.tomige.com,2011://2.113</id>

    <published>2011-11-19T14:25:07Z</published>
    <updated>2011-11-30T14:55:57Z</updated>

    <summary><![CDATA[ 	超が付くほどお久の更新です。 	スグルです。 	&nbsp; 	いやー、中学以来BO&Phi;W...]]></summary>
    <author>
        <name>スグル</name>
        
    </author>
    
        <category term="tomige_suguru" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="dance" label="dance" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="dubstep" label="dubstep" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="音楽" label="音楽" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	超が付くほどお久の更新です。</p>
<p>
	スグルです。</p>
<p>
	&nbsp;</p>
<p>
	いやー、中学以来BO&Phi;WYに始まり洋楽HR/HM、はたまたデスまでとことん聴きつくして、もはやロックっ子（ロックおやじ？）ってくらいバンド演奏しか聞かなかった自分ですが、ここ1年くらいDubstep（ダブステップ）というジャンルのテクノミュージックにドハマリ中です。</p>
<p>
	きっかけは<a href="http://www.ideaxidea.com/archives/2011/06/turntable_fm.html" target="_blank">turntable.fm</a>という一時期TwitterやFacebookを凌駕するとも言われたWEBサービスです。</p>
<p>
	簡単にいってしまえば、自分の持ってるiTunesの楽曲をブースに集まっているオーディエンスに選曲して聞かせてDJプレイを楽しむサービスなんですが、これがおもしろい！音楽を軸にしたSNSってすごいね、だって言葉が通じなくても音楽は世界共通だもの。この発想は既存のSNSの概念にはないな！って楽しんでいましたよ。それはもう仕事中でも。</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	まあ相変わらず既得権益大国日本です、漫画しかり音楽しかりこのサービスも日本では利権の影響かどうかわかりませんが利用不可になってしまって、海外では爆発的HITなのに日本ではボツという相変わらずの結果になってしまいましたが、まだ日本で使えてた頃に、このWEBサービスで特に目について多くかかっている音楽にdubstepというジャンルがありました。</p>
<p>
	それは生粋のロックっ子である私を一曲で魅了するに足る楽曲でした。学生時代テクノっ子（主にハウス）だった僕も時代の流れか「テクノ？は～ん？」って感じの生意気な大人になってしまっていたんですが、このdubstepはロックっ子とテクノっ子の自分の要求を見事に叶えてくれるジャンルでした。</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	で、dubstepって何？って言われましても厳密にはよくわかりません。wikiにおまかせします。&rarr;<a href="http://ja.wikipedia.org/wiki/%E3%83%80%E3%83%96%E3%82%B9%E3%83%86%E3%83%83%E3%83%97" target="_blank">ダブステップとは？</a></p>
<p>
	「うねる重いベースとやたら奥行きのあるドラムで構成されたダークな感じのダンスミュージック」ってとこでしょうか。これがなんかロックというかヘビーロックっぽくって僕にはとても心地良いサウンドなんですね。厳密にジャンル指定できないエクストリームで前衛的なテクノなのかテクノ界のヘビーロックなのか。この脳髄をつんざく重いサウンドに一瞬で惚れてしまいました。</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	最近ロックを聴き飽きていた感もあったので守備範囲外のテクノが余計新鮮に聞こえて、しかもロックのテイストを持っていたので気に入ってしまいました。</p>
<p>
	皆さんがロックをどう聞いてるか知りませんが、少なくともロックやメタルには「社会に対する不満、怒りの代弁」っていう側面があるとおもうのです。で、それを聞いてストレス解消するっていうのがこのジャンルの主だった役割なのかなって思うのですが、まあ生バンドじゃなく電子音楽でも同じ表現はできるのですね、それがdubstepじゃないんかな～って個人的に思っています。</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	と、なんやかんや言ってもわからないと思うので<strong><span style="font-size:120%;">ロック好きでもすんなり入れるdubstepをご紹介します。</span></strong>（厳密にはdubstepじゃないやつもあるかも）</p>
<p>
	もし気に入ったら日本では売ってない（というか流行っていない。。）曲がほとんどなので、iTunesやAmazon UKやらで買うのがおすすめですよ！</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<h3>
	<span style="color:#0000ff;">Skrillex- Scary Monsters And Nice Sprites</span></h3>
<p>
	<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/WSeNSzJ2-Jw" width="500"></iframe></p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<h3>
	<span style="color:#0000ff;">Skrillex- Kill EVERYBODY</span></h3>
<p>
	<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/F21aifX0lZY" width="500"></iframe></p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<h3>
	<span style="color:#0000ff;">La Roux &#39;In For The Kill&#39; - Skrillex</span></h3>
<p>
	<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/CpEOErRV-u4" width="500"></iframe></p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<h3>
	<span style="color:#0000ff;">Korn ft. Skrillex - Get Up (official Video) (HD)</span></h3>
<p>
	<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/g0Wy2hHkJug" width="500"></iframe></p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<h3>
	<span style="color:#0000ff;">Skrillex- Still Gettin It&#39; Foreign Beggars feat Skrillex</span></h3>
<p>
	<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/8aScLKxAVXI" width="500"></iframe></p>
<p>
	はい、最近注目のSkrillexさんですね。Kornとかとコラボしたりしている注目の人です。元々エモ系のボーカルなだけあってロックっぽい曲が多いです。初めての人はこの人の曲を聞くといいと思います。ただdubstepじゃなくポストdubstepなのかもしれませんが。</p>
<p>
	&nbsp;</p>
<h3>
	<span style="color:#0000ff;">Reso - Beasts In The Basement</span></h3>
<p>
	<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/js73U1223Os" width="500"></iframe></p>
<p>
	斬新ですね。音色を獣の咆哮の様に使ってそれを楽曲にしてるとことか。秀逸！</p>
<p>
	&nbsp;</p>
<h3>
	<span style="color:#0000ff;">Reso - Otacon</span></h3>
<p>
	<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/bmOeWUwkpxQ" width="500"></iframe></p>
<p>
	ジャングルっぽい！なぜかジョジョのSEが。作業中にはテンションあがります！<br />
	ちなみにこのResoさん、ヨーロッパのDTM雑誌で連載コラムもってるDTMの先生的存在みたいです。</p>
<p>
	&nbsp;</p>
<h3>
	<span style="color:#0000ff;">Pornstep feat. The Highbury Whores (Original Mix) - Dodge, Fuski</span></h3>
<p>
	<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/870cSxoRVK8" width="500"></iframe></p>
<p>
	こういったエロイ喘ぎ声を要素として取り入れるの多いですね。でもこれは上手くマッチしていて心地良いです。</p>
<p>
	&nbsp;</p>
<h3>
	<span style="color:#0000ff;">Daladubz - Pink Elephants VIP</span></h3>
<p>
	<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/7vzEIgBuZqw" width="500"></iframe></p>
<p>
	Oh Yes! Pink Elephants!!</p>
<p>
	&nbsp;</p>
<h3>
	<span style="color:#0000ff;">Nero - Innocence</span></h3>
<p>
	<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/1S35THmZD_E" width="500"></iframe></p>
<p>
	iTunes Festivalにも出てたNEROさん。しかしこのアニメはいったい？</p>
<p>
	&nbsp;</p>
<h3>
	<span style="color:#0000ff;">Doctor P - Tetris</span></h3>
<p>
	<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/jL34qKX0Ge4" width="500"></iframe></p>
<p>
	これは聞いてわかると思いますがテトリスモチーフです。Fuckのseのタイミングとか最高！</p>
<p>
	&nbsp;</p>
<h3>
	<span style="color:#0000ff;">Nyan Cat (Alex S. Dubstep Remix)</span></h3>
<p>
	<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/BeGjTiUqw8U" width="500"></iframe></p>
<p>
	にゃにゃにゃ～～</p>
<p>
	&nbsp;</p>
<p>
	なんか最後はイロモノ紹介になってしまいましたｗ</p>
<p>
	テクノはジャンル分岐だとかルーツだとかめんどくさい定義が多くてわけわからん状態でとっつきにくい感がありますが、こんな感じで特に「これがdubstepの定義」というよりは「dubstepっぽい」ものがdubstepなんだと思います。</p>
<p>
	ゆる～く好きな感じの曲を聞くのが音楽ですから。</p>
<p>
	特にパソコンで作業する方はこのdubstep専門チャンネルのポッドキャストがおすすめ！テンションあがりますよ！</p>
<p>
	<strong><a href="http://www.di.fm/dubstep/" target="_blank">&rarr;Digitally Imported</a></strong></p>
<p>
	&nbsp;</p>
<p>
	では！</p>
]]>
        
    </content>
</entry>

<entry>
    <title>CentOS6 で php-mcryptをインストールする</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/08/000112.html" />
    <id>tag:www.tomige.com,2011://2.112</id>

    <published>2011-08-23T01:54:08Z</published>
    <updated>2011-08-23T02:49:59Z</updated>

    <summary> 	php-mcryptはデフォルトのリポジトリには含まれていないようです。 	そこでリボジトリを追...</summary>
    <author>
        <name>U作</name>
        
    </author>
    
        <category term="tomige_ma2ok" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="centos6" label="centOS6" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="phpmcrypt" label="php-mcrypt" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	php-mcryptはデフォルトのリポジトリには含まれていないようです。</p>
<p>
	そこでリボジトリを追加</p>
<pre class="brush: js;" name="code">
# rpm -ivh http://download.fedora.redhat.com/pub/epel/6/i386/epel-release-6-5.noarch.rpm
# rpm -ivh http://rpms.famillecollet.com/enterprise/remi-release-6.rpm
</pre>
<p>
	そして、remiリポジトリをつかってphp-mcryptをインストールする。</p>
<pre class="brush: js;" name="code">
# yum -y install --enablerepo=remi php-mcrypt
</pre>
<p>
	あとはphpinfoなどを使って確認すればOKです。</p>
<p>
	phpmyadminをインストールして下図のように、</p>
<p>
	「mcrypt拡張をロードできません。PHPの設定を確認して下さい」</p>
<p>
	と怒られた場合も上記対応でいけるはずです。</p>
<p>
	参考になれば</p>
<p>
	<img alt="phpmyadmin.gif" class="mt-image-center" height="412" src="http://www.tomige.com/2011/08/23/phpmyadmin.gif" style="text-align: center; margin: 0px auto 20px; display: block" width="425" /></p>
]]>
        
    </content>
</entry>

<entry>
    <title>ブログに設置したRT（リツイート）ボタンが上手く動かない場合の対処法</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/06/000110.html" />
    <id>tag:www.tomige.com,2011://2.110</id>

    <published>2011-06-04T17:24:19Z</published>
    <updated>2011-06-05T13:13:31Z</updated>

    <summary><![CDATA[ 	おばんです。スグルです。 	&nbsp; 	最近色々なブログに設置してあるツイートボタン（共有、...]]></summary>
    <author>
        <name>スグル</name>
        
    </author>
    
        <category term="tomige_suguru" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="rtボタン" label="RTボタン" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="twitter" label="Twitter" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ツイートボタン" label="ツイートボタン" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="リツイートボタン" label="リツイートボタン" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	おばんです。スグルです。</p>
<p>
	&nbsp;</p>
<p>
	最近色々なブログに設置してあるツイートボタン（共有、リツイートボタン）を押すと、Twitterのページに飛ばされるのに自分のタイムラインが表示されるだけで、記事の内容を含んだツイートウインドウが出ないという現象をよく見かけます。（スマフォでも同じ挙動でした。）</p>
<p>
	&nbsp;</p>
<p>
	これでは折角記事を気に入ってシェアしてくれる読者の方々に不快な思いをさせてしまいますよね？</p>
<p>
	&nbsp;</p>
<p>
	このとみげーブログもつい先日まではそうでした。（ずっと気付きませんでした）</p>
<p>
	色々調べてみたら、Twitterが新しいインターフェースにリニューアルしたことにより、リツイートボタンの仕様も変わったそうで、記述の変更の必要があるとのこと。</p>
<p>
	&nbsp;</p>
<p>
	<span style="font-size:100%;">※Twitterホームの設定で新Twitterインターフェースへの切り替えを行っていない場合は、正常に動作する様です。</span></p>
<p>
	<span style="font-size:100%;">※特に<span style="color:#ff0000;">2011年5月中旬頃より以前にボタンを設置した方、自作のリツイートボタンを使用してる方は要注意</span>です。</span></p>
<p>
	&nbsp;</p>
<p>
	で、以下が主なチェック方法と対処法です。</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	<span style="color:#ffffff;"><span style="font-size:140%;"><strong><span style="background-color:#008000; padding:0 15px;">■チェック方法</span></strong></span></span></p>
<p>
	&nbsp;</p>
<p>
	自分のサイトに貼ってあるリツイートボタンを押して飛んだページのURLが</p>
<p>
	<span style="color:#ff0000;">http://twitter.com/home?status=**</span></p>
<p>
	となっている場合は旧Twitterの仕様なのでリツイートウインドウが出ない可能性があります。</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	<span style="color:#ffffff;"><span style="font-size:140%;"><strong><span style="background-color:#008000; padding:0 15px;">■解決方法</span></strong></span></span></p>
<p>
	&nbsp;</p>
<p>
	既存のボタンを修正する方法、新たに設置し直す方法と2種類あります。</p>
<p>
	&nbsp;</p>
<p>
	<span style="font-size:130%;"><span style="color:#006400;"><strong>&rarr;自作ボタンの記述の変更（既存のボタンを修正する方法）</strong></span></span></p>
<p>
	&nbsp;</p>
<p>
	自作リツイートボタンに設定してあるリンクもしくはJavascriptのコードの中にあるURLの記述を新Twitterの仕様に変更してやります。</p>
<p>
	<span style="color:#800000;">（旧）http://twitter.com/home?status=**</span></p>
<p>
	&darr;</p>
<p>
	<span style="color:#ff0000;">（新）http://twitter.com/intent/tweet?text=**</span></p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	<span style="font-size:130%;"><span style="color:#006400;"><strong>&rarr;Twitterの公式ボタンを使用する（新たに設置し直す方法）</strong></span></span></p>
<p>
	&nbsp;</p>
<p>
	最近よくみるこういうボタンです。</p>
<p>
	<img alt="btn.jpg" class="mt-image-none" src="http://www.tomige.com/2011/06/05/btn.jpg" style="width: 500px; height: 89px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; " /></p>
<p>
	3種類の表示方法が選べます。デザインもスッキリしていて良いですね。</p>
<p>
	&nbsp;</p>
<p>
	このボタンは以下のページで作ることが出来ます。</p>
<p>
	<a href="http://twitter.com/about/resources/tweetbutton" target="_blank">http://twitter.com/about/resources/tweetbutton</a></p>
<p>
	&nbsp;</p>
<p>
	で設定はこんな感じです。</p>
<p>
	<img alt="rtsetting.gif" class="mt-image-none" src="http://www.tomige.com/2011/06/05/rtsetting.gif" style="width: 500px; height: 515px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; " /></p>
<p>
	特にURLを指定しなくても、この設定でコードを貼りつけたページのURLを自動取得してくれます。</p>
<p>
	ただし、MovabletypeやWordpress等のCMSを使っている方はこのままだと全てのページのツイートに含まれるURL、タイトルが、同じものになってしまうので、以下の変更が必要になります。</p>
<p>
	&nbsp;</p>
<p>
	<img alt="form.gif" class="mt-image-none" src="http://www.tomige.com/2011/06/05/form.gif" style="width: 500px; height: 225px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; " /></p>
<p>
	ボタン設定の<span style="color:#ff0000;">URL設定 / ツイート内テキスト設定</span>で下のラジオボタンを選び</p>
<p>
	&nbsp;</p>
<p>
	<span style="color:#ff0000;"><strong><span style="font-size:120%;">【ツイート内テキスト】の設定</span></strong></span>は</p>
<p>
	<strong>●Wordpressの場合</strong></p>
<p>
	<span style="color: rgb(255, 0, 0); ">&lt;?php the_title(); ?&gt;</span></p>
<p>
	<strong>●MovableTypeの場合</strong></p>
<p>
	<span style="color: rgb(255, 0, 0); ">&lt;$mt:EntryTitle$&gt;</span></p>
<p>
	&nbsp;</p>
<p>
	<span style="color: rgb(255, 0, 0); "><strong><span style="font-size: 120%; ">【URL】の設定</span></strong></span>は</p>
<p>
	<strong>●Wordpressの場合</strong></p>
<p>
	<span style="color:#ff0000;">&lt;?php the_permalink(); ?&gt;</span></p>
<p>
	<strong>●MovableTypeの場合</strong></p>
<p>
	<span style="color:#ff0000;">&lt;$mt:EntryPermalink$&gt;</span></p>
<p>
	&nbsp;</p>
<p>
	を入れます。</p>
<p>
	これで生成されたコードをサイト内の任意の場所にコピペすれば完成です。</p>
<p>
	&nbsp;</p>
<p>
	何で今回Twitter公式ボタンを紹介したかというと、最近は自作ボタンのメリットがデザインを自由にできるという事以外あまり無いように感じられたので。。</p>
<p>
	というのもTwitterが独自の短縮URL（http://t.co/）を採用してからというもの、例えば独自ボタンでbit.lyとかの短縮URLを生成したとしてもツイートするタイミングで全てt.coの短縮URLに変換してしまうので、bit.lyとかでクリックカウント取りたくてもとれなくなってしまったからです。</p>
<p>
	かわりにボタン横にツイート数がついているのでいいって言えばいいんですが、あからさまに人に数字見られるのはちょっとっイヤっていう人にはやっぱりbit.lyが一番なんですよね。そういう方は<a href="http://corp.topsy.com/publishers/retweet-button/" target="_blank">TOPSYのリツイートボタン</a>とかを使えばいいんですが、javascriptを読み込まなくてはいけないので若干敷居が高かったりします。それでもっていう方はチャレンジしてみてくださいね。</p>
<p>
	ではでは。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>ティザーサイト（映画の予告編みたいなやつ）つくってみたよ！</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/06/000109.html" />
    <id>tag:www.tomige.com,2011://2.109</id>

    <published>2011-06-03T03:42:58Z</published>
    <updated>2011-06-03T04:11:45Z</updated>

    <summary> 	こんちは。スグルです。 	今日はちょっとおもしろいWEBサービスを見つけたのでご紹介します。 	...</summary>
    <author>
        <name>スグル</name>
        
    </author>
    
        <category term="tomige_suguru" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="webサービス" label="WEBサービス" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ティザーサイト" label="ティザーサイト" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	こんちは。スグルです。</p>
<p>
	今日はちょっとおもしろいWEBサービスを見つけたのでご紹介します。</p>
<p>
	&nbsp;</p>
<p>
	まずはこれをみてください。とみげーのティザーサイトを作ってみました。</p>
<p>
	<a href="http://bit.ly/mi2J2r" target="_blank">http://bit.ly/mi2J2r</a></p>
<p>
	※再生する度に内容が変わります。FlashなのでiPhoneの方は見れません。</p>
<p>
	<a href="http://bit.ly/mi2J2r" target="_blank"><img alt="teaser02.gif" class="mt-image-left" src="http://www.tomige.com/2011/06/03/teaser02.gif" style="margin: 0pt 0pt 10px; width: 400px; height: 263px;" /></a></p>
<p>
	<a href="http://bit.ly/mi2J2r" target="_blank"><img alt="teaser01.gif" class="mt-image-left" src="http://www.tomige.com/2011/06/03/teaser01.gif" style="margin: 0pt 0pt 10px; width: 400px; height: 262px;" /></a></p>
<p>
	<br />
	こんな感じで演出過剰気味？なティザーサイトができちゃうWEBサービスがあります。</p>
<p>
	ちょっと卑猥な言葉になっちゃうのは仕様の様です。それがまたオモシロイんですが。。</p>
<p>
	&nbsp;</p>
<p>
	こんなティザーサイト（ティザームービー）がこちらのサイトで簡単にできます。</p>
<p>
	<strong><span style="font-size: 130%;"><a href="http://www.nakamurahiroki.com/coming/" title="coming soon generator">coming soon generator</a></span></strong></p>
<p>
	<a href="http://www.nakamurahiroki.com/coming/" target="_blank"><img alt="teaser03.gif" class="mt-image-none" src="http://www.tomige.com/2011/06/03/teaser03.gif" style="width: 400px; height: 331px; border-width: 1px; border-style: solid;" /></a></p>
<p>
	サイトに行くとこんな感じになっているので入力してGENERATE!!ボタンを押すだけ。</p>
<p>
	するとコードが発行されるのでテキストエディタ等にコピペして.htmlと拡張子を付けるだけ。</p>
<p>
	そのままローカルでも見れますが適当な名前付けてサイトにアップすればティザーサイトのできあがり！</p>
<p>
	今はまだ作るのに若干めんどくさいですが、そのうちブログにも貼れる様になるみたい。</p>
<p>
	&nbsp;</p>
<p>
	詳しくはこちらのサイトで。</p>
<div class="t-head">
	<p>
		<a href="http://toshiiy.blog22.fc2.com/blog-entry-141.html" target="_blank"><span style="font-size: 100%;">たった2分でティーザーサイトが作成できるWEBサービス「coming soon generator」 | 日刊ウェブログ式</span></a></p>
</div>
<p>
	&nbsp;</p>
<p>
	ではでは。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>とみげーがスマフォに対応しましたYO！！！</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/05/000108.html" />
    <id>tag:www.tomige.com,2011://2.108</id>

    <published>2011-05-28T14:32:44Z</published>
    <updated>2011-05-29T01:54:33Z</updated>

    <summary> 	おヒサです。スグルです。 	だいぶ更新をサボっておりましたが久々にやっとこさ更新できました。 	...</summary>
    <author>
        <name>スグル</name>
        
    </author>
    
        <category term="tomige_suguru" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="スマフォ" label="スマフォ" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="スマートフォン" label="スマートフォン" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	おヒサです。スグルです。</p>
<p>
	だいぶ更新をサボっておりましたが久々にやっとこさ更新できました。</p>
<p>
	&nbsp;</p>
<p>
	で、今回はスマフォ対応のおしらせです。</p>
<p>
	PCページのURLをスマフォで見ると「スマフォページを表示しますか？」ってダイアログがでるので<strong>「はい」を押すとスマフォページへ、「いいえ」を押すと通常のPC用ページ</strong>が表示されます。まあそんなんどうだっていですよね。</p>
<p>
	&nbsp;</p>
<p>
	で、とみげースマフォページの特徴をざっと。</p>
<p>
	<span style="font-size:160%;"><strong><span style="color: rgb(0, 128, 0);">【その1】</span></strong></span></p>
<p>
	<span style="font-size:160%;"><strong><span style="color: rgb(0, 100, 0);">過去の記事もスムーズに見れるよ～～～！</span></strong></span></p>
<p>
	<img alt="IMG_0140.jpg" class="mt-image-none" height="416" src="http://www.tomige.com/2011/05/29/IMG_0140.jpg" style="" width="320" /></p>
<p>
	こんな感じで記事一覧ページに「もっと過去の記事を見る」ボタンがあるので押すとページ移動せずに下にもっと過去の記事一覧ページがでます。</p>
<p>
	更に過去の記事を見たい場合はボタンを押して、もっと過去の記事を見たい場合はもっとボタンを押して(ry<br />
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	<span style="font-size:160%;"><strong><span style="color: rgb(0, 100, 0);">【その2】</span></strong></span></p>
<p>
	<span style="font-size:160%;"><strong><span style="color: rgb(0, 100, 0);">フリックでページ移動できるよ～～～！</span></strong></span></p>
<p>
	<img alt="IMG_0139.jpg" class="mt-image-none" height="416" src="http://www.tomige.com/2011/05/28/IMG_0139.jpg" style="" width="320" /></p>
<p>
	こんな感じで記事ページをこすってもらえれば楽にページ移動できます。</p>
<p>
	スマフォっぽいよね？ハイテクだよね？</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	<span style="font-size:160%;"><strong><span style="color: rgb(0, 100, 0);">【その3】</span></strong></span></p>
<p>
	<span style="font-size:160%;"><strong><span style="color: rgb(0, 100, 0);">コメントするとかわいい～～～！</span></strong></span></p>
<p>
	<img alt="IMG_0138.jpg" class="mt-image-none" height="417" src="http://www.tomige.com/2011/05/28/IMG_0138.jpg" style="" width="320" /></p>
<p>
	もしブログ記事にコメントがある場合、幸せの青い鳥がコメント数をお知らせしてくれます。</p>
<p>
	この鳥さんは昔「エ○エ○」っていうFlashゲームを作ったときに描いた鳥で仕事とかでよく使っちゃったりするいわゆる「都合の良い鳥」です。</p>
<p>
	だから僕のデザインにはよく登場します。個人的には「ブルーバード」と呼んでいます。</p>
<p>
	ちなみにスマフォからは技術的な都合でコメント出来ませんのでページ下部にある「PCページ」ボタンを押してPCページを表示してからコメントをお願いします。めんどくさくてスミマセンm(_ _)m</p>
<p>
	&nbsp;</p>
<p>
	以上です。</p>
<p>
	っていうことでポイントとしては</p>
<p>
	<span style="font-size:160%;"><span style="color: rgb(255, 140, 0);"><strong>「コメント頂けるとドンドンかわいくなるので、お気軽にコメントください！！！！」</strong></span></span></p>
<p>
	っていうことです。</p>
<p>
	&nbsp;</p>
<p>
	まあコメント頂ける様な記事を書けたらの話ですが。。。</p>
<p>
	あ、もし表示が崩れてるとかあったらご報告頂けると幸いです。</p>
<p>
	今後ともよろしくおねがいします。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>もう使用しない方がいいWEBデザインのトレンド</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/04/000107.html" />
    <id>tag:www.tomige.com,2011://2.107</id>

    <published>2011-04-28T10:12:24Z</published>
    <updated>2011-04-28T11:17:35Z</updated>

    <summary> 	最近、以下のページを見ました。 	 	「これはもう使用しない方がいいウェブデザインのトレンド」 ...</summary>
    <author>
        <name>ケンゾー</name>
        
    </author>
    
        <category term="tomige_hikaru" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="web" label="WEB" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="コンセプト" label="コンセプト" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="テーマ" label="テーマ" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="デザイン" label="デザイン" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	最近、以下のページを見ました。<br />
	<br />
	「これはもう使用しない方がいいウェブデザインのトレンド」<br />
	<br />
	http://coliss.com/articles/build-websites/operation/design/17-most-used-and-abused-web-design-trends.html<br />
	<br />
	会社ではWEBデザインをしているのですが、<br />
	自己チェックしたら５個も当てはまってしまいました。<br />
	<br />
	・鏡面反射<br />
	・ストックフォト<br />
	・ペーパー<br />
	・ポラロイド<br />
	・ブラックの背景<br />
	<br />
	よく使うのは鏡面反射で、結構好きだったんですが、<br />
	たしかにありふれたデザインです。<br />
	個人的には、そこまで古いトレンドだとは思わないのですが、<br />
	色んなサイトで見かけるので、なるべく使用を控えようかなと思いました。<br />
	<br />
	次によく使うのが、ストックフォトです。<br />
	握手している画像はビジネス系サイトでは良く見かけますね。<br />
	メインビジュアルで使用した事はありませんが、サイト内の一部の画像等に<br />
	頻繁に使用していました。<br />
	<br />
	ブラックの背景については、ちょっと疑問に思いました。<br />
	ただ単に背景を黒くしているのは微妙だと思いますが、<br />
	コンセプトやテーマに沿って使えば、全然悪くないと思います。<br />
	でもまあ、確かに使われ過ぎているデザインなので、<br />
	使わないてデザインできるならそのほうがいいのかもしれません。<br />
	<br />
	色々当てはまってしまってちょっとだけショックを受けましたが、<br />
	これからの仕事に活かせればと思います。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>とみげースマフォ対応します！</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/04/000106.html" />
    <id>tag:www.tomige.com,2011://2.106</id>

    <published>2011-04-09T15:17:14Z</published>
    <updated>2011-04-09T15:32:56Z</updated>

    <summary> 	こんばんは～。スグルです。 	すいません。前回団員kuboが予告したとおり本当はViberやSk...</summary>
    <author>
        <name>スグル</name>
        
    </author>
    
        <category term="tomige_suguru" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="スマフォ" label="スマフォ" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	こんばんは～。スグルです。</p>
<p>
	すいません。前回団員kuboが予告したとおり本当はViberやSkypeについてのお話をしなければならないのですが、ちょっとまだお話を練っている所もあってそちらは後ほど。</p>
<p>
	&nbsp;</p>
<p>
	で、今回はちょっとお知らせです。</p>
<p>
	<strong><span style="font-size:130%;">このとみげーブログを近々スマフォ対応させます！！！！！テッテレー！！</span></strong></p>
<p>
	今まで自分がスマフォ使っていながら自分のサイトがスマフォ対応してなくてとても読みにくくて「あぁぁーもう字が小さくて読み込み遅くてすっげーーーーーーーイライラする～～～～！！！スマフォに対応してないサイトなんか消えちまえーーーーーっ！！！」ってストレスMAX&amp;ジレンマMAX状態だったのですが、この度やっとスマフォ化の目星がつきました。</p>
<p>
	&nbsp;</p>
<p>
	今までスマフォで読みにくい中がんばって読んでくれていた方はぐっと読みやすくなりますよ～～。</p>
<p>
	まあそれ以前にコンテンツをもっと充実させなくてはですがね(^_^;)</p>
<p>
	&nbsp;</p>
<p>
	ではでは今後ともとみげーをよろしくお願い致します。</p>
<p>
	&nbsp;</p>]]>
        
    </content>
</entry>

<entry>
    <title>PCRE has not been compiled with Unicode support.</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/03/000104.html" />
    <id>tag:www.tomige.com,2011://2.104</id>

    <published>2011-03-31T01:18:58Z</published>
    <updated>2011-03-31T02:09:16Z</updated>

    <summary> 	CakePHP 1.3.8のインストール時に見慣れない表示がでました。 	PCRE has no...</summary>
    <author>
        <name>U作</name>
        
    </author>
    
        <category term="tomige_ma2ok" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="cakephp" label="cakephp" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	CakePHP 1.3.8のインストール時に見慣れない表示がでました。</p>
<p>
	PCRE has not been compiled with Unicode support.</p>
<p>
	あれ！？こんな表示あったっけな！？とういうことで調べてみたら</p>
<p>
	PCRE (Perl Compatible Regular Expressions)ライブラリのコンパイルオプションでunicode-propertiesが有効になっていないとダメらしい</p>
<p>
	ということで早速確認</p>
<p>
	&nbsp;</p>
<p>
	<code>$ pcretest -C</code></p>
<p>
	<code>結果は以下</code></p>
<p>
	PCRE version 6.6 06-Feb-2006<br />
	Compiled with<br />
	UTF-8 support<br />
	<span style="background-color: rgb(255,0,0)">No Unicode properties support</span><br />
	Newline character is LF<br />
	Internal link size = 2<br />
	POSIX malloc threshold = 10<br />
	Default match limit = 10000000<br />
	Default recursion depth limit = 10000000<br />
	Match recursion uses stack</p>
<p>
	&nbsp;</p>
<p>
	確かに<span style="background-color: rgb(255,0,0)">No Unicode properties support</span>となっていますね</p>
<p>
	&nbsp;</p>
<p>
	以下対応方法</p>
<p>
	# wget ftp://ftp.redhat.com/pub/redhat/linux/enterprise/5Server/en/os/SRPMS/pcre-6.6-2.el5_1.7.src.rpm</p>
<p>
	# rpm -ivh pcre-6.6-2.el5_1.7.src.rpm</p>
<p>
	警告が出ても無視して大丈夫です</p>
<p>
	# vi /usr/src/redhat/SPECS/pcre.spec</p>
<p>
	%configure --enable-utf8 <strong>--enable-unicode-properties</strong></p>
<p>
	<strong>太字部分</strong>を追加</p>
<p>
	# rpmbuild -ba /usr/src/redhat/SPECS/pcre.spec</p>
<p>
	# rpm -Uvh /usr/src/redhat/RPMS/i386/pcre-6.6-2.7.i386.rpm</p>
<p>
	あとはApacheを再起動すれば黄色い警告は消えているはずです</p>
<p>
	使用しているサーバーによっては上記の方法がとれない場合もあると思いますので</p>
<p>
	その場合はcakeのalphaNumericのvalidationがPCREを使用しているそうなので</p>
<p>
	該当部分を修正してあげればいいようです。</p>
<p>
	こちらの方法は試してません・・・</p>
<p>
	cake/libs/validation.php</p>
<pre class="brush: js;" name="code">
function alphaNumeric($check) {
	$_this =&amp; Validation::getInstance();
	$_this-&gt;__reset();
	$_this-&gt;check = $check;

	if (is_array($check)) {
        	$_this-&gt;_extract($check);
        }

        if (empty($_this-&gt;check) &amp;&amp; $_this-&gt;check != &#39;0&#39;) {
        	return false;
        }
        //$_this-&gt;regex = &#39;/^[\p{Ll}\p{Lm}\p{Lo}\p{Lt}\p{Lu}\p{Nd}]+$/mu&#39;;
        $_this-&gt;regex = &#39;/^[a-z\d]*$/i&#39;;
        return $_this-&gt;_check();
}
</pre>]]>
        
    </content>
</entry>

<entry>
    <title>Four Squareを試してみました</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/03/000103.html" />
    <id>tag:www.tomige.com,2011://2.103</id>

    <published>2011-03-18T10:15:42Z</published>
    <updated>2011-03-18T10:54:14Z</updated>

    <summary> 	東北の大震災から今日でちょうど1週間ですね。 	 	 	1週間前の今日は自分も周りもパニックだっ...</summary>
    <author>
        <name>kubo</name>
        <uri>http://www.tomige.com/</uri>
    </author>
    
        <category term="tomige_kubo" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="foursquare" label="Four Square" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	東北の大震災から今日でちょうど1週間ですね。<br />
	<br />
	<br />
	1週間前の今日は自分も周りもパニックだった気がします。<br />
	<br />
	私自身は特に被害も無く、落ち着いてきましたが<br />
	東北の方は今も大変な状況なので、<br />
	節電等できることをやっていきたいと思います。<br />
	<br />
	<br />
	さて、<br />
	今回の記事は「Four Square」という<br />
	Facebookとも連動できるSNSのご紹介です。<br />
	<a href="http://ja.foursquare.com/"><br />
	http://ja.foursquare.com/</a><br />
	<br />
	携帯電話のGPS機能を使用し、<br />
	自分の現在の位置情報を基に近くにあるお店や駅などに<br />
	チェックイン。<br />
	チェックインした回数に応じてバッジ（ポイントのようなもの）が<br />
	与えられ、その数を友達と競ったり、チェックインした情報を<br />
	共有したりできるサービスです。<br />
	<br />
	最近試してみました。<br />
	<br />
	<br />
	前から興味があったのもありますが、<br />
	その他にもう1つ使い始めた理由があります。<br />
	<br />
	<br />
	今回の震災中って携帯の電話、メール、<br />
	更には固定電話さえも使用不可能に陥りました。<br />
	<br />
	<br />
	おかげでしばらく家族と連絡がとれず不安でしたが、<br />
	TwitterやFacebookは問題なく動いていて、<br />
	ネットワークの強さを感じました。<br />
	<br />
	<br />
	話が右往左往しますが、<br />
	このFour Squareを入れておけば<br />
	今後同じような事態が仮に起こったときに<br />
	役に立つのでは、と思いました。<br />
	<br />
	<br />
	Four Squareの設定でFacebookとTwitterを連動させると<br />
	チェックインした際に自動でpostされます。</p>
<p>
	<img alt="facebook.jpg" class="mt-image-center" height="296" src="http://www.tomige.com/2011/03/18/facebook.jpg" style="margin: 0pt auto 20px; text-align: center; display: block;" width="513" />こちらはFacebook。<br />
	Facebookには簡易の地図画像も載ります。<br />
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	<img alt="twitter.jpg" class="mt-image-center" height="199" src="http://www.tomige.com/2011/03/18/twitter.jpg" style="margin: 0pt auto 20px; text-align: center; display: block;" width="527" />こちらはTwitter。<br />
	<br />
	<br />
	<br />
	試す前まではゲーム的な感覚が強かったのですが<br />
	震災後は不測の事態の（もし携帯が無事であれば）<br />
	連絡手段としても使えるのでは、、、<br />
	と思いました。<br />
	<br />
	使い道は人それぞれですが<br />
	無料なので入れておいて損は無いと思います。<br />
	<br />
	<br />
	ただし、<br />
	単純に自分の無事を知らせるだけだったら<br />
	Twitterだけでも良い気もします。。<br />
	<br />
	今回はFour Squareを試したのでご紹介しましたが<br />
	震災に遭った際、更に便利なアプリがあります。<br />
	<br />
	<br />
	それは、、、<br />
	<br />
	<br />
	次週スグルさんから発表させていただきます！<br />
	<br />
	お楽しみに。</p>
<p>
	<br />
	&nbsp;</p>
]]>
        
    </content>
</entry>

<entry>
    <title>地デジ化お済みですか？</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/03/000102.html" />
    <id>tag:www.tomige.com,2011://2.102</id>

    <published>2011-03-06T08:03:29Z</published>
    <updated>2011-03-06T08:37:10Z</updated>

    <summary> 	 	今年7月の全面地デジ化が近づいていますね。 	皆さんのテレビはもう地デジ化済みましたか？ 	...</summary>
    <author>
        <name>chackee</name>
        
    </author>
    
        <category term="tomige_chackee" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="群馬" label="群馬" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	<br />
	今年7月の全面地デジ化が近づいていますね。<br />
	皆さんのテレビはもう地デジ化済みましたか？<br />
	我が家は住人よりテレビの数が多く、新規に購入するのももったいないと悩みどころでした。<br />
	<br />
	ちょうど今から2年前、1台のテレビが壊れ、最初の地デジ化が行われました。<br />
	その時はまだ、周辺の誰に聞いてもどうやったら地デジ化できるかわからない頃でした。<br />
	ネットで調べると「VHFはアンテナ交換、UHFはアンテナの向きを調整」という項目を見つけたのです。<br />
	私の住む群馬西部は『榛名山の中継塔からUHFを受信している。』というのだけは知っていました。だから「アンテナの向き変える工事しないといけないのか？」と心配がありました。<br />
	『アンテナの工事はやっぱり電気屋さんに頼むのかな？』と悩みながらも、<br />
	壊れたテレビの代わりのデジタルテレビは、ネットショップで購入することにしたのです。<br />
	注文時に『製品＋アンテナ工事』ってことで追加料金覚悟で注文しました。<br />
	テレビの届く日、どうみてもアンテナ工事をするカッコしていないアルバイト的な2人の男の人が、これまた普通の運送車両でやってきました。<br />
	<br />
	バイト風：「テレビの設置場所はどこですか？」<br />
	私：『ここにお願いします。』<br />
	<br />
	一人がピカピカのテレビを台に乗せ、壊れたテレビを車に運び、そしてもう一人がケーブルをパチッ、カードをパチッ、リモコンでピッピ。<br />
	<br />
	バイト風：『これで地デジ見えますから』<br />
	私：「え～～アンテナ工事はしないんですか？」<br />
	バイト風：『これで見えますよ。これがアナログ、これがデジタルですから。』っと、リモコンを説明。<br />
	私：「え～～そんな簡単なの？それなら自分でできたのに！」と口には出さず、心で思う。<br />
	バイト風：『この地域は相当古いアンテナのお宅以外、交換の必要ないっす！』<br />
	<br />
	的な会話で。。ものの15分くらいの設置で、引き上げていったのです。<br />
	<br />
	**********************************<br />
	<br />
	という2年前の『地デジ化お初』の経緯もあり、その他の残ったブラウン管アナログテレビ3台をどうするか？という問題が。<br />
	「テレビを買い変えるもったいないし、7月までにはチューナー買おう。」と家族で決めました。<br />
	でも、最近のNHKの驚くような砂嵐のCMを見ていると、そろそろ地デジ化の時期かな？と感じて『2月中にチューナーを買おう！』と思いたちました。<br />
	高い方がいいかな？。。とも迷ったのですが、このテレビたちはビデオが接続されているわけではなく、見るだけなので、一番安い5,000円弱のチューナーでどうにかならないものか？<br />
	とまず1台分だけ購入してみたのです。<br />
	チューナーが届き、ケーブルをパチッ、カードをパチッ、リモコンでピッピ。<br />
	私でもほんの10分かからずで地デジ化できたのです。<br />
	<br />
	映像もかなりクリアでイイ感じです。そして、右上の「アナログ」の文字ももう出ません！<br />
	残りの2台分の5,000円のチューナーをすぐに注文したのは言うまでもありません。<br />
	<br />
	アンテナ交換をしないといけない東京周辺の地デジ化がまだまだ遅れているという現実があるらしいですね。<br />
	今回ばかりは榛名山に感謝です。<br />
	&nbsp;</p>
]]>
        
    </content>
</entry>

<entry>
    <title>初めてのスマフォサイト制作、最低限気をつけるべきポイントは？</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/02/000101.html" />
    <id>tag:www.tomige.com,2011://2.101</id>

    <published>2011-02-25T07:03:33Z</published>
    <updated>2011-03-06T16:13:31Z</updated>

    <summary><![CDATA[ 	おひさです。スグルです。 	最近バタバタしてて中々更新できませんでした（笑） 	&nbsp; 	...]]></summary>
    <author>
        <name>スグル</name>
        
    </author>
    
        <category term="tomige_suguru" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="android" label="Android" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="iphone" label="iPhone" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="サイト制作" label="サイト制作" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="スマフォ" label="スマフォ" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	おひさです。スグルです。</p>
<p>
	最近バタバタしてて中々更新できませんでした（笑）</p>
<p>
	&nbsp;</p>
<p>
	さて、最近iPhoneはもとよりAndroid Galaxyの登場で日本では一気に普及してきた感のあるスマートフォン（通称スマフォ）ですが、一般のWEBサイトもそれに応じてスマートフォンに対応するサイトが多くなってきました。</p>
<p>
	&nbsp;</p>
<p>
	そんな流れでここの処スマフォサイトを色々研究していまして、「なるべく新しく覚えることを最小限にしてスマフォサイトを作るには何に気を付ければ良いか？」という<strong>なるべく楽して作りたいと</strong>いう不順な動機からポイントをまとめてみました。</p>
<p>
	注）普通のXHTMLコーディングを理解されている事を前提に書いています。ご了承ください。</p>
<p>
	&nbsp;</p>
<p>
	----------------------------------------------------------------------------------<br />
	<strong><span style="color: rgb(0, 128, 0);"><span style="font-size: 130%;">■デザイン</span></span></strong></p>
<p>
	<br />
	・リキッドレイアウトのデザインにすること（端末が回転するから）</p>
<p>
	・上から下へ並ぶデザイン</p>
<p>
	・左右カラムデザインは極力避ける（1行の文字数が少なすぎてしまうから）</p>
<p>
	・テキストのみのリンクは極力使わない（小さすぎて押せない）</p>
<p>
	・全体的にパーツは大きく</p>
<p>
	・<span style="color: rgb(255, 0, 0);">テキストは14px、見出しは16px以上</span>が望ましい</p>
<p>
	・フォーム部品はCSSで大きくデザイン（小さいと押せない）</p>
<p>
	・スマフォのテキスト入力は煩わしさがあるので、入力フォーム等ではなるべくドロップダウンやチェックボックス等で構成してやる<br />
	<br />
	----------------------------------------------------------------------------------<br />
	<strong><span style="color: rgb(165, 42, 42);"><span style="font-size: 130%;">■コーディング</span></span></strong></p>
<p>
	<br />
	・言語は通常使っているXHTMLでOK （HTML5を使う必要は特にありません。）</p>
<p>
	・<span style="color: rgb(255, 0, 0);">通常のXHTMLコーディングとの違いはmeta内に画面フィット用のviewport宣言が必要な程度</span> （これを魔法の様に覚えておけば大概大丈夫だと思います。）</p>
<pre class="brush: js;" name="code">
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width; target-densitydpi=device-dpi; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;&quot; /&gt;

</pre>
<p>
	・コンテンツ構造によっては横スクロール（画面を横に引っ張れる状態）が出て右側に意図しない空きが出てしまう場合があるので、これを回避する為に<span style="color: rgb(255, 0, 0);">大枠のラッピング要素（#wrapper等）にoverflow:hidden;を掛ける</span>。</p>
<p>
	・JSは使えるが、読み込みに10sec以上かかるプログラムは使わない</p>
<p>
	・アニメーション系のjsはなるべく使わない方が良い（動きがカクカクするから）</p>
<p>
	・容量制限は無いが、画像、js含めて500k以内に納めるのが望ましい （メディアの性質的に軽さが特に重用視される）</p>
<p>
	・ボタンや見出し等をCSS3で組むと画像を使用するよりページロードが速くスムーズな表示ができるので、必要に応じて対応する<br />
	<br />
	----------------------------------------------------------------------------------</p>
<p>
	&nbsp;</p>
<p>
	以上の様に、特に初めてのスマフォサイト制作でもあまり新技術を習得することなく制作できるでしょう。<br />
	むしろ携帯サイトよりキャリアの縛りが無く、またPCサイトより簡易的なコーディングになるので比較的楽ではないのでしょうか。</p>
<p>
	&nbsp;</p>
<p>
	また、HTML5を使用してスマフォサイト制作してるところも見かけますが、ローカルストレージやジオロケーションを使用するアプリ的なサイトを制作する必要がある場合のみ使えば良いと思われ、その他の通常サイトの制作に関してはHTML5を利用するメリットは今のところあまり無いような気がします。</p>
<p>
	&nbsp;</p>
<p>
	初めて制作する場合は以下のようなデザインサンプルサイトのデザイン・レイアウトを参考にすると良いかもです。</p>
<p>
	&nbsp;</p>
<p>
	・<a href="http://sp-web.jp/" target="_blank">スマートフォンサイト集めました</a></p>
<p>
	・<a href="http://www.mobileawesomeness.com/" target="_blank">Mobile Awesomeness</a></p>
]]>
        
    </content>
</entry>

<entry>
    <title>facebook関連オススメ書籍2冊</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/02/000100.html" />
    <id>tag:www.tomige.com,2011://2.100</id>

    <published>2011-02-24T03:05:40Z</published>
    <updated>2011-02-24T03:19:15Z</updated>

    <summary> 	 	前回の記事を書いてから約1ヵ月。 	facebookについて色々と分かってきました。 	 	...</summary>
    <author>
        <name>kubo</name>
        <uri>http://www.tomige.com/</uri>
    </author>
    
        <category term="tomige_kubo" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="facebook" label="facebook" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	<br />
	<a href="http://www.tomige.com/2011/01/000095.html">前回の記事</a>を書いてから約1ヵ月。<br />
	facebookについて色々と分かってきました。<br />
	<br />
	<br />
	facebookについての書籍も読んで<br />
	本日はオススメの2冊を紹介したいと思います。<br />
	<br />
	<br />
	<strong>１．facebook完全活用術</strong><br />
	<a href="http://p.tl/MpTL">http://p.tl/MpTL</a><br />
	<br />
	薄い本なのですが、4章立てで下記の内容が載っています。<br />
	<br />
	------------------<br />
	・1章 facebookの基本的説明<br />
	・2章 facebookの始め方（基本設定）<br />
	・3章 facebookの基本活用方<br />
	・4章 facebookの応用方法<br />
	------------------<br />
	<br />
	facebookを知らない方が読んで一通り使えるように<br />
	なるには充分な内容です。<br />
	<br />
	1章～3章で基本を学び、<br />
	4章にはファンページの作り方や他ブログ、Webサービスとの<br />
	連携方法（ビジネスより）が載っているのでよりアクティブに<br />
	facebookを使いこなしたい方にとってもお腹いっぱいになる内容です。<br />
	<br />
	本書の内容を一通り実践してみて、<br />
	自分なりの活用法を見出してみても良いと思います。<br />
	<br />
	<br />
	なお、余談ですが私はこの本に載っている<br />
	「smart tweets」というアプリを使ってTwitterとfacebookの連携を行いました。<br />
	Twitterでつぶやくとfacebookのニュースフィードに反映されます。<br />
	<br />
	<br />
	<strong>２．新ソーシャルメディア完全読本 フェイスブック、グルーポン・・・これからの向きあい方</strong><br />
	<a href="http://p.tl/gwIj">http://p.tl/gwIj</a><br />
	<br />
	こちらは実践本ではありません。<br />
	facebookだけにとどまらず勢いを増しているソーシャルメディア業界全般に<br />
	関しての情報、過去から現在のWebマーケティング手法が<br />
	どのようにシフトしているのか、といった<br />
	・ソーシャルメディアとは何か？<br />
	・ソーシャルメディアが生活にどのような影響を与えたか？<br />
	・それに対して企業がすべきことは何か？<br />
	<br />
	等が書かれています。<br />
	<br />
	facebookが「流行っているという事実」はわかる。<br />
	でもそれは何で？<br />
	<br />
	と今まで思っていましたが、本書を読んで少しは晴れた気がします。<br />
	<br />
	<br />
	私なりに少し内容をまとめさせていただくと、<br />
	マーケティングは「製品中心の時代（需要が供給を上回っている）」から<br />
	「顧客中心の時代（企業が様々な業種に参入し、供給が需要を上回る）」となり<br />
	そして現在では「人間中心の時代（消費者が知識をつけ、顧客中心の考え方ではない<br />
	企業は淘汰される）」となった。<br />
	<br />
	そして消費者は検索エンジンの結果で上位に表示される、という情報だけでは購入しなくなり、<br />
	友人、知人等、信頼できる人からのオススメ（口コミ）を判断基準に購入という<br />
	行動を起こすようになり、消費者はよりネットの中で信頼できる情報を求めるようになった。<br />
	（その方が安心・安全に買い物をすることができる）<br />
	<br />
	買い物に関してだけでなく、外部から情報を得る場合にも<br />
	ネットに無造作に転がっている情報よりも信頼している人間が発する情報の方が<br />
	安心できる。</p>
<p>
	<br />
	それが、<br />
	匿名性ほぼ無しのfacebookに人が集まるようになった背景だと思いました。<br />
	<br />
	企業は今までにも増して顧客を考えた、顧客がビジネスパートナーとして<br />
	知り合いに広げたくなるような、サービス、ビジネスを展開しなくては<br />
	ならないと思います。<br />
	<br />
	<br />
	日本は世界と比べるとまだfacebookの認知度の低さや実名登録への壁が<br />
	目立ちますが、それも時間の問題で今の現状を見ると、<br />
	時期に日本もfacebookが生活のインフラとなるような時代が来るのかなぁと思いました。<br />
	&nbsp;</p>
<p>
	<br />
	<br />
	facebookの次に流行るWebサービスは何だろう。。<br />
	<br />
	<br />
	<br />
	--------------------------------------------------<br />
	【今までやったこと】<br />
	・アカウント登録。<br />
	・著書「facebook完全活用本」で基礎勉強。<a href="http://p.tl/r3iR">http://p.tl/r3iR</a><br />
	・映画「ソーシャルネットワーク」観賞。<br />
	・著書「facebook完全活用術」を読了。　<a href="http://p.tl/MpTL">http://p.tl/MpTL</a><br />
	・著書「新ソーシャルメディア完全読本」を読了。 <a href="http://p.tl/gwIj">http://p.tl/gwIj</a><br />
	・「smart tweets」アプリを使用してTwitterとFacebookを連携。<br />
	<br />
	【今後やっていきたいこと】<br />
	・色々なFacebookの事例（個人、ビジネス）を見てみる。<br />
	・ファンページを作ってみる。<br />
	--------------------------------------------------<br />
	&nbsp;</p>
]]>
        
    </content>
</entry>

<entry>
    <title>変わったデザインの名刺</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/02/000097.html" />
    <id>tag:www.tomige.com,2011://2.97</id>

    <published>2011-02-10T06:26:19Z</published>
    <updated>2011-02-10T07:45:05Z</updated>

    <summary><![CDATA[ 	今日はちょっと変わったデザインの名刺を紹介したいと思います。 	&nbsp; 	ちょっと前に「ク...]]></summary>
    <author>
        <name>ケンゾー</name>
        
    </author>
    
        <category term="tomige_hikaru" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="デザイン" label="デザイン" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	今日はちょっと変わったデザインの名刺を紹介したいと思います。</p>
<p>
	&nbsp;</p>
<p>
	ちょっと前に「クリエイターの名刺コレクション」という本を買ったのですが、</p>
<p>
	その本に載っていた名刺の画像と私のコメントを以下に載せます。</p>
<p>
	&nbsp;</p>
<p>
	①</p>
<p>
	一見変わった形の名刺ですが、名刺の縁にある折り目に沿って折ると、</p>
<p>
	<img alt="" height="225" src="/IMG_4297.jpg" width="300" /></p>
<p>
	▼このような名刺入れになります。</p>
<p>
	カード入れとしても使用可能で実用的ですね。</p>
<p>
	<img alt="" src="/IMG_1544.jpg" style="width: 300px; height: 225px;" /></p>
<p>
	&nbsp;</p>
<p>
	②</p>
<p>
	コーヒーのフィルターを名刺にしたデザインです。</p>
<p>
	こちらも実用的ですね。</p>
<p>
	<img alt="" src="/IMG_0217.jpg" style="width: 300px; height: 225px;" /></p>
<p>
	&nbsp;</p>
<p>
	③</p>
<p>
	こちらは、マッチを名刺にしたものです。</p>
<p>
	こいういうのは飲食店ではよく見かけますが、名刺としては珍しいのではないでしょうか。</p>
<p>
	タバコを吸う人にはちょっとうれしい名刺ですね。</p>
<p>
	<img alt="" src="/IMG_0876.jpg" style="width: 300px; height: 225px;" /></p>
<p>
	&nbsp;</p>
<p>
	④</p>
<p>
	こちらは日めくりカレンダーの様に、その都度ちぎって使う名刺です。</p>
<p>
	相手に渡す時に、ちぎる所を見せるのがポイントです。</p>
<p>
	<img alt="" src="/IMG_5229.jpg" style="width: 300px; height: 225px;" /></p>
<p>
	&nbsp;</p>
<p>
	以上になりますが、ほとんどどれも、名刺以外の機能を持ったデザインですね。</p>
<p>
	これなら、インパクトもあるし実用的なので、取引先に自分を印象付ける事ができるのではないでしょうか。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>ねぎとコンニャク下仁田名産（しもにためいさん）</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/02/000096.html" />
    <id>tag:www.tomige.com,2011://2.96</id>

    <published>2011-02-05T14:29:27Z</published>
    <updated>2011-02-05T15:04:27Z</updated>

    <summary> 	chackeeです。 	このタイトルは群馬県民の上毛カルタ「ね」の句です。 	私の住む富岡市から...</summary>
    <author>
        <name>chackee</name>
        
    </author>
    
        <category term="tomige_chackee" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="群馬上毛かるた" label="群馬 上毛かるた" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	chackeeです。<br />
	このタイトルは群馬県民の上毛カルタ「ね」の句です。<br />
	私の住む富岡市から車で約30分の場所に下仁田があります。これを「シモニタ」と読むのは他県の方は難しいらしいです。<br />
	白い部分がとても太く、加熱するとトロっとして甘みがある「下仁田ネギ」は、下仁田だけでなく、この群馬西部で多く作られているネギですが、意外にも全国区で有名らしいです。年末はJAではあたりまえのようにこのネギが棚積みされて販売されているし、いただくネギもこの太いネギです。<br />
	でも、東京の料亭ではスキヤキなどで使われ、またなかなか入手できない高価な食材となっているようです。<br />
	先日、趣味園コミュの中でこのネギが話題になっていました。<br />
	愛知の方が「このネギはとっても名古屋味噌に合う。でも、とっても高価なので、自分で育てているが、ここで育ててもあまり太くならないです。」と書いていたのです。<br />
	確かに味噌には合いそうだが、他の場所では太くならないというのが意外でした。土の問題でしょうか？こんな話題にもなる食材ですが、私はこの太いネギより全体がシュっとした深谷ネギの方が好きです。。。申し訳ない。<br />
	<br />
	<img alt="" src="/tomige-chackee/chackee110205.jpg" style="width: 250px; height: 200px; margin-left: 5px; margin-right: 5px; float: right;" />一昨年末に両方の食材を一緒にいただいたので撮影した写真です。<br />
	ちょっと地味な絵ですね。コンニャクもネギもその家の手作りです。あっ、コンニャクはイモから作るってご存知ですか？<br />
	このコンニャク、スーパーで販売されている普通のヒジキ入りのツルっとした物と違い、このグレーは自然のイモの灰汁の色です。<br />
	キメが荒いため、味がしみ込みやすく、とってもおいしいです。<br />
	一度お試しを！</p>
]]>
        
    </content>
</entry>

<entry>
    <title>Facebook始めてみました。</title>
    <link rel="alternate" type="text/html" href="http://www.tomige.com/2011/01/000095.html" />
    <id>tag:www.tomige.com,2011://2.95</id>

    <published>2011-01-28T00:45:45Z</published>
    <updated>2011-01-28T04:01:47Z</updated>

    <summary> 	とみげーでは今年から1人1人がテーマを決めて 	それに特化した記事を書くことになっているのですが...</summary>
    <author>
        <name>kubo</name>
        <uri>http://www.tomige.com/</uri>
    </author>
    
        <category term="tomige_kubo" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="facebook" label="Facebook" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.tomige.com/">
        <![CDATA[<p>
	とみげーでは今年から1人1人がテーマを決めて<br />
	それに特化した記事を書くことになっているのですが、<br />
	私は「Facebook」をテーマにすることにしました。<br />
	<br />
	Facebookについての知識や調べたことを<br />
	中心に書いていくつもりです。<br />
	<br />
	<br />
	ちなみに今は全くのド素人です。<br />
	最近登録して、<br />
	正直「Facebookって面白い！」と<br />
	感じたことがまだありません。<br />
	<br />
	<br />
	Twitterの面白さは多少分かっているつもりなのですが<br />
	Facebookはまだまだです。<br />
	<br />
	<br />
	Facebookの魅力は「実名」での登録が基本となっていること<br />
	だとよく言われています。<br />
	確かに私も今まで少しはSNSをかじった経験がありますが、<br />
	実名での登録は初。</p>
<p>
	<br />
	ネットでのコミュニケーションは今までは匿名性が強く<br />
	それこそ簡単に誹謗中傷等ができてしまいます。<br />
	<br />
	実名でネット上で行動するということは<br />
	今までとは違い自分の行動に「責任」が出てくる<br />
	ということ。<br />
	<br />
	<br />
	よりリアルに近いコミュニケーションをすることができる<br />
	機能、魅力が全世界で5億人のユーザーを獲得した<br />
	ことに繋がるのでしょうか。<br />
	<br />
	<br />
	<br />
	ひとまず私自身もっとFacebookに触れてみて<br />
	色々なことを試してみたいと思います。<br />
	<br />
	Facebookについて書くと決めた以上、<br />
	頑張ります！</p>
<p>
	<br />
	<br />
	とりあえず今までやったことと、今後やっていきたいこと。<br />
	<br />
	<br />
	【今までやったこと】<br />
	・アカウント登録。<br />
	・著書「facebook完全活用本」で基礎勉強。http://p.tl/r3iR<br />
	・映画「ソーシャルネットワーク」観賞。<br />
	<br />
	<br />
	【今後やっていきたいこと】<br />
	・色々なFacebookの事例（個人、ビジネス）を見てみる。<br />
	・アプリ、ゲームをやってみる。<br />
	　（とりあえずTwitterとFacebookの連携）<br />
	・ファンページを作ってみる。<br />
	<br />
	&nbsp;</p>
]]>
        
    </content>
</entry>

</feed>

