mac

Coda2のzen-codingで地味に困る事。

をWrap with Abbreviationすると
こうなってほしいのに

coda2のzen-codingだとこうなる

どこをいじれば修正できるのだろう…

[Coda2]Dreamweaver使い(の私)が、Coda2を使ってイマイチだと思った所

Coda2の良い所は色んな人が書いているので
あえて「これ、なんでこうなっているんだろう?」と思った所を挙げてみます。

一言でいうと「色々出来るっぽんだけど、どれも一手間かかる。」印象

てか、まだ数日使ってみただけの感想なので、
機能を把握しきれてなかったり勘違いや間違いもあるかもですが
これから買う人の判断材料になればいいな、と。

1)新機能(らしい)コードの折りたたみが、閉じすぎる。

[image]何が閉じているかわからない
最初の数文字は表示してもらえると、何が入っているか開かなくても確認できるので助かるなぁ、という印象。
ちなみに、好きな部分を選択して折りたためるわけでもない。

2)サイドバー(カスタム可能なDockを備えたツールパレット)の使い勝手が悪いかも。

まず実際の画面はこんな感じです。
[image]サイドバーのファイル
(実寸)

coda2のサイトバーは、ファイルのリスト表示(リモート / ローカル)、クリップ(スニペットみたいなもの)やリファレンス等表示させられ
ファイルのリスト表示は、スペースキーでクイックルックも出来る。
サイドバーDockに登録したものは左から若い番号が割り当てられoption+command+数字で切り替えられて便利。

がしかしサイドバーを閉じるショートカットが見つからない。
control+command+bだった(失礼。
(DwでいうところのF4

ファイルは名前順にソートされ、昇順降順を切り替えられない(※1)。
表示形式も変更出来ないためサムネイル表示は出来ない。

※1)環境設定からファイルの上にフォルダを表示させるオプションはある
[image]環境設定のファイル表示オプション

2-1)そもそも、機能のどれか一つしか表示させられない

縦に分割してファイルとクリップを同時に表示、とか出来ない。
な、なんでー?

リモート側を表示出来るので
もちろんファイルを選択して、右クリックからアップロードやダウンロードなど行える(上矢印のアイコンは別の機能)

けれど、フォルダ移動はサイドバー上部からなのに
ローカルリモートの切り替えは、画面の下にあるアイコンからのみ
(これは切り替えるショートカット見つからず)
位置は上記スクリーンショッをト参照

2-2)一緒に使う機能なのになぜか纏まってない。

サイドバーに限らず、色々纏まってない
例えば、メインのウインドウを分割するのはウインドウの右上からなのに
閉じるのはウインドウの左下の×ボタン
(ショートカット、もしくは右クリック等で閉じられる?)
[image]開くボタンと閉じるボタン

2-3)サイドバーでのFTPは、おまけ?

oh…ファイルを右クリックしてpublish to “”でputさせれば階層を認識してアップされた。
(最初に試した時に全然関係ないディレクトリにputされたのはこちらの手違いか勘違いだったのかな?)


サイドバーのFTPは、DwのFTPのように、
サイト設定時に記述したローカルルートと、リモートルートの階層を認識して
自動的にアップしてくれるわけじゃないから
ファイルをアップする達にリモート側の階層を変更して
ローカルに戻ってファイルを右クリックしてからアップする必要がある。
(リモート上のファイルを選択してアップは出来ない、出来るのはゲットだけ)

それと、地味にきついのは

今どっち側のファイルが表示されてるのかを、一瞬で把握するのが困難な事(ファイル達は上揃えだから)。

3)ルート階層に戻る手段が(今のところ)ない

ビジュアルタブからサイトを閉じると
サイドバーでのカレントディレクトリが/User/[ユーザー名]になってしまう。

別のサイトに接続しても、それらのサイトルートに移動してくれず
/User/[ユーザー名]が表示されたままのスタートになる。
[image]ビジュアルタブからサイトを閉じると

ルートに戻る方法が判らなかったので、サイトを編集する際は、毎回サイドバーからフォルダを辿っていっていたが
こんな面倒臭い事が正式な使い方なはずがないと思い、
twitterで質問してみたら以下の回答。

一応、ビジュアルタブに開いたファイルを右クリックしてshow in sidebarを選択すると
そのファイルがある階層がサイドバーに表示される。が、毎回ルートのファイルを開いているわけじゃないのよね。

ちなみに、リモート側のファイルをshow in sidebarすれば
サイドバーにリモートの対象ディレクトリが展開される。

紛らわしいけど、このアイコンはサイトルートに戻るアイコンではなく
サイドバー機能の一覧

4)デフォルトでソースフォーマットがない?

見つけることが出来なかった。

でもPHP & Web Toolkit(Coda PHP & Web Toolkit // chipwreck)を入れたら
html tidyが使えた。
[image]html tidy

そのままだとインデントが多すぎるので
PHP & Web Toolkitの環境設定から数値を変更しました。
[text]
indent-spaces: 1
tab-size: 1
[/text]

5)プレビューにピンを刺したい

