<?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.dokuritsu-kigyo.net/blog/" />
   <link rel="self" type="application/atom+xml" href="http://www.dokuritsu-kigyo.net/blog/atom.xml" />
   <id>tag:www.dokuritsu-kigyo.net,2012:/blog//2</id>
   <updated>2012-01-12T08:44:43Z</updated>
   <subtitle>NLP、心理学を応用した“アファメーション”で夢を実現！「夢は口に出すことで実現する！」
…無謀ともいえるこのアファメーションをもとに、ある日突然「独立・起業」を思い立った男の、
笑いと感動のドキュメントブログ！！</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 5.12</generator>


<entry>
   <title>Mac版chromeの最新版（ver.16）でCSS3のborder-imageのレンダリング不具合？（11/12/21解決） </title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/12/macchromever16css3border-image.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.850</id>
   
   <published>2011-12-20T19:59:44Z</published>
   <updated>2012-01-12T08:44:43Z</updated>
   
   <summary>どうやら、CSS3のborder-imageをつかった部分に背景が表示されないという不具合が発生しているようです。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
   <category term="80" label="css" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="217" label="css3" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="139" label="web" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="218" label="バグ" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="86" label="制作" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      <![CDATA[<h4>chromeをバージョンアップ。</h4>

先日、macのchrome最新版（ver.16）が出たのでさっそくアップデート。
...ええ。新しもの好きなので。

普通にサイトを見てる分には特に問題は出てなかったんだけど...んが。

制作する側としてはちょっと困ったことが。

どうやら、CSS3のborder-imageをつかった部分に背景が表示されないという不具合が発生しているらしい。

ver.15.xのときは問題なかったので、おそらくバグではないかと。]]>
      <![CDATA[<h4>おそらくバグなのでは？</h4>

海外のコミュニティでも同様の話題が。

<ul>
<li><a href="http://www.google.com/support/forum/p/Chrome/thread?tid=2a0d9d466375cf96&hl=en">http://www.google.com/support/forum/p/Chrome/thread?tid=2a0d9d466375cf96&hl=en</a></li>
</ul>

中学生英語とインチキ口語英語で止まっている僕の読解力では...完璧には読みこなせていませんが（汗）

『オレも背景がでねーよ』

『ver.15のときはなんともなかったのに...バグじゃね？』

っていうようなことを言っている気がします。

ちなみに、chromeの厳密なver.は『16.0.912.63』です。

日本のサイトでもいろいろと探してみたけれど、いまのところこれ系のネタがないので、念のため備忘録として。

※もしかしたら僕のコードミスかもしれないので...（汗）

該当するCSS部分のコード。

.hoge {
-moz-border-image: url(../img/btn_direct_r.png) 5 15 5 5 / 5px 15px 5px 5px stretch;
-webkit-border-image: url(../img/btn_direct_r.png) 5 15 5 5 / 5px 15px 5px 5px stretch;
border-image: url(../img/btn_direct_r.png) 5 15 5 5 / 5px 15px 5px 5px stretch;
}

ボーダーの部分は今まで通り。
本来背景もボーダーで指定した画像が表示されるはず。

今までは上記のコードで普通に出ていたし、そもそもsafariやFirefoxでは表示されるので、前述のとおりバグなのでは...と思っています。

<h5>11/12/21追記</h5>

いろいろと試したところ、コードの順番が影響しているようです。
上記の場合、chromeだけ背景が表示されませんが、

.hoge {
border-image: url(../img/btn_direct_r.png) 5 15 5 5 / 5px 15px 5px 5px stretch;
-moz-border-image: url(../img/btn_direct_r.png) 5 15 5 5 / 5px 15px 5px 5px stretch;
-webkit-border-image: url(../img/btn_direct_r.png) 5 15 5 5 / 5px 15px 5px 5px stretch;
}

としたところ、表示されました。
つまり、border-imageを接頭辞（-webkit）で上書きすることでOKってことですかね。

<h5>12/01/12追記</h5>

chromeのbugzzilaによると、どうやらborder-imageは『fill』属性を指定しないと中身が表示されないらしい。
（デフォが透過らしいので。⇒<a href="http://www.w3.org/TR/css3-background/#border-image-slice-fill">border-image-slice-fill</a>）

<ul>
<li><a href="https://bugs.webkit.org/show_bug.cgi?id=70871">https://bugs.webkit.org/show_bug.cgi?id=70871</a></li>
</ul>

んで、-mozと-webkitについては『fill』は無視するので、

上記で、順番をそのままにした場合、border-imageに『fill』を追加して

.hoge {
-moz-border-image: url(../img/btn_direct_r.png) 5 15 5 5 stretch;
-webkit-border-image: url(../img/btn_direct_r.png) 5 15 5 5 stretch;
border-image: url(../img/btn_direct_r.png) 5 15 5 5 <span style="color:red;">fill</span> stretch;
border-width: 5px 15px 5px 5px
}

こんな感じか。

現状、11/12/21の追記のとおり、順番の入れ替えでも大丈夫だったけど、fillを入れろってのはW3Cが言ってることなので、そっちにならっておくのがいいかもしれないですね。]]>
   </content>
</entry>

<entry>
   <title>今年は...リスタートです。</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/12/post_314.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.849</id>
   
   <published>2011-12-06T08:35:47Z</published>
   <updated>2011-12-06T08:39:41Z</updated>
   
   <summary>今年の抱負は『リスタート』下一桁が0になり、まさにリセット＆スタートの年にします。みなさんには感謝×∞です。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="起業ストーリー" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="112" label="幸せ" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="89" label="成長" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="72" label="抱負" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="140" label="誕生日" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      あらためまして...こんばんみ。（by ビビる大木）

ということで、毎年恒例のこの日がやってまいりました。

