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 ですが、頑張って盛り上げていきましょう。

>>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だけど、買うだけ買っとこかなぁ。

たぶん買えない

どういうこと？

今30%オフだよね。

>>146
ああ、ごめん、仕事場のiMac（10.6.8）じゃ多分買えないと思うので、取り敢えず
自宅の10.7が入ってるMac miniで買おうかと、安いうちに。

そうかそうか

買うだけなら、OSのバージョン書き換えるだけで買えるようになるよ。
ttp://4coredual.seesaa.net/article/247860028.html

もしかしたらアプリ自体も少し書き換えれば使えるかもしれないけど。

2.0.2 アップデート来た〜。

Coda 2もApp storeに来たw

ウチは2.0.3だ。

なんか静かだなぁ。
みんな Coda 祭りに行ったのかなぁ。

ちょっとしか触ってないけど、前からすっごい気になってたことで、プレビュー画面を別画面にしておいて
例えば文章直しながらリアルタイムプレビューでチェック、という時にこれまではいちいち画面の上まで
戻って、しかも大体、画面上部には大きいトップ画像が配置されていて、目で見て分かる感じで再描画する
から、

　いちいち上まで戻って　→　再描画　→　画面がチカチカ　→　目がチカチカ


ってなってたのが、最上部まで戻らなくなってた。
けど、再描画する時の悪い癖は直ってなくて、やっぱりチカチカ。

他の人はどうですか？
ウチだけですか？

>>153
>みんな Coda 祭りに行ったのかなぁ。

Coda、今だけ半額なんだってね。
　

>>153
>　いちいち上まで戻って　→　再描画　→　画面がチカチカ　→　目がチカチカ
>
>
>ってなってたのが、最上部まで戻らなくなってた。


ウチは前といっしょ。
「いちいち上まで戻って」、「再描画」をしています。

<storng></storng> のショートカットが変わった？

Coda と比べてこっちは静かだな。
バージョンが2.1くらいにならんと騒いでもらえないか。
オレみたいな素人はこっちの方が使いやすいんだけど。

ほしゅ

age

って、過疎過ぎ。

日本語検索すると落ちるってことでいいよね？
置換して検索も不可
正規表現使えるのはいいけど入力フィールド狭すぎ
あとは上にもあるEmacsキーバインド上書き問題
csseditに惚れ込んでるのと
zencodingが快適過ぎるのでエスプレッソ諦めきれない
jeditと用途に応じて行ったり来たりしてる
jeditがzencoding対応してエスプレッソ並に洒落乙になればなぁ

日本語検索しても別に落ちないけど

>>161
ありがと
じゃ俺のがおかしいだけか
設定ファイル等全部外してみるか

>>160
うちの環境だと日本語検索は落ちたり落ちなかったり
条件を確定したいところではあるんだけど、パターンが一定してない感じ。
検索/置換は割とあきらめてて、Jedit使ってるよ……

でも

>csseditに惚れ込んでるのと
>zencodingが快適過ぎるのでエスプレッソ諦めきれない
>jeditと用途に応じて行ったり来たりしてる

同じ境遇というか意識の人が居てちょっとニンマリとしてしまった。

CSSEditの単品販売を止めたのだけは許せん！

>>163
同じこと考えてる奴がどこかにいるとは
思っていたがこんなところにいたのか！

このスレではじめて知ったけどマクラビは一人でやってんのね
jeditもエスプレッソも最近動きが鈍くてヤキモキしてる

JeditとjEditが存在するんだが、jeditってのもあるの？

俺はJeditのこと面倒でjeditて書いてた

普通そう思うから大丈夫だよ

>>166 見て jEdit ってのがあるのを初めて知った。

左手が腱鞘炎になって３週間、いつもエスプレッソを常用していて主ウインドウで入力しながら
プレビュー画面を別画面にして時折チェック。

システム環境設定で画面切り替えのショートカットを変えて、場合によっては結構頻繁にプレビュー画面と
行ったり来たりしてるんだけど、腱鞘炎でショートカットがキツい状態。

こんな風にプレビュー画面を別画面にしてるのって少数派ですか？

要約すると

プレビュー画面を別画面にしてるのって少数派ですか？

ってことか

6ボタンマウスとかにして
マウスボタンにショートカット仕込んだらどうでしょう

>>171
ごめ、その通りです。

csseditと違って変更の都度ページ全体を再描画するような挙動だから
プレビュー自体使ってないな
まんぴーいいよまんぴー

す、すいません、まんぴーとは何ですか？
すごく怪しげなんですが。

ごめんMAMPのことです
カンタンにWebサーバ環境一式面倒見てくれる

ありがとうございます。
MAMP、調べてみました。

お店のサイトをちょこちょこやってる私には敷居が高く、エスプレッソだけで
手一杯のようです。

あと、csseditとして使って、エディタとしては使ってなく、やっぱりCodaを
使ってる人が多そうですね。

でも確かにエスプレッソのプレビューはチカチカ再描画して見にくいです。

>>177
>お店のサイトをちょこちょこやってる私には敷居が高く

全然高くないよw
取っ付き難い感じだけどマジで簡単だから。
導入方法はググればいっぱい出てくる。