先日、KRAY – みんなで考え、作り、価値を生み出す というサイトを公開しました。KRAYは自宅近くにあるウェブシステム屋さんなのですが、ここの芳賀さん(@func09)とTwitter + pgcafe経由でお友達になり、サイトのリニューアルを担当させていただきました。

こちらのサイトをWordPressで作成したので、その時使用したプラグインのいくつかをご紹介します。

定番モノ

• Akismet (初めから入っている)
• WP Multibyte Patch (初めから入っている)

• All in One SEO Pack
• Contact Form 7
• Google XML Sitemaps
• Google Analytics for WordPress
• Similar Posts(+ Post-Plugin Library)
• WordPress Database Backup
• WP-PageNavi

この辺りは、あちこちのプラグイン紹介エントリでも出てくる定番モノです。よく分からなくてもとりあえず入れておくと幸せになれます。

個人的には、Contact Form 7用の文書フォーマットがあると嬉しいなと思いました。デフォルトだとちょっとそっけないので…。今回は自動返信されそうな企業サイトやメルマガなどに登録して、書式を調べたりしました。

便利だなと感じたもの

• Broken Link Checker リンク切れを教えてくれる
• Search & Replace 管理画面からDB内の置換が出来る
• Short Title Link エントリーの前後記事リンクの文字を詰めてくれる
• Simply Exclude 特定カテゴリをホームや検索画面から除外してくれる
• Simply Show IDs 管理画面のカテゴリなどのIDを表示してくれる
• WP No Category Base カテゴリーベースを消してくれる(Top Level Categoriesから乗り換え)
• Like facebookの「いいね！」ボタンを付加してくれる
• Topsy Retweet Button TwitterのRT用ボタンを付加してくれる

これらは用途に合わせてプラグインディレクトリから探してきたものです。個人的にはSimply Show IDsがツボでした。WPはカテゴリなどをID指定するタグが多いので助かります。

こんなふうになります

RetweetとLikeボタンも最近はよく見かけるので設置しています。KRAYでは 1-click Retweet/Share/Like で表示していますが、別々に分けたい場合はTopsyとLikeが今のところいいかなぁと。

最近はTwitterから公式のTweet Buttonが出たので、Retweetはそっちの方が良さそうですね。

Tweet （←押せます）

便利だけど設置が面倒なもの

• Ktai style
• WPtouch iPhone Theme
• WP Super Cache

上二つは全く問題のない素敵プラグインなのですが、WP Super Cacheがよくぶつかってくるのでやや苦手意識を持ってます。キャッシュは確かに早くなるので、捨てがたいんですよね…。

設置方法はググれば出てくるので、早く慣れたいところです。

プラグインの見つけ方

はてブを見ていると、この記事のような「おすすめプラグインエントリ」がよく出てきます。しかし、特定用途に向けたものを探す場合は、公式サイトの方が早いことも多いです。

ただ、公式サイトで検索するとデフォルトで「検索ワードに近い順」になってしまい、実績のあるプラグインかどうかが分かりません。「人気の順」でソートすると、全然関係ないプラグインも混ざって表示されてしまいます。

そこでTwitterでこんなことをつぶやいたところ…

先日LLC決起集会を行った合同会社フィヨルドの @machida さんに、help me, hackers! を勧められました。まだ使ったことが無かったのでためしに投稿してみたところ、翌日にはグリモンが出来ていました…。

help me, hackers! （ヘルプミーハッカーズ）とは

» Help me, hackers!

フィヨルドのお二人が運営している、プログラミングタスクを共有するサイトです。「プログラム開発の依頼と解決のプラットフォーム」と書いてあるように、プログラム関連で困っていること・欲しい機能などを依頼すると、それを見た誰かが解決してくれます。報酬も設定できるので、依頼側のお困り度によって金額を大きくすることも出来ます。LOGO TOURNAMENTみたいな感じですね。

別の依頼をした時のことが、同じくフィヨルドLLCの @komagata さんのエントリにまとめられています。
» コードDJ 第6回 – はやい！もうついたのか！ | FJORD, LLC（合同会社フィヨルド）

