Panic Blog

あなたの知らない Coda 2 の機能があるかも知れません。この記事で Coda 2 をより深く知り、これまで以上に使いこなしてください！

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 アプリケーションを再起動してください。

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

[原文]

CandyBar に関する最新情報をお届けします！

OS X 10.8 に関して。

まず、CandyBar がアップデートして OS X 10.8 に対応しました！これにより OS X 10.8 のシステムアイコンがカスタマイズ可能になりました。起動時に表示される “Update” ボタンをクリックし、アイコンデータを最新にしてください。

ですが、Mountain Lion において、Apple は Dock のレンダリング方法を変更しました。それにより Dock のカスタマイズが行えなくなりました。（インジケータ・ランプだけはできます！）さらに、署名済みの Mac App Store で配布されているアプリケーションの内部アイコンも変更できなくなりました。

CandyBar はファイルやディスクアイコンをシンプルな操作でカスタマイズできるソフトウエアですが、それらが実現できない “グレイ” な領域が現れてきました。その領域は今後拡大し、すべてのシステムアイコンのカスタマイズが行えなくなる日が近い（もうすぐ？）かも知れません。さてどうしましょう？

未サポートを条件に無償配布します。

システムアイコンのカスタマイズユーティリティに関して長期的な将来に確信が持てず、十分な機能が提供されないソフトウエアに課金するのも心苦しいです。また機能を単に削除して販売を続けるのも何だかしっくりきません。なので、現在の最新の CandyBar を無償配布しますがサポートは提供されません。

とはいえ、しばらくの間は CandyBar ファンの皆様のためにもマイナーなアップデートは行う予定です。ですが大きな機能追加やユーザサポートなどは行われません。

最新のアプリケーションは以下よりダウンロードいただけます:

シリアル番号は以下をお使いください:

PPQA-YAMA-E3KP-VHXG-B6AL-L

繰り返しになりますが、ユーザサポートは提供されません。しかし私たちの愛する CandyBar はまだまだ Super Cool です。楽しんでいただければ幸いです。

（もし最近 CandyBar を購入された方は返金させていただきますので、Iconfactory までメールでお知らせください。）

そして、CandyBar は The Iconfactory のもとへ。

CandyBar のカスタマイズ以外の機能はもちろんまだまだ利用可能です: アイコンオーガナイザーやアイコンブラウザー、Quick Drop 機能などはとても便利です。今後は私たちの友人で CandyBar の共同開発者である The Iconfactory へその手綱が託されます。 彼らは既に CandyBar の未来についていくつかのアイディアがあるそうで、そう遠くない未来にアナウンスがあるかも知れません。

最後までお読みいただき、ありがとうございました！

TL;DR: CandyBar が 10.8 に対応しましたがシステムアイコンの変更が行えません。なので未サポートを条件に無償配布されることになりました。新しいアナウンスが The Iconfactory からあるでしょう。

私たちが Status Board をリリースしてから約1日が経ちました。驚くべきことに、既にたくさんの人々の手によって非常に多くのクールで役立つパネルが作成されています。

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

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 を付けてツイートしたりメールでお知らせください！

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

[原文]

すべてはここから始まりました: the status board we put on our Panic office wall in 2010

現在、その電子掲示板は Status Board と呼ばれる iPad アプリケーションとして生まれ変わりました。そして誰もが自身のデータをデスクで、または壁に設置された画面で美しく、クールに活用することができるようになりました。

アプリケーションのリリース後、私たちはオフィスの Status Board をリビルトしました！

2枚のモニタディスプレイを設置しました。

なかなかに壮麗です。

パネルについて

私たちのボードに表示されているパネルについて詳しくご説明します:

これまで Panic では売上データについて特に意識してきませんでした。視覚化してみると売上高グラフパネルはとても魅惑的なことに気付きます。毎日、直販版の売上高を集計し、その後で App Store 版の売上高を AppFigures とそこで準備されている API を利用し集計しています。それぞれの集計データの合計をデータベースにダンプし、簡単な PHP スクリプトによって Status Board で利用可能な JSON データに変換されています。複雑に見えるかも知れませんが実装は約1日で完了しました。

Units（販売数）グラフパネルは我々の iOS ソフトウエアの経済状況を別の角度から明らかにし、興味深い姿を現します。我々の iOS アプリケーションの販売数は、Mac アプリケーションの販売数に匹敵しています。しかし売上グラフでは相当な開きがあります。私たちは iOS アプリケーションのシェアの改善に取り組み、新しいアイディアに挑戦します！グラフの自作方法についてはこちらの書類をご参照ください。

こちらは Email パネルで、IMAP サーバを参照しています。セットアップはたった 3分で完了しました。日々、サポートに届くメールの状況を把握するのにとても役立っています。（サポートチームでは共通のヘルプ用アカウントがあり、それをスクリプトで個々のメンバーに分配し、集計しています。）

お客様への返信数はこのグラフパネルで表示されます。（競争や成績を争うためでなく、単に面白いので表示しています。）メールおよび Twitter での返信数を個々のメンバーごとに集計し、JSON で出力しています。

こちらはプロジェクトリストで、サーバ上の HTML ファイルを表パネルで表示しています。（表パネルの自作方法についてはこちらの書類をご参照ください）もちろんこれがすべてではなく、秘密のプロジェクトについては隠されています。プロジェクトリストは流動的で手動での更新が必要ですが、誰がどのプロジェクトに関わっているのかを知ることができ楽しいです。

これは car2go マップです。オフィス近くのどこに車が駐車されているかをひと目で確認できます。こちらは完全にカスタマイズされたオリジナルで、Do-It-Yourself パネルを利用しています。car2go API と Google マップを組み合わせ、加えて CSS アニメーションで実装されています。希望があれば将来、公開するかも知れません。（あなたの街では car2go が利用できますか？）

これも Do-It-Yourself パネルを使用したバスの時刻表です。ボードの前でミーティングに熱中しても終バスを逃す心配がありません！Logan の作成した TriMet panel も便利です。

ハードウエアについて

• Samsung DE55A 55″ Professional Display をウォールマウント。
• Samsung ロゴを見えないようにカバー。black non-glare artist tape を使用。
• 2台のモニタと 2台の iPad に給電するためのコンセントを新たに壁にインストール。
• iPad の裏面に 3M Magnet Tape。モニタの裏面に貼付けました:

その人や組織ごとのボードがあり、それは常に変化し続けています。実際、このブログの写真から更新されており、現在は GoSquared パネルが追加されています。みなさんの周りにあるデータをぜひ Status Board を通して見てみてください。新しい発見や議論が生まれ（それは良くもあり悪くもありますが！）時間を忘れてそのデータから様々なことを読み取ろうとしてしまうでしょう。

あなたがもし自身のボードやクールなパネルを制作しましたら、ぜひお知らせください！

[原文]