ArchArchHTML/JavaScriptUI・UXインスピレーションダウンロード素材ツールTIPSディレクションデザインマーケティング雑記・お知らせ2010.4.29[Dreamweaver]Zen-Codingのショートカットキーをカスタマイズ+おまけZen-Codingの一番良く使う変換機能のショートカットをカスタマイズして、ちょこっと便利に、さらに効率化する方法です。DreamweaverでZen-Codingを使うとき、変換機能のショートカットが「Ctrl」+「,」なのですが、これだとちょっとやりづらくありませんか?なので、キー変換ソフトを使って、ワンタッチで変換させようと思います。Key」がおすすめです。Keyを立ち上げます。使い方は簡単で、さわってみるとわかるのですが、念のため...まず、変換したいキーをクリックします次に、置き換えたいキーをクリックします。ここでは、「F1」キーに変更します。「F1」なのかというと、「F1」はほとんどのソフトでヘルプ項目のショートカットに設定されています。私はほとんど使っていないので、「F1」キーに割り当てました。最後に「登録」→「現在の設定内容で登録します」を押して完了です。3.ショートカットを変更するDreamweaverのショートカットを変更するには、「編集」→「キーボードショートカット」を選択します。Abbreviation」を選び、キーの項目で「F1」を押します。これでショートカットの変更は完了です。おまけDreamweaverのCS3で、Zen-Codingを使えないという方がけっこういたみたいなので、使えるようにする方法を書きます。Codeからダウンロードします。v0.6のダウンロードはこちらv0.6が動かないのは、「zen_editor.js」の記述で違っているところがあるからだそうです。正しい記述に直されたファイルをダウンロードします。zen_editor.jsのダウンロードはこちらページ下部にある、「zen_editor.js」の「Download」をクリックします。ダウンロードした「zen_editor.js」を、上書きします。9\Configuration\Commands\ZenCodingなどのフォルダに「zen_editor.js」があります。探せない場合は、「zen_editor.js」でPC内検索をすると、見つかります。ファイルを上書きし、Dreamweaverを再起動すると、使えるようになっている...と思います。2013のボランティアスタッフに参加して良かったこと2013.12.02UI変更が不評な時に役立つ原因の切り分け方2013.11.29About@kanako29WebサービスのUI・UXデザインなどをやっています。