7月3日に『「Webデザイナーになりたい人」のための交流会』を主催し、
セミナー＆懇親会をやってきました！

「目からウロコが落ちまくりました」
「ポートフォリオの作り方がよくわかった」
「具体的な面接の方法がわかった」
「マーケティングの勉強をしようと思いました」

などとセミナー終了後、たくさんの満足していただいた声をいただきました！

講義内容は

そして最後に、

みたいな流れでした。

約20名の方に参加して頂きましたが、やっぱりここに受けにくるような方は熱心な人が多かったです。
それにみなさんすごい真面目ですね～。すばらしい！
中にはわざわざ東京からお越しくださった方もいましたし。

意外と、これからWebデザイナーになりたい人のためのイベントや企画ってのは東京も大阪も少ないんですよ。
プロ同士の勉強会やイベントは腐る程あるんですけどね。

また機会があればできればなと思ってます。

キテレツ荘のみなさん、その他ご協力していただいたみなさん、参加者のみなさんありがとうございました！

キテレツ荘が今春からまら活発になってきたので、
流れにのって記事かきます。

なぜ今Webデザイナーに”Adwords力”が必要なのか？

最近Adwordsをやり始めだしたので、こんな記事を書いちゃいます。
といってもまだやりだして10日ぐらいのド素人ですが・・・。

“Adwords力”なのでAdwordsを知るのではなくて、
Adwordsをやることによって身に付く能力のことです。

技術力だけのWebデザイナーはいらない

デザインや技術力だけのWebデザイナーはいらない・・・。
最近は、Webデザイナーの求人も景気によって少なくなってきているみたいです。

ある程度の制作スキルはもはや当たり前です。

既にWebデザイナーの人もこれからWebデザイナーになる人も、
「ディレクションができる」とか「マーケティングをする能力」があるとか、
の分野のスキルがある人が生き残っていくでしょう。

Adwordsをやるとクライアントに自信を持って提案できる

広告代理店に任せて、大金を払ってプロモーションをする時代から、
零細企業もしくは個人でもAdwordsによって小額でも広告が出せる時代に変わりました。

会社のクライアントも自分のHPを見てもらおうと必死なはずです。
でも、零細企業や個店なんかでは「PPC広告って何？」って感じだと思います。

WebデザイナーのあなたがAdwordsを経験しておけば、クライアントに話だけでもできますよね！
あなたの会社からも社員として評価されます。

めちゃくちゃライティング力がつきます

Adwordsやoverture(旧式の名称)で成果が上がるのはやはりテキスト広告です。
Adwordsのリンクタイトルのところの広告文はたった12文字です。

（例）「無農薬　野菜」と検索すると
無農薬野菜よりも安全な
こだわり無農薬野菜なら

という広告掲載順位1位と2位のテキスト広告が検索結果の最上部に表示されます。
このユーザーはどちらかをクリックするのでしょうかね～？
こういう広告文を考えるのはおもしろいものですし、ライティング力はWebデザイナーとしてもあって損はないですよね？

テクニック的なのことは省略します。

予算管理能力？？がつく

ネット業界では”費用対効果”と呼ばれます。
Webデザイナーのあなたが個人で広告を出すとしても、会社のクライアントが広告を出すとしても
毎月にかけれられる広告費用は限りがあるはずです。
その限られた費用でどうコンバージョンを獲得するかを考えなければなりません。

自分の財布でこれをやると必死に考えます・・・今の僕です。

Adwordsをやるときはこちらが参考になります。
グーグル アドワーズ ラボ
http://www.google-adwords-lab.com/

Google Android搭載ケータイ買いました！！

1. メチャクチャいいです！！
2. GoogleMap はカーナビの役割までできます
3. ストリートビューは磁気センサー付きで、東に向くと買ってに画面も東に向きます
4. twitterを使いやすくしてます
5. オープンソースOSなのでLinuxが使えてJavaがわかればAndroidを搭載した工業製品作れます
6. i-Phoneといつも比較されます
7. トータル的にはi-Phone3GSの方がいいんじゃない
8. でも、Googleのアプリ使ってるなら断然Androidがいい
9. もちろんﾒｰﾙはGmail
10. スパム機能最強
11. もちろんタッチパネル
12. カメラ機能はあまりよろしくない
13. バッテリーはi-Phoneの半分しかもたない
14. たぶん次はSONYからAndroidケータイでるはず
15. 僕は大満足です

