diff options
Diffstat (limited to 'docs/posts')
| -rw-r--r-- | docs/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/index.html | 93 | ||||
| -rw-r--r-- | docs/posts/index.html | 29 | ||||
| -rw-r--r-- | docs/posts/index.xml | 11 | ||||
| -rw-r--r-- | docs/posts/page/2/index.html | 61 |
4 files changed, 181 insertions, 13 deletions
diff --git a/docs/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/index.html b/docs/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/index.html new file mode 100644 index 0000000..71dd565 --- /dev/null +++ b/docs/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/index.html @@ -0,0 +1,93 @@ +<!DOCTYPE html> +<html lang="ja-JP"> + <head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + + <title>term-banner: ターミナルにバナーを表示するツールを書いた | REPL: Rest-Eat-Program Loop</title> + + <meta name="description" content="はじめに こんなものを作った。 $ term-banner 'Hello, World!' 'こんにちは、' '世界！' コマンドライン引数として渡した文字列をターミナルに大きく表示する。 リポジトリは"> + <meta name="author" content=""> + + <link href="https://blog.nsfisis.dev/an-old-hope.min.css" rel="stylesheet"> + <link href="https://blog.nsfisis.dev/style.css" rel="stylesheet"> + <link href="https://blog.nsfisis.dev/custom.css" rel="stylesheet"> + + <link rel="icon" href="https://blog.nsfisis.dev/favicon.svg"> + <meta name="generator" content="Hugo 0.88.1" /> + + + </head> + <body class="single"> + <header class="header"> + <nav class="nav"> + <p class="logo"><a href="https://blog.nsfisis.dev">REPL: Rest-Eat-Program Loop</a></p> + </nav> + </header> + <main class="main"> + + +<article class="post-single"> + <header class="post-header"> + <h1 class="post-title">term-banner: ターミナルにバナーを表示するツールを書いた</h1> + <div class="post-meta">2022-04-24</div> + <ul class="post-tags"> + <li><a href="https://blog.nsfisis.dev/tags/my-programs">my-programs</a></li> + </ul> + </header> + <div class="post-content"><h1 id="はじめに">はじめに</h1> +<p>こんなものを作った。</p> +<pre tabindex="0"><code>$ term-banner 'Hello, World!' 'こんにちは、' '世界！' +</code></pre><p><img src="https://raw.githubusercontent.com/nsfisis/term-banner/main/screenshot.png" alt="term-banner のスクリーンショット"></p> +<p>コマンドライン引数として渡した文字列をターミナルに大きく表示する。</p> +<p>リポジトリはこちら: <a href="https://github.com/nsfisis/term-banner">https://github.com/nsfisis/term-banner</a></p> +<h1 id="motivation">Motivation</h1> +<p>以前、<a href="https://github.com/nsfisis/big-clock-mode">big-clock-mode</a> という似たようなプログラムを書いた。 +これは tmux の <code>:clock-mode</code> コマンドに着想を得たもので、<code>:clock-mode</code> よりも大きく現在時刻を表示する。</p> +<p><code>big-clock-mode</code> を開発したのは、次のようなシチュエーションで使うためである。 +弊社では現在リモートワークが基本だが、web 会議などで画面共有しているときに、休憩を挟んで特定の時刻から再開する、ということがある。 +こういったケースで、画面上に現在の時刻を大きめに表示しておくと、モニタから離れても遠くから時刻がわかるので便利である。</p> +<p>それこそタイマアプリか何かを使えばいいのだが、ターミナルに棲むいきものとしては、住処から離れたくないわけだ。</p> +<p>しばらく便利に使っていたのだが、ひとつ不満点が出てきた。それは、再開する時刻がいつだったかを覚えておかなければならないということだ。 +どこかにメモしておいてもいいが、せっかくなら現在時刻とともに表示させておきたい。</p> +<p>そんなわけで、「任意の文字列をターミナルに表示する」プログラムを書く運びとなった。 +まあ、作らなくても探せばあると思うが、作りたいものは作りたいので知ったことではない。</p> +<h1 id="プログラム">プログラム</h1> +<p>全体の流れは次のようになっている。</p> +<ol> +<li>フォントファイルを読み込む</li> +<li>コマンドライン引数を Shift-JIS に変換する (フォントが Shift-JIS 基準で並んでいるため)</li> +<li>1文字ずつレンダリングしていく</li> +</ol> +<p><code>big-clock-mode</code> が Go 製なので、今回も Go で書いた。 +PNG が標準ライブラリにあったり、Shift-JIS のエンコーディングが準標準ライブラリにあったりしたのは助かった。</p> +<p>フォントファイルは <code>go:embed</code> で実行ファイルに埋め込んでいるので、ビルド後はワンバイナリで動く。 +仕事ではスクリプト言語ばかり書いているが、やはりコンパイル言語はいい。</p> +<h1 id="フォント">フォント</h1> +<p>フリーの 8x8 ビットマップフォントである、<a href="https://littlelimit.net/misaki.htm">美咲フォント 2021-05-05a 版</a> を使わせていただいた。</p> +<p>はじめは自分でポチポチ打っていたのだが、「き」くらいまでやって挫折した。 +同じく 8x8 で作っていたのだが、平仮名でさえも、この小さなキャンバスにはとても収められない。</p> +<p>美咲フォントは、平仮名・片仮名に留まらず、JIS 第一・第二水準の漢字までサポートしている。 +第二水準ともなると一生お目にかかることのない字の方が多いくらいだが、これをこの大きさで書くというのは、もはや芸術の域である。</p> +<p>さらに言うと、実のところ美咲フォントは実サイズ 7x7 で作られており、余白が設けられている。 +これは、単純にそのまま並べても字間・行間を確保できるようにという配慮である。 +おかげでコーディングまで楽になった。</p> +<p>ゴシック体と明朝体があったが、私の好みで明朝体の方にした。 +ただ、ゴシック体の方が見やすい気がするので、フォントを選べるように後ほど拡張するかもしれない。</p> +<h1 id="おわりに">おわりに</h1> +<p>あなたもターミナルに住んでみませんか？</p> +</div> +</article></main> +<footer class="footer"> + <span>© 2022 <a href="https://blog.nsfisis.dev">REPL: Rest-Eat-Program Loop</a></span> + <span>·</span> + <span>Powered by <a href="https://gohugo.io/" rel="noopener" target="_blank">Hugo️️</a>️</span> +</footer> +<script src="https://blog.nsfisis.dev/highlight.min.js"></script> +<script> + hljs.initHighlightingOnLoad(); +</script> +</body> +</html> + diff --git a/docs/posts/index.html b/docs/posts/index.html index 45bed7f..5a86a5d 100644 --- a/docs/posts/index.html +++ b/docs/posts/index.html @@ -32,6 +32,18 @@ <article class="post-entry"> <header class="entry-header"> + <h2>term-banner: ターミナルにバナーを表示するツールを書いた</h2> + </header> + <section class="entry-content"> + <p>はじめに こんなものを作った。 $ term-banner 'Hello, World!' 'こんにちは、' '世界！' コマンドライン引数として渡した文字列をターミナルに大きく表示する。 リポジトリは...</p> + </section> + <footer class="entry-footer"> + <time>2022-04-24</time> + </footer> + <a class="entry-link" href="https://blog.nsfisis.dev/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/"></a> +</article> +<article class="post-entry"> + <header class="entry-header"> <h2>PHPerKaigi 2022 トークン問題の解説</h2> </header> <section class="entry-content"> @@ -138,18 +150,11 @@ </footer> <a class="entry-link" href="https://blog.nsfisis.dev/posts/2021-03-30/phperkaigi-2021/"></a> </article> -<article class="post-entry"> - <header class="entry-header"> - <h2>My First Post</h2> - </header> - <section class="entry-content"> - <p>Test Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum....</p> - </section> - <footer class="entry-footer"> - <time>2021-03-05</time> - </footer> - <a class="entry-link" href="https://blog.nsfisis.dev/posts/2021-03-05/my-first-post/"></a> -</article></main> +<footer class="page-footer"> + <nav class="pagination"> + <a class="next" href="/posts/page/2/"> →</a> + </nav> +</footer></main> <footer class="footer"> <span>© 2022 <a href="https://blog.nsfisis.dev">REPL: Rest-Eat-Program Loop</a></span> <span>·</span> diff --git a/docs/posts/index.xml b/docs/posts/index.xml index 6f3c95f..88efb43 100644 --- a/docs/posts/index.xml +++ b/docs/posts/index.xml @@ -6,7 +6,16 @@ <description>Recent content in Posts on REPL: Rest-Eat-Program Loop</description> <generator>Hugo -- gohugo.io</generator> <language>ja-JP</language> - <lastBuildDate>Sat, 09 Apr 2022 21:50:19 +0900</lastBuildDate><atom:link href="https://blog.nsfisis.dev/posts/index.xml" rel="self" type="application/rss+xml" /> + <lastBuildDate>Sun, 24 Apr 2022 13:22:52 +0900</lastBuildDate><atom:link href="https://blog.nsfisis.dev/posts/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>term-banner: ターミナルにバナーを表示するツールを書いた</title> + <link>https://blog.nsfisis.dev/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/</link> + <pubDate>Sun, 24 Apr 2022 13:22:52 +0900</pubDate> + + <guid>https://blog.nsfisis.dev/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/</guid> + <description>はじめに こんなものを作った。 $ term-banner 'Hello, World!' 'こんにちは、' '世界！' コマンドライン引数として渡した文字列をターミナルに大きく表示する。 リポジトリは</description> + </item> + <item> <title>PHPerKaigi 2022 トークン問題の解説</title> <link>https://blog.nsfisis.dev/posts/2022-04-09/phperkaigi-2022-tokens/</link> diff --git a/docs/posts/page/2/index.html b/docs/posts/page/2/index.html new file mode 100644 index 0000000..ffd9892 --- /dev/null +++ b/docs/posts/page/2/index.html @@ -0,0 +1,61 @@ +<!DOCTYPE html> +<html lang="ja-JP"> + <head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + + <title>Posts | REPL: Rest-Eat-Program Loop</title> + + <meta name="description" content=""> + <meta name="author" content=""> + + <link href="https://blog.nsfisis.dev/an-old-hope.min.css" rel="stylesheet"> + <link href="https://blog.nsfisis.dev/style.css" rel="stylesheet"> + <link href="https://blog.nsfisis.dev/custom.css" rel="stylesheet"> + + <link rel="icon" href="https://blog.nsfisis.dev/favicon.svg"> + <meta name="generator" content="Hugo 0.88.1" /> + + <link rel="alternate" type="application/rss+xml" href="https://blog.nsfisis.dev/posts/index.xml" title="REPL: Rest-Eat-Program Loop" /> + + </head> + <body class="list"> + <header class="header"> + <nav class="nav"> + <p class="logo"><a href="https://blog.nsfisis.dev">REPL: Rest-Eat-Program Loop</a></p> + </nav> + </header> + <main class="main"> + +<header class="page-header"><h1>Posts</h1></header> + +<article class="post-entry"> + <header class="entry-header"> + <h2>My First Post</h2> + </header> + <section class="entry-content"> + <p>Test Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum....</p> + </section> + <footer class="entry-footer"> + <time>2021-03-05</time> + </footer> + <a class="entry-link" href="https://blog.nsfisis.dev/posts/2021-03-05/my-first-post/"></a> +</article> +<footer class="page-footer"> + <nav class="pagination"> + <a class="prev" href="/posts/">← </a> + </nav> +</footer></main> +<footer class="footer"> + <span>© 2022 <a href="https://blog.nsfisis.dev">REPL: Rest-Eat-Program Loop</a></span> + <span>·</span> + <span>Powered by <a href="https://gohugo.io/" rel="noopener" target="_blank">Hugo️️</a>️</span> +</footer> +<script src="https://blog.nsfisis.dev/highlight.min.js"></script> +<script> + hljs.initHighlightingOnLoad(); +</script> +</body> +</html> + |