Author Archive

Top 20 Secrets of Coda 2

金曜日, 4月 18th, 2014

あなたの知らない 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: オンラインで利用可能です。必要に応じてご活用ください: HTMLCSSPHPJavascript

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 を選択して、ショートカットを割り当てたい、変更したいメニュータイトルを正確に入力の上、任意のショートカットを入力してください!

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

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

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

[原文]

The Transmit Model

木曜日, 4月 17th, 2014

ある日、私は Panic 日本オフィスの 3D アイコンマスターことケンイチからのメールを受信しました。

“HDRI マッピングと + システムライトソースを使った新しいライティング、がんばってます。このシステム、良いんだけどアイコンではうまくいかない時があって厄介で、もう少し勉強が必要そうです。”

彼は3枚の画像を送ってきました。見たことの無いであろう角度からの Transmit トラックをお楽しみください!

Transmit トラックトイ、作ってみたい..かも…


CandyBar, Mountain Lion, and Beyond

木曜日, 4月 17th, 2014

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 からあるでしょう。

Waritsuki Drive Icons

木曜日, 4月 17th, 2014

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

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



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

Coda 2.0.5b1 Ready to Test from Cabel

木曜日, 4月 17th, 2014

もしあなたが新もの好きでカッティングエッジな Coda ユーザなら、ぜひベータプログラムにご参加ください。いくつかのクラッシュの原因を修正しプレビューとパフォーマンスが改良されています。

Coda 2.0.5b1 (51MB)

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

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