Espresso : Web統合開発環境 【MacRabbit】

MacRabbit の Espresso について語りましょう。CSSEdit も可。

公式：
http://macrabbit.com/

公式Wiki：
http://wiki.macrabbit.com/

Sugar 一覧
http://sugars.macrabbit.com/

公式フォーラム：
http://wiki.macrabbit.com/forums/

Twitter：
http://twitter.com/espressoapp

翻訳されていないためか、いまいち日本語の情報が少ない Espresso ですが、頑張って盛り上げていきましょう。

>>42
>自分で設定し直しちゃえば？

これってやっぱ釣り？

>>46
>>42は釣りだろうけど、Ctrl+Tabってそんなに押しにくい? JISキーボードならわかるけど。

>>45
MacRabbitのサポートはメールに返信しないことで有名。いや全くしないのではなくて、1週間くらいは平気で放置。
ひとりでやってるから、手が回ってないというのも多分あると思う。

>>46
http://docs.info.apple.com/article.html?path=Mac/10.6/jp/8564.html

ちょっとは検索してみたらいいと思うんだ

>>48
むむ、なるほどひとりじゃ大変だな。
もう少し待ってみるよ。

>>47

「Ctrl + Shift + Tab」の時が指がつる。

>>49

あー、これは知らなかった。
というか、OS のショートカットを変えれるだけだと思ってた。

あれこれ試行錯誤して、やっぱり自分で勝手に「好きな新しいメニュー」なんて
作成できないから（当り前か）、最初「メニュータイトル」がよく分からんかったけど
ようやく自分がしたいことができました。

「キーボードと文字入力」→デフォルトの「アプリケーションの次のウインドウを操作対象にする」

をデフォルトキーから好きな組合せに変更。


これで普段、プレビュー画面からソース画面に戻すのにいちいちウインドウをクリックしなくても
同じショートカットで行ったり来たり出来るので作業効率というか気分的に楽になります。
いい情報、ありがとう。

>>44
基本、OSのシステム設定でショートカットを変更すれば、できるんだけど。問い合わせたら、バグっているらしく、応急処置を教えてもっらた。
割当バグは、次のバージョンで修正するそうだ。

1) In the Finder, right click on Espresso and choose Show Package Contents
2) Navigate to Contents/SharedSupport/Sugars
3) Right click TEA for Espresso.sugar and choose Show Package Contents
4) Open TextActions/GeneralActions.xml and modify line 111 to use the shortcut you prefer
5) Save the GeneralActions.xml file and restart Espresso to test your changes

良スレの予感 ... 。

>>52
便利になった、ありがとう！

試用版使い始めたけどいいね、なかなか。
あれこれ考えたら Coda がいいけど（日本語だし）画面分割が馴染めないんだよなぁ。
こっちにするか。。。

買ったけど作者が Emacs キーバインド無視ってていっこうになおらんからゴミ箱行きになるところだったわ。

何がおまえを引き留めたんだよ。

「Dreamweaverにだけは戻りたくない」

あそこにはGoLive・FreeHand・PageMakerを潰された恨みもあるしな。

次はFlashだなｗ
Contributeもかな。

>>57

56 じゃないけど、>>52 の愛に泣いたんだろ？

プレビューからHTMLを選択することはできんのかな。

あー、それ出来たらいいなぁ。
この頃は文章の差し替えや修正ばっかだからプレビュー画面上で出来たらっていつも思ってた。
誰か英語でサポートにメールしてもらえんか。

プレビュー作業ってゴミタグ残りかねないからなー

>>62
英語ができないのがもどかしいですね。

>>63
プレビュー作業だとそうですよね。
CSSEditみたく、HTMLに飛んでくれるといいんですが、
DW使えってことになりますかね。

>>64
んだんだ。
iPhoneのアプリでも以外と日本語対応してんのあるくらいなのに、
Espresso もがんばってもらいたい。

>>63
<p></p> とか、見出しタグだけでいいので。
ちょっと文章直したい、ちょっと画像のパスを修正したい、とか。

その程度なら頭で想像できるだろ。

