Panic Inc.

Panic Blog

From the desk of Noby
Portland, Oregon 97205

Coda 2.5とMac App Storeについて

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をお使いのすべてのユーザ様に感謝!

[原文]

Posted at 5:34 pm Coda 2.5とMac App Storeについて はコメントを受け付けていません。

Copywriter: Noby.

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

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

厳密に言うと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

[原文]

Posted at 11:48 pm The Panic Office. 〜本社オフィスについて〜 はコメントを受け付けていません。

From the desk of Cabel
Portland, Oregon 97205

Coda 2.0.7 Beta 1

Coda 2.0.7b1  (51MB).

UPDATE 12/10: ご協力ありがとうございました。直販版がリリースされ、Mac App Store 版は Apple に申請されました。

主な変更点: 動作速度と安定性の全体的な向上。

もし不具合を見つけられた場合は、私たちのバグトラッカーである Hive にログインしてレポートをお願いします!(開発担当が直接閲覧しますので、すべて英語でご入力ください。)

PS: 引き続き Twitter 経由で、まもなくリリース予定の iCloud および Dropbox 経由でお気に入りを同期する Transmit とまったく新しい iPad アプリケーションのベータテストを募集しておりますので、ぜひご協力ください!

Posted at 5:00 pm Coda 2.0.7 Beta 1 はコメントを受け付けていません。

From the desk of Cabel
Portland, Oregon 97205

Coda and Sandboxing

Mac App Store版の Coda 2 に新機能を追加する前に、我々はそれを“サンドボックス化”しなければなりません。Apple は OS X のセキュリティ向上を目的としてガイドラインに定めています。

それは何を意味するでしょうか?

サンドボックス化されたアプリケーションは、ユーザから明示的に許可が与えられるまでローカルファイルへのアクセスが限定されます。許可を与えるとそれは記憶されます。Coda で言い換えると、ユーザから許可を与えられるまで、一般的な選択ダイアログからであってもローカルファイルを参照することができなくなります。また Coda には“サイト”という設定があり、その設定にはローカルパスが含まれています。この設定でもまず、最初にローカルファイルへのアクセス許可を明示的に与える必要があります。これはバッドニュースでしょうか?既存のサイト設定のすべてで再度ローカルパスを設定する必要があり、サイト設定を使用しない(そんなユーザは居ないと思いますが)場合、都度、アクセス制限に作業が中断されることが予想されます。

これらの変更は Mac App Store 版のみです。直販版では変更ありません。

以下、相違点を詳しくご説明します:

1 ローカルルート

サイト設定の “ローカルルート” がリセットされます。初回の設定時にアクセスを許可するか訊ねられます。

この設定は初回の1度きりです!

2 フォルダに移動

プルダウンメニューから直接フォルダに移動することはできなくなり、従来の “選択パネル” が現れます。

3 パスポップアップ

サイドバーおよびファイルブラウザから利用可能な “パス” ポップアップですが、定義されたローカルルートより上位の階層は表示されなくなります。

サイト設定を利用していない場合、サンドボックス化されたホームディレクトリが表示されます。継続する為には他のフォルダを選択します。

フォルダ選択操作は初回の 1度きりです!

4 パスバーブラウザ

ローカルルート設定外のフォルダを選択しようとすると、アクセスを許可するための選択画面が現れます。

フォルダ選択操作は初回の 1度きりです!

5 ファイルの保存

書き込み権限の無いファイルを保存できません。またこれを回避する方法も Coda から提供することができません。

これは、書き込み権限を一般的に付与しない Web ページを含む、すべてのファイルに適用されます。

Mac App Store による制限です。

6 情報を見る

Coda の情報を見るウインドウから、アクセス権の変更を行えなくなります。

編集する前にあらかじめ Finder の情報を見るウインドウで変更してください。

Mac App Store による制限です。

7 場所(プレイス)

サイドバーの“場所(プレイス)”のローカル設定がすべてリセットされ、再定義が必要です。

NOTE: 本設定はコンピュータ毎に定義されています。そのためコンピュータ毎にリセットと再定義が必要です。

8 SVN と GIT

ツールパスのリセットと再設定が必要になります。

以上です。いかがでしょうか?

これらの変更をご体験いただくために、Coda 2 のスペシャルビルドを準備しました。

実験スタート

サンドボックス化された Coda をお試しいただく前に、このビルドが実験版でベータ品質であることをご理解ください。必ず、システム全体のバックアップを準備してからお試しください。

また、現在 Coda 2.0.6 以降の Mac App Store 版をお使いいただいている必要があります。またこの実験版を起動する前に、Coda 2 の iCloud 同期機能をオフにしてください。

実験版をダウンロードするにはここをクリックしてください。(50 MB .zip)