何の日かって？それは...あの高名な誉れ高き偉人、そう...あの方の御聖誕の日です。
      <![CDATA[<h4>とうとう大台に突入！</h4>

...って、自分の誕生日をことさらに盛り上げて言ってみる。
だって...誰も言ってくれないから（泣）

...ウソです。
いろいろなところで、いろいろな方々からお祝いの言葉を頂いて、まさに感無量であります。

朝起きて、PCを開いて作業して、３時のおやつ（？）を食べに渋谷に出て、いつものカフェでまた作業...と、まぁ、生活の上では何の代わり映えもしない一日ですが、今年はいつもとはちょっと違う気分なことがひとつ。

そうです。

ご存じの方もそうでない方もいるとは思いますが、とうとう...大台に突入です。

えぇ。40になりましたさ。
きゃーっ！！きゃーっ！！！！

子どものころ、30歳ってのはすごく大人だった。
そして、40歳なんてのは...もう完璧な大人で、言い方を変えれば『完璧なおっさん』だった。

んで、いざ自分がなってみると...。

『ご、ごめんなさい！こんな未熟者でごめんなさいっ！！！！』

と、全身全霊を込めて誰かに土下座したい気分です。（汗）

もちろん、40年も生きてきたわけで、それ相応の経験や知識は身についているんだけれど、昔思い描いていた『大人の男』とは、かなりかけ離れている自分に、他人ごとのようにビックリです。（他人ごとじゃダメだろ？）

でも、こうも言えるんじゃないかなと。

『昔、大人だと思っていた人たちも、ほんとは未熟だったんじゃないか？』

って。

<h4>大人って。大人って...。</h4>

昔『大人のふりかけ』のCMでこんなフレーズがありましたね。
（え？知らない？じゃあ、<a href="http://bit.ly/uo7cWy" target="_blank">こちらで</a>）

なんとなく年をとると大人になっていく...。
僕らは漠然とそんな風に思っているけれど、そもそも『大人』という定義が曖昧で、不確定なもの。

そもそも若くても落ち着いて、偉業を達成して名を残し、誰からも尊敬されるような立派な人もいれば、いくつになっても甘えんぼう♪（by 間寛平）...じゃなくて、いくつになってもうだつの上がらないダメな人もいるわけで、つまり大人の定義は『年齢』じゃないんだと。（誰もが知っていると思いますが。）

それに、自分が思う『大人』になれれば、世間様と多少ずれていてもいいんじゃないかなと。

じゃあ、僕の思う大人って...なに？ってことなんですが、それはまた別の機会にｗ

<h4>今年の抱負は...。</h4>

さて。今年の抱負ですが、ちなみに去年は『リセット』さらにその前は『原点回帰』でした。

...戻ってばっかじゃんっ！というツッコミが聞こえてきますが、なかなかこれができないんですｗ
道に迷うことばかりで、歩みの遅いノロマな亀なので。（このへんのフレーズは80年代大映テレビをご参照ください）

こ、こほん...。
話がそれましたが、今年の抱負を一言で表すならば

『リスタート』

です。
そろそろまた進み始めろよ自分...と。

下一桁が0になった今年、まさにリセットし、そしてまた新たにスタートするいい区切りの年になりそうです。

やれなかったこともあるけれど、実現したこともある。
そして、まだまだやりたいこともたくさん。

いろいろな人に生かされて40歳になれました。
有形無形で、いつも僕を支えてくれているみなさん。ほんとうにありがとうございます。
ますますがんばりますので、今後ともよろしくお願いいたします。

とりあえずメモ。

『自分が未熟だということを認めつつ、自分の日々の成長を喜び、驕ることなく自分や周りの人を大切にする』
『自分の成長こそが、人を幸せにする唯一の方法』]]>
   </content>
</entry>

<entry>
   <title>バリのプールサイドから。</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/11/post_313.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.848</id>
   
   <published>2011-11-25T02:04:28Z</published>
   <updated>2011-11-25T02:30:43Z</updated>
   
   <summary>寒い日本を離れて、南国のリゾート『BALI』から暖かい陽射しとともにリアルノマドなワークスタイルをお届けしますｗ</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="起業ストーリー" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="174" label="プライベート" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="216" label="ホテル" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="214" label="リゾート" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="215" label="旅行" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="44" label="独立" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      <![CDATA[<h4>スラマット　パギ。</h4>

昨日より...国外逃亡をしてバリに来ています。

あ。別に日本を追い出されたわけじゃないですよ。（汗）

ホテルは今回『<a href="http://www.kayumanis.com/jp/locations.php?Kayumanis-Nusa-Dua-Private-Villas-and-Spa" target="_blank">Kayumanis Nusa Dua Villa & Spa</a>』というところで、その名のとおり各部屋が独立した建家になっているヴィラタイプのところ。

昨日は夜着だったので、まったく雰囲気がつかめなかったけど（日本と違ってほんとに真っ暗ｗ）、

<a href="http://www.dokuritsu-kigyo.net/blog/imgdata/P1020303.JPG"><img alt="到着後の部屋で" src="http://www.dokuritsu-kigyo.net/blog/assets_c/2011/11/P1020303-thumb-320x240-7.jpg" width="320" height="240" class="mt-image-none" style="" /></a>

静かで趣きのある素敵なお部屋です。

普段は、『朝は寝る時間』と決めている（？）ので、なかなか味わえないこの明るい日射しを浴びながらブログを書いています。

<a href="http://www.dokuritsu-kigyo.net/blog/imgdata/P1020313.JPG"><img alt="リゾートの日射し" src="http://www.dokuritsu-kigyo.net/blog/assets_c/2011/11/P1020313-thumb-320x240-5.jpg" width="320" height="240" class="mt-image-none" style="" /></a>

ちなみに『スラマット　パギ』（Selamat pagi）は『おはよう』という意味だそうです。]]>
      <![CDATA[<h4>リゾートのススメ。</h4>

僕は旅行に出ると、あまり観光などでいろんな場所に飛び回ったり、アクティビティを楽しんだり...とかはせずに、ホテルの中に留まって、本を読んだり、ちょっとビーチやプールに出て甲羅干ししたり...なんて、のんびりとした過ごし方が好きです。

なので若いころは、お金をかけずに、安宿や現地の人に紛れて、バックパック一つで世界を自由に...なんて旅をどんどんとするべきだと思います。
どうせおっさんになったら、なかなかそういう旅行はできなくなるんだからｗ

んで。

最近のリゾート地のホテルは、スパやレストランが充実しているのはもちろん、サービスも近代化していて、ネットが利用出来るのが当たり前。（さらに無料！）

自前のPCを持ち込んで、プライベートプールのデッキチェアでメールチェックしたり、こんなふうにブログを書いたりできちゃいます。

<a href="http://www.dokuritsu-kigyo.net/blog/imgdata/P1020308.JPG"><img alt="ヴィラの部屋" src="http://www.dokuritsu-kigyo.net/blog/assets_c/2011/11/P1020308-thumb-320x240-3.jpg" width="320" height="240" class="mt-image-none" style="" /></a>

『リゾートに行ってるんだから、PCなんていいでしょ！？』
『のんびりしたいのに...そんなことしなくていいじゃん！』

という人もいるかとは思いますが...やっぱり『いつでも使える』ってのが、すごく心地良いんです。
（ネットジャンキーではないので、別に見ないときは見ないからねｗ）

あと...内緒ですけど、みんなが働いているときに自分はのんびりしている...という優越感に浸れるというｗ
（あー、ウソですっ！ごめんなさいごめんなさいっ！！ｗ）

<h4>リアルなノマド・ワークスタイル。</h4>

...こ、こほん。

ここ数年、日本でもネットの使えるカフェができたり、渋谷界隈では『コワーキングスペース』なんてものが流行ってきて、ノマドワークするフリーランス、自営業の人が増えてきているみたい。
（僕の周りにも多い）

職種や仕事にもよりますが、今やケータイとPCがあれば、そこそこのことはできてしまう。（もちろん、対面商売が一番大切ですけどね）

鎌倉に本拠をかまえる『面白法人カヤック』さんでも、ときどき『旅する支社』という名目で、数カ月間ハワイや京都などで仕事をする...なんてことをやっているけど、本当に気持ちさえ整えば、すでに環境は整備されつつあるので、いつでもこんなワークスタイルで仕事をすることができるんだなぁ。

...とはいえ。

あまり長いこと世間と隔離された状態だと、寂しくなってしまうので（汗）、ときどきこうやってリゾートに羽を伸ばしにやってきて、あわよくば仕事も...というぐらいが、僕にはちょうどいいのかもｗ

これから約5日間。
束の間の休息を十分堪能したいと思いまっす。]]>
   </content>
</entry>