「2ちゃんねるはなぜ潰れないのか？」
著者：ひろゆき（西村博之）


こんばんわ、私が泣く子も黙る棟居真一郎です。

書評になるのかな。あまり2ちゃんは見ないが、先日韋駄天さんと本屋に行ったときタイトルにひかれて購入。

タイトルだけ見ると「2ちゃんねる」のことをガチガチに書いてあるように思うが、2ちゃんのことを書いてあるのは全体の10%ぐらい。
あとは、「Google」「スカイプ」「ウェブ進化論」「ニコニコ動画」「You YUbe」「Web2.0」「セカンドライフ」などのテーマだから、IT系の人は見ると面白い。

　２ちゃんねるを作ったひろゆき氏は訴えられているが、『ニワンゴ』（ドワンゴの子会社）でニコ動を運営し取締役をやっている。

潰れない理由としては、

• 広告費で運営しているので、閲覧者が減らない限り存在し続ける。
• 見てる人は日本人が多いが、アメリカのサーバーを利用しているので「アメリカのサービス」だと言うと日本の法律は適用できない。
• 社会的な問題はリスクにならず誰かが、「2ちゃんは社会的な問題あがる」と発言したとしても効力をもたない

ということが上げられ、仮に2ちゃんが潰れたとしても2ちゃんと同じような掲示板を誰かが作るということだ。

　国家権力が働いているから潰れないのではないかという声も出ているようだが、現状２ちゃんねるを国家権力でつぶすことができる範囲だから潰す必要がないということみたいだ。
やろうと思えば、また例のごとく東京地検特捜部が出てきて簡単に潰すことはできる。

　例えば、警察から「2ちゃんに犯罪予告があるのですぐにアクセスログをとってしらべてください」と言われると、ひろゆき氏はそれに協力することはできる。
けど、ひろゆき氏が逮捕されてしまうと犯人をつき止めることができなくなってしまう。
そして2ちゃんが潰れると、また新しい掲示板ができて今度は本当にアメリカでアメリカ人が作ってしまうと間違いなく日本で規制をかけることはできなくなってしまう。

これに関してはYou Tubeも同じことが言えるらしい。

そもそもサーバーはともあれ著作権侵害の動画（例えば日本のテレビ番組）がいつがきても見えてるのはおかしい。

これに関してはこの本では

”「これは社会的に影響力を持つまでに成長したインターネット内の大きな存在を、例え国家権力であろうと簡単に潰していいのかという精神的なハードルが存在している。」”

と書かれてある。
つまり違法な世界だが、これだけ世の中に需要があるのに違法だからと言って巨大化されたものを潰してしまうのは・・・という法的な話ではなく人間の感情や精神による野放しということだろう。

だってYou Tubeはもう世界のgoogleのコンテンツでしょ～。

googleのことも冒頭に書かれてあるが、ひろゆき氏は「Googleって技術力ではなくて、企画力と営業力が優れてる会社だよね」という見解でおもしろい。

読みたい人はあげます。

追伸2：Amazonアソシエイトのアカウントわかんなくなったので、リンク貼ってません。

　こりゃ１本とられたわい！

　Web系ニュースを購読をされている方はご存知の方も多いとは思いますが、企業サイトがYouTubeの映像だけで出来ている『BooneOakley』の話。

サイトメニューをタイムラインで区切ってるんです！！

そらぁええ発想やな～（by 本間さん）

こういう簡単なことなんですが、大人になると頭が固くなったり先入観など複雑に考えてしまうようになり思いつかないんですね～。
ん～この発想はすばらし過ぎる。

これからこの手法流行そうですね～

ちなみにURLのhttp://www.booneoakley.comが直接You Tubeにリダイレクトしています。

　ヤバイ社会になりました。

僕はあまりゲームはしないんですが、びっくりしたので紹介します。
MicrosoftのXboxからコントローラーというよりコントローラー無しで操作できる新型周辺機器が発表されたらしいです。

技術の進歩するスピードはいったいどうなってるんだ！！

これって、よくわからないですけどてら子に行ってきた！～大阪てら子 22 「webカメラで遊ぼう！」に原理が似てるのかな？
まったくわからないっす。

