Q&A
回答ありがとうございます！GIFまでつけていただいてイメージがとても湧きました！
個人的にGIF2の方が好きです！
聞きたいこと
vimでHTMLのliタグを書く時に、下のようなことになることがよくあるのでvimmerの方に効率的な変更方法をお聞きしたいです。
自分が陥る現象
- グローバルナビゲーションを書きたいが、めんどいので「ホーム」の１行を書いたら「yy + p」でコピペ
html
1<li><a href="#">ホーム</a></li> 2<li><a href="#">ホーム</a></li> 3<li><a href="#">ホーム</a></li> 4<li><a href="#">ホーム</a></li> 5<li><a href="#">ホーム</a></li> 6<li><a href="#">ホーム</a></li>
- あとは１行１行書き換えるが、次の行の「ホーム」にジャンプする方法として下の方法を実施
*「/ホーム」で検索、「c + e」で「ホーム」を削除し、値を入力。その後コマンドモードに戻り「n」で再度「ホーム」を検索…
html
1<li><a href="#">ホーム</a></li> 2<li><a href="#">お知らせ</a></li> ← ホームをお知らせに変更（以下のホームも粛々と上記手順で変更） 3<li><a href="#">ホーム</a></li> 4<li><a href="#">ホーム</a></li> 5<li><a href="#">ホーム</a></li> 6<li><a href="#">ホーム</a></li>
この変更方法しか自分だと思いつかず、とても効率が悪そうなので、vimmerの方にアドバイスいただきたいです。
回答7件
0
項目が決まっているなら先にこんな風に先に項目だけ作っておく作戦が使えますよ
ホーム お知らせ ランキング その他 設定
ホームの箇所でI、<li><a href="#">と入力！、j.でバババッと他の行も同じものを適用。
<li><a href="#">ホーム <li><a href="#">お知らせ <li><a href="#">ランキング <li><a href="#">その他 <li><a href="#">設定
次にA、残りの</a></li>を入力して同じくj.で繰り返せば実現出来ます。
リンク先も決まっているのであれば
レコーディング機能を使ってみてはどうでしょうか？
こんな風にcsv風に作っておいて…
home,ホーム news,お知らせ ranking,ランキング infomation,その他 settings,設定
qaでaキーに向かってレコーディング開始。
Iで行頭に<li><a href="#
f,でカンマにカーソルを飛ばす
sでカンマを削除しつつ">
Aで行末に</a></li>
j^でカーソルを次の行頭に移動しておく
qでレコーディング終了
後は4@aで4回再生して終了。
おまけ： テンプレートエンジンの紹介
長い事メンテするならHTMLの静的ジェネレータ言語を使った方が良いでしょうね。
こういうやつです。
ほぼEmmetの世界観で全て記入していけるので作業効率が段違いに良くなります。
コマンドラインツール一撃で生のHTMLを生成してくれますし、
他のツールとの組み合わせでファイル保存と同時に勝手にHTMLが生成され直すWatchみたいな機能が実現出来たりします。
何度も修正が求められるようであればこういったツールを併用したほうが良いですね。
投稿2018/04/19 08:17
編集2018/04/19 08:23
総合スコア21158
0
私のやり方です。初めに、下記のようなテキストファイルを作っておき（借用すみません）、
ホーム お知らせ ランキング その他 設定
vimで
:%s/^/<li><a href="#">/
:%s:$:</a></li>:
を実行していました。
結果は以下のようになります。
<li><a href="#">ホーム</a></li> <li><a href="#">お知らせ</a></li> <li><a href="#">ランキング</a></li> <li><a href="#">その他</a></li> <li><a href="#">設定</a></li>
このファイルを別なファイルに挿入するには、挿入されるファイルをvimで開き、挿入される場所にカーソルを持っていき
:r ファイル名
で挿入できます。
投稿2018/04/19 09:21
編集2018/04/19 09:33
総合スコア1167
0
投稿2018/04/19 15:18
編集2018/04/19 21:30
総合スコア112
0
ベストアンサー
私は
list
1ホーム 2お知らせ 3ランキング 4その他 5設定
を矩形コピーして
list
1<li><a href="#"></a></li> 2<li><a href="#"></a></li> 3<li><a href="#"></a></li> 4<li><a href="#"></a></li> 5<li><a href="#"></a></li>
に矩形ペーストしますね。
投稿2018/04/19 09:35
総合スコア1294
0
<li><a href="#">ホーム</a></li>
を書いたら yy+ 5 +p
:2 で2行目に飛んで
:s/ホーム/お知らせ/
投稿2018/04/19 08:07
総合スコア114843
0
なにげない一言が emacserを きずつけた
miyabi-sunさん方式で、あらかじめリスト作るスタートとします。
ホーム お知らせ ランキング その他 設定
<li><a href="#">とタイプC-@ C-a C-w
ここまでで、1. でタイプしたものをキルリングへキル
0. C-x ( C-y C-a C-n C-x )
ペーストし、次の行へ進む、とマクロ登録
0. C-x e e e e
マクロを実行し、各行にタグをペースト
0. C-5 C-p で五行前に戻る
0. </a></li>とタイプ
0. C-@ C-a C-wでキル
0. C-x ( C-e C-y C-n C-x )
貼り付けて移動、をマクロ登録
0. C-x e e e e
マクロを実行し、各行に閉じタグをペースト
投稿2018/04/19 09:16
総合スコア7196
0
先に項目を入力して、一括置換する方法です。
- スラがあるので、@マークを記号にしています。
- 検索文字は、&で代入できるます。
今回の場合では、使いずらいですが参考までに。
コマンド
:%s@.*@<li><a href="#">&</a></li>
サンプル
あ い う え お ↓ <li><a href="#">あ</a></li> <li><a href="#">い</a></li> <li><a href="#">う</a></li> <li><a href="#">え</a></li> <li><a href="#">お</a></li>
投稿2018/04/24 01:15
総合スコア131
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/04/20 08:48