<entry>
   <title>スティーブ・ジョブズというカリスマ。</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/10/post_312.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.847</id>
   
   <published>2011-10-06T06:17:16Z</published>
   <updated>2011-10-06T07:14:18Z</updated>
   
   <summary>スティーブ・ジョブズというカリスマの死去について。Appleという会社、そしてMacやiPhoneといったプロダクトを残し、さらには歴史に名を残す偉業を成し遂げた人の死は悲しいけれども、彼の意思や想いはこれからも生き続ける。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="ライブラリー" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="208" label="Apple" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="210" label="iPhone" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="48" label="夢" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="46" label="想像力" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      <![CDATA[<p>
	昨日久しぶりにブログの更新をして、<a href="http://www.dokuritsu-kigyo.net/blog/2011/10/iphone4s.html">新しいiPhoneとアップルについて</a>書いたけど、朝起きたら&hellip;スティーブ・ジョブズ死去のニュースが。</p>
<p>
	今年の8月にはCEOの座を退いて、すい臓がんの治療に専念していて、昨日のiPhoneの発表も新CEOのティム・クックによるものだった。</p>
<p>
	去年・一昨年ぐらいから、基調講演に登壇するたびに痩せていくジョブズの姿は、素人目に見ても体調が良くないことは分かるほどで、引退のニュースは残念だったけれども、また元気になって戻ってくる&hellip;漠然とそんな想いがあったのも事実。</p>
<p>
	でも、人はいつか死ぬ。</p>
<p>
	もちろん、ジョブズは友人でもないし、ましてや近しい人間なわけじゃないけれど、MacやiPhone、iPodといったプロダクトを通して、なぜか身近に感じている人も多いんじゃないだろうか？</p>
]]>
      <![CDATA[<h4>
	ダメな子ほど可愛く見える。</h4>
<p>
	僕は初めて自分で買ったPCはMacのノートPC（PowerBook540C）だった。<br />
	パソコンでデザインができる...という言葉を鵜呑みにして、どうせだったら外に持ち出してカフェで作業できたらおしゃれだなーｗ<br />
	...と、周辺機器を合わせたら80万というバカ高いおもちゃだった。</p>
<p>
	にも関わらず、当時使いたかったPhotoshopが使えない（コプロが付いていない）ということに買ってから気づいて、けっきょく毎日日記を書くだけの、超高級ワープロと化してしまった...なんて苦い思い出がある。</p>
<p>
	当時のOSは漢字Talk7で、メモリは少ないし、モニタなんて640x480！もちろん（？）すぐに落ちるし、『作業したらcmd+s』と呪文を唱えながら、常にドキドキしながら操作してた気がする。</p>
<p>
	それでも...なんとなくワクワクしたんだよなぁ。</p>
<p>
	やっぱりどこも同じのWindowsじゃなくて、Macには遊び心や想いが詰まってる気がして...</p>
<p>
	周りの連中も、たとえMacが落ちてデータを保存していなくて、悶絶しても</p>
<p>
	『まぁ...Macだしなぁ』</p>
<p>
	と、許してしまうという溺愛っぷり。<br />
	ダメな子ほど可愛く見えるとはまさにああいうことを言うのかもｗ</p>
<p>
	途中、ウェブの仕事の都合でWinに浮気（？）したけど、やっぱりMacが好きみたい。</p>
<p>
	周りのウェブ屋連中も、気づいたらほとんどWinからMacに出戻りしてて、Macの話をすると、なぜか共通の友だちの話をするみたいに盛り上がるんだよね。</p>
<p>
	...ちょっと気持ち悪いけど、Appleの製品にはそんな魅力があるんだろうなぁ。</p>
<h4>
	カリスマは死んでも生き続ける。</h4>
<p>
	相棒のスティーブ・ウォズニアックとガレージで創業し、つねに妥協せず、Apple I や Macintoshなど、自分の思い描いた夢を実現するために突き進んできたスティーブ・ジョブズ。</p>
<p>
	一時は自ら招き入れた社長（元ペプシ）に会社を追われたりして、不遇の時代もあったけど、カムバックしてからのここ数年の躍進はまさにジョブズによるものだから、すごく感慨深い。</p>
<p>
	攻撃的で、気分屋でわがままで、気に入らないことがあれば当たり散らし、気に入らない社員はすぐにクビにしてしまう...といった、かなりワンマンな経営者だったと言われているが、確かにそうなんだろう。</p>
<p>
	当然、敵も多いかもしれないけれど、それでも他にはない強烈な個性と想像力、そして子供っぽさが、彼の魅力であり、カリスマと呼ばれる所以なのかもしれない。</p>
<p>
	Appleという会社、そしてMacやiPhoneといったプロダクトを残し、さらには歴史に名を残す偉業を成し遂げた人の死は悲しいけれども、彼の意思や想いはこれからも生き続ける。</p>
<p>
	日本の片隅から、ご冥福をお祈りします。</p>
]]>
   </content>
</entry>

<entry>
   <title>新しいiPhone（4S）の発表とアップルという会社に思うこと。</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/10/iphone4s.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.846</id>
   
   <published>2011-10-05T16:35:40Z</published>
   <updated>2011-10-06T06:10:54Z</updated>
   
   <summary>夢を持たない会社は淘汰されていく。また夢を夢に終わらせないために、日々の行動が重要なのです。想像力と創造力。この二つを育てていこう。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="起業ストーリー" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="208" label="Apple" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="210" label="iPhone" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="48" label="夢" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="85" label="実現" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="46" label="想像力" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="107" label="成功" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      <![CDATA[ども。長い間冬眠状態から目覚めて、久々のブログ更新です。（汗）

先日（日本時間の10/5午前2時）のAppleによるiPhoneの新機種発表。

当初のうわさでは『iPhone5』の発表か！？と思われていたけれど（Appleストアのフライングもあったしｗ）、現行機種のアップグレード版の『iPhone4S』の発表で、肩透かしをくらった...的な記事もあり、僕も最初はそう思っていました。

んが！

友だちから教えてもらった、20年以上も前にAppleが発表した未来を描いたコンセプトムービーを教えてもらって、ちょっと考えが変わりました。

『Knowledge Navigator』と呼ばれるこのコンセプトは、まさに今回発表されたiPhone4Sによって実現されたからです。

詳しい記事はこちら⇒
<a href="http://bit.ly/pklCQR" target="_blank">Appleが1987年に予想した未来が18日遅れで実現されてる。（動画あり）</a>

FaceTimeや今回の音声入力サービス『Siri』など、20年以上も前にこの動画を作ったというAppleの想像力。
また、それを実現する創造力がすごい！
※あ。『Siri』は独自開発ではなくて、買収して手に入れたんだけどねｗ

空を飛びたいという想いがあったからこそ、ライト兄弟は空を飛んだ。

それと同じように、こんな世界を実現したいという強い想いがあったからこそ、iPhoneやiPadが生まれた。

...Appleって、とことん夢のある会社だなぁ。]]>
      <![CDATA[<h4>想像力と創造力。この二つを育てていこう。</h4>

もちろん夢を夢で終わらせないために、それを実現するための技術革新や開発をしてきた結果が、いまのAppleなんだろうけどね。

会社は存続しなければならず、そのためには売上（利益）は絶対に必要。
そりゃあなた...大事なことだから二度言うけど、売上（利益）はめちゃくちゃ大事。（ママさんの井戸端会議風に）

Appleだって、今の成功からは想像できないほどの苦しい時代があって、一時はMSに身売りする...なんて話もあったぐらいだし。

でも、でもね、流行りの技術や目先のツールばかりで、未来を思い描いた思想もなく、もしくは『もともとあった』思想や理想が形骸化し、意味をなさなくなった...。

そんな会社...けっこう多いんじゃないかな。

『目先の利益』は会社を存続していくうえで、絶対に不可欠なのもの。
けれども、それに目が眩み...とまでは言わないけれど、本来提供されるべき商品やサービスの『クオリティ』をチェックもせずに、流行りものの言葉やコピーを並べ『単なる枠組み』だけ作ってリリースし、中身の薄い...いや、中身のない、思想のない商品やサービスを提供してはいないだろうか？

机の上でソロバンを弾いて作った、想いの込もっていない商品やサービスは...ユーザーや顧客にすぐにバレるよ。

『あぁ...私は大事にされていない』

...って。

当然、ものにもよるだろうけど『その場限り』の商品やサービスなんて、誰も欲しくないもんねｗ

その商品やサービスを手にするとき、人はその商品やサービスそのものではなく、それらによって得られるであろう『未来』に期待し、価値を見出すんじゃないだろうか？

Appleの製品やサービスには、見た目の洗練さとともに、そういう未来を感じるから人は熱狂するのだ。
いや、そういう未来を見せるためのひとつの答えとして、あの洗練されたプロダクトやインターフェイスが生まれてくると言ってもいいのかもしれない。

夢のない会社、そして、未来を思い描いていない会社はいずれ淘汰されていく...。

アラン・ケイ曰く、

『未来を予測する最善の方法は、自らそれを創りだすことである』

自分自身への戒めと、新たな気づきとしてここに書いておく。]]>
   </content>
