ここに偉大な数々をご紹介します。

Dead Simple Greatness. クリックするだけで追加完了:

• TubeTracker — an incredible one-click layout for people in the UK who rely on the tube (pictured above)
  
• AAPL — simple module for Apple’s stock price (don’t follow too closely or you’ll go crazy)
• LastFM — see your last-listened track
• App Store Review Times —  a great way to see how busy Apple is
• WWDC Alert — but really, how fast are tickets going to sell out this year
• Bart Arrival Times — for those of you in San Francisco

New Native Sources. 情報の供給元によって Status Board の為に準備されました:

• LeafPing — output your Envato sales data to Status Board. An example.
• uri.lv — track your podcast statistics on the big screen.
• AppViz — this must-have app for App Store sales tracking can now output to Status Board
• Don’t forget our amazing launch sources: StatHat (so useful!) and Hockey.

Sources/Conduits. 動作には少々のコーディングが必要となります:

• Nest — a quick look at the temperatures on N
• Server Statistics — keep an eye on your server loads
• OmniFocus — a Python conduit to get your tasks up and running
• Google Analytics — 7-day website stats
• Jenkins — display running jenkins jobs in a table
• TimeTiger — interestingly, a Windows app for time tracking
• Mint Analytics  — a Pepper to create Status Board-compatible web stats
• Mite — time tracking reports
• Things — a way to get your Things to-do lists up and running
• AppFigures 1 — a conduit for displaying your AppStore sales data
• AppFigures 2 — another simple PHP conduit for AppStore sales data
• BitBucket Issues — track open issues in Git/Mercurial hosted source

(And you can always add a new Do-It-Yourself widget and point it to always-running Mario.)

さらにファンタスティックな Web サービスが Status Board でネイティブに利用可能になるようです。詳しくは後日お知らせします！

また、オフィシャルではありませんが 以下のまとめサイトもご紹介します: Pinboard, StatusBoardWidgets.com, StatusBoardApp.info.

最後に、私たちは Status Board が実際に活躍している写真が大好きです！こちらはバイクメーカー Ducati のディーラー:

あなたのセットアップを @panic や @panicjapan を付けてツイートしたりメールでお知らせください！

また日本のサービスに対応したウィジェットに期待しています！

[原文]

私たちはその後すぐに、美しくレイアウトされたデータが如何に素晴らしく、そして重要であるかに気付かされました。サポートメールの受信状況がパッとひと目で確認できるという体験は業務上とても貴重でした。そしてこのボードの前に（もしくはスナックの山の前に）人が立ち寄り、自然にミーティングが始まりました。今では私たちのオフィス活動の中心にそれはあります。

私たちは考えました: 美しいデータはすべての人に価値がある、と。

すぐに iPad アプリケーションの開発に取り掛かりました。ツイート数やメールの未読数をカウントしたり、ニュースフィードや天気を表示したりするための誰でも簡単に利用可能なモジュールを準備しました。業務用やプロ向けのモジュールとして、自由にデザインされたグラフや表をイメージ通りに表示するためのモジュールも準備しました。それらを信じられないほど簡単に使い始めることができます。そして常にあなたのデスクの上に置いておくことができます。一方で（有料のアドオンとして提供される）テレビ出力機能も準備しました。実際に壁に設置された大画面モニタにデータを表示することが可能です。

Status Board。それは Panic から生まれた、あなたのデータをディスプレイする為のまったく新しい iPad App です。

しかしこれはまだ第一歩: バージョン 1.0 です。どのようなモジュールやウィジェットが必要ですか？ぜひ聞かせてください！もしかすると不自然な動作に遭遇してしまうかも知れません。ぜひレポートをお願い致します！そしてどんな風にこのアプリケーションを活用するでしょうか？我々はあらゆるご意見に耳を傾け、クレイジーに開発を続けます！

（このプロジェクトでの Greg, Neven, Dave, そして Kenichi の素晴らしい働きに感謝します。）

このアプリケーションの完成を記念して、私たちのオフィスの壁に設置されている Status Board スクリーンもアップデートされました。それはまた別の機会にこのブログでお知らせします！

PS: 以前、私たちがなぜ Lightning – Digital AV アダプタによる外部出力時の不思議に気付いたのか、もうお分かりですよね？

[原文]