想像？
よく分からないけど、修正したりあるファイルをコピーして中の文章だけを書き換えたりする時って
プレビュー画面の方が当り前だけど目的の段落は見つけやすいってこと。

実際、例えばうっかりミスで日付を間違えてた場合とか、ソースコードの中から見つけるよりは早いし
文面も見やすい。

まぁ、実際にできないことを並べてしょうがないけど、できればいいなと。

つ Dreamweaver
Espressoは「プレビュー機能つきのエディタ」だしなあ…

>あるファイルをコピーして中の文章だけを書き換えたりする時
右ペインでタグがツリー表示されてる部分（何て言うのか知らないが）で
そのタグをクリックすると、内包されてる部分が全選択状態になる
タグの中身を丸変えする時には、あれはむちゃくちゃ便利
うちはよくコンテンツ丸変えするので、別のエディタで自動整形したものを
そこに流し込んでるよ

Espressoか。昔、なんかのバンドルでついてきてたな。専用スレが出るまでになったのか。
Codaとバトってて多機能だがよく分からんという批評だった気がするが、帰ったら試してみよ。
有料アプデになってたら泣く。

>>69
もちろん有料だとも。MacHeist 以降に自分で買った人は無料だが。

年末で忙しいので、とりあえず保守。

新年なので保守。
それにしても動きがない。

サイドバーの「PUBLISH」→「Browse」でサーバーのファイルを選択してダウンロードしたい時って
右クリックの「Refresh」じゃなくて他に何かある？

CGI が吐き出した CSVファイルをダウンロードしたいんだけど、無理矢理ドラッグ＆ドロップ以外に
クリックとキーボード操作で完結したい。

この頃アップデートもないし、静かすぎる。
みんなCodaに流れたんかいな。

ところで時々Syncがちゃんと認識してくれない時ってない？
index.html も更新したのにリストにない、みたいな。

書き忘れ。

>>73
多分、ドラッグ＆ドロップしか出来ないと思う。

PHPはプレビューできないのか、残念

>>76
ローカルでApacheを動かしてURLを直接指定しろ、と作者は言ってます。いや、ホントに。

Espresso使い始めてかなりいい感じなんですが、
ディレクトリを変えたときにリンクを自動で更新してくれるような機能はあるのでしょうか？

>>78
お願いです。
私の代わりにサポートにメール（英語）しておいて下さい。

あと、出来ればプレビューが使えない（CSSEdit はスムーズにリアルプレビューが実現できているのに
Espresso はいちいちページトップに戻って描画し直しで、画面もちらついて見れたもんじゃない）。

あーそれと、もちろんメニューの日本語化（ヘルプはいいや、我慢しよう）も忘れずに。

英語板に英訳スレがあるから
文面作ってそっちで頼めばいいと思うよ

ごめんごめん、ちょっと過疎ってたんで冗談ぽく書こうと思ったら悪のりしちまった。
キレイな文面で送ってサポートからつっこんだ内容の返信がきても分からんから
Google先生にお願いして自分でするわ。

Espressoは、特にこれといった不具合も使い勝手の悪さもないので、何も言う必要がない。
それ故にスレが放置されるんだけどね。。

質問です。

既存のファイルを修正したり、新しいファイルを追加したい時に「Sync ...　↑」をクリックしますが、
プルダウンメニューの中の「Merge」は何に使うのでしょうか？

また >>79 さんも書いているプレビューの描画時のちらつき（特に画像）はみなさんはいかがですか？
前に使っていた GoLive はこんなことはなかったんですが。

ほしゅ

なんか静かだな。
誰か Coda じゃなくて、あえて Espresso 使ってる人はいませんか？

なんかCodaスレ見てると、Espressoはやる気あんのか？と思ってしまう。

バリバリ仕事に使ってます。

不満があれば他のエディタ使ってるから特にここに書く事もないという

１週間後のレスで申し訳ないがもっと色々と話をしましょう。
例えば日本語に対応していない分、使い方とか。

>>83
差分。

あとプレビューはウチもサポートにメールしたことがある。
Googleで翻訳したのをそのまま送ったせいか、返事はなかった。

