SINAPの柿内です。

ここまでできる！ HTML5 Canvasで作るアニメーション（衝突編）でつくったアニメーションを、少しだけバージョンアップしました！

シナップの柿内です。

最近、CloudFlareという無料で簡単に使えるCDNサービスが話題を呼んでいます。
CDN（コンテンツ・デリバリー・ネットワーク）とはコンテンツを複数地域の複数サーバーに配置し、ユーザーのリクエストに対して最適なサーバーからコンテンツを配布する負荷分散サービスです。よくオープンソースをダウンロードする時に一番近いミラーサーバーを選択してダウンロードしますが、それをユーザーの操作なしに全部自動で行ってくれると考えれば想像しやすいのではないでしょうか。

本来CDNは大規模なリクエストを円滑に処理するように生まれたサービスなので、小規模なWebサイトで導入する事はあまりありませんでした。それがCloudFlareならば誰でも（後で解説するように利用するためには簡単な条件をクリアする必要がありますが）今日にでも利用する事が可能です。しかも無料で。
同じCDNサービスであるAmazon Web Serviceが提供するCloudFrontは、転送料に応じて課金される従量課金制です。例えば、月10TBまでの転送料なら$0.201 / GBとういう料金体系なので、100MBの動画をサイト上で公開し、月間1000リクエストあったとすると、月額料金で$200を超えてしまいます。こう考えると無料！というインパクトは大きいです。（もちろんCloudFrontが有料なのには理由があり、CloudFlareの方が絶対的に優れているという訳ではありません。)

今話題のCloudFlare。今回はSINAPで実際に導入した実績をもとに導入方法も含めてサービスの解説をしていきます。

シナップの柿内です。

以前HTML5キャンバス版とFlash版のアニメーションを比較した時に「次はもうすこしインタラクティブな物を」といってから、ずいぶんと時間が経ってしまいました。

本日は「インタラクティブ」とはいえませんがもう少し凝ったアニメーションを作成しました。 今回は各オブジェクトの衝突判定を実装し中村勇吾さんのサイトyugop.comで最初に再生されるアニメーションを意識して作ってみました。いろいろ説明するより見てもらうほうが早いので下のアニメーションをご覧下さい。

前回のアニメーションは黒いオブジェクトが縦に自由落下をするだけのアニメーションでした。

今回は

• y方向以外にもx方向の動きを足す
• 黒色一色だったオブジェクトにランダムに色を付る。
• オブジェクト同士の衝突判定を追加。
• 画面の外にでたオブジェクトを描画の対象から外す。
  （下の方に溜ったオブジェクトは一定時間たつと画面外へ移動します。）

実は前回から加えたのは主にこの４つのみです。それだけでなんとなく素敵なアニメーションになるものです。

動作速度も問題ないので、なにかの折にプロジェクトに使えるといいなと個人的には思っています。

SINAPの柿内です。

最近よくJavaScriptで作りこまれたUIを目にします。
少し前では考えられなかったリッチなUIがHTMLとJavaScriptで動いていたりすると、「え！これFlashじゃないの！！」と驚く事もしばしばです。

FlashのファイルをHTML+JavaScriptに変換するサービスなんかもでてきたりして、時代の流れを感じずにはいられません。

そんな状況のなかでHTML5で実装されたCanvas要素。いままで、絵を描画するという機能はFlashにしか無かった機能ですが、HTMLでもCanvas要素が実装され、JavaScriptと組み合わせる事でその名のとおり真っ白なキャンバスに絵を描くことができるようになりました。

そこで今回はデモとして、Flashのアニメーションとほとんど同じロジックで動くHTML Canvas(+JavaScript)のアニメーションを作成しました。
下に表示されているアニメーションですが、どっちがHTML Canvasか皆さんわかるでしょうか。

シナップの柿内です。
4月1日のエイプリールフールの企画「密着！ SINAP "ワン西" 社長の一日」で10時間連続Ustream中継をした際に蓄積した、Macintoshで中継する方法を引き続き紹介します。

今回は実際に中継時に使用した映像機器についてご紹介します

シナップの柿内です。
シナップでは、4月1日のエイプリールフールの企画で「密着！ SINAP "ワン西" 社長の一日」と題して、着ぐるみの犬社長を10時間連続Ustream中継しました。Ustreamの中継は初の試みでしたので、機材選定から中継の方法まで調査しながら進めていくうちにノウハウを溜めることができ、非常に有意義な企画でした。

そのなかで蓄積したUstream中継のノウハウ、特にMacintoshで中継する方法について、何回かに渡りご紹介したいと思います。
今回はソフトウェアについてご紹介したいと思います。

こんにちは。シナップ大川です。
前回からのつづきとなりますが、今回は「CAMP（キャンプ）」のこんな使い方ができるのではないかというお話です。

まず、先日行われたソフトバンクの決算発表会、発表会自体がUstreamで中継され、Twitter上で寄せられたコメントを会場に流すというスタイルで話題となりましたが、まさに「CAMP（キャンプ）」ではこうしたUstreamなどを利用したイベント中継とTwitterのコメントが連携するイベントサイトを素早く構築する事が可能です。

しかも「CAMP（キャンプ）」であれば、Twiiterばかりでなく、PCやモバイルからのコメントも受け付けられ、コメントを集約して、再度PC、モバイル、Twitterなどに配信することも可能で、様々な媒体に幅広く伝えることで、情報の拡大を促進するでしょう。