安定性とパフォーマンスを改善し、Transmit 4.3 のお気に入りの読み込みに対応したバージョンを現在開発しています。もしお試しいただける場合は下記のリンクよりご入手ください。

Coda 2.0.8b1 (52 MB)

もし、気になる挙動が見つかりましたら私たちのバグトラッカーである Hive にログインしてレポートをお願いします！（開発担当が直接閲覧しますので、すべて英語でのご入力となります。）

ミステリー #1: 最大解像度が 1600 × 900

ある画像を Lightning – Digital AVアダプタ経由で “ビデオミラーリング” すると、以下の様に最適化された最大解像度は 1600 × 900 だとシステムに表示されました:

“ちょっ、それ 1080p じゃない！” と思うかも知れません。

同じことを以前の Apple 30ピン Digital AVアダプタで行うと、1920 x 1080 まで利用可能だと表示されました:

Apple の iPad mini 技術仕様には “最大 1080p” でのビデオ出力サポートと記述されています。ウソは書かれていないハズなので、もしかするとアダプタが 1600 × 900 解像度の画像を 1080p にアップスケールしているという意味なのでしょうか？

ミステリー #2: MPEG アーティファクト

デバイスをテレビに接続するとき、私たちは画面を鏡に映したかのようなクリーンでキレのある映像を期待します。

しかし、Lightning – Digital AVアダプタの場合はそうなりません:

文字際にブロックノイズが現れているのが確認できます。（私たちは Apple 30ピン Digital AVアダプタでも検証しましたが、こうした現象は起こりませんでした。）

仮説

非常識です。これは単なる AVアダプタです！なのに何故、限定された解像度や表示のタイムラグ、MPEG アーティファクトなどの現象が起こるのでしょうか。と、ここであることが思い出されます。iOS デバイスから Apple TV へビデオ出力したときの体験と同じであると…

有益なツイートや少々の議論の末、私たちは以下の仮説を立てました:

Lightning – Digital AVアダプタは、最小構成の AirPlay レシーバ？

iOS デバイスを接続すると何らかの方法で AirPlay 接続をセットアップし、デバイスからの出力をそのまま HDMI 出力せず、むしろ 1080p にアップスケールして AirPlay しているに違いありません。

“でも、ちょっと待って！” と思われるでしょう。”それって AirPlay ストリーミングとデコードを行う為の電子部品があの小さいコネクタ内に詰め込まれてるってこと？”

信じられないですよね。ではここで、糸ノコの登場です。

左側に信じられないほどの超精密なコンポーネントがあります。今までに見たことのない精密さです。取り付けられている抵抗器は何の為のものでしょう？

反対側も見てみましょう:

目を疑ったかも知れませんが — 小さなチップには ARMとあります。さらに RAM をあらわす部品番号 H9TKNNN2GD の記述も見えます。

つまり: Lightning – Digital AVアダプタには、SoC CPU が搭載されているように見えます。 

従って、AirPlay（か、AirPlay の様な MPEG ストリーミング）を行っていると考えるのは理にかなっていると言えるでしょう。

結論

このアダプタには我々の想像以上のものが詰まっていました。そして私たちは Lightning – Digital AVアダプタは AirPlay（か、AirPlay の様な MPEG ストリーミング）を使用して出力していると結論付けます。

しかし疑問もたくさんあります。例えば OS どうやって起動するのか？ @jmreid 曰く アダプタには個々に “mini iOS” (!) がインストールされていて、コネクタへの接続毎に起動しており、それによりビデオ出力されるまでに数秒の遅延が生じる、とツイートしました。なぜ？あまりにクレイジーですが恐らく、Lightning コネクタのピンの数が足らずに RAW の HDMI を取り扱えなかったのではないかと算段しています。従来のビデオ出力に対応させる為にゼロからまったく新しい考え方で作られたのでしょう。もしくは、シンプルに低コストでより多くの機能を iPad で提供したいと考えたのかも知れません。

アダプタを経由することで劣化した 1080p では無い出力が行われます。これは悪いニュースかもしれません。私たちは RAW での HDMI 出力を熱望します。

一方で、アダプタが $50 もするなんて高すぎる、と言われますがこれは小さなコンピュータです！これは良いニュースかも知れません。

[原文]

PS: なぜ我々が iOS デバイスからのクリーンなビデオ出力にこだわるのか、それらのステータスについては追ってポストします！