</entry>

<entry>
   <title>MT5.0からMT5.12へアップグレード。（ついでにSQLiteからMySQLへDB移行。）</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/06/mt50mt512sqlitemysqldb.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.845</id>
   
   <published>2011-06-25T16:44:14Z</published>
   <updated>2011-06-29T16:50:20Z</updated>
   
   <summary>先日リリースMT5.1がリリースされたので、当ブログも最新版にアップグレードしました。また、3.xからずっとSQLiteを使っていたので、ついでにDBもMySQLにアップグレードすることにしました。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="ライブラリー" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="201" label="DB" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="169" label="Movable Type5" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="4" label="MT" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="203" label="MySQL" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="205" label="SQLite" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="90" label="サーバ" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="206" label="データベース" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="162" label="設定" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      <![CDATA[<h4>満を持してのアップグレード。</h4>

以前、MT4.xからMT5.0へ移行しましたが、先日リリースMT5.1がリリースされたので、当ブログも最新版にアップグレードしました。

MT5.1のリリース後、バグフィックスなどでマイナーアップグレードが立て続きに行われて、現在は5.12に。
（早いなーｗ）

通常であれば、小粋空間さんが公開してくれている「差分ファイル」を差し替えるか、システムファイルをまるごとアップロードすればいいんですが...。

当ブログは3.xからずっとSQLiteを使っていたので、ついでにDBもMySQLにアップグレードすることにしました。]]>
      <![CDATA[<h4>SQLiteからMySQLの移行</h4>

MTのDBは、公式ではMT5.xからはMySQLしかダメらしいんですが、実はSQLiteも普通に使えます。
（サポート対象外）

4.xから5.0にアップグレードするときに、

『DBの移行ってめんどっちぃなぁ...』

と、思っていたので、とくに必然性を感じていなかったのでSQLiteのままで使っていましたが、今後のことを考えるとやっぱり移行しておいたほうがいいかなと。

んで、アップグレードの方法（サーバはロリポ）ですが、僕はビビリなので、ねんのためシステム及び静的なファイル（サイト全部）のバックアップをローカルに保存しておきました。
（最悪、アップグレードにコケてもアップし直せばサイトは見れるので。）

<h4>MT5.12へのアップグレード手順（SQLiteからMySQLへ移行版）</h4>

まずロリポの管理画面でMySQLのDBを作成しておきます。

例：
DBサーバ：XXXXXXXX.phy.lolipop.jp（リストから選択）
DB名：XXXXXXXXXX-XXXXXXXXX（任意）
ユーザー名：XXXXXXXXXX（管理画面で確認）
PW：XXXXXXX（任意）

※あとで必要になるのでメモ。

<h5>システムのアップグレード自体は超簡単！</h5>

SixApartのサイトからMT5.12をダウンロードして解凍。解凍したファイル一式をサーバにアップロード。
（僕はもともと5.0だったので、そのまま上書きでアップロードしました。）

※この状態でSQLite版のアップグレードが完了なので、そのままSQLiteを使いたければこれでおしまい。（簡単っ！）

<h5>バックアップファイルの作成</h5>

つぎに、MTのシステム管理画面で、「ツール」 > 「バックアップ」メニューからバックアップファイルを作成。
※バックアップファイルは、MTのバージョンが違うと復元ができないらしいので、MT5.xから5.12に上げる場合、先にシステムのアップグレードを済ませておく。

↑このときに、ロリポの場合は注意が必要。
実は、MTはデフォルトで/tmpにバックアップファイルを吐き出す仕様なのだが、ロリポは自動的に/tmpを作ってくれないらしい。

なので、バックアップを吐き出す前に、mt-config.cgiの末尾に

TempDir ./backup

を記述し、該当するディレクトリを作っておく。（ディレクトリ名は任意）
上記の場合、MTのシステムディレクトリ直下にbackupを作れば、そこにファイルが吐き出される。
※これがないとバックアップがディレクトリに生成されないので注意。

ファイルが吐き出されたら、backupフォルダごとローカルに保存。

<h5>mt-config.cgiの修正</h5>

先にDLしておいたmt-config.cgiにDBの設定を記述。

##### MYSQL #####
ObjectDriver DBI::mysql
Database XXXXXXXXXX-XXXXXXXXX
DBUser XXXXXXXXXX
DBPassword XXXXXXX
DBHost XXXXXXXX.phy.lolipop.jp

んで、いままで使用していたSQLite用の設定を削除。またはコメントアウト。

##### SQLITE #####
#ObjectDriver DBI::sqlite
#Database XXXXXXXX

設定を変更したmt-config.cgiをサーバに上書きアップロード。

<h5>バックアップから復元</h5>

その後、MTの管理画面にアクセスすると、DBの更新とシステムのアップグレードが行われて、5.12へのアップグレードが完了。
SQLiteからMySQLにDBを変更したので、新規サイトの作成画面が表示されます。（DBがまっさらのままなので）

サイトを作成したら、システム管理画面にアクセスして、「ツール」 > 「復元」でローカルにDLしておいたbackupフォルダの

Movable_Type-2011-XX-XX-XX-XX-XX-Backup-1.xml

を指定して復元を開始。

問題がなければ復元が完了し、ブログの設定画面が表示されるので、URLとディレクトリの設定をすればすべて完了。

5.1xからはカテゴリのソートはデフォルトで対応しているので、5.0以前で使っていたカテゴリソート用の「SortCatFld」プラグインを削除、無事MT5.0から5.12へ、そしてSQLiteからMySQLへのアップグレードができました。]]>
   </content>
</entry>

