Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in

Recent Entries 【AS3.0】外部XMLからナビゲーションメニューを作成 Flashで書き出したFLVがFireFoxだけ再生できない件 【WordPress】head内をカスタマイズするプラグインHeadSpace2設置方法 【WordPress】テンプレートのURLを返すショートコード 【AS3.0】ウィンドウリサイズ時のステージサイズを取得 Categories ActionScript (19) JavaScript (1) MovableType (1) WordPress (3) その他 (1) 開発環境 (2) Archives 2009 年 12月 (1) 2009 年 11月 (3) 2009 年 10月 (1) 2009 年 9月 (1) 2009 年 8月 (1) 2009 年 7月 (1) 2009 年 6月 (1) 2009 年 4月 (4) 200

株式会社ワンパクの近藤＆杉山の師弟コンビが 、Dreamweaver の覚えておきたい便利な機能や、見落としていた機能などをお届けする本連載。今回取り上げるのは「正規表現を使った検索・置換」です。正規表現を使えば、値の異なる属性を検索したり、特定のマークアップ構造の要素を検索したりと検索の幅がグッと広がります。そして、「杉山のこれ知ってます？」のコーナーでは、使用頻度の高い検索・置換のパターンや便利な検索・置換のパターンを保存して、すぐに呼び出せるようにするクエリーについて紹介します。 やればわかる！　わかれば使いたくなる！　まずははじめの一歩！ 杉山：師匠、ちょっと聞きたいのですが…。今やっている案件のHTMLにはいろんな人が関わっていて、ちゃんとした管理がされてなくて、HTMLのコードがタブでインデントされていたりされていなかったり、記述方法がバラバラで気持ち悪いんですよ。あれほどイン

Dreamweaverにファイル比較ツールを組み込んでみましょう。 ファイル比較ツールにはDFを使用します。 ・DFのダウンロードはこちらから 1. DreamWeaverにDFを設定します DreamWeaverの[編集]-[環境設定]-[ファイルの比較]ダイアログボックスを開き、 参照ボタンをクリックして、DFの場所を設定します。 必要な設定はこれだけです。 2. リモートとローカルのファイルを比較します リモートとローカルのファイルを比較してみます。 リモートビューの状態で、 DreamWeaverのファイルパネルから対象ファイルを選択し、右クリック。 「ローカルとの比較」を選びます。 ※ローカルビューで作業している場合は、 「リモートとの比較」を選びます。 比較結果が表示されます。 差分があればハイライト表示されます。 3. テストサーバーのファイルと比較します DreamWeav

株式会社ワンパクの近藤＆杉山の師弟コンビが 、Dreamweaver の覚えておきたい便利な機能や、見落としていた機能などをお届けする本連載。今回取り上げるのは「ショートカットキー」です。「ソースコードの操作」「ファイルの操作」「タグなどの編集」の3つに分類して紹介します。ショートカットキーを使いこなして、作業のスピードアップを目指しましょう。そして、「杉山のこれ知ってます？」のコーナーでは、<table>に関する便利機能として、<table>のソートと表データの読み込みについて紹介します。 基本は構えから！ 近藤：なっとらん！　そんな構えはまったくもって、なっとらん！ 杉山：えっ…！？　構え！？！？ですか！？！？(@_@) 近藤：うむ。常に左手がWindowsならCtrlキー、MacならCommandキーに添えられているのが美しいファイティングポーズだ。 杉山：…ファイティングポーズ？…

先日の「お前らもっとDreamweaverの凄さを知るべき」の記事でDIVタグを一発で入れたいという要望を書きましたが、色々やってみると、実は出来ました。 DIVタグだけではなく、他にも好きなコードを登録可能です。 やり方は １．スニペットにタグを登録 ２．ショートカット割り当て こんだけです。 登録すると便利そうなタグ ・DIV ・SPAN ・LABEL ・UL ・SCRIPT ・HTMLコメント ほんと、LABELなんか面倒でたまりませんでした。 じゃあ、実際の登録方法を画像付きで紹介。 1)スニペットウインドウが出ているか確認 2)スニペットウインドウの余白部分で右クリック→新規フォルダ 3)フォルダに適当に名前を付けて、右下の新規スニペットのボタンをクリック 4)登録ウインドウが出てくるので、下記のように設定 5)作ったスニペットの上で右クリック→キーボードショートカットの編集 6

Webサイトの制作案件において、クライアントから「今後の運用まで考えて、CMS を導入してほしい」という要望を受けることが多いでしょう。とは言うものの、今や CMS 百花繚乱時代。Movable Type、WordPress、Drupal など、ネット上ではさまざまな CMS が話題となっています。では、どの CMS を選べばいいのでしょうか？ 各 CMS サービスの特徴を調べ、自分のスキルに見合ったものや導入しやすいものを選択することも大切ですが、制作後の先にある視点も取り入れることが大切ではないかと思うのです。本記事では、サイト運用ソリューションの現状を俯瞰しつつ、CMS の導入時に必要となる視点について改めて考えてみたいと思います。 クライアントにDreamweaverを覚えていただくのは、ちょっと... 制作会社が Web サイトを受注して制作する案件では、そのまま運用（日々

11/10/22更新 CS5.5だとうまくいかないとのコメントがあり、調べてみました。 取り急ぎ、動くように修正しました。 WordPressCodeHints.xml 解凍したファイルを下記のパスになるようにいれてください。 Winの人は似たパスのところにおけば動くと思います。 /Applications/Adobe Dreamweaver CS5.5/Configuration/CodeHints/WordPressCodeHints.xml ※注意 何年か前に作ったものなので、コードヒント自体が古いものになっています。 下記のページから、関数をひろってきて、上のxmlデータを上書きすれば最新のものになります。 http://codex.wordpress.org/Function_Reference Perl,Ruby,Pythonなどがあやつれれば、上のリンクから必要な部分を拾って