help me, hackers! 内で見つけた、「ホームページビルダーで作られてるサイトを目立たせるGreasemonkeyスクリプト」というのもオススメです。

ということで…

このグリモンを入れて検索すれば、人気のあるプラグインがひと目で分かります。グリモンはAutopagerizeにも対応してもらったので、使えそうなものをガンガン見つけられます。

WPユーザーの方は、色の付いているプラグインをモリモリ試して、たくさんブログに書いて、日本語リソースを増やしていきましょう。すると英語の苦手な僕が大喜びです！

さいごに

KRAYのサイトと、以前つくったf-dexのサイトを WordPressサイトコンテストに応募しています。8月いっぱいまで投票受付中なので、もしよければ応援してもらえるとうれしいです。

投票方法はTwitterかコンテストサイトのフォームから出来ます。Twitterからの投票ボタンはただの非公式RTなので、同じものをこちらにも貼っておきます。

• No.79 KRAY – みんなで考え、作り、価値を生み出す にTwitterで投票する
• No.80 FREEPAPER [f-dex:エフデックス] にTwitterで投票する

» WordPress サイトコンテスト

フリーランスの二人が一緒に活動するための器でもあるので、会社の形態は合同会社です。「合同会社つくる社」だと”社”が2回出てきて呼びにくいので、「つくる社 LLC」という表記にしています。ウェブサイトはこちらになります。
http://tsukurusha.com/

ウェブ制作屋さんとしての前田製作所も続けていくので、どうぞよろしくお願いします。

pico – for bird lovers and more

前田製作所のササキ(@omohotto)です。

先日、小鳥好きが集まって“pico”というブランドを立ち上げました。
そのサイトを前田製作所でお手伝いさせていただいたのでご紹介します。

picoとは

picoとは、Twitterを通じて知り合った小鳥好き、かつモノ作りをしている人たちが集まってできたブランドです。

Twitterにはさまざまな趣味趣向の方がいて、それぞれグループをつくっていますが、picoのメンバーも小鳥好きとして通称「鳥クラスタ」と呼ばれるグループの中にいました。
半年ほど前、その中で「鳥について真剣に考える”小鳥サミット”（鳥同伴のオフ会）」が開催され、偶然にもモノ作りをしている人たちと知り合うことができました。「何か一緒に作りたいね」と意気投合、とんとん拍子で話は進み、Tシャツ作りをしていく過程で「pico」というブランドが生まれました。
わたしも小鳥サミットに参加していたことから、ウェブ担当としてお手伝いすることになりました。

pico第一弾は、小鳥好きな人はもちろん、そうでない人たちにも小鳥のかわいさを知ってもらいたいと「背中インコTシャツ」を制作しました。

picoのメンバー

鳥好きを軸にしているためか、さまざまな業種の人たちが集まりました。構成メンバーはこのようになっています。

• pico発起人＆編集長：タイキチロウさん(@taikichiro)
• Ｔシャツデザイン、グラフィック担当：くろみどうさん(@kuromidou)
• カメラマン：やぎこさん(@yagiko_)
• ショッピングカートまわり：もちゅさん(@motusnobs)
• マネジメント担当：コナツさん(@konuts)
• インコ画伯：ゑびあんさん(＠budgie_wevi)
• 背中インコのモデル：さやさん(@inko_chibitter)
• ピエール瀧的担当：のこさん(@ryoubanoko)
• ウェブ担当：ササメグ(@omohotto)

サイト公開までの流れ

何度か集まって打ち合わせをする事はありましたが、連絡は基本的にウェブ上で行いました。個別の連絡はメールで、メンバーで共有するものについてはGoogleグループのページ機能、各自の役割分担やタスク確認などはGoogle スプレッドシートを使用しました。

サイトデザイン案 その1

企画が動き出した当初はTシャツを作ることに意識が行っていたため、ウェブの内容はほとんど決まっていませんでしたが、打合せで出た意見からイメージを膨らませ、とりあえず一つ目のデザイン案をつくりました。

デザイン案その1