<entry>
   <title>気づいたら...独立記念日！</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/05/post_311.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.844</id>
   
   <published>2011-05-25T16:21:59Z</published>
   <updated>2011-06-29T15:25:11Z</updated>
   
   <summary>あっという間に一年が経ち、『社長宣言』も会社も7年目に突入です。ここまできたのもみなさんのおかげ。ますます精進いたしますので、今後ともよろしくお願いいたします。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="起業ストーリー" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="48" label="夢" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="85" label="実現" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="112" label="幸せ" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="89" label="成長" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="44" label="独立" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="61" label="行動" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="43" label="起業" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      <![CDATA[<h4>一年経つのが早いっ！</h4>

今日は5月26日。若干忘れ気味でしたが、毎年恒例（？）の独立記念日です。

ついこのあいだそのネタを書いたつもりなのに、あっという間に一年が経ってしまいました。
（って言うのは歳なのか？そうなのか！？）

とうとう7年目に突入です。]]>
      <![CDATA[<h4>この一年を振り返ってみると。</h4>

去年の記事を読んでみると...

『ウェブ制作やサービスを通じて、うちと同じような中小企業を応援します！』

という目標を掲げていました。

実際に成果を見てみると、たしかに中小企業さんのサイトを作って、手前味噌ですが集客や売上に貢献しているようです。

『サイトからの問い合わせが増えた』

『サイトを見てから来店するお客さんは高確率で成約してくれる』

など、喜びの声もいただいているので、成果は出している。

んが。

『サービス』って部分。

『いろいろ具体的な企画を思案中なので、どんなカタチでそれを提供できるのかは分からないけど、ぜひ今期中にリリースしたいと思います。』

この部分は形にできていない。

この一年を振り返ってみると、目の前のことに集中するあまり、広い視野でものを見ていなかった気がします。
もちろん、

『目の前のことに全力で挑む』

それはそれで大事なことなんだけど、自分のやりたいことはそれだけじゃない。

じゃあ、時間がなかったのかっていうと...いや。あったはず。
あったはずなのに、それをうまく使えてなかった。

あと、周りを巻き込むような『行動』が少なかったんじゃないかと。

後悔と反省は常に...ある。
だからこそ、今よりももっともっと頑張らなければ。

『夢は口に出すことで実現する』

『行動こそ最大の暗示』

『行動すれば次の現実』

あまっちょろいと言われながらも、信念を貫いてここまでやってきたんだから。

<h4>改めて感謝。</h4>

いまの自分、そして会社があるのは、有形無形にかかわらず、周りの人たち、仲間たちのおかげ。

その人たちに少しでも恩返しができるように。そして、そこから少しずつ広がって、少しでも多くの人たちを幸せにできるように...。

6年前...多くの人に祝福されて船出をしたのに...ぜんぜん恩返しできてません。

だから、まだまだこれからです。

他の会社や、自分の教え子たちがぐんぐんと成長して、あれよあれよと言う間に僕を追い越していくのを見ると、それはそれで嬉しいのですが、自分の歩みが遅すぎて、もどかしくも思ったり...（汗）

でも、僕もみんなに負けないようにますます頑張りますので、今後ともよろしくお願いします。

<h4>追記：アファメーション！</h4>

あ、忘れてた。『やること』をここに書いておく。

<h5>ブログのリニューアル</h5>

6年も経つと、さすがにデザインも古いし、使い勝手も悪くなってきている。内部的にはMTのver.を上げたりしているけど、サイトのデザイン自体をリニューアルします。ついでにカテゴリの整理もしたいな。

<h5>セミナーを開く</h5>

ウェブに関連することと、潜在意識に関するセミナーを開く。たとえ聴衆が一人だったとしても、聞いてくれる人がいるのなら、本気で伝えたいことを話すセミナーを開きます。

<h5>中小企業の応援企画</h5>

去年できなかったこと。ウェブサイトなのか、サービスなのか...やりたいことはいっぱいあるけど、まずは確実にできることから。書きためたアイデアをチャンクダウンして『カタチ』にします。

<h5>CMSの勉強</h5>

MT（Movable Type）やWP（WordPress）など、いまやウェブ屋はもちろん、中小企業のサイト運営には必須の技術。自分の得意分野としてもっとアピールできるように、日々勉強をします。

<h5>スマホアプリを作る</h5>

このあいだ勉強したTitaniumはミドルウェアなので、さすがにネイティブでの開発には太刀打ち出来ないかもしれないけど、そのぶん小回りが効いて開発しやすい。まずは簡単なアプリでいいので、世の中に出す。技術じゃなくてアイデア勝負でいこう。

<h5>ウェブの勉強</h5>

ずいぶんと大雑把だけど、自分の生業のために時間を惜しまずに新しいことにチャレンジしていく。結果はあとからついてくる。

<h5>合宿する</h5>

幸か不幸か周りには暇な（？）人...というか、時間的に自由な連中が多いので、ノートPCとネット環境（イーモバ）を持って、気の合う仲間を集めて合宿する。
さらに最近やってる『Nike+』を絡めて、ウェブ＆ウォーキング合宿なんて、なんて健康的なんだろう！地元の長野なら、実家に泊まれば宿泊費はタダでできるから、絶対やる！

<h5>よく学び、よく遊び、よく休む</h5>

幸せなことに、ウェブは『仕事が遊び』のようなものなので、日々楽しく仕事をしています。しかし、もっと本気で遊ぶ！そして、たまには休息もとれるような時間管理をしよう。]]>
   </content>
</entry>

<entry>
   <title>地震情報サイトをスマホ対応にバージョンアップ。</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/05/post_310.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.843</id>
   
   <published>2011-05-12T18:28:22Z</published>
   <updated>2011-06-29T15:25:11Z</updated>
   
   <summary>CSS3のMedia Queriesを使った『1140cssgrid』フレームワークを使って、地震情報サイト『Earth Quake Japan』をスマホ対応させました。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="インフォメーション" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="106" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="83" label="デザイン" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="118" label="ブラウザ" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      <![CDATA[ちょっと前に作った地震情報サイト『<a href="http://bit.ly/fcfluT" target="_blank">Earth Quake Japan</a>』をちまちまとバージョンアップ。

まず、「<a href="http://cssgrid.net/" target="_blank">1140CSSGrid</a>」のフレームワークを使って、もともと980px固定だったものを、最大幅を1140pxのリキッドレイアウトに変更。

ウェブサイトをマルチデバイスに対応させる場合、JSを使ったり、UAでページを振り分けたり...いろんな方法があります。

それぞれ一長一短があるけれど、この「1140CSSGrid」は、CSS3の『Media Queries』を使って、デバイスやブラウザの幅によって、レイアウトを変えてしまうという優れもの。
※CSS3の『Media Queries』はCSS2の『Media Type』（screenやprintなど）を発展させたもので、さまざまなデバイスに対応させるための、まさに次世代の仕様です。]]>
      <![CDATA[<h4>使い方も簡単っ！</h4>

使い方としては、上記サイトからDLしたファイル（1140.css）をhtmlで読み込んで、定義されているクラスを各エレメントに指定するだけ。

1140.cssに定義済みの基本的なクラスは

コンテンツをラップするための「.container」、最大幅用の「.row」と、カラム用のクラス「.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol」、各ブロックの最後のコンテンツに割り当てるための「.last」の四種類。
（他にもいろんな設定があるけど、重要なのはこの四つだけ）

んで、各デバイスやブラウザの幅によってCSSを上書きするための

@media only screen and (max-width: 1023px) {
/*小さなスクリーン用のCSSをここに記述*/
}

@media handheld, only screen and (max-width: 767px) {
/*主に最小幅やスマホ用のCSSをここに記述*/
}

があります。

※上記の設定はすべて1140.cssに記述されているので、特にいじる必要はありません。

んで、あとはウェブサイトの各エレメントにクラスを割り当てて、さらにその他デザインやレイアウトのための独自のCSS（default.cssなど）を記述するだけです。
※このへんは、各々普段のやり方で。

<h4>定形のフォーマットのサイトをスマホ対応させるのに有効。</h4>

1140.cssは、1段組から12段組（？）までのリキッドなレイアウトを実現するためのものなので、ある程度定形のフォーマットをもつサイト、さらにそれをモバイル（スマホ？）に対応させるときに効果を発揮します。

画像などはmax-width:100%;が設定されていて、その画像を内包するブロック要素の幅によって可変する仕様なので、ウィンドウ幅やデバイスによって自動的にサイズが変わるのがおもしろい。

iPhoneやAndroidなどウィンドウサイズの小さなデバイスで既存のサイトが見られるのはもちろん、PC版でも、ブラウザの幅を小さくしていくと@mediaで指定したサイズ以下になるとサイドエリアのバナーやリンクリストなどが、幅100%表示になって、メインのコンテンツの下に一段組になって表示されます。

例えば、<a href="http://bit.ly/fcfluT" target="_blank">EQJP</a>のように、ヘッダーとフッターは「row」メインのコンテンツは 「eightcol」、サブエリアは「fourcol」といったふうに割り当てて、既存のCSSで指定していたレイアウト関連の固定幅（width）の設定を削除すれば、ウィンドウサイズを縮めた場合、最大幅1140pxから少しずつ幅が狭まって、あるサイズでスマホ用のレイアウト（1カラム）にガラっと変える...なんてことが簡単にできちゃうんです。
※スマホユーザーの方はぜひケータイから見てみてくださいｗ

既存のサイトに割り当てていく場合、マージンやパディングなどが1140.cssによる%指定になるので、コンテンツそれぞれの余白が変わるので、若干見栄えがゆったりになるかもしれないけど、簡単にスマホ対応ができるので、ぜひ既存サイトをスマホ対応にしたいと思っている人は検討してみるのもいいかもしれません。

※media queriesはCSS3なので、当然IE8以下には対応してないけど、JS（css3-mediaqueries.jsなど）によって対応可能。]]>
   </content>
