Apple原理主義者であり、Paper原理主義者でもある大坪です。 FacebookのPaperを起動してまず気がつくのがトップ画面のアニメーションでしょう。↓のビデオで親指を下から上に動かすとそれに合わせて、長方形型の写真やら文章がが「ぶわっ」と大きくなるところです。 このように特徴的なUIをもったアプリの発表から、それを再現するコードの公開までの速さには驚かされます。CocoaControlsには同じアニメーションを再現しようとしているプログラムが二つ公開されています。 HAPaperViewCont

NewsPicksの開発をしている板倉です。 NewsPicksではニュースを見る画面とは別に、 どの記事がどれくらい読まれているかという画面の開発を進めています。 直感的にわかる画面がほしいということで、 D3.jsを使って画面を開発することになりました。 D3.jsを使うにあたって勉強するつもりで何か作ろうと思い書いたのが今回のエントリーになります。 今回の開発環境 D3.jsについて 地図を書いてみよう 今回の開発環境 Mac OS X(10.10) D3.js(3.4.13) D3.jsについて

Apple原理主義者であり、Paper原理主義者とも名乗ろうかと考えている大坪です。 Facebook paperの開発舞台裏の記事を読み「 がびーん 」となったのがほぼ半年前。アニメーションエンジンのpopにも感動したのですが、一番重要な非同期UI部品がなかなか公開されない。最初は是非使いたいと思っていたけどこれ以上待ちきれない、と見切りをつけて開発し始めたアプリが表にでた頃いきなりニュースが飛び込んできました。 The case for AsyncDisplayKit 引用元： Introducing

Apple原理主義者の大坪です。 題名を読んで「なんのことだ」と思った方。あなた方は正しい。しかし自分に嘘はつけない。私にはこの題名以外思いつかない。つまるところは先日発表されたこれですよ。 こういう時は（どういう時だ）やはり冷静にならなくてはならない。自分の状況をできる限り客観的に見つめ、その上で落ち着いてとるべき行動を考えましょう。私が何を持っているか。 ・ストレージの残りが常に10GBを切っている2011年購入のMac Book Air ・ガラスにヒビがはいったiPad 2 ・バッテリが８時間持たな

Origami原理主義者の大坪です。IDEOがAvocadoを発表したぞーと 書いた のはいいのですが肝心な「どうやって使うか」が書かれていないではないか。またまた言いっぱなしでいいのだろうか、いやよくない。 というわけで、SimpleExampleの精神に則り「簡単なことは実用性よりも重要である」というポリシーの元（いつそんなポリシーができたのだ）とにかく簡単にAvocadoを使ってみます。 今回の完成形はこれです。 いや、こんな一覧と詳細画面の移動だったらOr

  VASILY新入りエンジニアのEricと申します。 フィラデルフィアから来ました。好きな漫画はHUNTER x HUNTERです。 今回は使える英語コミットコメントを10個紹介します。 Fix, Change, Reviseなど、日本人の方には違いが分かり辛いものも、実際の使い所が分かるようにしてみました。 是非知って、使ってみてください！ 1. Fix 意味:  直す, 修理する 使い方: バグなどが出たためコードを書き直す必要があう場合に使います。何か問題を直して、正確な操作に戻すニュアンスが強い

Origami原理主義者の大坪です。Origamiの存在を知り、取り乱した挙句サンプルなど公開し始めたけど誰も見てくれないんだろうなあ、と思っていたのですが。 ちゃんと読んでくれる人がいたどころかリクエストまでいただき嬉しい限りなわけです。というわけで今回はそのリクエストを原型にした「ボタンを押すと横からメニューがでてきて、背景画像がすりガラスになる」をやります。 今回の完成形はこれです。 右下にわざとらしく存在している"Side Menu"というボタンを押すと横からメニューが出てくる。それとともに背景画