• Ｔシャツの紹介、購入ボタン（この時点ではpaypalでの支払いを予定）
• ゑびあんさんのインコ画のコーナーを設置（わたしが見たかったので勝手に追加）
• できるだけ更新の手間がかからないよう、既存のウェブサービス（Twitterのつぶやき、Flickr、ustream）を表示
• プロジェクトの紹介、お問い合わせ

これらをメンバーに確認してもらい、意見や感想を募りました。先にイメージを出した事でやりたい事が明確になり、この後たくさんの企画を提案していただきました。

サイトのデザイン案 その2

メンバーからの意見を反映し、二つ目のデザイン案を作成。
サイトを毎日見に来たくなるような「何か」がほしいという意見が出たので、日替り更新のコーナーを2つ設置しました。

デザイン案その2

• [日替わり] ことり短歌（ことりをテーマにした短歌。#kotori_tanka）を追加
• [日替わり] ゑびあんさんが描きためたインコのイラストを日替わりに変更
• newsを追加
• メンバー紹介はTwitterのアイコンのみでシンプルに表示
• ロゴやメインビジュアルはメンバーが作ったものを使用

この内容でメンバーに確認してもらいデザインを微調整したのち、旦那さん(@monoooki)にコーディングをお願いしました。

ショッピングカートについて

Tシャツの販売は当初Paypalを使用するつもりでしたが、日本ではまだ知名度が低く浸透していないことから、今回は見送ることにしました。代わりにColor Me Shop! proを使用しました。

私はこういったカートシステムに触れるのが初めてだったので、最初はサービスの内容やしくみを理解するのが大変でした。まず何を入力すべきなのか、最低限どこまで設定すればいいのか…。すでにColor Me Shopでお店を出しているメンバーの方に手助けしていただきながら、初期設定を行いました。
その後デザインを作り、旦那さんにバトンタッチしコーディングしてもらいました。

背中インコＴシャツ発表！

7/31に渋谷@SUNDALANDCAFEにて「小鳥サミット 夏」が開催されました。今回作った「背中インコTシャツ」はここでお披露目となります。

Tシャツ発表の際、ちょっと面白いことをしてみました。
会場ではpicoサイトをスクリーンに映していたのですが、発表前はTシャツだけ「coming soon」の表示になっていました。会場のカウントダウンに合わせてお披露目ページに差し替える予定だったので、この作業をiPhoneからリモコンのように行いました。
やっていることは「古いindex.htmlを新しいindex.htmlに差し替える」だけなので、簡単なスクリプトを書いてもらい、このような切り替えスイッチを用意。

切り替えスイッチ

あとは現地のカウントダウンに合わせ「公開する」をタップするだけ。スクリーンに映していたサイトが、iPhoneの操作（と、スクリーンにつないでいるPCのリロード）によってお披露目ページに更新されたので、会場はとても盛り上がりました。新しいページにはショップへの導線があり結果的にショップサイトも同時オープン。さっそくたくさんのお客さまにご購入いただけました。

pico shop

イベントはTwitterなどで告知を行い、たくさんの方が来てくださり大盛況に終わりました。
イベント当日の様子はこちらからご覧いただけます（ちょっと長いですが…）

Togetter – 「小鳥サミット 2010夏」

最後に

企画から公開まで、全体的にあまり時間がない中バタバタと作り上げた感じですが、サイトを公開してから多くの方に見ていただき、ありがたい事に「背中インコＴシャツ」の売れ行きも好調です。

全てのはじまりはTwitterとインコでした。こんな出会いがあり、知り合って半年でここまで実現できた事を思うと、何だかとても感慨深いです。

picoの皆さま、鳥クラスタの皆さま、そしてサイトを見てくださった皆さま、本当にありがとうございました！

第一部 シリコンバレー起業最前線 (UXデザイナー Alexaさんの話)

いきなり元adaptive pathの中の人でした。adaptive path…どこかで見た名前だな…と思ったら、Ajaxの名付け親がいる企業だそうで。多分この記事の邦訳版で目にしてたようです。

Ajax: A New Approach to Web Applications

