IT仕事 秀丸 Artisteer

HTML整形関係の秀丸マクロ

投稿日:2010年10月27日 更新日:

久々の投稿。

自分のHTMLファイルの作成スタイルは、

1.Artisteerでおおざっぱなデザインを決める。
2.同ソフトでHTMLソース(またはWPテンプレート)を出力する。
3.ソースを秀丸&FireFox&FireBugで微修正する(これが時間がかかるんだ)

で、今回、3をやっているときに、無数にあるDIVタグの開始タグと閉じタグの対応がわからなくなって、ずいぶん困った。

その仕事は一応終わったのだが、次回に時間がかかるのがもうイヤなので、なんか無いかと調べてみた。
で、見つかった良品が、これ。

秀まるおのホームページ(サイトー企画)-HTML整形マクロ:ReformTag.mac

秀まるおのホームページ(サイトー企画)-対応するHTMLタグへの移動を行うマクロ

いずれも秀丸のマクロ。
軽くて早くて最高。
マクロとはいえ、最後は手作業が出てくるけども、これでやりたいことの90%は叶う。


さらに、アウトライン解析で視認性をあげるなら、

1.その他メニューの「ファイルタイプ別の設定」、左ペインの「アウトライン-解析」を選択する。
2.同じ画面のプロパティボタンで、ツリー表示のプロパティ-見出しの定義の種類を「文字列」、文字列に”<div”を追加。さらに「大文字/小文字」のチェックを外し、右の「インデントの深さでレベルを決める」にチェックし、「展開/折りたたみ状態」を「初期状態でツリーを折りたたむ」にする。


アウトラインを使わないでやる(または併用する)なら、メインウィンドウの折りたたみをすると見やすくなる。
非表示にしたい行を範囲選択して、表示メニューの「折りたたみ」でOK。

さて、これで結構扱いやすくなったのでは。

-IT仕事, 秀丸, Artisteer

執筆者:

関連記事

no image

PhotoshopElementsで枠線を書くには

方法が長らくわからなかったが、今日わかったので書いておく。 図形ツールで図形を描く ラスタライズ メニューの「編集」-「境界線を描く」 上記の方法は、操作対象が「境界線」のため、たとえば「選択範囲」- …

no image

セキュアド合格!!

昨日、秋に受験した情報セキュリティアドミニストレータの合格証書が届いた。 ウレシー!! だって落ちに落ちて、3度目の正直だもん。 年に1度しかない試験だもん。 今度落ちたらもう受験するのやめようかと思 …

no image

Gifzoってのを使ってみたのですが、スゴイ便利

スクリーンキャストを撮るのに、Gifzoってのを使ってみたのですが、スゴイ便利。 Gifzo – 宇宙一簡単なスクリーンキャスト共有 例えば、こんな感じに撮れる。 ちょっとした意思の疎通が …

no image

QNAP TS-251AのバックアップでWARNING

毎日一回、LAN内のPCのUSBDISKにバックアップを取っている。 最近、qnapから以下のようなメッセージが毎日メールされる。 [RTRR Job] (Sync) Job share– …

no image

オープンソース・又は安価なECサイト比較

近々来そうなショッピングサイト構築仕事。そのために一日かかって調べた。 忘れないようにメモメモ。 今回の仕事の必要要件 ・管理者がバックエンドから顧客の注文データを投入できる(電話注文・FAX注文対応 …