1. 新規ファイルを分割ウインドウで開く

新規分割ウインドウボタン  で追加された分割ウインドウに、以下の 3つの方法で任意のファイルを表示させることが可能です:

1. サイドバーかパスバー、もしくはファイルタブで option + ダブルクリックする
2. パスバー上にドラッグ＆ドロップする
3. コンテキストメニューから “分割ウインドウで開く” を選択する

ボーナス Tip: “Option” キーを押しながら新規分割ウインドウボタンを押すと、分割方向が切り替わります。デフォルトの設定は Coda 環境設定 ▸ 一般（タブ）▸ 分割ウインドウで変更可能です。

2. HTML + CSS + ライブプレビュー

エディタを 3つに分割し HTML ソースコードと CSS ソースコード、プレビューを並べて作業を行えます。まず編集したいあなたの HTML ファイルをエディタで開きます。次に新規分割ウインドウボタンを押し新規書類を分割ウインドウで開きます。ここで先ほど #1 で紹介した方法で編集したい CSS ファイルをいま追加した分割ウインドウ上に（パスバーにドラッグするなどして）開きます。最後に、最初の HTML 書類に戻って選択した後、新規分割ウインドウ ボタンからプレビューを選択します。

ライブプレビュー機能により編集された HTML や CSS はすぐにプレビューに自動的に反映され表示されます！

3. 環境設定を探検する

はい、これはそれほど “尖った” Tips ではありません。しかし私たちはこれを強く強くオススメします。ぜひ数分の時間をかけて Coda 環境設定を隅々まで確認してみてください。恐らく知らなかった、気づかなかった “あの” 設定が見つかると思います！

4. サイトグループを作成する

サイト設定が増えてくると整理したくなってくるかも知れません。そんな時はサイト設定を別のサイト設定上にドラッグしてください。iOS アプリケーションの様にサイト設定を整理することが可能です。以前の項目をまとめたり、案件毎にまとめたりすることができます！

5. テキストタブを使用する

タブバーをリサイズできることをご存知でしょうか？タブバーの下部を上下にドラッグするだけです。では上いっぱいまでドラッグするとどうなるでしょうか？エディタをスクリーン一杯にして作業を行えます。

6. 特定のファイル形式の書類を表示・隠す

サーバ上のすべての隠しファイルを確認する必要は無いのに .htaccess ファイルは編集する必要があるので “不可視ファルを表示” オプションをオンにしたりオフにしたりしていませんか？

そんな面倒は必要ありません！Coda 環境設定 ▸ ルール（タブ）▸ ルール設定から、転送のスキップや表示、非表示を設定することが可能です！

7. iPhone/iPad 上の表示をシミュレート

プレビュー中に “ユーザエージェント” を iPhone や iPad に変更してみてください。こんな風に変わります:

これは近似された表示ですがモバイルページの初期レイアウトをちょっと試すのにちょうど良いかも知れません。

ユーザエージェントを変更するには、プレビュー下端にあるギアメニューをクリックしてください。

8. パスバーからコードナビゲータにアクセスする

既にコードナビゲータを活用されているかも知れません。これはコードの任意の場所にジャンプするのに役立つサイドバーツールです。

実はこれ、パスバーのファイル名からもアクセス可能なんです。ファイル名の右をクリックしてみてください！

9. ナビゲータにカスタムブックマークを追加する

ナビゲータには HTML 書類内で使用されているエレメント名でリストされますが、任意の文字列でナビゲータに表示させるブックマークを作成することが可能です。以下の様に記述してください:

<!-- !Page start -->

もしくは、1行コメントスタイルでも可能です:

// !Bookmark

こうすることでコードナビゲータにブックマークを表示させることができます:

10. 素早く指定の行にジャンプする

エディタの下端にある行番号をダブルクリックします。ポップアップウインドウが現れますので、移動したい行番号を入力してください。（ショートカット ⌘⇧L も利用可能です）

11. ブックを探求する

ビルトインブック機能に “隠れた機能” はありませんが、Coda 2 で大幅にオーバーホールされたのでぜひチェックしてください。

タブにブックを追加するには、タブ追加ボタンを押しブックを選択します。

ボーナス Tip: オンラインで利用可能です。必要に応じてご活用ください: HTML, CSS, PHP, Javascript