ウィンドウ内の分割がファイル毎に保存されているから
htmlをプレビュー表示しながら編集していて
プレビューを見ながらcssを編集しようとして新しくcssファイルを開くと
cssファイルのウィンドウは分割されていないので、
再度分割して右(左の人もいるだろうけど)にhtmlをドラッグしたりする必要がある。

一応上部メニューの view – preview in new window(control+command+4
から新規ウィンドウ内に開く事が出来る
[image]preview in new window
サイドメニューの右クリックからも選べたらいいのに。

[Mac] .oggに変換する

Webサイトにオーディオ / ビデオプレイヤーを設置する | 乱雑モックアップ
で、.mp3を.oggに変換するのにswitchを使ったけれど
しばらくしたらアップグレードしなさいと言われたりしたので
今はApp Storeからダウンロード出来る別のアプリを使っています。

[image]Video Converter Master

[image]Total Video Converter Lite

どっちもビデオコンバーターてなってるけどオーディオファイルもいける。

Video Converter Masterで変換してみる

[image]手順

変換したいファイルをぶちこんで、アイコンクリックして変換したい形式を選んでスタート。
すげぇ楽チン

[Mac] Dreamweaverに登録してあるサーバー情報の、通常見えないパスワード(●●●●●●)を見るにはキーチェーンを使う

パスワード

普段Dreamweaver(以下Dw)だけでコーディングからサーバーへのput/getを全部やっていて
たまたまFTP情報もDwのサイト管理内にしか手元にない場合に
別のエディタや別のFTPソフトを使う必要が出た時に
●●●●●●で隠れているパスワードをMacだと表示する方法がわからず
どうしたものか、と困っていたMac初心者のまことです。

Dwサイト管理のパスワードも、ユーティリティのキーチェーン中に保存されていました。

[image]画像はlaunchpadのユーティリティ内

[image]キーチェーン

キーチェーンにDw内のパスワードまで入ってるとは思いもよらなんだ。

余談

「自分の証明書」ってなんか格好いいですよね、うちは何者なんだろ。

[image]存在証明

Coda2にzen-codingを入れて、カスタマイズ

Coda2のzen-codingで地味に困る事。を追加。
解決方法をご存知でしたらぜひ教えて下さいませ。
追記ここまで。

日本語化されるまで触らないでおこうと思いつつ
ちょっとしたコーディングをする際にちょこちょこ起動してるCoda2

zen-codingを入れてhtml:5とやるとlang=”en”になっていたり<!DOCTYPE HTML>と少し気持ち悪かったのでカスタマイズする事に。

zen-codingを拾ってくる

Downloads – zen-coding – Set of plugins for HTML and CSS hi-speed coding – Google Project Hosting
Zen Coding for Coda v0.7.1 をダウンロードした

/Users/[ユーザー名]/Library/Application Support/Coda 2/Plug-ins/TEA for Coda.codaplugin
右クリックして「パッケージの内容を表示」

Support/Library/zencoding/zen_settings.py
をバックアップしてから
CotEditorで開いた

でもってenをjaに変更

[text]
‘lang’: ‘ja’,
‘locale’: ‘ja-JP’,[/text]
[image]気持ち悪い場所

ついでに

私、気になりますっ!

なんでHTMLが大文字でlangはlocaleなんでしょう?
[image]書き換えます

!DOCTYPE HTMLを
!DOCTYPE htmlにしました。
[image]小文字とjaにしました

ちなみに、W3C(HTML5)の記述はこんな感じだった

lang属性はなんて書くのがいいんだろう?

おまけでjQueryやviewportの記述も追加しておく
[image]色々追加
コンディショナルコメントのところの[]は\でエスケープ。

この段階のhtml:5をzen-codingすると

こうなる。

テンプレ部分の参考サイト

HTML5+CSS3の導入時に役立つ7つの設定 : アシアルブログ
【HTML】最近のPCサイトに見るテンプレ要素まとめ | istis

ちゃんと勉強してテンプレを作りたいなー。

Coda2についてくるオリジナルのフォント(Panic Sans)の格納場所

[image]Panic Sans

App Storeのレビューの「前のバージョンについていたPanic Sans(オリジナルのフォント)がCoda2にはみあたらない」を読んで
みたことないフォントだけど残念過ぎる!本当にないのか?と探してみたらパッケージの中にありました!やった!

Panic Sans 格納場所

/Applications/Coda 2.app/Contents/Resources/Panic Sans.dfont

アプリケーションのCoda 2.appを右クリックして
パッケージの内容を表示から行った。

[image]アプリケーションからCoda2を右クリック

他のフォントと比較

menloとそっくり、でも0が可愛い。
[image]比較

なんで一緒にインストールされなかったんだろう