</entry>

<entry>
   <title>CSS3でbackground（背景画像とグラデーションを同時に）指定するときの注意。</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/04/css3background.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.842</id>
   
   <published>2011-04-22T16:43:14Z</published>
   <updated>2011-06-29T15:25:11Z</updated>
   
   <summary>CSS3で背景画像とグラデーションを同時に指定するときは『背景画像、グラデーション』の順番じゃないと画像が表示されないので、属性の値の順番に注意すること。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="ライブラリー" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="106" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="41" label="html" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="13" label="ウェブ" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="118" label="ブラウザ" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      <![CDATA[<h4>CSS3はガシガシ使うべし。</h4>

最近、ChromeやSafari、Firefoxなど対応するブラウザも増えてきて、そろそろ積極的に使ってもいいんじゃないか？っていう雰囲気のCSS3。

角丸やドロップシャドウなど、いままでどうしても画像に頼らざるをえなくて、その分余計なコードや作業が必要だったものが、CSSの設定だけであら不思議！？

htmlのコードはそのままに、見た目を簡単に変えることができます。

ウェブ屋にとって、まさに『待ってました』のCSS3ですが、背景画像とグラデーションを同時に指定する場合、注意が必要です。]]>
      <![CDATA[<h4>背景画像が出ない！</h4>

今回は透過PNGとグラデーションを指定するという単純なもので、グラフィックツールで作ったカンプをもとに、色の指定をして、んで、背景に画像を指定したら...

...ひょ、表示されない！？

スペルミスをチェックしたり、画像を変えたりしても一向に表示されないんです。
いや、グラデーションは表示されるんだけど、背景画像が出ないんです。

んで、小一時間悩んだところでもう一回チャレンジ。

今度は属性の指定の順番を変えてみたら...

ちゃんと出ました。（汗）

<h4>背景（background）の値の順番</h4>

基本的にCSSを指定するときは、

#back1 { background: #F00 url(shared/img/headerimg_back.png) repeat left top; }

でも、

#back2 { background: url(shared/img/headerimg_back.png) repeat left top #F00; }

背景色と画像が表示される。

つまり、

『プロパティ（属性）の値は順番が関係ない』

そう思っていたんだけど...。

今回の場合はその順番が原因でした。

×『グラデーションの指定、背景の指定』
○『背景の指定、グラデーションの指定』

という感じです。

具体的には、

<p>#gradient {<br />
width: 900px;<br />
height: 150px;<br />
background: #CCC;<br />
background: -moz-linear-gradient(top, #eee, #999 20%, #eee),<br />
url(shared/img/back.png) repeat 0 0;<br />
background: -webkit-gradient(<br />
linear,<br />
left top, left bottom,<br />
color-stop(0, #eee),<br />
color-stop(20%, #999),<br />
color-stop(100%, #eee)),<br />
url(shared/img/back.png) repeat 0 0;<br />
}
</p>

↑これは出ない。

んで、こっち↓が正解。

<p>#gradient {<br />
width: 900px;<br />
height: 150px;<br />
background: #CCC;<br />
background: url(shared/img/back.png) repeat 0 0,<br />
-moz-linear-gradient(top, #eee, #999 20%, #eee);<br />
background: url(shared/img/back.png) repeat 0 0,<br />
-webkit-gradient(<br />
linear,<br />
left top, left bottom,<br />
color-stop(0, #eee),<br />
color-stop(20%, #999),<br />
color-stop(100%, #eee));<br />
}
</p>

すっごい細かいことだけど、プチはまりしたので備忘録。]]>
   </content>
</entry>

<entry>
   <title>Google Analyticsで外部へのリンクをトラッキングする方法。（非同期型）</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/04/google_analytics.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.841</id>
   
   <published>2011-04-10T13:12:51Z</published>
   <updated>2011-06-29T15:25:11Z</updated>
   
   <summary>Google Analyticsで外部へのリンクをトラッキングする方法です。ネットでは古いコードと新しいコードが未だに混在して検索結果に出てきますが、新しいコード（非同期型）にしておくと何かと便利です。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="ライブラリー" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="198" label="analytics" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="157" label="Google" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="17" label="javascript" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="9" label="SEO" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="199" label="アクセス解析" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      知ってる人にとっては今さら感のあるネタだけど、

そもそも全部のサイトやページを自分で管理できれば、Analyticsのコードを書けばいいので何の問題もない。

んが。

例えば別サイト（ドメイン）や、アフィリエイトやドロップシッピングのカートページなど、どうしてもあちら側（？）にコードを実装できない場合、

「外部リンクへトラッキング」

ということが必要になる。

んで、Googleのヘルプとかにもそのやり方があるんだけど、それがまたややこしい。
ヘルプの中にもいくつかの別の記述のコードが引っかかって、さらにそれが古いコードだったり新しいコードだったり...。

ネットで「Google Analytics 外部」とかで検索してみても、未だに古いコードと新しいコードが両方とも検索結果に引っかかって、いまいち分かりにくいので備忘録ってことで。
      <![CDATA[<h4>とりあえず新しいコードで</h4>

いつだったか忘れたけど、Google Analyticsのコードが『非同期型』に変わってます。
もちろん、旧来のコードもそのまま使えるので、古いサイトとかでは変更する必要もなかったんだけど、サイトをリニューアルしたり、今後のことを考えたりすると、新しいコードに変えておくのがいいかと。

ちなみに、Googleのコードは日々（？）進化していて、

「urchin.js」（2005年11月から）
「ga.js」（2007年12月から）
「非同期」（2009年12月から）

といった具合に、いくつかのバージョンがあるようです。

今回、お客さんのサイトで一番古い「urchin.js」を使っていたサイトがあり、そこで外部へのリンクを計測しなくてはならなくなったので、ついでにAnalyticsのコードも新コードに差し替えをしました。

ちなみに、新しいコードは以下のような感じになっています。

<p>&lt;script type=&quot;text/javascript&quot;&gt;</p>
<p> var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-XXXXXXX-X']);<br />
_gaq.push(['_trackPageview']);</p>
<p> (function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();</p>
<p>&lt;/script&gt;</p>

<h4>Google Analyticsで外部へのリンクをトラッキングする方法。</h4>

んで、本題の外部へのリンクをトラッキングする方法ですが、外部へのリンク（aタグ）に以下のコードを追加するだけでOK。

<p>&lt;a href=&quot;【リンク先のURL】&quot; onclick=&quot;javascript:_gaq.push(['_trackPageview', '【仮想リンク先】']);&quot;&gt;</p>

例えば、リンク先が「http://www.hogeohoge.com/」で、仮想のリンク先を「hogehoge/index.html」としたい場合、

<p>&lt;a href=&quot;http://www.hogehoge.com/L&quot; onclick=&quot;javascript:_gaq.push(['_trackPageview', '/hogehoge/index.html']);&quot;&gt;</p>

とすればいいわけです。

アナリティクスには、実は他にもいろんな関数とかもあるので、古いコードを使っている人は、今のうちに新しいコードに差し替えをしておくといいかもしれません。]]>
   </content>
</entry>

<entry>
   <title>マッサージチェア専門の通販サイトをローンチ。</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/04/post_309.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.840</id>
   
   <published>2011-04-02T04:00:56Z</published>
   <updated>2011-06-29T15:25:11Z</updated>
   
   <summary>お仕事としてマッサージチェア専門の通販サイトをローンチ。パナソニックやフジ医療器、ファミリーなど有名メーカーの商品が比較購入できるサイトです。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="インフォメーション" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="13" label="ウェブ" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="83" label="デザイン" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="50" label="仕事" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      <![CDATA[<h4>経済活動が日本を救う。</h4>

今回の震災と連鎖的に起こった原発事故で、世の中はなにかと自粛ムードに包まれています。

もちろん、無駄な電気は使わないとか、無駄な買い物はしないとかは心がけなければならない。被災者の人たちは、それこそ言葉には表せないほどの苦労や辛い思いをしているのだから。

でも、通常の経済活動まで『自粛』してしまうのは、今後の復興のためにもダメなんじゃないかと。

誰かが言ってましたが、

『自粛するのを自粛する』

まずは自分自身がしっかりとすること。

ボクはウェブを作ることが仕事なので、まずは自身が元気に明るく過ごせるように、そして周りのひとたちや、さらにその周りのひとたちを幸せにするために、日々の仕事に邁進します。

...と、前置きが長くなりましたが、経済活動の一環（？）として、マッサージチェア専門の通販サイトをローンチしました。

<ul>
<li><a href="http://www.massagechair-senmon.com/" target="_blank">マッサージチェア専門の通販サイト：マッサージチェア専門.com</a></li>
</ul>]]>
      <![CDATA[<h4>自宅で簡単リラックス。</h4>

調べてみると、最近のマッサージチェアは、かなり高機能で、まるでプロのマッサージ師にやってもらっているような...モノによってはプロを超える心地良さを実現した製品まであります。

価格帯はピンきりだけど、下は5万円代から、上位機種の30万円台まで幅広く取り扱っていて、それぞれ機能や特徴によって、各社がしのぎを削っている状態です。

メーカーごとにウリが違ったり、デザインが違ったりするので、部屋のインテリアやお財布と相談してぜひ決めてくださいｗ

<ul>
<li><a href="http://www.massagechair-senmon.com/" target="_blank">マッサージチェア専門の通販サイト：マッサージチェア専門.com</a></li>
</ul>]]>
   </content>
</entry>

<entry>
   <title>【4月1日】ご報告。新しいコンセプトのスクールを開校！</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/04/41.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.838</id>
   
   <published>2011-04-01T13:59:26Z</published>
   <updated>2011-06-29T15:25:11Z</updated>
   
   <summary>某有名スクールの現役の講師陣たちが、新しいコンセプトでクリエイターのためのスクールを開校することとなりました。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="インフォメーション" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="25" label="やる気" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="154" label="ウェブデザイン" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="71" label="目標" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      <![CDATA[ずいぶんとブログをお休みしてしまいましたが、みなさんご無沙汰しております。お元気でしたか？

さて。今日という日に間に合いました。

この度、いつもお世話になっている学校のカリキュラムの改変に伴い、授業のカリキュラムがなくなって、余ってしまう現役講師陣が集まって、新たなコンセプトで業界初のスクールを開校する運びとなりました。

その名も

『モテタルハリウッド』

どこかで聞いたことのあるような名前ですが、全くのオリジナルの、現場に即したカリキュラムの授業内容となります。

<ul>
<li><a href="http://bit.ly/hPtF8n" target="_blank">デジタル世代のモテテク指南。業界初産学協同モテ専門スクール。モテタルハリウッド</a></li>
</ul>]]>
      <![CDATA[私たちのスクール『モテハリ』のコンセプトは、どこかの学校のかっこいいコンセプトとは違い、ただ一言、

「本気で遊ぶ」

でっす！

<ul>
<li><a href="http://bit.ly/hPtF8n" target="_blank">デジタル世代のモテテク指南。業界初産学協同モテ専門スクール。モテタルハリウッド</a></li>
</ul>

ウェブという、今後もますます伸びていく業界のなかで、あえてまったく関係のない『モテ』をコンセプトに、業界（なんの？）のフラッグシップとなるスクールを目指して頑張っていきたいと思います。

残念ながら某スクールでは無くなってしまった、ウェブのクラス...今まで取りこぼしてしまっていたものを、当スクールでは丁寧に拾っていきます。

これからもよろしくお願いいたします。

P.S.
※【重要】コンテンツはよく読んでくださいね。
そして、「今日」という日をお忘れなく。

<ul>
<li><a href="http://bit.ly/hPtF8n" target="_blank">デジタル世代のモテテク指南。業界初産学協同モテ専門スクール。モテタルハリウッド</a></li>
</ul>

<span class="impact">※ということで、2011年度版のエイプリルフールネタでした。</span>]]>
   </content>
</entry>

<entry>
   <title>ウェブ屋としてなにかできることを。</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/03/post_308.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.839</id>
   
   <published>2011-03-22T03:37:39Z</published>
   <updated>2011-06-29T15:25:11Z</updated>
   
   <summary>ウェブ屋として何かできないかということで、地震関連のまとめページを作成しました。メリカの地震サイト（USGS）のRSSを引っ張って、GoogleMapsに直近7日間のM5以上の震源地を表示するプログラムです。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="インフォメーション" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="157" label="Google" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="13" label="ウェブ" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="165" label="プログラム" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      <![CDATA[<h4>今回の地震・震災について。</h4>

2011年3月11日14時46分に、宮城県沖を震源とする『東日本大震災（東北関東大震災）』が発生しました。

マグニチュードの数値は日本での観測史上最大の「9」を記録し、家屋の倒壊、行方不明者、そしてお亡くなりになった方々など甚大なる被害が出ています。

残されたご家族の皆様のご心情をお察しし、心よりご冥福をお祈りいたします。

そんななか、クリエイターの方々も、さまざまな形で復興の支援、応援をしています。

僕自身もウェブ屋のはしくれ。何かできないかということで、地震や震災に関する情報まとめサイトを作りました。

<ul>
<li><a href="http://bit.ly/fcfluT" target="_blank">地震情報：EARTHQUAKE JAPAN</a></li>
</ul>]]>
      <![CDATA[<h4>日本人として。ウェブ屋として。</h4>

今回の地震はさまざまなところに影響が出ています。
スーパーからモノが無くなったり、電車が止まっちゃったり...被災地はもちろん、東京でもいろんな被害がありました。

けれども、コンビニが通常営業していたり、タクシーを譲りあったり、帰宅時にパニックが起きなかったことが、海外のメディアでは「日本人」の誠実さや真面目さとしてとても評価されています。

ボクらにとってはあたり前のことなのに、海外ではそれがすごいことだって思われている...。

ボクはそんなニュースを観て、普段あまり意識しなかった、日本人としての誇りを感じました。
やっぱ日本っていい国なんだなーって。

そんななか日本人として、さらにウェブ屋として何かできないか...ということで、地震関連のまとめページを作成しました。

<ul>
<li><a href="http://bit.ly/fcfluT" target="_blank">地震情報：EARTHQUAKE JAPAN</a></li>
</ul>

ほんとは既存のどっかのドメインでやっても良かったんですが、形として残しておけるように、新規でドメインも取りました。

情報としてなにか提供できることはないか...ということで、アメリカの地震サイト（USGS）のRSSを引っ張って、GoogleMapsに直近7日間のM5以上の震源地を表示するプログラムを作りました。

基本的にはまとめサイト（というかページ）なので、他のポータルやまとめサイトの情報量には及ばないかもしれない。

けれども、ウェブ屋として何かできることを。
ほんの少しでも役に立つことができれば...。]]>
   </content>
</entry>

<entry>
   <title>独立してパソコン教室をオープン！</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/01/post_307.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.837</id>
   
   <published>2011-01-19T08:08:30Z</published>
   <updated>2011-12-09T08:36:14Z</updated>
   
   <summary>友だちが独立して初心者向けのパソコン教室を開くことになったので、そのウェブサイト（ホームページ）をMTOSで制作しました。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="インフォメーション" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="64" label="MTOS" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="138" label="お仕事" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="188" label="心理学" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      <![CDATA[<h4>『男、四十にして立つ』</h4>

ほっとけっ！

...こ、こほん。

年齢のことを言われて（誰に？）、ついつい興奮してしまいました。

まぁ、あまり気にせずにジェットコースター人生を日々を楽しんでいますけど。

とはいえ、ボクの周りにいる連中も同年代が多いので、何か思い当たるフシがあるんじゃないでしょうか？]]>
      <![CDATA[<h4>初心者向けのパソコン教室をオープン。</h4>

あ、ボクじゃないです。

小学校時代からの友人...というか悪友が、何を血迷ったか（失礼！）脱サラをして、主婦・シニア（中高年）・初心者向けのパソコン教室を開くことになりました。

正式オープンは今月の24日からなんですけど、プレオープンで『無料体験授業』の募集をしていて人手が足りないので、手伝い（冷やかし？）がてら、ここ数日通っています。ｗ

仕事の邪魔8割、お手伝い2割ぐらい...と、いないほうがいいんじゃないかって感じですが、チラシを置いたり、キャッチコピーを考えて貼ったり...意外とアナログな作業も楽しいなと。

オープンするまでにいろいろな苦労があったけれども、少しずつ形になってきているので、今後が楽しみです。

ちなみに、今回ボクが考えたキャッチコピーが、

「『パソコンって難しい...』と諦めていませんか？
月々3,000円のメディアックなら大丈夫。」

というものです。

コスト削減のため、ただA4の紙に印刷してつなげて貼るという
『アナログ感』満載の仕様ですが...教室のガラス面にでかでかと貼ってますｗ


超『どシンプル』なフレーズで、一見なんの変哲もないありふれた言葉のように見えますが、実はある効果を狙って作ったフレーズですが、どういう意図があるのか...わかりますかね？]]>
   </content>
</entry>

<entry>
   <title>明けました。おめでたいです！！</title>
   <link rel="alternate" type="text/html" href="http://www.dokuritsu-kigyo.net/blog/2011/01/post_306.html" />
   <id>tag:www.dokuritsu-kigyo.net,2011:/blog//2.836</id>
   
   <published>2011-01-10T05:18:04Z</published>
   <updated>2011-06-29T15:25:11Z</updated>
   
   <summary>今年の年がフラッシュはFlickrAPIを使って、外部から画像を引っ張って表示するようにしました。あなたの「今年のキーワード」を入力して「search」すると、イカした画像が表示されるかもしれません。</summary>
   <author>
      <name>kuro</name>
      
   </author>
   
      <category term="インフォメーション" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="77" label="API" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="150" label="as3" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="75" label="ギャラリー" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="123" label="フラッシュ" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.dokuritsu-kigyo.net/blog/">
      <![CDATA[<h4>年賀フラーーーーーーーーーーーーーーーーーーッシュッ！！！</h4>

い、いまさら？って感じですが、あらためまして...

明けましておめでとうございます。

毎年恒例（？）の年賀フラッシュの２０１１年版です。

<a href="http://www.dokuritsu-kigyo.net/blog/imgdata/newyear2011.jpg"><img alt="年賀フラッシュ2011" src="http://www.dokuritsu-kigyo.net/blog/assets_c/2011/01/newyear2011-thumb-320x200-1.jpg" width="320" height="200" class="mt-image-none" style="" /></a>

<ul>
<li><a href="http://www.businemotion.org/newyear2011/" target="_blank">http://www.businemotion.org/newyear2011/</a></li>
</ul>

ご覧のとおりレイアウトは変えたとはいえ、インターフェイスはほぼ去年の流用なので、「なんだよ。手抜きか？」と思われるかもしれないけど、そんなことはありま...いや、ちょっとあるかも（汗）

で、でもね、やっぱり新しいチャレンジも組み込みたいということで、今年はAPIを使って、外部の写真をギャラリーに使用することにしました。]]>
      <![CDATA[<h4>FlickrAPIを使う。</h4>

画像・写真サイトといえば「Flickr」が有名ですが、APIが公開されており、さらにクリエイティブ・コモンズの画像もたくさんアップされているので、今回はこちらを利用。

<ul>
<li><a href="http://www.flickr.com/services/api/" target="_blank">FlickrAPI</a></li>
</ul>

APIキーを取得し、各種パラメータを設定したURLを叩けば、XML化されたデータを取得することができます。

例：

http://api.flickr.com/services/rest/?api_key=[取得したAPIキー]&method=flickr.photos.search&text=peace

上記ではキーワード「peace」に紐付けされたデータが上位100件取得することができます。

他にもソート条件や、クリエイティブ・コモンズの写真のみ...など、さまざまなパラメータが用意されているので、絞り込みが可能です。

（詳しくはAPIのリファレンスを参照：<a href="http://www.flickr.com/services/api/flickr.photos.search.html" target="_blank">flickr.photos.search</a>）

フラッシュ側のASは、データの参照もとが独自のXMLから、APIでひっぱったXMLに変わっただけなので、スクリプトの考え方は去年と一緒。

XMLを読み込んで、サムネイル＆本画像のURLを取得。クリックしたら表示する...という単純なものです。

<h4>今年のあなたのキーワードは？</h4>

そして、去年は僕自身がチョイスした画像を表示するだけでしたが、今年はアクセスした人が自ら画像を探す楽しみを...ということで、画面右上にあるテキストボックスにキーワードを入力して検索すると、そのキーワードに関連した画像が表示される仕組みを実装しました。

能動的になにかを探す...って、意外と面白いものらしく、友人たちもいろいろなキーワードで自分の今年を占った（？）みたいです。ｗ

僕自身のキーワードは

「リセット」

です。

ただ初心に立ち返るだけでなく、さらにもっと能動的にリセットすることを意識していきたいと思います。

ということで、今年もよろしくお願いいたします。

...ポチッ！

<ul>
<li><a href="http://www.businemotion.org/newyear2011/" target="_blank">年賀フラッシュ2011</a></li>
</ul>]]>
   </content>
</entry>

</feed>