名前エスプレッソでアイコンもそのものズバリな感じですが、なんでなんでしょ
Reader的なものがコーヒーカップのアイコンとかは、まぁ分かる気もするが

オレは起動した時のエスプレッソの香りがキレイなレインボーのリボンみたいな
イラストがすごく気に入って Coda とエスプレッソで悩んでたのをこっちにした。
別画面表示も出来るし。

あと小さな娘がウサちゃん好きってのもある。

前から気になっていたんだけど
Codaで別画面表示したいなら、普通に新規ウィンドウを出せばいいんじゃないだろうか…

えっと、それってあの一画面を２分割や３分割にせずにできるってことですか？
そうなると CSSedit くらいしかエスプレッソに利点がなかったりして。

まぁでもシンプルな使い勝手で手に馴染んできたってところはあるが。

そういうこと。
でやってみたけど、同じファイルを別々のウィンドウで開いても
片方の変更がもう片方のウィンドウに同期されるから、問題ないと思う。
ま俺はもう一画面での分割以外考えられないな。

多分少数派だと思うけど、さっきも久しぶりにCodaの体験版落して少し使ってみて、
やっぱりEspressoのほうが手に馴染んでるというか、基本的な使い勝手はEspressoの方がいい。

Codaは、

・とにかくキビキビ、あれもこれも使いやすい！

・プレビューもパッと反応して「ちらつき」もない！

・やっぱり日本語対応は分かりやすいし安心！


のだけど、上のバーにサイトやエディターなど色々うるさいしマウスの移動がうっとうしいのと、
タブで画面が細くなっていくのは我慢できない。


これでEspressoのプレビューが CSS みたいにパッパッと「ちらつき」なく反応して、アップロードが
もう少し賢くなってくれたら自分的には完成形になると思う。
そんなややこしいサイトを作ってる訳じゃないし。

いや、そもそもEspressoかCodaか以前に
モードの切換えをわざわざマウスで操作してるから、うっとうしいだけだよ。
実際に作業する時は、ツールバーも消して、タイトルバーだけでいいでしょ。
タブが発生してもH:7pxだし、嫌なら別ウィンドウで>>94

Command+Tabでアプリケーションの切り合え、Shift+Command+[ or ] でタブの切換え、Command+F1でウィンドウの切換え
くらいは基本で、Command+1、2、3、4…でのモード切換えは特に簡単なショートカット。

一番の違いは、やっぱりリアルタイムプレビュー。
Codaはスタイルをインラインにしないと無理だし、プラグインのLivelyは、マシンパワーがあっても2千行程度で固まっちゃって使い物にならない。
あとは、そこそこ使えるCSSのビジュアルエディタ。グラデーションにも対応してるし、補助には便利。
ナビゲータも使える。
Codaは、ビジュアルエディタもナビもあるけど、使い物にならない。

>>96

えーとすみません、>>95 ですがレスを頂けていたみたいでありがとうございます。

あの、

＞Command+1、2、3、4…でのモード切換えは特に簡単なショートカット。

までの前段は Coda の方がいい、と仰ってるんですよね？

で、そこから後はEspressoのことでよろしいでしょうか？


私はサイト作りはあくまでもお店のためでプロでなく、ちょっと専門用語に疎いところが
あるのですが、リアルタイムプレビューにおいて >>96 さんはEspressoであの鬱陶しい
画面の「ちらつき」はないですか（または気にならないですか）？

上で書いたように、私はやっぱりEspressoの方が性にあってるようなのですが、この「ちらつき」
の問題がとても気になっています（CSSEdit ではなし）。

今後のアップデートに期待ですが、大丈夫かなぁ。

Espresso 紹介記事を読んでから気になってたので
体験版DLしてヒャッハーしてみようと思ったら・・・
OS 10.5.-では動かないのね出鼻挫かれてションボリ。

最新版は駄目みたいだね
うちは10.5だが、ちょっと前のがそのまま動いてる
2.0になってたことも知らなかったw

>>99

2.0系から10.5非対応になったんですかねぇｗ

他にも良いなーて思うアプリが10.5非対応とか増えてきてるし
そろそろ10.6以降の環境構築も考えるかなぁ・・・

