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

WordPressMe2.3.3で、Deprecatedエラー

朝、出社して管理しているお客様のサイトを見ると、上部に見たこともないエラーがずらずら出ていた。 Deprecated: Assigning the return value of new by ref …

no image

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

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

no image

バズ部のテーマ xeory base でfacebookの「いいね」のカウント引き継ぐ

会社のサイトで、WordPressでバズ部のテーマ xeory base を使っている。 で、この度、最近、弊社サイトの常時SSL化に向けて準備を進めている。 ところで、サイトをhttps化すると、チ …

no image

Shopifyで注文に付けたタグが消える(日本語の場合)

手入力でタグ付けしても、アプリでタグ付けしても、日本語はダメ。気持ち悪いのは、一度、日本語のタグ付けをして、正しく保存されたように見えても、次に画面遷移したらそれが消えていたり、時間がたったら消えてい …

FreeNASに挑戦

バージョン FreeNAS-9.2.1.3-RELEASE-x86。 FreeNAS-9.2.0-RELEASE-x64.iso。 2014/4/3(木)追記: Ver.9.2.1はCPU Usage …