顔とか声にも反応するみたいすよ！

先日、面白法人カヤックから「よせがきメーカーがリリース」されていました。

特に、「うわー！パクられたー」と言うつもりは全くないです。
　が、だいぶ似てたので、率直に「あ～規模と知名度と完成度を見せ付けられたわ～」と思いました。


　WEBサービスに限らずですが、起業アイデアや事業アイデアなど世の中には同じ考えを持っている人がかなりの数いると思います。
やはり、それをどうカタチにして世に出すか、認知させるかの方が重要なんだなとあらためて感じた１日ですた。

先日の「第1回　キテレツ巡業　キテレツ春場所」で発表したモバイルサービス『マチコ』の全貌です。
今回の開発にあたって、モバイルの現状、技術的な部分、その他知りたい情報など共有できれば良いし、アウトプットしたいので見たいところだけ見てください。

結局『マチコ』の全体構成って？

▲この記事の先頭に戻る

GPSやら位置情報がどうのこうの言ってるけど何？

携帯電話で位置情報を取得する方法は２つあります。
・基地局を使った位置情報
・GPSを使った位置情報
の２つです。今回は主に、後者のGPSを使った位置情報の取得の仕方を利用しています。
それでは両者のちがいを簡単に説明します。

[基地局を使った位置情報]

　基地局の位置情報を利用した場合は各キャリア（docomo,au,softbankなど）のアンテナとなる基地局を利用することになります。
メリットはGPS対応機種でなくても利用できるところです。しかし、自分が今いる位置を正確に表してくれるとは限りません。
だいぶズレます。数kmずれるのなんかざらにあります。そういう面で、かなりアバウトなところがデメリットですね。

[GPSを使った位置情報]

　GPSを利用した場合、衛星使っているのでかなり正確な位置情報を取得することができます。みなさんご存知のカーナビとかに使われているシステムですね！
ただ、位置を取得す場所によって測位レベルが低いとやはりズレちゃいます。それでも、基地局のアンテナを利用するよりも遥かに正確に位置を取得することができるのがメリットです。
　デメリットは、まだGPSに対応している携帯の機種をもっている人が少ないというところです。
ただ、総務省が今年度４月から携帯電話にはGPS搭載を義務づけることが決まっています。今後必ずGPS対応のサービスが普及してくるでしょう。

ちなみにGPSがどれくらい精度が高いかというと、この写真（Google Earth）を見て頂ければわかると思います。

これは、先日の5月10日の発表会の後にデジハリ大阪校の前の道路で、実験で位置情報を取得した位置です。
右の黄色のピンの位置が実際に取得された位置です。
多少ずれてはいますが、ほぼあっています。おそらく誤差は数メートルといったところでしょう！やはり衛星のシステムを使うと精度が高いんですね～

▲この記事の先頭に戻る

実際の位置情報を取得するのって難しい？

　実際に位置情報を取得する方法はメチャ簡単です。

『DoCoMOの場合』

<a href="http://www.example.com/index.php?" lcs>GPSで位置情報を取得</a>

『auの場合』

<a href="device:gpsone?url=http://www.example.com/index.php?ver=1&ver=1&datum=0&unit=0">GPSで位置情報を取得</a>

『softbankの場合』

<a href="location:auto?url=http://www.example.com/index.php?">GPSで位置情報を取得</a>

softbankの場合「location:auto」で簡易位置情報（基地局で取得する方）「location:cell」とGPSで取得する「location:gps」の優先度の高い方に自動的に選択されるので、GPSに非対応の機種でも簡易位置で取得できます。

設置するソースは簡単です。
ただ、設置しても今度レスポンスされたときの返される戻り値がまたキャリアによって変わってくるのです。3キャリアとも単純に「緯度」と「経度」が10進数で返ってこりゃ一番楽なのですが、そういうわけにはいかないです。
また、キャリアごとに設置するa要素のhref属性が違うので、振り分ける必要が出てきます。
よって、結果的に結構めんどくさいです。

▲この記事の先頭に戻る

このサービスの核になるPEARのNet_UserAgent_Mobile_GPS

　ここはPHPの話になります。
各キャリアごとにアクセスしてきたユーザーエージェントを判別して、GETで取得するための（「3.実際の位置情報を取得するのって難しい？」）の記述を3つ書いて、更にまた、各キャリアごとのレスポンスのパラメータを分解させて・・・
みたいなことを１からやろうとすると、それだけで１ヶ月かかっちゃいます。

