Author Archive

PunchClock: iBeaconで楽しむ

日曜日, 8月 31st, 2014

PunchClock時々、Panicでは社外で日の目を見ることのない社内向けアプリを作ります。今回紹介するPanicチームのための自動入退出トラッカー: これはそのようなプロジェクトのうちのひとつです。

はい、私たちのチームはそれほど人数が多くないので、入退出管理は大きな問題にはなりません。しかし面白いので試してみました。最初に私はSNMP、ARPテーブルの参照、そして一般的な昔ながらのポートスキャンを組み合わせ、理論上の“入室”を取得していました。しかしそれはそれほど期待通りではなく、結局私たちのStatus Boardから取り除かれました。Appleが間もなく、私たちの(それほどでない)クリティカルな問題の解決法を発表することを知らなかったのです。

iOS 7に搭載されたiBeaconの出現により、Appleはまったく新しいやり方で小売や公共スペースを明確に変化させようとしています。もはや買い物の際にその店のアプリは必要なく、アプリは店内のあなたの位置に反応します。一般的に、iBeacons自体は近くのあなたのデバイスに通知するためのIDを単に発信しています。このアイディアにより、比較的安く投げ売りされているビーコンを周辺に広めることで、iOSおよびクラウドサービスは訪問客が見るべきコンテンツを提供することができます。

さらにiOS 8では、Appleに登録された屋内位置追跡エリア内にいるとロックスクリーンにボタンが追加されます。ボタンをタップすると関連アプリが起動し、インストールされていない場合はApp Storeにジャンプします。すごい!

手のひらサイズのこの新しいテクノロジを利用した、まったく新しい入退出トラッカーPunchClockを作るのにそれほど時間はかかりませんでした。それはジオフェンスとiBeaconトラッキングを組み合わせ、さらにHerokuでホストされた単純なSinatraバックエンドを使用しています。省バッテリーで位置情報を提供するため、ポーリングの調整に多くの時間を要しました。

ひとたび信頼できる入退出データが取得されると、オフィスを誰が何時に出入りしたか、その瞬間に(可能な限り気持ち悪く無い方法で)通知すると面白いと考えました。さらにPunchClockの素晴らしい機能として“入室”とマークされると — 例えばオフィスがロックされてしまったり、トイレに閉じ込められたりした際、チーム全員にメッセージを送ることができます。NevenがUIを、Cabelが通知音を作り、このアプリは完成しました。

AppleのiBeaconテクノロジが大きな店舗やスタジアムでロールアウトされ続ける中、あなたの家やオフィスで試さない理由はありません。

皆さんがご自身で入退出トラッカーを作成できるよう、私たちはPunchClockをGithubで公開しました。バックエンドからアプリへ提供されるJSONデータはStatus BoardのDIYパネルでも利用可能です。

正直、PunchClockを自身でセットアップするには技術的な能力が必要です。これは私たちが提供する正式プロダクトではありません。しかしあなたがプログラマで、コーディングに暮れる夜を楽しむ準備ができているならば、みなさんが何を作るかを私たちはとても楽しみにしています。アプリとバックエンドについてはできる限り詳しくREADMEに記述しています。

PunchClockは私たちが楽しむためのアプリでしたが、皆さんも楽しんでいただけますように。


[原文]

Coda 2.5とMac App Storeについて

水曜日, 5月 14th, 2014

coda-logo1年とちょっと前、Codaとサンドボックス化に関するエントリを書きました。

そこでは、Appleによって定められたサンドボックスの制限下で動作するCodaの変更点についての完全なリストを公開しました。もしまだお読みでなければ、本リンクをクリックしてお読みください。

私たちはCoda 2.5の開発を続ける中で、サンドボックス化されたアプリケーションという制限に挑戦し、良い解決策を発見し続け、興奮していました。正直言ってCodaは複雑な開発ツールであり、サンドボックスによる制限は’最悪のシナリオ’です。

ですがそれぞれの問題に対し、私たちが利用できるかも知れない考えや回避法、一時的な免除やサポートなどについて非常に多くのエネルギーを費やしてAppleとやり取りしてきました。実際に、Appleには常に真摯に対応いただき、本当に感謝しています。彼らの手厚いサポートにより、数多くの問題のほとんどをもうちょっとで解決できそうです。

しかし、残念ながら時間を使い果たしてしまいました。

Coda 2.5はほとんど完成しました。それでも尚、サンドボックス化に関するチャレンジを続けています。一方でこうも考えます… Coda 2.5を長らくお待たせしてしまっているユーザの皆様にそれを届けることができたら… まもなく…

つまり: Coda 2.5はサンドボックス化しません。よってMac App Storeでは公開されません。

