Skip to content

Commit 95ba605

Browse files
zonuexezonuexe
committed
Use <video> tag
1 parent 27168c5 commit 95ba605

File tree

1 file changed

+64
-16
lines changed

1 file changed

+64
-16
lines changed

‎docs/tips/avy-can-do-anything.md‎

Lines changed: 64 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -221,15 +221,21 @@ Typing in one of the hints then jumps the cursor to that location. Here I jump t
221221

222222
ヒントのいずれかをタイプすれば、カーソルがその位置にジャンプする。以下のビデオでは別のウィンドウからこのセンテンスにジャンプしている:
223223

224-
[avy-basic-demo.mp4](https://karthinks.com/img/avy-basic-demo.mp4)
224+
<video style="center" width="700" controls="">
225+
<source src="https://karthinks.com/img/avy-basic-demo.mp4" type="video/mp4">
226+
<a href="https://karthinks.com/img/avy-basic-demo.mp4">[VIDEO]</a>
227+
</video>
225228

226229
<!--
227230
Typical Avy usage looks something like this: Jump to a location that matches your text (across all windows), then jump back with pop-global-mark (C-x C-SPC). In a later section I go into more detail on jumping back and forth with Avy. Here is a demo of this process where I jump twice with Avy and then jump back in sequence:
228231
-->
229232

230233
テキストにマッチする位置に(ウィンドウ間を横断して)ジャンプ、その後は`pop-global-mark` (`C-x C-SPC`)で元の位置にジャンプして戻る、というのがAvyの典型的な使い方だろう。後半のセクションではじAvyを使った前方あるいは後方へのジャンプについて詳解する。以下のデモではAvyで2回ジャンプしてから順番にジャンプして戻るプロセスを行っている：
231234

232-
[avy-jump-back-demo-2.mp4](https://karthinks.com/img/avy-jump-back-demo-2.mp4)
235+
<video style="center" width="700" controls="">
236+
<source src="https://karthinks.com/img/avy-jump-back-demo-2.mp4" type="video/mp4">
237+
<a href="https://karthinks.com/img/avy-jump-back-demo-2.mp4">[VIDEO]</a>
238+
</video>
233239

234240
<!--
235241
At least that's the official description. You can peruse the README for more information, but what I find mystifying is that…
@@ -466,7 +472,10 @@ Killing words or s-expressions is built-in. I added an action to kill a line. In
466472

467473
単語とsexpのkillについてはビルトイン。行のkillはわたしが追加した。このデモでは手っ取り早くtypo修整とコメント削除を行い、その後に別ウィンドウのコードを削除している:
468474

469-
[avy-kill-demo.mp4](https://karthinks.com/img/avy-kill-demo.mp4)
475+
<video style="center" width="700" controls="">
476+
<source src="https://karthinks.com/img/avy-kill-demo.mp4" type="video/mp4">
477+
<a href="https://karthinks.com/img/avy-kill-demo.mp4">[VIDEO]</a>
478+
</video>
470479

471480
<details><summary>ビデオ実況</summary>
472481

@@ -520,7 +529,10 @@ Copy to the kill-ring or copy to point in your buffer. In this demo I copy some
520529

521530
killリングまたはバッファーのポイント位置にコピーする。このデモではmanページからファイルにテキストをコピーしている。
522531

523-
[avy-copy-demo.mp4](https://karthinks.com/img/avy-copy-demo.mp4)
532+
<video style="center" width="700" controls="">
533+
<source src="https://karthinks.com/img/avy-copy-demo.mp4" type="video/mp4">
534+
<a href="https://karthinks.com/img/avy-copy-demo.mp4">[VIDEO]</a>
535+
</video>
524536

525537
<details><summary>ビデオ実況</summary>
526538

@@ -595,7 +607,10 @@ Note that Avy actually defines separate commands for this: avy-copy-line and avy
595607

596608
これはAvyでは"teleport"、わたしは"transpose"と呼んでいるが、いずれにせよ`t`にバインドされることになる。このデモではバッファーのあちこちをあまり移動せずに、バッファーのあちこちにテキストを移動する。
597609

598-
[avy-transpose-demo.mp4](https://karthinks.com/img/avy-transpose-demo.mp4)
610+
<video style="center" width="700" controls="">
611+
<source src="https://karthinks.com/img/avy-transpose-demo.mp4" type="video/mp4">
612+
<a href="https://karthinks.com/img/avy-transpose-demo.mp4">[VIDEO]</a>
613+
</video>
599614

600615
<details><summary>ビデオ実況</summary>
601616

@@ -651,7 +666,10 @@ Select a candidate line (the one just below the image). It is moved over (transp
651666

652667
これはビルトインのコマンドで、デフォルトでは<code>z</code>にバインドされている。
653668

654-
[avy-zap-demo.mp4](https://karthinks.com/img/avy-zap-demo.mp4)
669+
<video style="center" width="700" controls="">
670+
<source src="https://karthinks.com/img/avy-zap-demo.mp4" type="video/mp4">
671+
<a href="https://karthinks.com/img/avy-zap-demo.mp4">[VIDEO]</a>
672+
</video>
655673

656674
<details><summary>ビデオ実況</summary>
657675

@@ -684,7 +702,10 @@ Also built in, m by default. This isn’t different from jumping to the candidat
684702

685703
これもビルトインのコマンドであり、デフォルトでは<code>m</code>にバインドされている。Avyを使って候補にジャンプするのは、<code>mark-sexp</code>を呼び出すジャンプと変わらないが、Avyの方がより使いやすくなっている：
686704

687-
[avy-mark-demo.mp4](https://karthinks.com/img/avy-mark-demo.mp4)
705+
<video style="center" width="700" controls="">
706+
<source src="https://karthinks.com/img/avy-mark-demo.mp4" type="video/mp4">
707+
<a href="https://karthinks.com/img/avy-mark-demo.mp4">[VIDEO]</a>
708+
</video>
688709

689710
<details><summary>ビデオ実況</summary>
690711

@@ -720,7 +741,10 @@ Avy sets the mark before it jumps, so you could use C-x C-x to activate the regi
720741

721742
Avyジャンプする前にマークをセットするので、C-x C-xを使用してリージョンをアクティブにすることも可能だが、このコマンドを使うほうがトラブルを回避できるだろう。
722743

723-
[avy-mark-to-char-demo.mp4](https://karthinks.com/img/avy-mark-to-char-demo.mp4)
744+
<video style="center" width="700" controls="">
745+
<source src="https://karthinks.com/img/avy-mark-to-char-demo.mp4" type="video/mp4">
746+
<a href="https://karthinks.com/img/avy-mark-to-char-demo.mp4">[VIDEO]</a>
747+
</video>
724748

725749
<details><summary>ビデオ実況</summary>
726750

@@ -780,7 +804,10 @@ This is built-in, bound to i by default.
780804

781805
これはビルトインのコマンドであり、デフォルトでは<code>i</code>にバインドされている。
782806

783-
[avy-ispell.mp4](https://karthinks.com/img/avy-ispell.mp4)
807+
<video style="center" width="700" controls="">
808+
<source src="https://karthinks.com/img/avy-ispell.mp4" type="video/mp4">
809+
<a href="https://karthinks.com/img/avy-ispell.mp4">[VIDEO]</a>
810+
</video>
784811

785812
<details><summary>ビデオ実況</summary>
786813

@@ -854,7 +881,10 @@ I use the dictionary package for Emacs, and I’m lazy about it:
854881

855882
わたしはEmacsのdictionaryパッケージを使っているので、単語の登録は怠けがちだ:
856883

857-
[avy-define.mp4](https://karthinks.com/img/avy-define.mp4)
884+
<video style="center" width="700" controls="">
885+
<source src="https://karthinks.com/img/avy-define.mp4" type="video/mp4">
886+
<a href="https://karthinks.com/img/avy-define.mp4">[VIDEO]</a>
887+
</video>
858888

859889
<details><summary>ビデオ実況</summary>
860890

@@ -932,7 +962,10 @@ This produces the buffer with the dictionary definition of "finch"
932962

933963
## シンボルのドキュメントを調べる
934964

935-
[avy-help-demo.mp4](https://karthinks.com/img/avy-help-demo.mp4)
965+
<video style="center" width="700" controls="">
966+
<source src="https://karthinks.com/img/avy-help-demo.mp4" type="video/mp4">
967+
<a href="https://karthinks.com/img/avy-help-demo.mp4">[VIDEO]</a>
968+
</video>
936969

937970
<details><summary>ビデオ実況</summary>
938971

@@ -998,7 +1031,10 @@ You’ll need an Emacs feature that can search Google for you. There are several
9981031

9991032
Googleを検索できるEmacs機能が必要になるだろう。[いくつか存在する](https://melpa.org/#/?q=google%20search)が、わたしが使っている[Tuxi](https://github.com/Bugswriter/tuxi)という名前のCLIプログラムはとても便利だ:
10001033

1001-
[avy-tuxi-demo.mp4](https://karthinks.com/img/avy-tuxi-demo.mp4)
1034+
<video style="center" width="700" controls="">
1035+
<source src="https://karthinks.com/img/avy-tuxi-demo.mp4" type="video/mp4">
1036+
<a href="https://karthinks.com/img/avy-tuxi-demo.mp4">[VIDEO]</a>
1037+
</video>
10021038

10031039
<details><summary>ビデオ実況</summary>
10041040

@@ -1064,7 +1100,10 @@ In this demo I highlight some keywords in a busy LaTeX document, then visit the
10641100

10651101
このデモでは細部まで記述されたLaTeXドキュメントの一部のキーワードをハイライトして、その後に手作業でカーソルを移動するのではなく、AvyとEmbarkを用いて引用キーから参考文献にアクセスしている：
10661102

1067-
[avy-embark-demo-2.mp4](https://karthinks.com/img/avy-embark-demo-2.mp4)
1103+
<video style="center" width="700" controls="">
1104+
<source src="https://karthinks.com/img/avy-embark-demo-2.mp4" type="video/mp4">
1105+
<a href="https://karthinks.com/img/avy-embark-demo-2.mp4">[VIDEO]</a>
1106+
</video>
10681107

10691108
<details><summary>ビデオ実況</summary>
10701109

@@ -1122,7 +1161,10 @@ In this demo I explore my way through a package with Avy and Embark, threading h
11221161

11231162
このデモではパッケージで何かを探す際にAvyとEmbarkを使ってhelp、apropos、customizationのバッファーを結びつける。ここでも手動でのカーソル移動は行わない。
11241163

1125-
[avy-embark-demo-1.mp4](https://karthinks.com/img/avy-embark-demo-1.mp4)
1164+
<video style="center" width="700" controls="">
1165+
<source src="https://karthinks.com/img/avy-embark-demo-1.mp4" type="video/mp4">
1166+
<a href="https://karthinks.com/img/avy-embark-demo-1.mp4">[VIDEO]</a>
1167+
</video>
11261168

11271169
<details><summary>ビデオ実況</summary>
11281170

@@ -1232,7 +1274,10 @@ Again, consciously deciding which of the two commands to call every time is a ba
12321274

12331275
繰り返す。2つのコマンドのいずれかを呼び出すかを毎回意識的に判断するのは悪いアイデアだ。常にIsearch呼び出して、必要に応じてAvyを呼び出すというのなら悪くないが。
12341276

1235-
[avy-isearch-basic-demo.mp4](https://karthinks.com/img/avy-isearch-basic-demo.mp4)
1277+
<video style="center" width="700" controls="">
1278+
<source src="https://karthinks.com/img/avy-isearch-basic-demo.mp4" type="video/mp4">
1279+
<a href="https://karthinks.com/img/avy-isearch-basic-demo.mp4">[VIDEO]</a>
1280+
</video>
12361281

12371282
<details><summary>ビデオ実況</summary>
12381283

@@ -1298,7 +1343,10 @@ In this demo I jump twice with Avy to edit text and then chain jump my way back
12981343

12991344
以下のデモはテキストを編集するためにAvyで2回ジャンプ、それから連鎖的にジャンプを辿って開始位置に戻っている:
13001345

1301-
[avy-jump-back-demo.mp4](https://karthinks.com/img/avy-jump-back-demo.mp4)
1346+
<video style="center" width="700" controls="">
1347+
<source src="https://karthinks.com/img/avy-jump-back-demo.mp4" type="video/mp4">
1348+
<a href="https://karthinks.com/img/avy-jump-back-demo.mp4">[VIDEO]</a>
1349+
</video>
13021350

13031351
<details><summary>ビデオ実況</summary>
13041352

0 commit comments

Comments
 (0)