Apple原理主義者の大坪です。 さて、Facebookが公開した「インタラクションデザインのPhotoshop」Origamiについて 使い方を書いてみた ものの 「そもそも誰が読んでくれるのか」 と疑問に思っていたのも事実。少なくとも一人は読んで、動かしてしかも初期バージョンの間違いまで指摘してくれたことに意を強くし、次には 「もう少し実際的な例を説明しなくていいのか」 という強迫観念にとらわれ始めたわけです。 というわけでOrigamiのサンプル第２弾は「コンテンツをスクロールして、一番上までいくと

サムです。前回の「 GameController.frameworkをつかってG550ゲームパッドとSpriteKitゲームを接続してみよう 」に引き続き今回は、接続したG550のボタンに応じたイベントを取得してみます。 0. 前回まで GameController.frameworkをつかってG550ゲームパッドとSpriteKitゲームを接続してみよう 1. ポーズ＆リスタート（一時停止と再開）のイベント まず、すべてのゲームコントローラには、ポーズボタンがあります。 このボタンはほとんどのゲームでは

サムです。今日はGameController.frameworkについて軽く触れます。 GameController.frameworkは、MFiのiPhone/iPod/iPadとBluetoothまたは物理接続したコントローラの入力をアプリケーション側に受信できるものです。 そこで、2013/12/24にロジクールから発売された「G550 パワーシェル コントローラ + バッテリー」を使って、SpriteKit + GameController.frameworkについて書きます。 0. 今回の環境

Apple原理主義者の大坪です。 Facebookが「インタラクションデザインのPhotoshop」を公開したぞーと 驚いたのが２月の始め 。さて使ってみようと思ってはみたけれど肝心のQuartz Composerの使い方を完全に忘れている。とはいえ 「インタラクションデザイナーと名乗るからにはこれくらい使えなくちゃね」 などと言いっぱなしで終わるのはいかがなものか（そもそもお前はいつからインタラクションデザイナーについて語れるようになったのだ、という根本的は疑問は無視） というわけで、まずOrigami

というわけで「難しいサンプルはわかんないから、肝心な点だけ書きます」がモットーのSimple Example第３弾は「ビューを回転させる」です。なんのことだ、と問われれば「下の動画を観てください」と答えましょう。 Rotateというボタンを押すたびに、上半分の画像がくるくる回りながら入れ替わるわけです。こういうことやりたいことありますよね？ね？ね？（ウザい） このように3Dの効果をつけながら、画面を丸ごとTransitionさせる、というサンプルもあるのですが、ここでは「画面の一部のビューだけ入れ替える」

  iOSエンジニアの荒井です。 今回はXcodeプロジェクトのライブラリ依存関係を簡単に管理出来る” CocoaPods ”の紹介をします。 未導入の方はオープンソースの管理が劇的に変わるので是非導入してみてください。 はじめに 最近iOSの勉強会などに参加すると、CocoaPodsを導入していることが前提で話が進む事が多くなりました。また、iOSエンジニアと話す際も「CocoaPodsで管理していますか？」という質問を頂きます。 導入していないことによって不便をきたすことがないようにしたいですね。 も

大坪と申します。さて、長いサンプルプログラムはよくわからない。ポイントを含んでできる限り短くシンプルに、が信条のSimple Exampleシリーズ第２弾はiOS７から可能になったViewController間のTransitionです。 ここで 「ではいろいろな種類のTransitionについて一つにサンプルで」 とやるとSimple Exampleの主旨から外れるので 「UINavigationControllerに対してpushViewControllerする場合に独自アニメーションをつけて遷移(t

こんにちは、上津原です。 Couchbase [Tokyo] 2014、 Couchbase Liteの日本発公式発表があるので行ってきました。 会場はほぼ満員でした。年に一度しか無いイベントですしね。 Couchbase Server側の話は置いといて、自分の土俵のCouchbase Lite側に絞ってレポートします。 プレゼンテーション Couchbase Liteのプレゼンテーションは、ジェシカさんという女性の方が行いました。 ざっくりとCouchbase Liteとはどういうもので、どんなふうに動