Dreamweaver CC 2015 拡張機能のインストール方法
Extension Manager が Adobe CC 2015 から廃止になり、CC以前から利用している便利な拡張機能がインストールできなくなってしまいました。 しかし、閉じるタグを生成してくれる「End comment」など便利な拡張機能はそのまま使いたいのでマニュアルでインストールする方法はないか？と調べてみたら・・・ちょっと面倒ですが方法がありました。 ということで、今回は「Dreamweaver CC 2015でコマンドラインを利用して以前の拡張機能をインストールする方法」を紹介します。 はじめにDreamweaver は周知の通り有名なコーディングアプリですが、最近ではSublime Text や Brackets などフリーで使いやすいコーディングアプリが断頭しています。 僕も Dreamweaver CS6 があまりにも重かったので、sublime textと Brack
生まれ変わったDreamweaver CC 2017をいじってみた！Codaから出戻る…かも…
2016年11月7日 便利ツール 数日前Adobeのエディターツール、Dreamweaver CC 2017が新機能とともにリリースされました。過去にDreamweaverからCodaに乗り換えた私ですが、苦楽をともにしてきたCodaさんがどうもアップデートのたびにプラグインがうまく動かないなど、使いづらくなってきて…。そんな時に新生Dreamweaverの情報を耳にしたので、さっそく試してみました。 ↑私が10年以上利用している会計ソフト！ Dreamweaver CC 2017をインストール Adobeのツールはサブスクリプションモデルなので、Creative Cloudに契約する必要があります。Photoshop CCやIllustrator CCなど、多彩なAdobeツールが使い放題のコンプリートプラン（月額4,980円）、Dreamweaverのみ利用できる単体プラン（月額2,1
_notesフォルダを完全に消す手順 | Cappee Design
あとで読みたい人は… 徹夜明けで寝ようか迷っている@cappeeです。 私は普段FireworksとDreamweaver（どちらもCS6）を使用して作業をしていますが、コーディングをしているとつくった覚えのない「_notesフォルダ」が何者かによって勝手に生成されてしまいます。結構邪魔だし、データで納品する場合一度生成されたフォルダを削除するのは面倒です。 「_notesフォルダ」を生成しない方法が書かれている記事はよく見ますが、デフォルトで生成する指定になっているので、気づいたら大量のフォルダができてしまっていた、、なんてこともあるかもしれません。 すべての「_notesフォルダ」を一気に削除するには設定する”手順”が重要になってきます。今回はその手順も一緒にご紹介します。 1）dwsync.xmlファイルを生成しない まず、「_notesフォルダ」にある「dwsync.xml」が生成
DreamweaverでEclipseライクなコード編集ができる拡張機能を作りました。 | Yoropan blog
Eclipseのようにコードの移動や複製がやりたかったので作りました。 提供する機能は以下のとおりです。 Code-delete：選択行のコードを削除します。 Code-move-up：選択行を１行上に移動します。 Code-move-down：選択行を１行下に移動します。 Code-duplicate-up：選択行を上に複製します。 Code-duplicate-down：選択行を下に複製します。 確認環境：windows xp sp3、Dreamweaver 8～CS5 ダウンロードはこちら CodeEditUtils.zip 確認環境：windows7、Dreamweaver CC zxp版のダウンロードはこちら CodeEditUtils.zxp Zipファイルを解凍するとMXPファイルができますので開いてインストールしてください。 「メニューを更新できません。拡張機能はインストー
DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス＆タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが！フォトショでもFW並か、それ以上に楽ができると思います。 そ
Dreamweaverのコードビューのコードカラーリングを作ってみました | Webデザインのタネ
一定期間更新がないため広告を表示しています
作業効率化！Dreamweaverのオススメ拡張機能まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか？ 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamweaverの便利な拡張機能やおすすめ設定術を紹介させていただきます。 閉じタグコメントを自動挿入：End_comment.mxp 閉じタグコメントはソースの構造をチェックしたりする時に便利なんですが、その都度書いていくのって手間ですよね。 この拡張機能は閉じタグコメントを自動で挿入してくれます。もちろんIDとclassもちゃんと認識してくれます。 コメントを生成して挿入するDreamweaver用の拡
サンプルで学ぶDreamweaver CS6！「レスポンシブWebデザイン」に挑戦してみよう
Dreamweaverとは Adobe Dreamweaver（以下、Dreamweaver）は、Webページを作成・更新・管理するためのソフトウェアです。Dreamweaverにはいくつかの編集モードがあり、コードビュー（HTMLコードやCSS、JavaScriptファイルなどコードを直接編集できる画面）、デザインビュー（Webページをブラウザで表示した形に近い状態で編集できる画面）の両方で編集できます。 さらに、Dreamweaver CS4で登場したライブビュー（レンダリングエンジンに利用しブラウザに非常に近い状態での表示確認ができる画面）では、SafariやGoogle Chromeと同じWebkitというレンダリングエンジンを採用しており、実際の画面を確認しつつ作業を進めることができます。 デザイナーにとっては、HTMLやCSSのコードをオートコンプリート（自動補完）してくれる機
Dreamweaverのデザインビューを使い倒すために覚えてきたいこと | Webデザインのタネ
一定期間更新がないため広告を表示しています
Adobe Edge: 2010年1月 ワンパクの「もっと使いこなしてみよう！Dreamweaver」 第4回 正規表現を使った検索・置換にチャレンジ！
株式会社ワンパクの近藤＆杉山の師弟コンビが 、Dreamweaver の覚えておきたい便利な機能や、見落としていた機能などをお届けする本連載。今回取り上げるのは「正規表現を使った検索・置換」です。正規表現を使えば、値の異なる属性を検索したり、特定のマークアップ構造の要素を検索したりと検索の幅がグッと広がります。そして、「杉山のこれ知ってます？」のコーナーでは、使用頻度の高い検索・置換のパターンや便利な検索・置換のパターンを保存して、すぐに呼び出せるようにするクエリーについて紹介します。 やればわかる！ わかれば使いたくなる！ まずははじめの一歩！ 杉山：師匠、ちょっと聞きたいのですが…。今やっている案件のHTMLにはいろんな人が関わっていて、ちゃんとした管理がされてなくて、HTMLのコードがタブでインデントされていたりされていなかったり、記述方法がバラバラで気持ち悪いんですよ。あれほどイン
Dreamweaver用拡張機能でCSSプロパティを並べ替える | ツール・サービス | かたつむりくんのWWW
昨日、Adobe Dreamweaver CS3 10 周年記念 イベント - 夢を紡ぐ者たちへ -に参加してきました（レポートのエントリーを後日掲載します）。 そこで紹介されたTipsやCS4に関する最新情報は、どれも興味深く、自分にとっては役立つ情報ばかりでしたが、その中ですぐに試せて、かつ大変便利そうで、さらに自分が今までずっと欲しかった機能があったので紹介します。 それは、Dreamweaverの拡張機能を使って、CSSプロパティの記述順序を自動的に並べ替えることができる、というものです。 以前の「CSSプロパティの指定順序」というエントリーでも書いたとおり、これまでは「自分が作ったプロパティの指定順序と、Dreamweaverの「CSSルール定義ダイアログボックス」からはき出されるコードのプロパティの指定順序が全く違う」ということに非常に不便を感じていました。今回の拡張機能は、そ
入れると便利なDreamweaver拡張機能/Dreamweaver - サイブリッジラボ
こんにちは！Roadyです。 今日から仕事初め！という方も多いと思います。 お正月ボケ冷めやらぬ今日この頃ですが、記事を見て頂いて頭のスイッチもOnにして頂ければと思います。 今日は、自分がいつもお世話になっているDreamweaverの拡張機能について紹介させていただきます！ 自分のDreamweaverにはどんな拡張機能が入ってるの？という方は、 「コマンド→拡張機能の管理」で確認することができます。 zen-coding もうこの子無しではコーディングできない！って言うほどお世話になっています。 自分の場合はdreamweaverのショートカットと組み合わせながら活用しています。 詳しい使い方等はこちらでは割愛させて頂きますが、使っていない方は是非活用してみてください。 参考 Zen Coding cheat sheet 閉じタグコメントを挿入 こちらもいつもお世話になっています。
「効率的なサイト制作のためのDreamweaver活用術seminar」フォローアップ｜DTP Transit
2011年12月11日に開催された「効率的なサイト制作のためのDreamweaver活用術seminar」のフォローアップです。 お預かりしました質問の件は、追記しますので、後でまた覗いてください追記しました。 スライドはCSS Nite in Ginza, Vol.59フォローアップ | CSS Nite公式サイトから（※すべてではありません）。 HTML5やCSS3などのスキルの獲得には下記のセミナーをオススメします。 平日の夜のショートセミナー「CSS Nite back2basic」を2012年1月に開催します #cssnite_b2b | CSS Nite公式サイト ご質問の件 条件コメントを使ったInternet Explorer用の振り分けなど、最近のよく使われているものについて教えて欲しい。 Internet Explorer用の条件分岐次のように記述することで、Inter
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dreamweaverで複数行を置換する正規表現 | Web活メモ帳
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ
[Dreamweaver] コードビューを Sublime Textエディタ風な黒い画面になるようコードカラーリングを変更してみた | バシャログ。![[Dreamweaver] コードビューを Sublime Textエディタ風な黒い画面になるようコードカラーリングを変更してみた | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2a2c11b17693e3812ca5043c1de13f337332706/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_dreamweaver.png)
Dreamweaverのコードカラーリングまとめ | Webデザインのタネ
Dreamweaverで適用しているCSSを確認するには？ | Webデザインのタネ
HTML・CSS・Sassのコーディング環境 2012 | Webデザインのタネ
widowsプロパティの誤入力を防ぐCodeHints.xml｜カラクリエイト
