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

執筆者:

関連記事

ATOM Cam 購入&アクリルケース内に設置

会社の駐車場の降雪確認用のWebカメラを利用する季節になりました。 昨年までWebカメラとして利用していたスマホが壊れたので、Webカメラを購入してもらいました。 ATOM Tech(アトムテック)の …

no image

へこむ

とあるお客さんと、「言った・言わない」のトラブルになったのが、おととい。 昨日はすでに仕事があって行けなかったので、今日そのお客さんの所に行ってきた。 謝る気はなかったのだが、ついいつものように、「ご …

no image

Q.NASに対してPCからアクセスしようとすると、毎回ユーザーIDとパスワードの入力を求められる

A. 1.ユーザーIDとパスワードを入力するとともに、その下の「保存」にチェックする 2.「コントロールパネル」の「ユーザーアカウント」にある「ネットワークパスワードの管理」から、ユーザー名とパスワー …

no image

Photoshopで画像半分をぼかす(グラデーションで半透明に)する

よく忘れる(というか覚えられない)ので、備忘録。 1.画像を開く。またはレイヤーを選択。 2.レイヤー下の「ベクトルマスクを追加」ボタンをクリック 3.半身をグラデーションにしたい範囲をドラッグで選択 …

no image

CMOSボタン電池切れ

DellのOptiplexを使っている隣人(会社)、席替えの際にコンセントから電源ケーブルを抜いて以来、PCが立ち上がらなくなった。 XPなのだが、ようこそ画面の直前の「マウスポインタと黒背景」から先 …