1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

(まとめ) Terminal 周辺をうろうろする ニャ (自分用です)

Last updated at Posted at 2020-01-05

title.gif

制御コード

color.gif

# format
Esc[xxxx
 \   `--- Sequences
  `--- Escape

# Set Graphics Mode:
Esc[Value;Value;Valuem
     `--- TextAttribute: 0-8
          ForegroundColor: 0-255
          BackgroundColor: 0-255
          ※ 8, 16, 256 色の指定方法で変わる

# Cursor:
Esc[ValueA/B/C/D
     \     `- A CursorUp/B CursorDown
      \       /C CursorForward/D CursorBackward
       `--- numboer of line or column

色と装飾

256色

// ForegroundColor
print(fmt.Sprintf("\u001b[38;5;%dm %-4d", code, code))

// BackgroundColor
print(fmt.Sprintf("\u001b[48;5;%dm %-4d", code, code))

装飾

println("\u001b[1m BOLD \u001b[0m\u001b[4m Underline \u001b[0m\u001b[7m Reversed \u001b[0m")
import "fmt"

func main() {
	colors := []int{0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15}
	println("\u001b[31mHelloWorld")


	println("\u001b[31mForeground")
	for _, n := range colors {
		for _, m := range colors {
			code := 16 * n + m
			print(fmt.Sprintf("\u001b[38;5;%dm %-4d", code, code))
		}
		Println("\u001b[0m")
	}

	println("\u001b[31mHelloWorld")
	for _, n := range colors {
		for _, m := range colors {
			code := 16 * n + m
			print(fmt.Sprintf("\u001b[48;5;%dm %-4d", code, code))
		}
		println("\u001b[0m")
	}


	println("Text Decoration")
	println("\u001b[1m BOLD \u001b[0m\u001b[4m Underline \u001b[0m\u001b[7m Reversed \u001b[0m")

}

Cursor

cursor.gif

数字

func loading(inc, max int) {
	num := 0
	for num <= max {
		print("\u001b[1000D")
		time.Sleep(500 * time.Millisecond)
		print(" ", num, "%")
		num += inc
	}
}

プログレスバー

func barLoading(inc, max int) {
	num := 0
	charWidth := 25
	barSize := 4
	for num < max {
		time.Sleep(100 * time.Millisecond)
		width := (num + 1) / barSize
		bar := "[" + strings.Repeat("#", width) + strings.Repeat(" ", (charWidth-width)) + "]"
		print("\u001b[1000D" + bar)
		num += inc
	}
}

複数行

type Progress struct {
	Percent int
	Max     int
}

func (p *Progress) Up(n int) {
	if p.Done() {
		return
	}
	p.Percent = int(math.Min(float64(p.Percent+n), float64(p.Max)))
}

func (p *Progress) Done() bool { return p.Percent >= p.Max }
func (p *Progress) Bar(charWidth int) string {
	width := int(math.Min(float64(p.Percent)/float64(p.Max)*float64(charWidth), float64(p.Max)))
	//print("Max>>", p.Max, ",Per:", p.Percent, ",Width>>", width)
	return "[" + strings.Repeat("#", width) + strings.Repeat(" ", (charWidth-width)) + "]"
}

type RunProgress []*Progress

func (p RunProgress) Unfinished() RunProgress {
	var rp RunProgress
	for _, ps := range p {
		if !ps.Done() {
			rp = append(rp, ps)
		}
	}
	return rp
}

func (p RunProgress) Done() bool { return len(p.Unfinished()) == 0 }
func (p RunProgress) Bar(charWidth int) {
	for _, ps := range p {
		println("\u001b[1000D" + ps.Bar(charWidth))
	}
}

func barsLoading(count, max int) {
	charWidth := 25
	inc := 10
	rps := make(RunProgress, count)
	for i, _ := range rps {
		rps[i] = &Progress{0, max}
	}
	rand.Seed(time.Now().UnixNano())
	println("Count:", count)
	rps.Bar(charWidth)
	for !rps.Done() {
		time.Sleep(100 * time.Millisecond)
		for _, ps := range rps.Unfinished() {
			ps.Up(rand.Intn(inc))
		}

		// move cursor
		print("\u001b[1000D")
		print(fmt.Sprintf("\u001b[%dA", count))
		// write
		rps.Bar(charWidth)
	}
}

レコード

上記のgif は ttyrec, termrec で作っているのでここはasciinema を貼り付ける

※ script タグだと左にプレビューしないので気をつけよう

ttyrec

# record
$ ttyrec record.file.name
# play
$ ttyplay record.file.name
# to gif
$ ttygif -in record.file.name -out record.gif

asciinema

# record
$ asciinema rec command.cast
# play
$ asciinema rec command.cast
# publish to asciinema (before run asciinema auth)
$ asciinema upload command.cast

termrec

# record
$ termrec -f ttyrec rec.filename
# play
$ termplay -f ttycec rec.filename
# to git
$ ttygif -in rec.filename -out command.gif

画像表示

Terminal で解決する

Terminology

# tycat <image file>
$ tycat free.png

※ terminal の recorder では無理

tycat.png

iTerm2

macOS じゃないとだめなので省略

Sixel

セットアップなどはSixel 情報 - ダメ出し Blogから深堀してください

動作確認

# img2sixel <file name>
$ img2sixel free.png

動作確認では xterm は動いている様子だが img2sixel では表示されず

sixel-check.png

Recap

  • Windows 10 を買おうっと

Reference

制御コード関連

レコード関連

ターミナルで画像表示関連

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?