<p data-line="0" class="code-line">こんにちは！<br>
<a href="https://www.magicmoment.jp/" target="_blank" rel="nofollow noopener noreferrer">Magic Moment</a> フロントエンドエンジニアの <a href="https://www.wantedly.com/id/makotomori" target="_blank" rel="nofollow noopener noreferrer">@morishin</a> です。</p>
<p data-line="3" class="code-line">この記事は、<a href="https://qiita.com/advent-calendar/2024/magicmoment" target="_blank" rel="nofollow noopener noreferrer">Magic Moment Advent Calendar 2024</a> 4 日目の記事です。</p>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__88f8f9d32cd21" src="https://embed.zenn.studio/card#zenn-embedded__88f8f9d32cd21" data-content="https%3A%2F%2Fqiita.com%2Fadvent-calendar%2F2024%2Fmagicmoment" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<h1 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" data-line="7" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h1>
<h3 id="%E9%96%8B%E7%99%BA%E3%81%82%E3%82%8B%E3%81%82%E3%82%8B" data-line="9" class="code-line">
<a class="header-anchor-link" href="#%E9%96%8B%E7%99%BA%E3%81%82%E3%82%8B%E3%81%82%E3%82%8B" aria-hidden="true"></a> 開発あるある</h3>
<p data-line="11" class="code-line">皆さん開発をしていて、コマンドの "待ち" が長いとき、こんな経験はありませんか。</p>
<p data-line="13" class="code-line">「ビルドに時間がかかるなぁ」<br>
(別の作業をする)<br>
「もう終わったかな (ﾀｰﾐﾅﾙﾁﾗｰ」<br>
「まだかー」<br>
(以降無限ループ)</p>
<p data-line="19" class="code-line"><strong>作業に集中できない！</strong></p>
<p data-line="21" class="code-line">逆に</p>
<p data-line="23" class="code-line">「このインストール時間かかるなぁ」<br>
「終わるまでちょっと休憩しようかな (ｽﾔｧ」<br>
〜3 時間後〜<br>
「...あっ、いつの間にか終わってた！」</p>
<p data-line="28" class="code-line"><strong>処理の完了に気付かずついつい休憩しすぎた！</strong></p>
<p data-line="30" class="code-line">ありませんか？ありますよね？<br>
まあ休憩しすぎたっていうのはないにしても、実はエラーで処理が中断していたのに気付かなかった、というのはあるあるな気がします。</p>
<p data-line="33" class="code-line">そんなときは通知音を鳴らすコマンドを仕込んでおくと捗りますよ、というお話。</p>
<h3 id="%E6%B8%A9%E6%95%85%E7%9F%A5%E6%96%B0" data-line="35" class="code-line">
<a class="header-anchor-link" href="#%E6%B8%A9%E6%95%85%E7%9F%A5%E6%96%B0" aria-hidden="true"></a> 温故知新</h3>
<p data-line="37" class="code-line">これは昔々、私がサーバルームで長時間作業をしていた時代の tips です。<br>
なのでもはや何番煎じか分かりませんが<sup class="footnote-ref"><a href="#fn-2673-1" id="fnref-2673-1">[1]</a></sup>、それでも今なお改めてこの tips をお伝えしたい。</p>
<p data-line="40" class="code-line">ペアプロ中、冒頭のようなシチュエーションにあったとき、ターミナルを無限に気にし続けるドライバーが意外と多くて不憫に思いました。<br>
横目でチラチラ見るくらいなら音が出るようにした方がラクじゃない？と伝えたところ、思っていたよりも喜ばれました。</p>
<p data-line="43" class="code-line">自分にとっては当たり前のノウハウでも、他の誰かにとっては新しいハックかもしれない。<br>
そう思って今回筆を取った次第です。</p>
<h1 id="%E9%80%9A%E7%9F%A5%E9%9F%B3%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89" data-line="46" class="code-line">
<a class="header-anchor-link" href="#%E9%80%9A%E7%9F%A5%E9%9F%B3%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89" aria-hidden="true"></a> 通知音コマンド</h1>
<h2 id="%E4%BD%9C%E3%82%8A%E6%96%B9" data-line="48" class="code-line">
<a class="header-anchor-link" href="#%E4%BD%9C%E3%82%8A%E6%96%B9" aria-hidden="true"></a> 作り方</h2>
<p data-line="50" class="code-line">参考までに私の環境は以下の通りです。</p>
<ul data-line="52" class="code-line">
<li data-line="52" class="code-line">デバイス: MacBook Air (M1)</li>
<li data-line="53" class="code-line">OS: Sequoia 15.0</li>
<li data-line="54" class="code-line">シェル: zsh</li>
</ul>
<p data-line="56" class="code-line">したがって本記事は Mac 向けの説明になりますが、Windows や Linux でも調べれば似たようなことはできるかと思います。<sup class="footnote-ref"><a href="#fn-2673-2" id="fnref-2673-2">[2]</a></sup></p>
<p data-line="58" class="code-line">Mac の場合、<code>afplay</code> という標準コマンドがあるのでこれを使います。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="60">afplay <span class="token operator">&lt;</span>音声ファイルのパス<span class="token operator">&gt;</span>
</code></pre></div><p data-line="64" class="code-line"><code>/System/Library/Sounds/</code> に標準の音声ファイルが置いてあるため、こちらを鳴らしてみます。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="66">afplay /System/Library/Sounds/Ping.aiff
</code></pre></div><p data-line="70" class="code-line">「ティロン」みたいな音が聞こえたかと思います。</p>
<p data-line="72" class="code-line">これだけだと使いにくいので alias に登録しておきましょう。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="74"><span class="token function">vim</span> ~/.zshrc
</code></pre></div><div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">.zshrc</span></div>
<pre class="language-shell"><code class="language-shell code-line" data-line="78"><span class="token builtin class-name">alias</span> <span class="token assign-left variable">beep</span><span class="token operator">=</span><span class="token string">'afplay /System/Library/Sounds/Ping.aiff'</span>
</code></pre>
</div><div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="82"><span class="token builtin class-name">source</span> ~/.zshrc
</code></pre></div><p data-line="86" class="code-line">これで <code>beep</code> と打つだけで音が鳴るようになりました。</p>
<p data-line="88" class="code-line">音が短すぎて聴き逃しそうな場合はループにしておくと良いです。</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">.zshrc</span></div>
<pre class="language-shell"><code class="language-shell code-line" data-line="90"><span class="token builtin class-name">alias</span> <span class="token assign-left variable">beep</span><span class="token operator">=</span><span class="token string">'for i in {1..3}; do afplay /System/Library/Sounds/Submarine.aiff; done'</span>
</code></pre>
</div><h2 id="%E4%BD%BF%E3%81%84%E6%96%B9" data-line="94" class="code-line">
<a class="header-anchor-link" href="#%E4%BD%BF%E3%81%84%E6%96%B9" aria-hidden="true"></a> 使い方</h2>
<p data-line="96" class="code-line">これだけだとただ単に「音が鳴って楽しい」で終わってしまうので、処理が終わったら鳴るようにします。<br>
といっても大したことではなくて、コマンドの末尾に <code>;beep</code> とつけるだけです。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="99"><span class="token function">sleep</span> <span class="token number">10</span><span class="token punctuation">;</span>beep
<span class="token comment">#=&gt; 10秒後に処理が完了して通知音が鳴る</span>
</code></pre></div><p data-line="104" class="code-line">sleep はあくまで例なので、実際には <code>make build;beep</code> とか <code>npm install;beep</code> とかになる感じです。</p>
<blockquote data-line="106" class="code-line">
<p data-line="106" class="code-line">「うっかり beep をつけずにエンターしてしまった！」</p>
</blockquote>
<p data-line="108" class="code-line">あるあるですな。でも落ち着いて。<br>
いったん <code>Ctrl-Z</code> でサスペンドし、<code>fg</code> または <code>bg</code> コマンドで再開させる際に仕込めば大丈夫です。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="111"><span class="token function">sleep</span> <span class="token number">10</span>
^Z
<span class="token comment">#=&gt; zsh: suspended  sleep 10</span>
</code></pre></div><div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="117"><span class="token comment"># ジョブを調べる</span>
<span class="token function">jobs</span>
<span class="token comment">#=&gt; [1]  + suspended  sleep 10</span>
</code></pre></div><div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="123"><span class="token comment"># ジョブ ID を指定してフォアグラウンドで再開する</span>
<span class="token function">fg</span> %1<span class="token punctuation">;</span>beep
</code></pre></div><h1 id="%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB" data-line="128" class="code-line">
<a class="header-anchor-link" href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB" aria-hidden="true"></a> おわりに</h1>
<p data-line="130" class="code-line">以上、通知音コマンドのススメでした。</p>
<p data-line="132" class="code-line">余談ですが <code>afplay</code> 以外にも Mac 標準コマンドで通知音声を鳴らす方法はいくつかあります。<sup class="footnote-ref"><a href="#fn-2673-3" id="fnref-2673-3">[3]</a></sup><br>
お好みの方法で自分なりのコマンドをつくってみてください。</p>
<ul data-line="135" class="code-line">
<li data-line="135" class="code-line">
<p data-line="135" class="code-line"><code>tput bel</code><br>
オーディオベルが鳴る (私みたいにオーディオベルを無効にしていたら鳴らないと思います)</p>
</li>
<li data-line="138" class="code-line">
<p data-line="138" class="code-line"><code>say "おわったよ"</code><br>
テキストを読み上げてくれる</p>
</li>
<li data-line="141" class="code-line">
<p data-line="141" class="code-line"><code>open -a "QuickTime Player" &lt;音声ファイルのパス&gt;</code><br>
Web 上の音声も再生できるのが強みだが、再生後に QuickTime Player が開きっぱなしになるのが玉にキズ</p>
</li>
</ul>
<p data-line="144" class="code-line">ちなみに私の場合、<code>afplay</code> コマンドを使うのは変わらないですが音声には<a href="https://commons.nicovideo.jp/works/nc62985" target="_blank" rel="nofollow noopener noreferrer">ゼルダの謎解き音</a>をお借りし <code>zelda</code> コマンドとして登録しています。<br>
処理が完了すると「ティロリロリロリリン ♪」とお馴染みの音で教えてくれるのでテンションが上がります。</p>
<p data-line="147" class="code-line">さて、次回のアドベントカレンダーは <a href="https://github.com/nagomiso" target="_blank" rel="nofollow noopener noreferrer">nagomiso さん</a> の「<a href="https://zenn.dev/magicmoment/articles/litellm-is-useful-202412" target="_blank">LiteLLM を使って色々な LLM API サービスをいい感じに使いこなす</a>」です。<br>
お楽しみに！</p>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__a4e2773c701a6" src="https://embed.zenn.studio/card#zenn-embedded__a4e2773c701a6" data-content="https%3A%2F%2Fqiita.com%2Fadvent-calendar%2F2024%2Fmagicmoment" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<hr data-line="152" class="code-line">
<section class="footnotes">
<span class="footnotes-title">脚注</span>
<ol class="footnotes-list">
<li id="fn-2673-1" class="footnote-item">
<p data-line="155" class="code-line">偉大なる先人様たち<br>
<a href="https://qiita.com/hamada_posts/items/ec01b81c6db000e0f9b3" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/hamada_posts/items/ec01b81c6db000e0f9b3</a><br>
<a href="https://qiita.com/mentos1212/items/0c51a426da3c8a1758e3" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/mentos1212/items/0c51a426da3c8a1758e3</a><br>
<a href="https://qiita.com/s2mr/items/ed10bca41ab3ee88f3db" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/s2mr/items/ed10bca41ab3ee88f3db</a> <a href="#fnref-2673-1" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn-2673-2" class="footnote-item">
<p data-line="161" class="code-line">Windows とか Linux とか<br>
<a href="https://yaya.lsv.jp/sound/" target="_blank" rel="nofollow noopener noreferrer">https://yaya.lsv.jp/sound/</a><br>
<a href="https://qiita.com/CyberRex/items/aa570c50e8f4c6d94130" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/CyberRex/items/aa570c50e8f4c6d94130</a> <a href="#fnref-2673-2" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn-2673-3" class="footnote-item">
<p data-line="166" class="code-line">色々できます<br>
<a href="https://ja.stackoverflow.com/questions/230/%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%81%8C%E7%B5%82%E4%BA%86%E3%81%97%E3%81%9F%E3%82%89%E9%9F%B3%E3%82%92%E9%B3%B4%E3%82%89%E3%81%97%E3%81%9F%E3%81%84" target="_blank" rel="nofollow noopener noreferrer">https://ja.stackoverflow.com/questions/230/コマンドが終了したら音を鳴らしたい</a><br>
<a href="https://qiita.com/zakuroishikuro/items/0c17acb21f119647c205" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/zakuroishikuro/items/0c17acb21f119647c205</a> <a href="#fnref-2673-3" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>


長い処理には通知音コマンドを仕込んでおくと捗るぞ

aosho235

yutkat

1円切手

<p data-line="0" class="code-line">同じようにafplay使ってbeepコマンド作ってますけど、fg;beepでできるのは知りませんでした！</p>


<p data-line="0" class="code-line">zsh使ってるならzsh-notify（他にもいろいろある）とかでデスクトップ通知に飛ばしてそっちでいい感じに制御するって方が自動でできて個人的には好きだったりします</p>
<p data-line="2" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__d2e6c539fc94e" src="https://embed.zenn.studio/card#zenn-embedded__d2e6c539fc94e" data-content="https%3A%2F%2Fgithub.com%2Fmarzocchi%2Fzsh-notify" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/marzocchi/zsh-notify" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/marzocchi/zsh-notify</a></p>


<p data-line="0" class="code-line">その昔 telex でも、オフラインで編集して接続、送信して終わったら BELL(BEEP) を鳴らすという方法があったことを思い出しました。なにしろ 300bps とかでしたから。<br>
bell を仕込み忘れて回線を切り損なうと高額課金が...</p>


Discussion