エスカフラーチェLLC

皆様、こんにちは。

今回は大事なお知らせがあります。

この度、諸般の事情により、エスカフラーチェLLCを解散することとなりました。
エスカフラーチェに期待をお寄せいただいておりました皆様には誠に申し訳ございません。

お世話になりました皆様には、本当に心から感謝を申し上げます。
また、突然の解散でご迷惑をおかけしますことを深くお詫び申し上げます。

エスカフラーチェは大日田と山田の二人によるとても小さな会社ではありましたが、多くの皆様にお世話になり、３年半の間楽しく会社を運営することができました。

会社組織としては解散となりますが、これまでの経験や培ってきたものを活かし、また新たなことにも挑戦しながら、皆様のお役に立てるよう頑張っていきたいと気持ちを新たにしております。

今後とも山田および大日田をよろしくお願い申し上げます。

とりいそぎ解散のご報告をさせていただきました。
突然のお知らせとなり申し訳ございません。

大日田貴司　山田あかね

--

本件についてご質問などございましたら、こちらのお問い合わせフォームよりお願い申し上げます。

大日田のブログでも今回の解散について個人的な思いを書いております。よろしければあわせてご覧ください。
solvalou.net - エスカフラーチェ解散について

2010年4月17日（土曜日）にCSS Nite LP, Disk 9「Coder's Higher」が開催され、同時開催のピクセルグリッドさん主催「コーディングコンテスト」の審査員として参加してきました。

2010年3月9日、Apple Store, Shibuya にて「サイボウズ Live を活用した Web 制作プロジェクト」イベントに出演しました。当日は東京にも雪が降るくらいの寒い日でしたが、たくさんの方々にお越しいただくことができました。

サイボウズ Live のプロモーションサイトの制作時に、サイボウズ Live を活用してやりとりを行いました。主にその時の具体的な使い方・プロジェクト成功についてのポイントなどについて講演させていただきました。

きたる2010年4月17日（土曜日）にCSS Nite LP, Disk 9「Coder's Higher」が開催されます。

そして同時に、ピクセルグリッドさん主催「コーディングコンテスト」が開催されることになりました。

今回私は審査員として参加させていただくことになりましたのでお知らせします。

▼この機会ですし、画像を使わずに、大げさにコーディング愛を伝えておきます。
※ただしイケメンFirefox3.6以上、Safari4とかChromeに限る

2010年3月9日（火曜日）19:00〜 Apple Storeで 「サイボウズLive」を使ったWeb制作プロジェクトの進め方 イベントにゲスト出演します。

今回、サイボウズLiveのプロモーションサイトのデザインを担当させていただき、実際にサイボウズLiveを活用して制作にとりかかりました。

※制作段階のやりとりではメールを一切使わず、サイボウズLiveのみを利用してやりとりを行っています。

企業内でサイボウズを導入されている方はなじみやすいと思います。

また、納品データのアップロードや、デザインデータの途中段階の確認などもサービス内で完結してしまいます。

ほかにも、トピックを分けて議論ができるため、制作に関わらずサークルや勉強会などでもじゅうぶん活用しやすいサービスだと思います。

このような事例のご紹介をさせていただくため、Apple Store Shibuya のイベントにてゲスト出演することになりました。

興味のある方は是非お越しください。

2010年3月9日(火) 19:00 – 20:00
「サイボウズLive」を使ったWeb制作プロジェクトの進め方
at Apple Store, Shibuya

複数のグループで情報共有できる無料コラボレーションツール「サイボウズLive」を使った、Web制作プロジェクトの進め方をご提案します。制作会社エスカフラーチェの山田あかね氏をゲストに迎え、Web制作現場での実際の活用事例を中心にご紹介。ご参加の方には、サイボウズLiveの招待状をプレゼントします

告知が遅くなりましたが、きたる12/7（月）19:00から、POINT OF VIEW #1 コンセプトからのビジュアルデザイン開発勉強会 を開催します。

参加費は無料です。興味のある方は是非ご参加ください！

※勉強会終了後、懇親会（3,500円程度実費）を開催予定です。

去る10/30（金）、POINT OF VIEW #0 デザインプロセス勉強会を開催し、30名の皆様にご参加いただき、以下のようなトピックで進めてまいりました。

オオヒダです。最近Twitterのおもしろさがわかってきました。おそい。
というわけで、今回はTwitter APIを使っていてちょっと気づいたことについて書いてみたいと思います。

TwitterAPIを利用してつぶやきを投稿するとき、"417 Expectation Failed"というレスポンスが返ってきてしまい、投稿を行えないということがたまにありました。
うーんこれは困る･･･ということで、調査してみました。

そもそも417 Expectation Failedとは何か？ということですが、これを理解するには100 Continueというレスポンスについてあわせて知っておく必要があります。

クライアントからサーバに対して大きなリクエストを送る場合、HTTP1.1ではまずそのリクエストが受け入れ可能かどうかをサーバに問い合わせることができます。この際、受け入れ可能であることを示す一時的なレスポンスというのが100 Continueとなります。

ただしサーバによっては100に対応していない場合があり、そのためにクライアントはExcept: 100-continueというヘッダをリクエストに含める必要があります。
そしてサーバが100に対応していないことを示すレスポンスというのが、417 Exceptation Failedとなります。

つまり、Twitterのサーバに対して100を要求しているけど、Twitterのサーバがそれに対応していないため、417が返ってきているのだ！ということが、なんとなくわかりました。