これはCoda 2.5がAppleによってリジェクトされた訳ではありません。Mac App Storeで公開されるすべてのアプリケーションはサンドボックス化が義務であり、Coda 2.5はそうでないので我々のWebサイトで公開される、ということです。

これは悪いニュース?いいえ、3倍返しです。

  1. ライセンスの移行はスムースです。
  2. 既存の設定やワークフローはそのまま。
  3. Panic Syncを提供します。

疑問にお答えします。

• わたしはCodaをMac App Storeで購入しました。なにが必要になりますか?

現時点ではなんの準備も必要ありません。引き続きMac App Store版のCodaをお使いください。

Coda 2.5がリリースされましたら弊社の製品ページからダウンロードしてください。そして現在の直販版をAppStoreユーザが利用するのと同じように、シリアル番号入力ダイアログから製品版にアンロックしてください。これだけです。追加料金などは発生しません。

• iCloud同期はどうなりますか?

iCloudはMac App Storeで配布されるアプリケーションでのみ利用が許可されており、Coda2.5では利用できなくなります。ですがグレイトニュース。既存のユーザの皆様に代わりとなる機能を提供したく、Panic Syncという同期機能の開発に数ヶ月を費やしておりました。Panic Syncは私たちPanicが提供する、サイト設定等を各デバイス間で驚くほど簡単でセキュアに同期できる機能です。まずはCodaとDiet Codaで利用可能です。iCloudと同等以上の便利さを無償でご提供します。

• AppStore版の様に自動でアップデートされますか?

はい。Codaには独自のアップデート機能が備わっています。しかも緊急の修正も直販版と同様のタイミングで素早く提供されます。

• 新しいMacを購入した際も簡単にインストールできますか?

Mac App Storeの最も優れた点が再セットアップの手軽さですが、直販版ではCoda 2.5を弊社の製品ページから手動でダウンロードいただく必要があります。ダウンロードはいつでも可能です。想像よりも簡単で、すばやく導入いただけると思います。

• 将来、サンドボックス化されたCodaがMac App Storeに復活する可能性はありますか?

私たちは本当にそれを望んでいます!よって常にその可能性について評価し検討し続けるでしょう。

• Coda 2.5の新機能は何ですか?いつリリースされますか?

シーー… まだ秘密ですが、私たちのTwitterアカウントでひっそりと順番に公開していきます。 そしてベータテストの終盤に差し掛かっています。

最後までお読みいただきありがとうございます。Codaをお使いのすべてのユーザ様に感謝!

[原文]

The Panic Office. 〜本社オフィスについて〜

月曜日, 4月 28th, 2014

本社オフィスについてお話しましょう。

厳密に言うとPanic IncのスタートはSteveのベッドルームでした。その後アパートのスペースを共有し始め、別のアパートに引っ越し、小さなオフィスに引っ越しました。そしてついに、数年前のことになりますが、スケルトン状態から内装工事を行った新しいオフィスをオープンさせました。これまで、この新しいオフィスについてインターネット上で紹介してきませんでした。いつまでも特別な気分でいたかったですし、写真ばかりの長い長いスクロールが大変なページも避けたく、何より訪れるゲストの皆さんを驚かせたかったのです。しかし時間も経ちましたし、すべての皆さんをランチにご招待するのも難しい。

という訳で、私たちパニックの本社オフィスのフォトツアーをお楽しみください。

The History. 〜歴史〜

入居しているビルは、ポートランドの幹線道路であるBurnside通りの’一部’です。床のペンキを剥がした際、等間隔のオイル染みを作業員が見つけました。間違いなく、私たちはかつての駐車場の上に座っています。

Office-History-1

The Planning. 〜計画〜

私たちはいくつかのことが分かっていました。皆で共有できるオープンなスペース(はい、私たちのオフィスは通常とても静かです。まれにある会話はTwitter用のジョークに関してが少々、残りのほとんどは我々のチームにとって重要なインプットとなる対話が多いです。)が必要です。また会議室、ナイスなキッチン、そして屋上からすばらしい景色を眺められるようにすることも必要でした。

さらに“パニックらしさ”も欲しい。しかしそれはとても難しい注文です。

設計者であるChrisは見事に私たちのカギとなる3つのポイント: 厳粛過ぎないクールさ、バカバカし過ぎない楽しさ, そして貫禄ある雰囲気を実現してくれました。さらにLouis Kahnによるエール大学アートギャラリー(と、個人的にはEpcotセンターからも)インスピレーションを受け、私たちの夢はスケッチになり、レンダリングされていきました。

Office-Concept-10

Office-Concept-2

