Drawer|web制作に関するネタの引き出しサイトweb制作に関するネタの引き出しサイトTwitterFacebookRSS登録TOPページに戻るツールDwでコーディングがちょこっと早くなる小技Dwでコーディングがちょこっと早くなる小技2011年02月04日ツールコーディングを早くすると言えば超速コーディングとして話題になった「Zen-Coding」がありますが、記述方法を覚えなければいけないのもあって及び腰な人も多いのではないでしょうか(私です)。私はコーディングする際は先にテキストをコピーしてもってきてからタグで囲むので、このような使い方をしてるとあまりZen-Codingは使わないのかなと思います。【追記】調べたら囲んだあとにもできました。Abbreviationを選択し、ウインドウが出てくるのでそこにzen-codingの記述をすればいいです。ご指摘ありがとうございました。覚えてしまえば早くなりそうですが、そこまでなーと思う人がちょこっとスピードアップできることをよく使っているDreamweaverの機能をご紹介します。新しい事ではなく元から付いてる便利な機能のご紹介です。スニペットを使うよく使うコードを登録しておけるスニペット。自分でキーボードショートカットを指定できます。テキストを選択してから使用するとそのテキストを囲んでくれるのがいいですね。何に使うかと言うと、CSSを記述している時にレイアウトが崩れたりしたらこれを指定してどこがおかしいのか調べてます。私が登録してるのは以下です。red;<strong></strong>など最初から登録されているものもありますね。コマンドを使うコマンドを使って処理を自動で行ってもらう方法です。Photoshopでいうアクションみたいな感じでしょうか。最初から「ソースフォーマットの適用」などあるので使った事がある人が多いと思いますが、これは自分で作ることも可能です。コマンドの記録と保存コマンドはHTMLとJSで作られています。配布しているサイトもたくさんありますので、これがあれば便利なのに!っていうのがあったら探してみてはいかがでしょうか。ちなみに私がよく使ってるのはこちら。以前紹介したものです。文字列からリストを作成するコマンド他にも以下のようなものがあります。画像の幅と高さをリセットするコマンドサイトの管理を使う直接的なコーディングではありませんが、Dreamweaverにある機能でサイトの管理があります。ここで制作するフォルダを指定しておくと、ウィンドウでファイルを表示してくれますので、使うファイルや階層が一目でわかります。ここでファイル名を変更や削除をすると、そのファイルにリンクを指定してるファイルのリンクも変えてくれますので、リンク切れが起きなくて済みます。ファイルの移動もできます。あとはFTPの設定をしていればファイルのアップ削除や同期をとることも可能です。大量にアップするには時間がかかるので向いていないと思いますが、すでにアップされているファイルの同期をとるには便利です。自分のサイトは最初はFTPソフトを使ってアップして、更新作業はDreamweaverのFTPで済ませています。基本的な機能ですがいかがでしたでしょうか。これだけでもコーディングは結構早くなると思います。ツールは機能をつかってこそですので有効利用しましょう。Drawerこのサイトについてホームページ制作のマークアップエンジニアをしています。このブログはWebに関する記事を扱っています。自分で作ったものや試したもの調べたものを紹介しています。webdrawer.netページTOPへ戻る。