Alexaさんご本人がUXデザイナーなので、ビジュアルデザインに入る前の企画・設計部分の話が多かった気がします。
虫眼鏡、ペンなどの身近なものを使った未来のデバイスごっこ、技術主導ではなくユーザー体験ありきで発想すること、アイデアが出たら一枚の紙にスケッチを描いて考えることなどなど。作りこむ前にプロトタイプをまず作ってみる、ということを徹底しているように見えました。

スライドの34,35ページ目、カップケーキの話が印象的でした。いきなり立派な大きいケーキを作ろうとして、最初のリリースはスポンジ部分だけ…とするのではなく、最初はカップケーキ(小さいが完成されたケーキ)を目指すというもの。同じような話を37signalsの本で読んだなぁと思っていたら、まんまその人の言葉でした（引用文の最後に Jason Fried の名前が）。

中途半端な製品ではなく、半分の製品

多くのすばらしいアイディアも、一度に実現しようとすると一気にくだらない製品になってしまう。やりたいことのすべてはなかなかできないものだ。時間、資源、能力、そして優先順位と制限はつきものだ。ひとつでも完璧にすることは難しい。同時に10個のことをうまくやる？そんなことは忘れたほうがいい。

より良いもののためには、愛着あるものをいくつか犠牲にしないといけない。やりたいことを半分にするのだ。中途半端な一つのものより、とてもよくできた半分の大きさのものの方がいいに決まっている。量より質だ。(p51,52)

小さなチーム、大きな仕事―37シグナルズ成功の法則 (ハヤカワ新書juice)

一歩ずつ確実に歩を進めよ、と理解しています。
慌てない、あわてない。一休みひとやすみという感じですね。

第二部 起業を成功させるために必要な要素とは？(投資家Daveさん(@davemcclure)の話)

僕らがクックパッドに着いた時に、ちょうど通りがかったDaveさんが挨拶してくれました。気さくな人だな～と思ったのが印象的です。
セッションで話す内容もプレゼン資料も、気さくでおちゃめな人柄が出てました。

起業するにあたって

• 製品、サービスを考える時は、まず身近な問題から始めよ
• 解決策ではなく、問題点を投資家に売り込め

一つ目はよく言われてることで、背伸びすると本質を見誤るからダメよ、ということだと思います。セッション後半で「海外狙いはハンデもあるよ」と言ってましたが、それも同じような意味かなと。

これに関連付けて、自身のこんな資料をツイートしていました。
Your SOLUTION is Not My PROBLEM – Master of 500 Hats

なんとなくこれを思い出しました。

ドラッカーも顧客は何を価値としているか。顧客のところへ出かけて行き、聞かなければならない。と言ってますし、地の利を生かすなら近所の方がよくね？ということだと思います。（ということは僕は多治見向けの何かを考えればいいのか･･･！）

第三部 質疑応答

共同創業者の見つけ方

「手伝ってくれる人に、どんな額でもいいからお金を払うといいよ！」と佐野さんが言っていました。ボランティアベースだと本人同士のやる気に左右されてしまうけど、お金を介在することで互いに責任と良い緊張感が生まれて、それまでと違う関係になれるからだと思います。

友人知人間でお金のやり取りをするのは何気に緊張しますが、これがうまく行けばいい関係になれそうですね。佐野さんも「持続的な関係が作れるんじゃないか」と言っていました。
逆にうまく行かなかったら…ｗ 気まずい空気が流れそうです。試用期間と割り切ってしまうといいのかな。ドライだな…コンクリートジャングル…。

その他

• 投資を受けて時間を買おう（佐野さん）
• 不確実性が高い時期は、個人投資家から援助を受けた方がいいかも（Daveさん）
• 一番いいのは、少ない投資を受けてすぐに全部使っちゃうこと（佐野さん）
• でもクレイグスリストは外部資金なしであそこまで成長したよ（千賀さん）
• 日本人は伝聞したものに左右されすぎ。やりたい事に専念しよう！（千賀さん）

最後の千賀さんの言葉は最近よく実感します。
発言を聞いている時に、先日ホッテントリに入っていた為末選手のブログを思い出しました。
@nifty:為末大オフィシャルサイト「侍ハードラー」:嫌われる練習