Office-Concept-6

Office-Concept-5

Office-Concept-11

Office-Desks-1

The Buildout. 〜締切〜

私は常に自分を抑えることができませんでした。工事の進捗を毎日チェックしました。作業員たちは本当に嫌だったと思います。しかも最後の最後、ウォールマウントされたコンジットとライトの追加を余計にもリクエストしました。

office-buildout-1v2

Office-Buildout-9

Office-Buildout-5

Office-Buildout-4

The Grand Opening. 〜オープニング〜

ついに、約1年をかけた計画が完了しました。

引っ越しを完了し、本当にいい気分でした。

初日の様子です:

Office-Finished-4

Office-Finished-3

Office-Finished-5

Office-Finished-6

Office-Finished-2

Office-Finished-17

Office-Finished-10

Office-Finished-11

Office-Party-1

Office-Party-2

The Signage. 〜サイン〜

Nevenと私はオフィスの各サインを8-bitテイストにしたくて仕方ありませんでした。いつか自社ゲームのキャラクターに使いたいと思います。

Instagram-Sign2Instagram-Sign1Instagram-Sign3Instagram-Sign4Instagram-Sign5Instagram-Sign6Instagram-Sign10Instagram-Sign12Instagram-Sign13Instagram-Sign14

The Living Room. 〜リビング〜

オフィスの工事は完了し、引っ越しも完了。しかしそれで終わりではありません。(実際、私たちは考えが足りていませんでした。)

インテリアデザイナーであるAndeeの助けを借り、リビングルームエリアに少々の生活感を加えることにしました。統一したパターンのラグ、テーブル、カーテン、クッション…

Office-Pattern

Office-Finished-8

Office-Finished-9

(パターンを注意深く見ると、私たちの古くからの友人が散りばめられていることに気付くかも知れません。)

The Planning of Something Interesting. 〜さらに、いくつかの計画〜

極々まれにある電話のために、電話スペースを準備しました。角の極小スペースに3つのシーリングライト、明るい窓…

Office-Founders-1

そうするうち、このスペースをよりスペシャルにするアイディアを思いつきました。Andeeの力を借りつつ作業を進めます。

Office-Founders-2

Office-Founders-3

Office-Founders-5

Office-Founders-4

The Founders Room. 〜社長室〜

隠し扉の後ろに…

founders-door

…ちょっとスペシャルな空間が:

Office-Founders-6

(奥にある油絵には古い海軍の制服のSteveと私に似た老紳士が描かれています。これは我々の写真を元に、中国の大芬で油絵として書き上げられたという驚くべき物です。さらに酒が隠されたキャビネットがあります。)

The New Carpet and The New Wall. 〜新しい壁とカーペット〜

その後、元々のグリーンのチェス盤調カーペットに、ある種のエネルギーを奪われるように感じ交換されました。カーペットは奥の壁に続き、ライトを埋め込みました。

office-carpet

Office-NewCarpet-2

The Rooftop Hills. 〜屋上庭園〜

屋上デッキは気分転換に新鮮な空気を吸える素晴らしい空間です。しかし天気が良い日はオフィス内に光が入り、眩し過ぎることがありました。その問題を解決するための唯一の方法: スーパーマリオ3スタイルの人工芝の丘を設置することにしました。

office-rooftop-0

office-rooftop-4

office-rooftop-1

office-rooftop-3

The Guests. 〜ゲスト〜

このようなオフィスを構築することの最たる意味は、打ち合わせやオープンハウスなどで訪れたゲストの皆さんがこの空間をどのように見ているか、Instagramを通してチェックできることかも知れません。

Instagram-24Instagram-25Instagram-26Instagram-28Instagram-29Instagram-30Instagram-31Instagram-32Instagram-33Instagram-36Instagram-37Instagram-38Instagram-39Instagram-40Instagram-41Instagram-42Instagram-45Instagram1Instagram2Instagram7Instagram8Instagram10Instagram12Instagram13Instagram15Office-Instagram-BonusInstagram19Instagram20Instagram21Instagram35

最後に、ボーナス: パノラマ.

工事中と完成後の 360° パノラマ写真がご覧いただけます!

私たちのオフィスにお越しいただき、ありがとうございました。

Credits

Principal Architect: Chris Hodney, Holst Architecture
Interiors, Founders Room, Hills: Andee Hess, Osmose Design
General Contractor: R&H Construction
Founders Room Contractor: GRADA Inc.
Living Room Pattern: Pattern People
Ridiculous Oil Painting: QPaintings.com
Panoramas: Matt D. Smith
Photo Credits: Chris Hodney, Buzz Andersen, Andee Hess, Instagram

[原文]