お試しいただけましたら、ぜひご意見をお聞かせください。サンドボックス化された Coda 2 がほとんどのユーザ様にとって大きな影響が無いことと予想していますが、皆さんの率直なご意見をお聞かせください(開発担当が直接閲覧しますので、すべて英語でご入力ください。):

Take Our Survey!

最後までお読みいただき、また Coda 2 をご選択いただき、ありがとうございます。サンドボックス化された Coda 2 をご紹介できることに興奮しており、新しく、素晴らしいものになるよう開発を続けます!

Posted at 4:59 pm Coda and Sandboxing はコメントを受け付けていません。

From the desk of
Cabel
Engineering Dept.

iTunes 11 and Colors from Wade

iTunes 11 は以前のバージョンから大きく変わりました。新しいアルバムディスプレイモードはその最たる機能です。この新しい表示スタイルは、アルバムのカバーアートと視覚的にマッチしたトラックリストを生成して表示します。その結果、文字もアルバムのアートワークとシームレスに統合され、とても魅力的です。

iTunes を1日使ってみてふと、この機能  あるイメージを元にイメージとテキストテーマを生成する  を実装することは、どの程度大変だろうか?と考えました。

iTunes テーマのレプリカを作成する第1歩は明白で、トラックリストの背景色を取得することです。これは単純にアートワークの左端で最も使用されている色によって決定されています。色をカウントして抽出すると良い結果が得られましたが、iTunes では明確に、それ以外の何かがあります。最も使用されている色が黒か白の場合、ちょっとしたロジックを背景色に加えてみました。単なる黒や白の背景は単調で退屈なので、これによりちょっと面白いスタイルになりました。もちろん、ほとんどが黒もしくは白で支配されている場合はそのままで、少なくとも 30% はデフォルトの黒もしくは白と共通でした。

黒と白の背景をフィルタリングし始めると、だいぶ iTunes に近づいてきました。さらに分析を進めた結果、iTunes はアートワークの周りの枠を認識していることに気づきました。アートワークの周りに白い枠があると iTunes はそれを取り除き、内側の色をテーマのベースにします。私の最初のシンプルなデモアプリケーションではこの機能を含めていませんでした。

背景色が決まれば、次は背景色と対照的なテキスト色を見つける番です。再び、とりあえず色数をカウントして求めると中々の好結果が得られましたが iTunes の方がベターです。使われている頻度でのみ求めると、異なるタイプのテキスト(例えばプライマリテキスト、セカンダリテキスト、詳細等)で同じ色のバリエーションが使用されることになります。結果を改善するため、次に私は個々のテキストの色について確認しました。選ばれた背景色上で常に美しく表示されるテキストの色を決定するアスペクトを求めるには何が必要でしょうか?カラフルなテキストを確実にするため、私はテキストに使用される色が最小の彩度レベルを持つかどうかを確認するちょっとしたコードを加えました。これによってアピアランス的にベストではない白っぽい色や明るすぎるパステルカラーの使用が防がれました。これでテキストは背景に合う美しくユニークな色になりました。唯一残る問題は、判読に十分な背景とのコントラストが得られないかも知れないということでした。なので最後に、判読が十分可能かどうかの為の背景色とテキスト色のコントラストのチェックを加えました。あいにく、これによってテキスト色を見つける際、デフォルトの黒や白が使われるミスをまれに引き起こします。

最終的には以下の様になります:

これは iTunes と 100% 一致しません — が、時々こっちの方が良いです!異なる場合もありますが、全面的によく動作します。

以下の Xcode デモプロジェクトで実際にお確かめください:


このデモについていくつかの注意があります。私はランダムな色がテキスト色として現れるのを防ぐため、基本的な周波数フィルタリングを行いました。私のケースでは 1回しか現れない色を無視しています。小さすぎるイメージではサンプリングに十分なピクセル数を持たないので、このしきい値は入力されるイメージサイズに基づくことが望まれます。iTunes が行っているその他の加工テクニックとして、もしこれが出荷レベルのコードだとしたら私もしますが、イメージ外周の縁取りを見つけ圧縮しています。いくつかのカバーアートイメージには、色をサンプリングする前に無視されるべき 1ピクセルの白もしくはグレーの縁取りがあることに私は気づきました。

(このコードは数時間で書かれとても荒いです。なので速度や最適化について考えがあれば、これがアルゴリズムデザインのレッスンというよりも考察であることに注意してください。エンジニアは免責です。)

ちょっとでも楽しんでいただければと思います!少しのコードで高度なテーマデザインを得ることについてのお話でした。

アップデート: Aaron Brethorst 氏に感謝。コードは GitHub からもご入手いただけます。

[原文]

Posted at 4:59 pm iTunes 11 and Colors from Wade はコメントを受け付けていません。