そこでPEARというところから提供されているPHPで有名なライブラリを使います。
使うライブラリ名はNet_UserAgent_Mobile_GPSです。

例えば、GPSで位置情報を取得するためのa要素（リンク）を設置するのと、それをクリックした後のレスポンスで緯度・経度を取得するソースは以下のような感じです。

[リンクの設置](PEARでNet_UserAgent_Mobile_GPSをインストールしていることを前提としています)

<?php
require 'Net/UserAgent/Mobile/GPS.php';

try {
    $g = Net_UserAgent_Mobile_GPS::factory();
} catch (Net_UserAgent_Mobile_GPS_Exception $e) {
    var_dump($e->getMessage());
    exit();
}
$url = "http://machiko.kiteretsu-so.com/form.php";
$str = "GPS対応機種かどうかﾁｪｯｸ";
$glink = $g->getGPSLink($url, $str);
?>

[返り値の緯度と経度を取得]

<?php
require 'Net/UserAgent/Mobile/GPS.php';

try {
    $g = Net_UserAgent_Mobile_GPS::factory();
} catch (Net_UserAgent_Mobile_GPS_Exception $e) {
    var_dump($e->getMessage());
    exit();
}
$res = $g->getGPSResponse();
//array(2) { ["lat"]=>  string(13) "+35.40.58.968" ["lon"]=>  string(14) "+139.41.12.966" }
?>

めちゃくちゃ簡単です。
60進数で緯度と経度が配列で返ってくるので、超扱いやすいです。
これだけで、3キャリア統一したかたちで動かすことができるのだから、やはり先人に感謝せんといけませんね(^^)

僕の個人のブログにも詳細あります。

▲この記事の先頭に戻る

電話がかかってきたり、他の人からメールがきたらどうするの？

　ユーザーを特定させる方法、つまりセッション管理の話です。
『マチコ』の使用中に電話がかかってきたり、他の人からメールがきたらどうするの？という問題です。
　結論からいうと受信メールにユーザーを特定するアクセスURLを残しておくことでいったんサイトを離れたとしても、特定できるようにしました。
基本idは使い捨てにしていますので、再びちがう人と距離を感じたい場合はまた新たなIDが発行され、アクセス用URLが受信メールに残る仕組みです。

ここからはその、ユーザーを特定させるセッション管理の話です。

　PCでログインを維持するために、あらかじめログイン名やパスワードを入力させるという方法をとります。かしこさんの得意なヤツですね！！
モバイルはPCとはちがって、文字の入力やボタン操作がしにくいのが特徴です。
いちいちモバイルサイトに訪問したときに、ログイン名やパスワードを入力させようとすると「うわ、めんどくせー」と思っちゃいユーザーは離れていきます。

　モバイルのセッション管理の有効な方法は大きく３つあります。
・クッキーを利用
・URLにセッションIDを付与していく方法
・かんたんログイン（個体識別情報）を利用する

[クッキーを利用する]

上の表のように各キャリアがそれぞれcookieに対応しているわけではありません。
なので、cookieを利用したセッション管理は現状では３キャリア統一させた管理は難しいと思います。

[URLにセッションIDを付与していく方法]
　URLにセッションIDを付与していく方法は、セッション ID という、各ユーザー固有の ID を保存し、各ページ間で共有することによって、同一のユーザからのアクセスかどうかを判断することによって実現されています。

URLに付与されるセッションIDの例
http://www.example.com/index.php?PHPSESSID=957e1ace99b2e12f36f295529e57d8aa