12. インラインで CSS スタイルをブラウズする

私の様な CSS ルールをいくつも覚えられない場合、どうしたら良いでしょうか？CSS スタイル宣言の後、以下の様に ”esc” キーを押し現れたポップアップで “Styles” を選択してみてください:

便利です！

13. 新規ウインドウでプレビュー

Gもし大きなスクリーンをお持ちでしたらプレビューギアメニューから、このアプリケーションで開く ▸ 新規ウインドウを選択してください。

14. テキストをタグで囲む

テキストを入力しそれを選択します。書式 ▸ タグで囲むを選択するかショートカット ⌘< を入力します。すると <div> タグで囲まれます。それで終わり？いいえ、Coda 2 は “div” の開始タグを選択した状態で待機しています。指定したいタグを入力してください。すると自動的に終了タグも書き換えます！

15. ブロック編集で複数行をまとめて編集

Q複数の行をまとめて編集したいなら、ブロック編集機能が便利です。編集したいテキストを Option キーを押しながら選択してください。編集内容がすべての行に反映されます！

“esc” キーを押すとブロック編集モードを終了できます。

16. すばやく開く

ローカルで作業を行っているなら、パスバーの左端をクリックすると “すばやく開く” ウインドウが現れます。ファイル名の一部を入力してみてください。入力内容と一致する項目がリストアップされます！ショートカット Control +Q からも利用可能です。

17. 加工処理メニューを探求する

文字列のエンティティ化や改行コードの削除をする必要がありますか？もしそうなら、書式 ▸ 加工処理メニューをご活用ください！

18. よく使うフォルダを場所（プレイス）に登録する

サイトの構築中、頻繁にアクセスするフォルダがある場合はサイドバー項目の場所（プレイス）にドロップして追加することができます。サイト設定毎のフォルダ版 “お気に入り” としてご活用ください。

19. プレビューから CSS スタイルにジャンプ

(Note: この tips は Coda 2.0.2 以降で利用可能です。)

プレビュー上で右クリックし、表示されるコンテキストメニューから即座に CSS のスタイルにジャンプしてエディタで開くことが可能です。

Bベストポイント: CSS ファイルが開かれていない場合は Coda が当該 CSS ファイルをエディタで開き表示します！

20. ボーナス Tip: キーボードショートカットのカスタマイズ

最後に、OS X の知られざる素晴らしい機能をご紹介しましょう。これはほぼすべてのアプリケーションで利用可能です。

システム環境設定 ▸ キーボードから “キーボードショートカット” を選択します。

左のリストから “アプリケーション” を選択し、”プラス”  ボタンを押します。

現れたダイアログで Coda 2 を選択して、ショートカットを割り当てたい、変更したいメニュータイトルを正確に入力の上、任意のショートカットを入力してください！

（メニュー項目に … が利用されている場合、それはピリオド ３つでは無く 1文字です！ option + セミコロンで入力できます。）

新たに追加したショートカットを利用する前に Coda アプリケーションを再起動してください。

それぞれぜひお試しください！

[原文]

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

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

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

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

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

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

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

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

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

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

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

[原文]

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

サンドボックス化されたアプリケーションは、ユーザから明示的に許可が与えられるまでローカルファイルへのアクセスが限定されます。許可を与えるとそれは記憶されます。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 2 がほとんどのユーザ様にとって大きな影響が無いことと予想していますが、皆さんの率直なご意見をお聞かせください（開発担当が直接閲覧しますので、すべて英語でご入力ください。）:

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

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

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

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

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

Coda 2.0.5b1 (51MB)

UPDATE 11/5: 終了しました。ご協力ありがとうございました！

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

えっと、パニックのブログが遂に日本語でも読めるようになりました！それで、何を書こうかずっと迷ってたんだけど、ケーブルみたいに喋るのが上手じゃないからアイコンを作って公開することにしました。今日公開するのは、割付柄のディスクアイコンです。

多分半年くらい前、図書館で偶然手に取った「小紋文様」の本が面白かったので、日本の伝統的な文様を使って何かアイコンを作ろうと思いました。

コレクションには Retina ディスプレイに対応した20個のアイコンが入っています。このアイコンが切っ掛けで、少しでも僕たちの文化に興味を持ってもらえると嬉しいです。んでは！:)