2013.04.27-05.03 恵比寿にあるPANOF studioにてunframeというグループ展を行い、 そこで「.hito」（ドットヒト）っていう作品を展示しました。 .hito project from rettuce on Vimeo. そして生成されたサイト。 website -> .hito 簡単な概要としては、2台のKinectを使って人を撮影し、 3D空間上で組み合わせて簡易3Dポリゴンとして復元。 ポリゴンに対して一定時間のキャプチャを繰り返し、 以下のファイルとして保存した後、webサイトにアップロードしてDBに保存って流れ。 ・点情報、インデックス情報、面情報などを持った3Dデータの.objファイル ・.objファイルに色情報を加えた.hitoファイル ・一枚絵としての.pngファイル ・12コマアニメーションの.gifファイル ・3Dデータの.stlファイル

Web platform newsKeep up to date with the latest news from the major browser engines. Introducing BaselineAt Google I/O 2023 we announced Baseline, learn more about this initiative and why we think it's important.

We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.

CSSの記述は「セレクタ」「プロパティ」「値」の3つを使って記述します。 プロパティと値の書き方はほとんど一定ですが、セレクタに関してはたくさんの種類があり、 これをちゃんと使いこなすことができれば、余分なclassやidを減らす事ができとても便利です。 CSSのセレクタにはいろいろな種類があります。 ・IDセレクタ ・classセレクタ ・ユニーバーサルセレクタ ・疑似クラス ・疑似要素 ・属性セレクタなど様々です。 よく目にするのは「a:hover」という疑似クラスな気がします。 おそらくこの記述が書かれていないスタイルシートはないんではないかと思うくらいにとても良く使われています。 これはa要素にhover(マウスカーソルがaに乗った)した時にどのような装飾にするかということを表しています。 CSSのセレクタはとても多くあり、CSS3から導入された新しいものもあるので、使え

本連載は、テストコードをこれから書こうと考えているJavaScript技術者を対象に、テストコードの意義から、テスト駆動開発、JavaScriptでのテストコードの書き方、継続的インテグレーションなどテスト全般にわたって解説します。また、原理原則だけでなくWhyから説明し、チームメンバーを巻き込みながら開発現場に活かせる考え方を総合的に解説します。第4回目の本稿は、JavaScriptでのテストダブルの方法を、Sinon.jsというJavaScriptテストダブルモジュールを使って説明します。 対象読者 JavaScriptの基本をある程度理解している方 テストコードをこれから書こうと考えている方 テストダブルとは テストコードを実行する際に、次のような課題に直面したことはないでしょうか。 Ajaxへのサーバへの問い合わせのような外部リソースも含めた処理のテストを行う必要があるが、テストデ

ゴールデンウィーク中に5年ぶりにフットサルをしてまだ筋肉痛が癒えてないishidaです。社内でフットサル部を立ち上げてみましたが、参加人数が少ないので横浜近辺で一緒に球蹴りしてくれる人を募集中です。 さて今回は、JavaScriptのコーディングガイドラインを作成してくれるサービスのご紹介です。 JavaScript は HTMLやCSSよりも自由度が高いので、 ガイドライン化してコードを統一するのも手間がかかるかと思います。 また初めてガイドラインを作成する人にとっては、 JavaScriptのどこまでをルール化すればいいのかも悩む部分ではないでしょうか。 そんな時にお手軽でJavaScriptコーディングガイドラインを作成してくれるサービスがありました。 11の項目を設定するだけでJavaScriptコーディングガイドラインが作成できる jsCode http://jscode.org

Webアプリケーションでは表現力をあげるために各種コンポーネントが作られていますが、通常その手のライブラリはJavaScriptとスタイルシートの組み合わせによって実現しています。そうなるとJavaScriptの互換性やそもそも有効にしていない場合に使えません。 そこで考えだされたのがPure CSS Components、スタイルシートだけで作られたコンポーネント集です。 Pure CSS Componentsの使い方 よく使われそうな表示がすべてスタイルシートだけで実現しています。JavaScriptを使った時に比べるとアニメーションが少ないなど若干物足りない部分もありますが、JavaScriptをオフにしても動くのは魅力的です。 何でもJavaScriptではなく、テクニックをこらすことで実現してしまうのがすごいですね。 Pure CSS Componentsはスタイルシート製、MI

Backboneでシステムに組み込む際にはビューにイベントのトリガーとなるアクションを仕込みます。そのためビューの中には色々なコードが書かれることになり、結果として殆どの処理をビューが行う状態になってしまったりします。 それを上手に切り離せるかもしれない機能がBackbone UIです。BackboneでUIコンポーネントを提供するという面白いソフトウェアです。 Backbone UIの使い方 幾つかのコンポーネントをチェックしてみます。 ボタンとカレンダー。 チェックボックスに日付ピッカー、それにリンクも。 各種フォームのコンポーネントも入っています。 メニュー、プルダウンもあります。 ラジオグループ。 リストビュー。 テーブルビュー。 タブ。 例えばテキストフィールドを使う場合、次のようになります。 // create a text field to add new items var

Objective-Cの@protocol、@required、@optional、そして所謂Protocol-Delegateパターンの基本のまとめです。Javaが普通程度に出来る人を対象としてます。（Objective-C歴1週間程度なので要ツッコミ） サンプルコード 百聞は一見にしかず、ということでサンプルコードです。 まずはヘッダex.h。本当はクラスごとに分けるべきですが、面倒なので一纏めにしています。 // ex.h #import <Foundation/Foundation.h> @protocol MyProtocol1 @required - (void)foo; @optional - (void)bar; @end @protocol MyProtocol2 - (void)hoge; @optional - (void)piyo; @end @interface

DEMO VIDEOS Get to know everything Vimeo can do for your business. Watch now

今日は、前回実装した Delaunay 分割のアルゴリズムをわかりやすく解説したいと思う。 まずは、前知識として 『詳解 OpenCV』 の記述をふたたび引用しよう。 外部三角形を作り、その頂点の 1 つを開始点とする（これにより、必ず外側の点から開始されることになる）。 内部の点を追加する。その後、すべての三角形の外接円を探索し、追加した点を含むような三角分割を削除する。 今削除した三角分割の外接円の内部にある、新しい点も含めて、グラフを三角分割し直す。 追加する点がなくなるまで、ステップ 2 に戻って繰り返す。 これをいかに解釈し、ソースコードに落とし込んでいくか。 計算幾何に興味がある方はもちろん、普段ネット上のソースをコピペして『動きさえすればそれでよい』と思っている方にも、この記事がプログラミングの楽しみを知るきっかけになれば幸いである（偉そうなこと言ってごめんなさいごめんなさい

みなさん新しいプログラミング言語を習得しようとした際に、どんな形で勉強を始めますか？私はとりあえずチュートリアルをやってみて外観をつかんでからリファレンスなどを漁っていくタイプのようです。ということで、iOSアプリ開発を勉強するためにウェブから無料でできるiOS7のチュートリアルをいくつかピックアップしてきました。これで最新のiOSの開発事情を知りつつアプリ作れるようになりましょう！ iPhoneアプリ開発入門 (全14回) Dotinstall:iPhoneアプリ開発入門 (全14回) まずはDotinstallのチュートリアル。とりあえず触って動かしてみていろいろなUIパーツを使って見るまで。日本語+動画で理解するアプリ開発入門。 iOS 7 Best Practices; A Weather App Case Study iOS 7 Best Practices; A Weather

SwiftUI is a modern way to declare user interfaces for any Apple platform. Create beautiful, dynamic apps faster than ever before.