そこで解決策としては、リクエストから該当のヘッダ（Except: 100-continue）を消してみればいいのでは、ということになります。
通信の実装方法によって制御の方法も様々かと思いますが、ここではtubuclipで利用しているtwitteroauthというPHP用のライブラリの場合で考えてみます。

twitteroauthでは、実際の通信部分にはcurl（cURLモジュール）が用いられていす。
curlでは、リクエストボディの長さが1024バイトを超える場合、自動的に100-continueが送信されるようです。100-continueを送信しないようにするには、curl_setopt()関数でExpectヘッダを抑制します。
→ curl_setopt($ch, CURLOPT_HTTPHEADER, array('Expect:'));

今回は以下のようにソースコードに１行追加しました。

twitteroauth/twitterOAuth.php

function http($url, $post_data = null) {/*{{{*/
  $ch = curl_init();
  if (defined("CURL_CA_BUNDLE_PATH")) curl_setopt($ch, CURLOPT_CAINFO, CURL_CA_BUNDLE_PATH);
  curl_setopt($ch, CURLOPT_URL, $url);
  curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 30);
  curl_setopt($ch, CURLOPT_TIMEOUT, 30);
  curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
+ curl_setopt($ch, CURLOPT_HTTPHEADER, array('Expect:'));

とりあえずこのようにしてから、問題の現象が生じることがなくなりました。めでたしめでたし。

※今回はTwitter用ライブラリに対しての修正なので問題ありませんが、curl設定の影響範囲については注意が必要です。

ちなみに、なぜ現象が毎回でなくたまに生じていたのかということですが、これは文字列の長さが原因だと思われます。
上述の通り、curlでPOSTを行う際、ポスト内容が1,024文字を超えると100-continueを利用しようとします。ですので、つぶやきの文字数が長い場合に、curlが100をつけて送信、結果として417が返ってくる という流れになっていたものと考えられます。
（つぶやき自体は140文字までと短いですが、APIを扱うための情報やエンコードされたつぶやきの文字数を合わせると実際のポスト内容はけっこう長くなります）

というわけでTwitter APIで417レスポンスが返ってきてしまう場合の対応方法についてのメモでした。なお、この問題は2008年12月のTwitterサーバ仕様変更時から発生している可能性がありますので、いまさらなネタかも知れません。
以前書くと言っていたtubuclipにまつわる話についてはまた次回書きたいと思います。

参考:
[Studying HTTP] HTTP Status Code - 100 Continue
http://www.studyinghttp.net/status_code#Code100

少し前にnanapiのデザインプロセス　その１、その２と書いた際に勉強会をやってみたいと募ったところ反響をいただき、少しずつ準備をすすめていましたがようやく告知できるようになりました。
すでに参加したいとおっしゃっていただいた方、お待たせしてすみません！

せっかくなので単発の勉強会という感じではなく、これをきっかけに月１回くらいのペースで開催できたらいいなと考えていました。

そこで今回、POINT OF VIEWという企画を立ち上げることにしました。Web制作やサービス開発などについて、デザイナーの視点から考え、 学んでいくことを目的として、勉強会やイベントなどを開催したいと考えています。

というわけで「POINT OF VIEW #0 デザインプロセス」としてデザインプロセスについての勉強会を行いたいと思います。デザイン制作のプロセスをテーマとし、考え方や仕事の進め方などの情報交換をする勉強会になります。楽しくて役に立つ勉強会にできたらと思っています。

もしご興味がありましたら、POINT OF VIEWのサイトから参加お申し込みしていただけますので是非どうぞ！詳細もこちらに記載しています。

今まで個人的に、デザインプロセスについて話をしたり聞いたりする機会があまりなかったので、とても楽しみにしています！よろしければ、ぜひご一緒に勉強しましょう。

勉強会のお申し込み・お問い合わせはお気軽にどうぞ！

• URL：http://www.pointofview.cc/
• メール：info@pointofview.cc

オオヒダです。

本日「つぶくりっぷ」というTwitter関連のアプリケーションをリリースしました。
http://tubuclip.com/

個人でリリースしたものなのですが、僕のブログが今ちょっとみれないのと、会社で開発しているサービスの実験をかねてつくったものということもあり、こちらで書かせてもらっています。

サービスの概要としてはとてもシンプルで、TwitterのつぶやきからURLが含まれているものを抽出して表示するというものになっています。

企画的にはシンプルというかワンアイデアものなのですが、今回は開発に際して次のようなことを試しています。

1. RackSpace Cloudという海外のクラウドサーバを使ってみる
   →使用中
2. 1. Twitter Streaming APIを使ってみる
      →実装済み
   2. PHPでデーモンをつくってみる
      →実装済み (/etc/init.d/tubustream start)
   3. リアルタイムっぽいUIをつくってみる
      →実装済み
      →できたもの ストリーム
3. pound x lighttpd x memcached な構成にしてみる
   →稼働中
4. TwitterのOAuth認証をつかってみる
   →実装済み
5. PHPのcurl_multi_*関数というのをためしてみる
   →実装済み
6. Ajaxのインジケータをかわいくしたい（ぐるぐるはあきたから）
   →実装済み（各所ででてくるとり）
7. CSS Spritesをやってみる
   →実装済み

今回はいろいろ自分としてははじめてなことをやってみたので、大変な部分もありましたが勉強になりました。
やっぱり新しいことをやってる時がプログラムをかいてて一番楽しい気がします。長時間やってうまくいかないとムカーッとなりますけど･･･

とまぁ、これだけ書いても仕方ないので、それぞれの項目について、またくわしく書いてみたいと思います。
あ、あとよかったら使ってみてください。