Espresso 試用で英語メニューに四苦八苦しながら
いろいろ試してて質問なんですが……

CSS編集するとき、
ウィンドウはCSS編集用のモノが開くみたいだけれど、
Espressoのエディタだと

ソース | スタイル / 設定パネル　(2列表示:右側上下分割)

てなってますよね。CSSEdit2の時みたいな

スタイル | ソース | 設定パネル　(3列表示)

っていう表示にはできないんですかね？
無理ならばせめて、設定パネルの高さだけは
ウィンドウサイズ（高さ）を変えたときでも
固定で動いてくれると勝手が良いんだけれどなぁ……

すいません、私は 2.0になる前に試用版を試して気に入って2.0になってから移行したので
お答えできないんですが、できればあなたのような方はサポートに要望を出して頂けると
うれしいのですが。この頃ぜんぜんアップデートないし。

私は前にグーグル翻訳でエディタのプレビューが一々ちらついて、しかもどの箇所を編集しても
その都度一番トップに戻って描画するのを直してほしいと要望を出したら返事は来ませんでした。

その前は丁寧な返事があったんですが（日本語に対応してくれという内容）。

>>102
他意なく、本当によくわからんのだが
「2.0になってから移行した」って結局自分のところに入ってるバージョンはいくつなの

もしそういう日本語を自動翻訳にかけたとしたら
多分相手にはまったく伝わらなかっただろうと思う

え、試用版のバージョンは覚えてないけど、今は 2.0.1 で購入した時は 2.0 が出たばっかりのとき。
移行したってのは GolLive からで他のソフトから移行したって意味だけど、

「試用版を試して気に入って2.0になってから移行した」

ってそんなに変か？


＞CSSEdit2の時みたいな

＞スタイル | ソース | 設定パネル　(3列表示)

＞っていう表示にはできないんですかね？


って書いてるくらいだから、Espresso と CSSEdit が Espresso 2.0 で統合されたってくらいは知ってるだろ？
ひょっとして春休みで暇だから釣り糸垂らしてんのか？
巣に帰っとけ。

>>102
>できればあなたのような方はサポートに要望を出して頂けると
>うれしいのですが。この頃ぜんぜんアップデートないし。

要望を出す必要があるということは、
件の表示形式は無いって事で良いっぽいですね。
英語メニューに四苦八苦するぐらいなので、
サポートに英文送ってどれぐらい通用するか解らないけれど、
他にも気になってる箇所があるから、
その辺も個別に要望出してみることにします。


念のため断っておくと、>>101 と >>103 は別人のレスなので、
自分( >>101 )のレスを引用してツッコミ入れても
「なに？」ってなってると思う……

ちょっとしたネタ振りぐらいになったら良いなと思って
質問してみたんですが、雰囲気を悪くしてしまったようなら申し訳ない

>>105
>念のため断っておくと、>>101 と >>103 は別人のレスなので、

これは大変失礼した。
本当に申し訳ない。

>>102 で書いた通り、私には CSSEdit2 と CSSEdit3 の違いが分からず、また使用歴も浅いので
お答えができず、あのように書きました。

言いたかったのは、できればこの機会にサポートにメールしてもらえば Coda に比べて Espresso は
ユーザー数が少ない感じなので、その辺も含めて MacRabbit にこっち（日本）に目をむいてもらえる
かなぁ、と。

せっかくの専用スレを汚してしまった本当に申し訳なかった。
今後はROMに徹する。

急に口調が変わる人こわい

日本語対応に関するメールならともかく
一般的な要望をメールして何で「日本に目を向けてもらえる」んだろ？
私は日本人ですが、とか最初に書くのかな

あまりスレが盛り上がっていないのは
Espressoユーザー自体少数すぎるのか
ユーザーがすでに自己完結していて話す事もないのか

個人的には統合環境ではなくても、
CSSEdit2の後継ツール単独でリリースしてくれるだけでも
十分に価値はあるんだけども

雑になったホームページと、値上げ目的のようなやっつけ統合