　このように、[PHPSESSID=セッションID」というフォーマットでURLに付与されるようになります。
PHPSESSIDというのはデフォルトのセッション ID名になりますので変更することができます。

例えばユーザー管理の情報が
・名前：棟居
・住所：大阪
・年齢:25
の場合

[１ページ目]

<?php
	ini_set('session.use_trans_sid', '1');
	session_start();
?>
<html>
<body>
<p>session.phpのページ</p>

<?php
　$_SESSION["name"] = "棟居";
　$_SESSION["pref"] = "大阪";
　$_SESSION["age"] = 25;
?>

<a href="session2.php">確認画面へ</a>
</body>
</html>

[2ページ目]

<?php
	ini_set('session.use_trans_sid', '1');
	session_start();
?>

<html>
<body>
<p>session2.phpのページ</p>

<?php
　print htmlspecialchars($_SESSION["name"]) . "<BR>";
　print htmlspecialchars($_SESSION["age"]) . "<BR>";
　print htmlspecialchars($_SESSION["pref"]) . "<BR>";
?>

<a href="session3.php">session3.phpへ</a>

</body>
</html>

これは１ページ目にセットされたユーザー情報を2ページ目に持っていってブラウザに出力させるといことができます。
このようにしていくと、ページの遷移の際にURLにセッションIDが付与されながらユーザーの情報をいくらでも他のページに持ち回すことができます。

１行目の

ini_set('session.use_trans_sid', '1');

はphp.iniの設定を変えていることになります。
「’session.use_trans_sid’」はURLに自動的にセッションIDを埋め込むかどうかの設定になります。する場合「1」しない場合「0」です。

この設定はphp.iniに書くのが一般的ですが、全体が変更されてしまうため、セッションIDを利用するファイル数が少ないときなどはこのように直接phpファイルの先頭に書いやることもできます。

今回『マチコ』では一部この方法をとっています。
ただ、URLにセッションIDを付与していく方法はセキュリティ上よくありません。
URLにセッションIDが丸見えだからです。特にdocomo。
この辺はセキュリティ対策を考えながら利用する必要があります。

[かんたんログイン（個体識別情報）を利用する]

　かんたんログインはセッション管理が必要なモバイルサイトで非常によく利用されています。
これは携帯電話端末の個体識別情報を利用しています。

携帯端末には一台一台「個体識別番号」という番号が割り振られていて、この番号を取得することによってユーザーがアクセスしてきた時に認証の判断を行ないます。
個体識別番号のパラメータの取得方法は各キャリアによってこれも違ってきます。

メリットはやはり、ID、パスワードを入力しなくてもクリック１回でログインでき、ユーザーにスムーズにコンテンツに入り込むんでもらうことができます。

デメリットはユーザ本人が個体識別番号を送信するかしないか選択するこができるようになっているところです。

[docomo]

　僕はdocomoを使っているのですが、このようにdocomoでは１回目「FOMAカードの製造番号を送信しますか？」というダイアログのようなものがでてきます。
初めの１回だけですが、普通の人なら少し警戒してしまうこともあると思います。

[au]
　auは端末を購入して最初の設定のときに、「EZ番号を送りますか？」とユーザに問いかけられていて、たいていのユーザは「はい」と答えていると思います。

[softbank]
　softbankは端末を購入したままの設定で、「個体識別番号を送らない」という設定になっている機種があります。特に3G端末からなっているみたいです。

　携帯の端末情報を送信しているだけなので、携帯電話番号、メールアドレス、住所、氏名が送信されているわけではないです。
その辺を安心してユーザーに利用してもらえるようにすればかなり便利な機能だと僕は思います。

▲この記事の先頭に戻る

取得した【緯度】【経度】【距離】【タイムスタンプ】をCSVで保存

　取得した、【緯度】【経度】【距離】【タイムスタンプ】はCSV（カンマ区切り）データとして保存していきます。
先日とんかさんがAさんとBさんの距離を求める式の記事を公開してくれました。
最新のAさんとBさんの距離を求める場合、それぞれの最新の緯度と経度の値が必要になります。
そこで、CSVに保存していくことによって、CSVから相手の最新のデータをひっぱってきています。

IDがa45さんの人が「♪バイブで距離を感じる♪」ボタンを押すと、IDがb45さんのcsvデータの最新の緯度・経度を取り出して計算するという方法をとりました。

▲この記事の先頭に戻る

現在人気モバイルサイトの傾向

　どんなモバイルサイトを作ろうかという打ち合わせをしたときに作った資料です。
僕はモバイルの知識が全くの0だったために、どういうサイトがあるのかも知らなかったです。今でも頻繁にモバイルサイトを利用しているわけではないですが・・・。

現状、モバイルのヘビーユーザーのほとんどが学生であるために、学生ぐらいをターゲットにしたコンテンツがやっぱり多いみたいですね。

傾向としては「自分をアピールできるサービス」がヒットしています。

最近は小学生や中学生でも「魔法のiらんど」や「mobilespace」などの有名な無料ホムペ開設サイトでホームページで自分のサイトを持ち「前略プロフィール」でプロフを公開し、自分をアピールしていっています。
アピールの仕方は開設した、ホムペやミニブログなどで写真をUPさせたり記事を書いたりしています。
特に、クリスマス、誕生日、夏休み、土曜日、日曜日などのモブログのＵＰ率は非常高いらしいです。これは、学生が休みやイベント日に投稿している人がやはりたくさん多いということなんでしょうな～。

コミュニティ系はなんだかんだで結局mixiにたどりつく人が多いみたいです。

あと女子学生をターゲットにしている「@peps」はすごいです！
ユーザビリティもクソもありません！とにかくギラギラしたもん勝ち！
最近、小中高生の保護者が子供に携帯電話をどういうふうに持たせるかという社会問題がありますが、割かし「モバゲータウン」や「GREE」などはCM広告も打っているだけに保護者自身もアクセスしたことがあるみたいですが、@pepsは最強です！
「@peps」保護者は知りません！とにかく女子学生の利用数がすごいみたい！！

▲この記事の先頭に戻る

もし入居する人気をつけてください。
自分のプロフィール画像はデフォルトでこれになってるから。
やたらこのプロフィール画像多くて最初スパムか何かかなあと思ったんですけど、デフォルトがこのババアの写真らしいです。

今回は、深いい～記事を紹介します。
いつもWeb制作において参考にさせてもらっている『ホームページを作る人のネタ帳』さんのブログ記事よりご紹介させていただきます。

管理さんであるYamadaさんが友人の妹のニート暦4年目の、19歳の女の子に会ってきたお話です

このノンフィクションである深いい～記事の構成は、
【1.本が大好きな子】
　　　　　↓
【2.Googleから始まる世界】
　　　　　↓
【3.4人で紀伊国屋へ出発】
　　　　　↓
【4.本を手に取り、中を見ると言う行為】
　　　　　↓
【5.ネットにはない情報が彼女を変えた】
　　　　　↓
【6.その後】
になっています。

—————————–感想—————————–
・10代の人の生活や行動は、その時代の象徴というか一番反映された年齢層になると思うが、ネットの普及がここまで影響しているとは正直かなり驚いた。

・特に、セカンドライフで月収を得ているところがなんとも、「現代的」と言ったらいいのか「ひきこもり的」と言ったたらいいのか・・・。

・Amazonがいかに便利かということと、同時に「集合知によって発生する付加価値」がつくために、人のレビューや意見を参考に本を自分で読む前から先入観が入ってしまうということ。
当然、実店舗の本屋に行くと良いか悪いかを決めるのは自分だ。

・紀伊国屋書店で「6冊ほどどうしてもほしい本があります。」という中で更に１冊に絞りこんで買った本がAjaxの参考書であるところが、かなりリアリティがあり過ぎる！
なんか、小説とか文庫本みたいなのを選らんで「彼女は『東野圭吾』の『白夜行』を手に取った」みたいなノリだったらたぶん泣けません！
19歳の女の子がどうしてもほしい一冊がjavascriptの本って！リアル過ぎて泣ける！！

・こういう女の子の存在を知って、逆に危機感を覚える感覚もでてくる。
おそらく彼女は、Webの制作などある程度できると思う。
セカンドライフで稼いでいるぐらいだし。
10代ぐらいの若いこの技術の吸収力は驚異的だと思う。
自分なんか、ここ１～２年でちょっと勉強しただけなので、こういう今10代の子らが本気を出せばすぐにもっていかれるだろうという危機感。
っていうか既に負けているだろうね。

・彼女は「ひきこもり」という何かネガティブな社会言葉にして当てはめられているが、単に家でいながら収入を得ているのでニートではなく社会人だ。
外の世界（人と会う）が当たり前だという概念はなくさないといけないと思った。
逆に、彼女からしたら会社に勤務している社会人を「群がり」みたいなネガティブな言葉で当てはめているかもしれない。
—————————————————————

この記事は、「アルファブロガー・アワード2008：ブログ記事大賞」に選ばれていました。
おめでとうございます。

ニートの19歳女の子を札幌『紀伊国屋』に連れてったら感動して泣かれた話