また、こんな格言も。

楽観主義者とはどこにでも青信号を見つける人間だ。
悲観主義者は赤信号しか見ない。だが、本当に知恵ある人は色盲だ。

ということで

今までどおり無理せず下見ず、他所はよそ、ウチはウチ！という感じでマイペースに頑張っていこうかと思います。

第一部 シリコンバレー起業最前線

デザイナーとエンジニアの組み合わせで起業したFoodspotting.comの創業者を迎え、彼らが起業したきっかけ、うまくいった点、苦労した点な どをお聞きします。特にものづくりを出来る人が起業するメリットとデメリットについて自らの経験をもとに語ってもらいます。

起業のきっかけ

• 楽したかったから
• 通勤が嫌だったから
• 組織が面倒くさかったから
• 好きなことをして食べていきたかったから

うちの奥さんがフリーになった理由のひとつに「インコを飼いたかったから」というものがあったのですが、Twitterのインコクラスタ内で賛同者多数のお墨付きをもらったそうです。

デザイナーとエンジニアが組んでうまくいきそうな点

• 苦手な分野をカバーしあえる
• ウェブサービスの立ち上げが楽にできる

デザイナーもプログラマーもコーダーもウェブ上で生産活動が出来る業種ですが、意外と単独では動けないです。特にコーダー（経験者談）。組むことで動ける幅が増えることが一番のメリットじゃないかなと。ドラクエで言うと 戦士＋戦士 より 戦士＋僧侶 の方が楽になるような感じですね。

デザイナーとエンジニアが組んで苦労しそうな点

• お互いの世界の言葉が通じない
• 考え方の違い、発想の違いが溝になることも

どっちかというとエンジニアの言葉の方が難しい気がします。カタカナ語多いですし。

それよりも、エンジニアがデザイナーを「ただページを作るだけの人」として見てたり、その逆だったりするとうまく行かないだろうな…と思いました。が、これは業種以前の問題だったので特に気にしなくてもいいかなと思いました。お互いが対等に、尊敬しあえる間柄だとうまく行くと思います。逆だと苦労しそうです。お仕事の相手も、友達も、夫婦も、なんでもそうですね。

ものづくりできる人が起業するメリット

• 自分が関心を持っているものを作れる

人に言われてやるよりやる気の出方が違うので、これがメリットですね。

ものづくりできる人が起業するデメリット

• 営業、経理など会社としての機能を自分でこなさないといけない
• 俺俺なものを作りがち

一つめはよくある話です。なんとか慣れるしかないように思います。営業は苦痛だった…。

二つめはメリットに挙げたものの暗黒面になるんですが、独りよがりなものを作ってしまいがちなんじゃないかという話です。自分が作りたいものを作って当たればいいんですが、たいていは自分の我が出すぎてしまってバランスの悪いものになってしまうのでは…と思っています。こういうのを俺俺なもの（≒誰得なもの）と呼んでいるのですが、作っているときは周りが見えなくなるのでなんとか治したいです。

第二部  起業を成功させるために必要な要素とは？

要素を自分の外側と内側に分けました。

内的要因

• 身も蓋もない正論だけを吐いて、それを正確に実行できる精神力
• （倫理的に）間違ったことをしない

外的要因

• なし

たぶん天然のマッチョだったら問題なさそうです。僕はガリガリなので苦労しそうです。ガリガリだけにコツコツやっていきたい。

外的要因を「なし」としているのは、外に理由を求めてしまうと運頼みになってしまうからです。いろんな環境があると思いますが、自分の中身と比べたら補正値にしかならないと思っています。自己責任教とかいわない。

運かどうか

「うまくいったのが運かどうか」を考えていたら、下のようなリストができました。

• 正しいことをして上手くいかなかったら運が無い
• 正しいことをして上手くいったら運が良い
• 間違ったことをして上手くいかなかったのは運ではない
• 間違ったことをして上手くいったのは運が良い

えらい謙虚ですが、これくらいでいいです、多分。

ということで、明日のイベントが楽しみです。タッパ持っていこうかな…？