販売業務が煩雑になってきたのならMac App Storeに移行すればいいのに、とは思う。

ピンハネされたり審査に出したりするのが面倒くさいのかね

Mac App Storeで公開してくれたら
Apple IDにぶら下がるようになるから
管理が楽になるんだけどなぁ。

Mac App Storeで公開するのに
年間のライセンス料が必要なんだっけ？

Espresso いいね。
特に不満がないし、リンクの自動修正（なんて言うのか知らん）が出来れば完璧かも。

と思ってサイトをのぞいたら他のアプリ作ってて、しかも App Storeで販売って ... 。

Layer Cake
http://itunes.apple.com/jp/app/layer-cake/id512533449?mt=12



と思ってあれこれ見たらブログにありました！

＞PS: We’ll be releasing Espresso 2.0.2 with some very nice goodies soon as well!

リンクうんぬんはないと思うけど、制作を続けてくれててよかった。

Layer Cake 、10.7 以降だった。
ファイルメーカーのせいで10.6から上げれない。
便利なんかな、これ？

ワークフローによっては結構便利では

で、2.0.2 はまだかね。

おすすめSugarの話とか

Layer Cake 、買った人っている？

EspressoといいLayer Cakeといい、ググった時に混乱しない名称をつけてほしいよ

>>120
買っちゃったw

うちはまだ10.6でサイト用に画像を用意する時はイラレやPhotoshopで加工、そのまま gif なり png に
サイト用に保存してるんだけど、使い勝手や保存状況はどうですか？
まだ半年は10.7（または10.8）に移行できないけど、いい感じなら安いうちに買っておきたい。

自分はどうしてもスライスが使いづらくて
レイヤーグループを新規に複製してトリミングしてWeb用に保存
っていう無駄極まりない手順で作ってたんで
Layer Cakeはまさにピッタリだと思って即決した

でも新規案件まだないからまだちゃんとは使ってないw

これ何するアプリなの？
いまいち使い道がわからん

PSDファイルの各レイヤーを画像やアイコン形式で書きだしてくれる
スライスしてWeb用に保存・・・って手間を省く事が可能！すごい！！

>>126
レイヤーをばらしてWeb用に保存した状態で書き出してくれるのか。

…聞いてもピンと来ない俺はダメなの？w
でも凄く便利そうだから気になる。

PSで作業してWeb用に保存ってそんなに手間だっけ？
俺ファイルの作り方が間違ってんのかな？
例えば728*90のバナー作る時ってそのサイズで作業しないの？
後で728*90にトリミング（スライス？）するの？
レイヤー別で書き出す作業っていうのが思いつかない。

グダグダいってスマンw

うちは本職じゃないし（自分の店のホームページを管理してるだけ）、画像も大きくて 800 x 450 px だから
スライスしたことない。
お客さんはiPhoneで見られてる方も少なくないけど、3G回線の場合は何見ても遅いだろうし。
それでもスライスしてる方がいいのかな？

ちょっと試してみたいけど、10.6に対応してないからなぁ。

>>127
実は俺も持ってないし使ったことないんだけどねw
察するに、サイト作成時にデザイナが作成したPSDからコーダーが作っていく時に重宝する？のかな

>>127
例えば「menu」「home」など複数のバナーを同デザインで作る際に
枠を作ってその上に文字を作っていくんだけど、
枠とmenuのレイヤーだけを表示して書き出し、次は枠とhomeなどの文字だけを表示して書き出し…
と個数の数だけくり返さなきゃならない
2つ3つならいいけど数が多いと非常に面倒

それが枠レイヤーをコピーしてそれぞれのバナーのレイヤーを統合しておくと
一発で全部書き出せるってことじゃないかな

でもトリミングとスライスって全然違くね？

>>129
ﾅｶｰﾏw
コーダーが使いそうなイメージはある

>>130
おー、それよくやるわ！マジでよくやるw
ちょー面倒くさいんだよね。
それなら買う価値はあるな。

スライスってWebでの表示を早くする手法だよね？
スライス使った事ないから適当な事書いたw

しつこく質問して良かった。
たぶん買うw

だが、どうだろうか…

枠のレイヤーをバリエーション分コピーして
コピーしたレイヤーの順序を一つずつ変えて
バリエーション毎にレイヤーを結合して
レイヤーの名前を書き出し用の名前にリネームするより
レイヤーの表示を切り替えながら、Shift+Option+Commnad+SでWeb用書き出しをしていった方が、早い気がするんだけど。

修正が来た時とか他の人に渡す時を考えると、レイヤーのコピーや結合でデータが汚れるのも気になるな。

誰か検証してw

マックラビットのページ行くとサンプルPSDと書き出してできるファイルがあるから見てみればわかるかも

上の文字変えて複数バナーの場合は、
レイヤー結合しなくても
レイヤーグループに必要なレイヤー突っ込んでグループ名を書き出し画像名に変えればおけ

>>132
>修正が来た時とか他の人に渡す時を考えると、レイヤーのコピーや結合でデータが汚れるのも気になるな。

普通そういう作業する時は
作業データと書き出し用のファイルは分けるだろw
>>134のを見ると統合も必要ないみたいだから余計なことを書いたが

>>135
俺は極力別けないようにしてる
理由は色々

フロー的に別けま実行する程の効率性はないかなと >>Layer Cake
結合しなくても、フォルダ作ってグループ化する間に、やっぱりレイヤーの表示を切り替えて書き出した方が早い

ツールなんて「便利だな」と思ったら使えばいいだけで
「俺は使わない」って主張しなくてもいいと思うよ

いや、貴重な意見だと思うぞ。
人柱いないの？

ちょっと遅いけどLayerCake使ったので報告

使い方としては、

書き出したい画像のレイヤーをまとめてレイヤーグループに突っ込む
↓
レイヤーグループを書き出したい画像名にする
↓
ひと通りできたらLayerCake起動してPSDファイルをドロップ

が基本。

個人的に良いと思った所は
・画像名がレイヤーグループ名なので一度名前つけたら打ち間違えとか無い
・PSD上で重なってるレイヤーグループも問題なく書き出せる
　ページで作るとhover用画像とか重なってるけど全く問題ない
　レイヤーグループを非表示にしてても普通に書き出せる
　ただしレイヤー自体に非表示設定しちゃうとそのレイヤーはナシで書き出されるので注意
・一度設定したらあとの書き出しがめっちゃ楽
　スライスは使わないからどっちが良いとかは分からんけど、Web用に保存だと
　レイヤー表示切り替える→Cmd+Opt+Sft+S→画像の設定して名前入れて保存
　ってやってたから、それと比べると圧倒的に時間の節約になる

使っててちょっとつまずいた所は
・基本的にレイヤーグループに入ってるレイヤーしか書きだしてくれないんで
　ボタンのベタは同じで文字だけ変えたい時は
　全部のレイヤーグループにベタのレイヤーも入ってなきゃいけない
　でも、スマートオブジェクトで一括変換できるから案外問題ないかもしれん
・画像に透明の余白付けたい時とかは
　レイヤーグループに画像の輪郭のシェイプマスクつければいいんだけど
　いつも使ってるレイヤーマスクじゃなくて
　「シェイプマスク」だってことに気づくまで時間かかった
　メニューバーのレイヤーから選んで使える
・んで、そのシェイプマスクでPSDファイル一杯の大きさで書き出したい時は
　全体を表示できるようにシェイプマスク作っただけじゃダメで
　ちゃんと輪郭のシェイプ作る必要があった

まあ、最初の一回だけ設定すれば後は書きだすだけ。
しかも、PSDファイルを監視して更新されたら自動的に書き出しなんてこともできるんで
めっちゃ楽になるヨカーン

全部同じ色で作ったアイコンの色変更ヨロ
とか言われても一個づつ書きだす必要ないぜ

>>140

乙！

レポ乙です！
凄く分かりやすい。

乙。
ただ、圧倒的に時間の節約になるってのは無いな。
その為の下作業が必要だから。

>>143
ちみはこのアプリを使ってる人？

>>140
乙、まだ10.6だけど、買うだけ買っとこかなぁ。

たぶん買えない