<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Mermaid on namaraii.com</title><link>https://namaraii.com/tags/mermaid/</link><description>Recent content in Mermaid on namaraii.com</description><generator>Hugo -- gohugo.io</generator><language>ja</language><managingEditor>hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))</managingEditor><webMaster>hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))</webMaster><copyright>© 2026 TAKEUCHI Hitoshi, All Rights Reserved.</copyright><lastBuildDate>Sun, 31 May 2026 18:09:27 +0900</lastBuildDate><atom:link href="https://namaraii.com/tags/mermaid/index.xml" rel="self" type="application/rss+xml"/><item><title>LAUNCHPAD Pro MK3</title><link>https://namaraii.com/posts/launchpad_pro_mk3/</link><pubDate>Sun, 31 May 2026 18:09:27 +0900</pubDate><author>hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))</author><guid>https://namaraii.com/posts/launchpad_pro_mk3/</guid><description>&lt;figure&gt;&lt;img
 class="my-0 rounded-md"
 loading="lazy"
 decoding="async"
 fetchpriority="auto"
 alt=""
 width="677"
 height="677"
 src="https://namaraii.com/images/LAUNCHPAD_Pro_MK3-001.png"
 srcset="https://namaraii.com/images/LAUNCHPAD_Pro_MK3-001.png 800w, https://namaraii.com/images/LAUNCHPAD_Pro_MK3-001.png 1280w"
 sizes="(min-width: 768px) 50vw, 65vw"
 data-zoom-src="https://namaraii.com/images/LAUNCHPAD_Pro_MK3-001.png"&gt;&lt;/figure&gt;
&lt;p&gt;Launchpad Pro MK3は、Ableton LiveやLogic ProなどのDAWとシームレスに連携する、Novation社製のMIDIパッドコントローラー。64個のRGB感圧パッドを搭載し、トラックメイクからライブパフォーマンスまで幅広い用途に対応する。&lt;/p&gt;

&lt;h1 class="relative group"&gt;主な特徴・機能
 &lt;div id="主な特徴機能" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e4%b8%bb%e3%81%aa%e7%89%b9%e5%be%b4%e6%a9%9f%e8%83%bd" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h1&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;強力なスタンドアロンシーケンサー&lt;/strong&gt;&lt;br&gt;
PCなしで外部のMIDI対応シンセサイザーやドラムマシンを直接コントロールできる、4トラック・32ステップシーケンサーを内蔵。
設定したキーに合わせてパッドの音階が配置されるため、楽器の演奏スキルがなくても音を外さずに美しいメロディやベースラインを弾くことができる。８２８２&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Ableton Liveとの深い統合&lt;/strong&gt;&lt;br&gt;
クリップやシーンの再生、ミキサー、デバイス、トランスポートの操作がマウスを使わず本体から行える。「Capture MIDI」機能を使えば、思いつきで弾いたフレーズを逃さずクリップに記録できる。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;自由なカスタマイズ性&lt;/strong&gt;&lt;br&gt;
専用ソフト「Novation Components」を使用することで、自分だけのカスタムモードを作成し、あらゆるMIDI機器やソフトウェアを自在に操作できる。&lt;/li&gt;
&lt;/ul&gt;

&lt;h1 class="relative group"&gt;使い方のメモ
 &lt;div id="使い方のメモ" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e4%bd%bf%e3%81%84%e6%96%b9%e3%81%ae%e3%83%a1%e3%83%a2" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h1&gt;

&lt;h2 class="relative group"&gt;ノートモード
 &lt;div id="ノートモード" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%83%8e%e3%83%bc%e3%83%88%e3%83%a2%e3%83%bc%e3%83%89" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;ノートモードの設定: &lt;code&gt;Shift&lt;/code&gt; +&lt;code&gt; Note&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;クロマチック・スケールモード切り替え: &lt;code&gt;Chro/Schale&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;figure&gt;&lt;img
 class="my-0 rounded-md"
 loading="lazy"
 decoding="async"
 fetchpriority="auto"
 alt=""
 width="640"
 height="630"
 src="https://namaraii.com/images/LAUNCHPAD_Pro_MK3-002.png"
 srcset="https://namaraii.com/images/LAUNCHPAD_Pro_MK3-002.png 800w, https://namaraii.com/images/LAUNCHPAD_Pro_MK3-002.png 1280w"
 sizes="(min-width: 768px) 50vw, 65vw"
 data-zoom-src="https://namaraii.com/images/LAUNCHPAD_Pro_MK3-002.png"&gt;&lt;/figure&gt;

&lt;h1 class="relative group"&gt;作成したプリセット・スクリプト
 &lt;div id="作成したプリセットスクリプト" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e4%bd%9c%e6%88%90%e3%81%97%e3%81%9f%e3%83%97%e3%83%aa%e3%82%bb%e3%83%83%e3%83%88%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h1&gt;

&lt;h2 class="relative group"&gt;&lt;a href="https://namaraii.com/posts/yamaha_seqtrak/" &gt;YAMAHA SEQTRAK&lt;/a&gt;用のカスタムモード
 &lt;div id="yamaha-seqtrak用のカスタムモード" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#yamaha-seqtrak%e7%94%a8%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%a2%e3%83%bc%e3%83%89" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;figure&gt;&lt;img
 class="my-0 rounded-md"
 loading="lazy"
 decoding="async"
 fetchpriority="auto"
 alt=""
 width="560"
 height="556"
 src="https://namaraii.com/images/LAUNCHPAD_Pro_MK3-003.png"
 srcset="https://namaraii.com/images/LAUNCHPAD_Pro_MK3-003.png 800w, https://namaraii.com/images/LAUNCHPAD_Pro_MK3-003.png 1280w"
 sizes="(min-width: 768px) 50vw, 65vw"
 data-zoom-src="https://namaraii.com/images/LAUNCHPAD_Pro_MK3-003.png"&gt;&lt;/figure&gt;
&lt;ul&gt;
&lt;li&gt;作成したSEQTRAK用カスタムモード(自分の環境ではカスタムモード5にアサイン)&lt;/li&gt;
&lt;li&gt;カスタムモードの切り替えは&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class="relative group"&gt;パッドの割り当て
 &lt;div id="パッドの割り当て" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%83%91%e3%83%83%e3%83%89%e3%81%ae%e5%89%b2%e3%82%8a%e5%bd%93%e3%81%a6" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h3&gt;
&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;No.&lt;/th&gt;
 &lt;th&gt;トラック名&lt;/th&gt;
 &lt;th&gt;トラックグループ&lt;/th&gt;
 &lt;th&gt;MIDIチャンネル&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;1&lt;/td&gt;
 &lt;td&gt;KICK&lt;/td&gt;
 &lt;td&gt;Drum&lt;/td&gt;
 &lt;td&gt;1&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;2&lt;/td&gt;
 &lt;td&gt;SNARE&lt;/td&gt;
 &lt;td&gt;Drum&lt;/td&gt;
 &lt;td&gt;2&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;3&lt;/td&gt;
 &lt;td&gt;CLAP&lt;/td&gt;
 &lt;td&gt;Drum&lt;/td&gt;
 &lt;td&gt;3&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;4&lt;/td&gt;
 &lt;td&gt;HAT1&lt;/td&gt;
 &lt;td&gt;Drum&lt;/td&gt;
 &lt;td&gt;4&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;5&lt;/td&gt;
 &lt;td&gt;HAT2&lt;/td&gt;
 &lt;td&gt;Drum&lt;/td&gt;
 &lt;td&gt;5&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;6&lt;/td&gt;
 &lt;td&gt;PERC1&lt;/td&gt;
 &lt;td&gt;Drum&lt;/td&gt;
 &lt;td&gt;6&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;7&lt;/td&gt;
 &lt;td&gt;PERC2&lt;/td&gt;
 &lt;td&gt;Drum&lt;/td&gt;
 &lt;td&gt;7&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;SYNTH1&lt;/td&gt;
 &lt;td&gt;Synth&lt;/td&gt;
 &lt;td&gt;8&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;SYNTH2&lt;/td&gt;
 &lt;td&gt;Synth&lt;/td&gt;
 &lt;td&gt;9&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;DX&lt;/td&gt;
 &lt;td&gt;DX&lt;/td&gt;
 &lt;td&gt;10&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;11-16&lt;/td&gt;
 &lt;td&gt;SAMPLER&lt;/td&gt;
 &lt;td&gt;SAMPLER&lt;/td&gt;
 &lt;td&gt;11&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;ul&gt;
&lt;li&gt;SYNTH1, SYNTH2, DXを鳴らす場合は&lt;code&gt;Shift&lt;/code&gt; +&lt;code&gt; Note&lt;/code&gt;を押しMIDIチャンネルを8〜10に変更してから使う&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;a href="https://namaraii.com/LAUNCHPAD_Pro_MK3-004.syx" &gt;SEQTRAK Mode.syx&lt;/a&gt;&lt;/p&gt;</description></item><item><title>Garmin Connectへ体重を取り込む方法</title><link>https://namaraii.com/posts/20231013/</link><pubDate>Thu, 04 Sep 2025 14:57:17 +0900</pubDate><author>hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))</author><guid>https://namaraii.com/posts/20231013/</guid><description>&lt;p&gt;最近､Garmin Connectへ体重が取り込まれないと思ったら､&lt;a href="https://apps.apple.com/jp/app/myfitnesspal-%E5%81%A5%E5%BA%B7%E7%AE%A1%E7%90%86/id341232718" target="_blank" rel="noreferrer"&gt;MyFitnessPal: 健康管理&lt;/a&gt;というアプリの使用を止めたからだった。&lt;/p&gt;
&lt;p&gt;&lt;a href="https://support.garmin.com/ja-JP/?faq=kEK9JAAXuY8JeOyuDE3vk8" target="_blank" rel="noreferrer"&gt;Garmin Connectに複数の体重データがあるのはなぜですか | Garmin サポートセンター&lt;/a&gt;によると､Garmin Connectへ体重を取り込む方法としては､&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Garmin Indexスマート体重計で体重測定したとき&lt;/li&gt;
&lt;li&gt;タニタの体重計とペアリングされたデバイスを同期したとき&lt;/li&gt;
&lt;li&gt;体重を手動で入力したとき&lt;/li&gt;
&lt;li&gt;MyFitnessPalアプリと体重の記録を同期したとき&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;というパターンがあるようだ。&lt;/p&gt;
&lt;p&gt;一時､MyFitnessPalアプリを使っていたため､その期間だけ体重が取り込まれていたということだ。&lt;/p&gt;
&lt;figure&gt;&lt;img
 class="my-0 rounded-md"
 loading="lazy"
 decoding="async"
 fetchpriority="auto"
 alt="weight"
 width="1456"
 height="816"
 src="https://namaraii.com/images/20231013-001_hu_947fa9ab3a1386d6.jpg"
 srcset="https://namaraii.com/images/20231013-001_hu_947fa9ab3a1386d6.jpg 800w, https://namaraii.com/images/20231013-001_hu_b59e038c012783c1.jpg 1280w"
 sizes="(min-width: 768px) 50vw, 65vw"
 data-zoom-src="https://namaraii.com/images/20231013-001.jpg"&gt;&lt;/figure&gt;
&lt;p&gt;家で使っている体重計は1byoneのため､Garmin Connectへの体重取り込みは以下の流れで行われる（はず）&lt;/p&gt;
&lt;p&gt;&lt;pre class="not-prose mermaid"&gt;
flowchart TD
 A[1byone体重計] --&gt; |体重・体脂肪率・内臓脂肪率など| B(1byone Health)
 B --&gt; |体重・体脂肪率| C(ヘルスケア（Apple）)
 C --&gt; |体重| D(MyFitnessPal)
 D --&gt; |体重| E(Garmin Connect) 
 style A fill:#ffa23e, stroke:white
 style B fill:#ffa23e, stroke:white
 style C fill:#7BCCAC, stroke:white
&lt;/pre&gt;

ただ､この方法では体重を測定したあと､MyFitnessPalアプリを起動して体重を取り込む必要がある。&lt;/p&gt;
&lt;p&gt;MyFitnessPalアプリは食事内容を管理するアプリだが､使い勝手やデータベースの充実度など､&lt;a href="https://apps.apple.com/jp/app/%E3%81%82%E3%81%99%E3%81%91%E3%82%93-%E3%83%80%E3%82%A4%E3%82%A8%E3%83%83%E3%83%88-%E3%83%98%E3%83%AB%E3%82%B9%E3%82%B1%E3%82%A2%E3%81%AE%E3%82%AB%E3%83%AD%E3%83%AA%E3%83%BC%E8%A8%88%E7%AE%97%E3%82%84%E4%BD%93%E9%87%8D%E7%AE%A1%E7%90%86%E3%81%AB/id687287242" target="_blank" rel="noreferrer"&gt;あすけん &lt;/a&gt;の方が圧倒的に良いのが悩ましいなぁ。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Garmin&lt;/li&gt;
&lt;/ul&gt;</description></item><item><title>Maschine MK3</title><link>https://namaraii.com/posts/maschinemk3/</link><pubDate>Sat, 22 Feb 2025 00:00:00 +0900</pubDate><author>hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))</author><guid>https://namaraii.com/posts/maschinemk3/</guid><description>&lt;figure&gt;&lt;img
 class="my-0 rounded-md"
 loading="lazy"
 decoding="async"
 fetchpriority="auto"
 alt=""
 width="520"
 height="340"
 src="https://namaraii.com/images/maschineMK3-remote-001.jpg"
 srcset="https://namaraii.com/images/maschineMK3-remote-001.jpg 800w, https://namaraii.com/images/maschineMK3-remote-001.jpg 1280w"
 sizes="(min-width: 768px) 50vw, 65vw"
 data-zoom-src="https://namaraii.com/images/maschineMK3-remote-001.jpg"&gt;&lt;/figure&gt;

&lt;h2 class="relative group"&gt;Maschineのコンセプト
 &lt;div id="maschineのコンセプト" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#maschine%e3%81%ae%e3%82%b3%e3%83%b3%e3%82%bb%e3%83%97%e3%83%88" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;p&gt;&lt;pre class="not-prose mermaid"&gt;
graph TB
 Song("ソング")
 Song --&gt;|"セクションのシーケンスで構成"| SectionGroup

 subgraph SectionGroup ["ソング"]
 direction LR
 Section1("セクション1") --&gt;|"次のセクション"| Section2("セクション2")
 Section2 --&gt;|"次のセクション"| Section3("セクション3")
 Section3 --&gt;|"次のセクション"| Section5("セクション1")
 Section5 --&gt;|"次のセクション"| Section6("セクション2")
 end
 Section1 --&gt; Scene1("シーン1")
 Section1 --&gt; Scene2("シーン2")
 Section1 --&gt; Scene3("シーン3")

 Scene1 --&gt; Pattern1("パターン1")
 Scene1 --&gt; Pattern2("パターン2")
 Scene2 --&gt; Pattern2
 Scene2 --&gt; Pattern3("パターン3")
 Scene3 --&gt; Pattern1
 
 Pattern1 --&gt; Group1("グループ1")
 Pattern1 --&gt; Group2("グループ2")
 Pattern1 --&gt; Group3("グループ3")

 Group1 --&gt;|"16種類の音"| Sound1("音1")
 Group1 --&gt; Sound2("音2")
 Group1 --&gt; Sound3("音3")

classDef section fill:#AEC6CF,stroke:#7AA0B0,stroke-width:2px; classDef scene fill:#Baffc9,stroke:#8FA78C,stroke-width:2px; classDef pattern fill:#CBA0E3,stroke:#A864C8,stroke-width:2px; classDef group fill:#FFDFBA,stroke:#E4957D,stroke-width:2px; classDef sound fill:#FFFFBA,stroke:#D6D26F,stroke-width:2px;

class Section1,Section2,Section3,Section5,Section6 section; class Scene1,Scene2,Scene3 scene; class Pattern1,Pattern2,Pattern3 pattern; class Group1,Group2,Group3 group; class Sound1,Sound2,Sound3 sound;
&lt;/pre&gt;

&lt;a href="https://gyazo.com/85c6241971ae3023da7669bc1a158736" target="_blank" rel="noreferrer"&gt;&lt;figure&gt;&lt;img
 class="my-0 rounded-md"
 loading="lazy"
 decoding="async"
 fetchpriority="auto"
 alt="Image from Gyazo"
 width="971"
 height="857"
 src="https://namaraii.com/images/maschineMK3-remote-002_hu_f1d6ecf03298b1f.png"
 srcset="https://namaraii.com/images/maschineMK3-remote-002_hu_f1d6ecf03298b1f.png 800w, https://namaraii.com/images/maschineMK3-remote-002.png 1280w"
 sizes="(min-width: 768px) 50vw, 65vw"
 data-zoom-src="https://namaraii.com/images/maschineMK3-remote-002.png"&gt;&lt;/figure&gt;
&lt;/a&gt;&lt;/p&gt;</description></item><item><title>Pomera DM250</title><link>https://namaraii.com/posts/pomera_dm250/</link><pubDate>Wed, 04 Sep 2024 00:00:00 +0900</pubDate><author>hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))</author><guid>https://namaraii.com/posts/pomera_dm250/</guid><description>&lt;p&gt;Pomera DM250は、デジタルメモツールとして人気のある「Pomera」シリーズの最新モデル。&lt;/p&gt;
&lt;p&gt;Pomeraシリーズはキングジム社が製造する、主にテキスト入力に特化したポータブルデバイスで、ノートパソコンと同様のフルキーボードを備えていますが、インターネットや複雑なアプリケーションの使用を排除し、シンプルな文書作成に特化している。&lt;/p&gt;

&lt;h2 class="relative group"&gt;Pomera DM250とファイルをやり取りする方法
 &lt;div id="pomera-dm250とファイルをやり取りする方法" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#pomera-dm250%e3%81%a8%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92%e3%82%84%e3%82%8a%e5%8f%96%e3%82%8a%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;方法&lt;/th&gt;
 &lt;th&gt;手順&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;SDカード経由&lt;/td&gt;
 &lt;td&gt;SDカードを抜き差し&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;USBケーブルでPCと接続しストレージとして認識させる&lt;/td&gt;
 &lt;td&gt;&lt;code&gt;ツール&lt;/code&gt;→&lt;code&gt;PCリンク&lt;/code&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;スマホアプリPomera Link経由でファイルを送受信する&lt;/td&gt;
 &lt;td&gt;&lt;code&gt;ツール&lt;/code&gt;→&lt;code&gt;アプリ接続&lt;/code&gt; または &lt;code&gt;ツール&lt;/code&gt;→&lt;code&gt;QRコード&lt;/code&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;Wi-Fiに接続しGmailでファイルを送信する&lt;/td&gt;
 &lt;td&gt;&lt;code&gt;ツール&lt;/code&gt;→&lt;code&gt;アップロード&lt;/code&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;

&lt;h2 class="relative group"&gt;内部のディレクトリ構造
 &lt;div id="内部のディレクトリ構造" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%86%85%e9%83%a8%e3%81%ae%e3%83%87%e3%82%a3%e3%83%ac%e3%82%af%e3%83%88%e3%83%aa%e6%a7%8b%e9%80%a0" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;

&lt;h3 class="relative group"&gt;本体メモリ
 &lt;div id="本体メモリ" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e6%9c%ac%e4%bd%93%e3%83%a1%e3%83%a2%e3%83%aa" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h3&gt;
&lt;p&gt;Pomera本体ストレージはMacのFinderからボリューム名をPOMERAに変更した。&lt;/p&gt;
&lt;p&gt;/dev/disk10 on /Volumes/POMERA (msdos, local, nodev, nosuid, noowners, noatime, fskit)&lt;/p&gt;
&lt;pre class="not-prose mermaid"&gt;
flowchart TD
 A[／Volumes／POMERA] --&gt; |本体メモリのメモ|B(Pomera)
 B --&gt; C(ファイル名.txt)
 B --&gt; G(フォルダ名)
 A --&gt; |カレンダーメモ| D(Pomera_memo)
 D --&gt; E(YYYY)
 E --&gt; F[YYYYMMDD.txt]
 
&lt;/pre&gt;


&lt;h3 class="relative group"&gt;SDカード
 &lt;div id="sdカード" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#sd%e3%82%ab%e3%83%bc%e3%83%89" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h3&gt;
&lt;p&gt;PomeraのSDカードはMacのFinderからボリューム名をPOMERA_SDに変更した。&lt;/p&gt;</description></item><item><title>Pocketに保存したページを読み上げてPodcastとして配信</title><link>https://namaraii.com/posts/webpage-to-speech/</link><pubDate>Fri, 20 Jan 2023 00:00:00 +0900</pubDate><author>hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))</author><guid>https://namaraii.com/posts/webpage-to-speech/</guid><description>&lt;p&gt;PocketへWebページを保存するとページの本文らしき部分を抽出し、&lt;a href="https://cloud.google.com/text-to-speech" target="_blank" rel="noreferrer"&gt;Text-to-Speech&lt;/a&gt;でそれを読み上げた音声ファイルを作り、プライベートなPodcastとして配信するしかけを作った。&lt;/p&gt;
&lt;p&gt;音声合成エンジンとして&lt;a href="https://github.com/VOICEVOX/voicevox_engine" target="_blank" rel="noreferrer"&gt;VOICEVOX&lt;/a&gt;も試したが、手元の環境で安定して動作させるところまでいけず断念。&lt;/p&gt;

&lt;h2 class="relative group"&gt;システムの概要
 &lt;div id="システムの概要" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0%e3%81%ae%e6%a6%82%e8%a6%81" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;pre class="not-prose mermaid"&gt;
flowchart TD 
	Podcastアプリ[/Podcastアプリ\] --&gt; |参照|nginx
	Pocket[/Pocket\] --&gt; |新規保存|IFTTT
	IFTTT --&gt; |Webhooks|nginx
	subgraph システムの概要
		nginx
		nginx --&gt; |PodcastのRSSフィード参照|index.rss
		nginx --&gt; |PocketしたURLを通知|sinatra
		subgraph PodcastのRSSフィード生成
			mp3 --&gt; |参照|index.rss
			mp3 --&gt; |参照|dropcaster
			cron --&gt; |5分毎|dropcaster --&gt; |存在するmp3からRSSフィード生成|index.rss
		end
		subgraph 音声ファイル生成
			sinatra
			sinatra --&gt; readability
			readability --&gt; |ページの本文|texttospeech
			texttospeech --&gt; |本文からmp3生成|mp3[(mp3)]
		end
	end
	
&lt;/pre&gt;


&lt;h2 class="relative group"&gt;使用したライブラリやサービス
 &lt;div id="使用したライブラリやサービス" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e4%bd%bf%e7%94%a8%e3%81%97%e3%81%9f%e3%83%a9%e3%82%a4%e3%83%96%e3%83%a9%e3%83%aa%e3%82%84%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://ifttt.com/maker_webhooks" target="_blank" rel="noreferrer"&gt;Webhooks Integrations - Connect Your Apps with IFTTT&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://namaraii.com/posts/extract_content_from_webpage/" &gt;Webページから本文らしき部分を抽出する&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/nerab/dropcaster" target="_blank" rel="noreferrer"&gt;nerab/dropcaster: Simple Podcast Publishing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://cloud.google.com/text-to-speech" target="_blank" rel="noreferrer"&gt;Text-to-Speech: 自然な音声合成  |  Google Cloud&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description></item><item><title>D2 Declarative Diagramming</title><link>https://namaraii.com/posts/d2/</link><pubDate>Thu, 12 Jan 2023 00:00:00 +0900</pubDate><author>hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))</author><guid>https://namaraii.com/posts/d2/</guid><description>&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/terrastruct/d2" target="_blank" rel="noreferrer"&gt;terrastruct/d2: D2 is a modern diagram scripting language that turns text to diagrams.&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;テキストからダイアグラムを生成するツール。類似のツールとしてはMermaid、GraphViz、PlantUMLなどがあり、以下のサイトでこれらのツールで同じダイアグラムを書く場合の比較が可能。このサイトはD2開発元によるものらしい。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://text-to-diagram.com/" target="_blank" rel="noreferrer"&gt;Text to diagram&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 class="relative group"&gt;テキストと出力の例
 &lt;div id="テキストと出力の例" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%a8%e5%87%ba%e5%8a%9b%e3%81%ae%e4%be%8b" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;p&gt;公式サイトからの引用&lt;/p&gt;
&lt;div class="highlight-wrapper"&gt;&lt;pre tabindex="0"&gt;&lt;code class="language-d2" data-lang="d2"&gt;# Actors
hans: Hans Niemann

defendants: {
 mc: Magnus Carlsen
 playmagnus: Play Magnus Group
 chesscom: Chess.com
 naka: Hikaru Nakamura

 mc -&amp;gt; playmagnus: Owns majority
 playmagnus &amp;lt;-&amp;gt; chesscom: Merger talks
 chesscom -&amp;gt; naka: Sponsoring
}

# Accusations
hans -&amp;gt; defendants: &amp;#39;sueing for $100M&amp;#39;

# Offense
defendants.naka -&amp;gt; hans: Accused of cheating on his stream
defendants.mc -&amp;gt; hans: Lost then withdrew with accusations
defendants.chesscom -&amp;gt; hans: 72 page report of cheating&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;figure&gt;&lt;img
 class="my-0 rounded-md"
 loading="lazy"
 decoding="async"
 fetchpriority="auto"
 alt="image"
 width="954"
 height="1216"
 src="https://namaraii.com/images/d2-001_hu_856d3ce5ae0943f7.png"
 srcset="https://namaraii.com/images/d2-001_hu_856d3ce5ae0943f7.png 800w, https://namaraii.com/images/d2-001.png 1280w"
 sizes="(min-width: 768px) 50vw, 65vw"
 data-zoom-src="https://namaraii.com/images/d2-001.png"&gt;&lt;/figure&gt;

&lt;h2 class="relative group"&gt;インストール
 &lt;div id="インストール" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/terrastruct/d2/blob/master/docs/INSTALL.md" target="_blank" rel="noreferrer"&gt;d2/INSTALL.md at master · terrastruct/d2&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Macの場合は&lt;code&gt;brew install d2&lt;/code&gt;でOK&lt;/p&gt;</description></item><item><title>ソフトウェアアーキテクチャのためのC4モデル</title><link>https://namaraii.com/posts/c4-model/</link><pubDate>Thu, 12 Jan 2023 00:00:00 +0900</pubDate><author>hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))</author><guid>https://namaraii.com/posts/c4-model/</guid><description>&lt;h2 class="relative group"&gt;C4モデルとは
 &lt;div id="c4モデルとは" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#c4%e3%83%a2%e3%83%87%e3%83%ab%e3%81%a8%e3%81%af" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;p&gt;ソフトウェアのアーキテクチャを表現するためのモデル。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;コンテキスト（context）&lt;/li&gt;
&lt;li&gt;コンテナ（containers）&lt;/li&gt;
&lt;li&gt;コンポーネント（components）&lt;/li&gt;
&lt;li&gt;コード（code）
で構成される。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;C4モデルは特別な表記法を規定していない。以下、ダイアグラムの図は&lt;a href="https://c4model.com/" target="_blank" rel="noreferrer"&gt;The C4 model for visualising software architecture&lt;/a&gt;を参考に作成した。&lt;/p&gt;
&lt;pre class="not-prose mermaid"&gt;
flowchart TD
	ソフトウェアシステム:::system
	ソフトウェアシステム --&gt; containerA(コンテナ)
	ソフトウェアシステム --&gt; containerB(コンテナ)
	ソフトウェアシステム --&gt; containerC(コンテナ)
	componentA1:::dot
	containerA:::dot --&gt; componentA1(コンポーネント)
	componentA:::dot
 containerB --&gt; componentA(コンポーネント)
	containerB --&gt; componentB(コンポーネント)
	containerB --&gt; componentC(コンポーネント)
	containerB:::container
	componentC:::dot
 	componentA2:::dot
	containerC:::dot --&gt; componentA2(コンポーネント)
	componentB --&gt; codeA(コード)
	componentB --&gt; codeB(コード)
	componentB --&gt; codeC(コード)
	componentB:::component
	codeA:::code
	codeB:::code
	codeC:::code
	classDef dot fill:#eef,stroke:#f66,stroke-width:2px,color:#aaa,stroke-dasharray: 5 5
	classDef system fill:#faa,stroke:#333,color:#fff,stroke-width:4px
	classDef container fill:#44f,stroke:#333,color:#fff,stroke-width:4px
	classDef component fill:#77f,stroke:#333,color:#fff,stroke-width:4px
	classDef code fill:#aaf,stroke:#333,color:#fff,stroke-width:4px
&lt;/pre&gt;


&lt;h2 class="relative group"&gt;レベル1 システムコンテキスト ダイアグラム
 &lt;div id="レベル1-システムコンテキスト-ダイアグラム" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%83%ac%e3%83%99%e3%83%ab1-%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0%e3%82%b3%e3%83%b3%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88-%e3%83%80%e3%82%a4%e3%82%a2%e3%82%b0%e3%83%a9%e3%83%a0" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;p&gt;対象システムが、それを使用する人や関連する他システムとの関係性、どのような位置づけにあるかを図示する。&lt;/p&gt;</description></item><item><title>機械学習のアルゴリズム選択フローチャート</title><link>https://namaraii.com/posts/ml_algorhythm/</link><pubDate>Tue, 03 Jan 2023 00:00:00 +0900</pubDate><author>hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))</author><guid>https://namaraii.com/posts/ml_algorhythm/</guid><description>&lt;p&gt;&lt;a href="https://scikit-learn.org/stable/tutorial/machine_learning_map/index.html" target="_blank" rel="noreferrer"&gt;Choosing the right estimator — scikit-learn 1.2.0 documentation&lt;/a&gt;を元にMermaidでまとめた。&lt;/p&gt;
&lt;pre class="not-prose mermaid"&gt;
flowchart TD
	A((Start))--&gt; B{50サンプル以上?}
 B --&gt;|Yes| B1{カテゴリの\n予測?}
 B --&gt;|No| B2((データを収集))
 B1 --&gt;|Yes| C1{正解ラベルあり?}
 C1 --&gt;|Yes| Z3((分類)):::terminal
 C1 --&gt;|No| Z4((クラスタリング)):::terminal
 B1 --&gt;|No| C2{数量の予測?}
 C2 --&gt;|Yes| Z1((回帰)):::terminal
 C2 --&gt;|No| H((次元削除)):::terminal
 classDef terminal fill:#69F
&lt;/pre&gt;


&lt;h2 class="relative group"&gt;分類
 &lt;div id="分類" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%88%86%e9%a1%9e" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;pre class="not-prose mermaid"&gt;
flowchart TD
 Z3((分類)):::terminal --&gt; I1{10万サンプル以下?}
	I1 --&gt;|Yes| I11[線形SVC]
 I1 --&gt;|No| I21[SDG Classifier]:::method
 I21 --&gt;|うまくいかない| I22[kernel approximation\nGBDT]:::method
 I11 --&gt;|うまくいかない| I12{テキストデータ?}
 I12 --&gt;|Yes| I122[ネイティブベイズ]:::method
 I12 --&gt;|No| I13[K近傍法]:::method 
 I13 --&gt;|うまくいかない| I131[SVC\nランダムフォレスト]:::method 
 classDef terminal fill:#69F
 classDef method fill:#f9f,stroke:#333,stroke-width:4px
&lt;/pre&gt;


&lt;h2 class="relative group"&gt;クラスタリング
 &lt;div id="クラスタリング" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%82%af%e3%83%a9%e3%82%b9%e3%82%bf%e3%83%aa%e3%83%b3%e3%82%b0" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;pre class="not-prose mermaid"&gt;
flowchart TD
 Z4((クラスタリング)):::terminal --&gt; J1{カテゴリ数は既知?}
	J1 --&gt;|Yes| J11{&lt;10万サンプル以下?}
 J11 --&gt;|Yes| J12[KMeans]:::method
 J12 --&gt;|うまくいかない| J13[スペクトラルクラスタリング\nGMM]:::method
 J11 --&gt;|No| J21[MiniBatch\nKMeans]:::method
 J1 --&gt;|No| J3{&lt;10K samples}
 J3 --&gt;|Yes| J31[MeanShift\nVGBMM]:::method 
 J3 --&gt;|No| J34((不運))
 classDef terminal fill:#69F
 classDef method fill:#f9f,stroke:#333,stroke-width:4px
&lt;/pre&gt;


&lt;h2 class="relative group"&gt;回帰
 &lt;div id="回帰" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%9b%9e%e5%b8%b0" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;pre class="not-prose mermaid"&gt;
flowchart TD
 Z1((回帰)):::terminal --&gt; D1{10万サンプル以下?}
 D1 --&gt;|No| E1[SGD回帰分析]:::method
 D1 --&gt;|Yes| E2{説明変数xの一部が重要?}
 E2 --&gt;|Yes| F1[Lasso\nElasticNet]:::method
 E2 --&gt;|No| F2[Ridge\n線形SVR]:::method
 F2 --&gt;|うまくいかない| F3[SVR Kernel='rbf'\nEnsembleRegressors]:::method
 classDef terminal fill:#69F
 classDef method fill:#f9f,stroke:#333,stroke-width:4px
&lt;/pre&gt;


&lt;h2 class="relative group"&gt;次元削除
 &lt;div id="次元削除" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e6%ac%a1%e5%85%83%e5%89%8a%e9%99%a4" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;pre class="not-prose mermaid"&gt;
flowchart TD
 Z((次元削除)):::terminal --&gt; H[Randomized PCA]:::method
	H --&gt;|うまくいかない| H11{10万サンプル以下?}
 H11 --&gt;|Yes| H22[Isomap\nSpectral Embedding]:::method
 H11 --&gt;|No| H3[kernel\napproximation]:::method
 H22 --&gt;|うまくいかない| H4[LLE]:::method
 classDef terminal fill:#69F
 classDef method fill:#f9f,stroke:#333,stroke-width:4px
&lt;/pre&gt;</description></item><item><title>2ホップリンク</title><link>https://namaraii.com/posts/twohop_link/</link><pubDate>Thu, 22 Dec 2022 00:00:00 +0900</pubDate><author>hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))</author><guid>https://namaraii.com/posts/twohop_link/</guid><description>&lt;h2 class="relative group"&gt;ホップ数
 &lt;div id="ホップ数" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%83%9b%e3%83%83%e3%83%97%e6%95%b0" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;p&gt;&lt;pre class="not-prose mermaid"&gt;
flowchart LR
	B1 &amp; B2 --&gt; A
	G --&gt; O1
	H --&gt; O1
	A --&gt; O1 &amp; O2
	O2 --&gt; E
	F --&gt; O2
	B1:::hop1
	B2:::hop1
	O1:::hop1
	O2:::hop1
	F:::hop2
	G:::hop2
	H:::hop2
	style A fill:#f9f,stroke:#333,stroke-width:4px
	classDef hop1 fill:#a9a
	classDef hop2 fill:#f96
&lt;/pre&gt;

ホップ数とは自身から任意のページまでたどり着くまでのリンクの数である。&lt;/p&gt;
&lt;p&gt;このようなリンク関係がある場合、ページ&lt;code&gt;A&lt;/code&gt;から見て、&lt;code&gt;B1&lt;/code&gt; &lt;code&gt;B2&lt;/code&gt; &lt;code&gt;O1&lt;/code&gt; &lt;code&gt;O2&lt;/code&gt;は1ホップリンクと呼ばれる。&lt;/p&gt;

&lt;h2 class="relative group"&gt;2ホップリンクの意味
 &lt;div id="2ホップリンクの意味" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#2%e3%83%9b%e3%83%83%e3%83%97%e3%83%aa%e3%83%b3%e3%82%af%e3%81%ae%e6%84%8f%e5%91%b3" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;p&gt;このため、上記のリンク関係で言えば、ページ&lt;code&gt;A&lt;/code&gt;から見た&lt;code&gt;G&lt;/code&gt; &lt;code&gt;H&lt;/code&gt; &lt;code&gt;E&lt;/code&gt; &lt;code&gt;F&lt;/code&gt;は2ホップリンクとなる。&lt;/p&gt;
&lt;p&gt;Scrapboxでは2ホップリンクの内、アウトゴーイングリンクのページへリンクしているページ、つまり、&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;A&lt;/code&gt;からリンクしている&lt;code&gt;O1&lt;/code&gt;へリンクしている &lt;code&gt;G&lt;/code&gt;と &lt;code&gt;H&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;A&lt;/code&gt;からリンクしている&lt;code&gt;O2&lt;/code&gt;へリンクしている &lt;code&gt;F&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;を関連リンクとして表示している。これは、&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;A→C, B→Cという&lt;a href="https://helpfeel.com/masui/%E3%83%AA%E3%83%B3%E3%82%AF" target="_blank" rel="noreferrer"&gt;リンク&lt;/a&gt;が存在するとき、AとBの間にはなんらかの関連があると考えてよい。&lt;/p&gt;
&lt;p&gt;「和歌山」→「みかん」、「愛媛県」→「みかん」 ならば「和歌山県」と「愛媛県」はみかんつながりになっているわけだし、&lt;/p&gt;
&lt;p&gt;「増井」→「Rubyプログラミング」、「高林」→「Rubyプログラミング」 ならば「増井」⇔「高林」は意味がある。&lt;/p&gt;
&lt;/blockquote&gt;&lt;p&gt;出典: &lt;a href="https://helpfeel.com/masui/2%E3%83%9B%E3%83%83%E3%83%97%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E8%80%83%E5%AF%9F-5b6f9e74b1b77e00148f8c42" target="_blank" rel="noreferrer"&gt;2ホップリンクの考察 - 増井俊之&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;上記の考え方に基づく仕様であり、本サイトでもQuartzを拡張し同様の2ホップリンクを表示している（各ページ配下の「関連リンク」）&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;QuartzにScrapbox的な2ホップリンクを追加する&lt;/li&gt;
&lt;li&gt;Obsidiaのリンク表示&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 class="relative group"&gt;参考情報
 &lt;div id="参考情報" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%8f%82%e8%80%83%e6%83%85%e5%a0%b1" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://helpfeel.com/masui/2%E3%83%9B%E3%83%83%E3%83%97%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E8%80%83%E5%AF%9F-5b6f9e74b1b77e00148f8c42" target="_blank" rel="noreferrer"&gt;2ホップリンクの考察 - 増井俊之&lt;/a&gt;&lt;/p&gt;</description></item><item><title>Hugo</title><link>https://namaraii.com/posts/hugo/</link><pubDate>Mon, 19 Dec 2022 00:00:00 +0900</pubDate><author>hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))</author><guid>https://namaraii.com/posts/hugo/</guid><description>&lt;p&gt;オープンソースの静的サイトジェネレーター。go言語で記述されておりページ生成の速度が速くカスタマイズ性が高い。&lt;/p&gt;
&lt;p&gt;&lt;a href="https://gohugo.io/" target="_blank" rel="noreferrer"&gt;The world’s fastest framework for building websites | Hugo&lt;/a&gt;&lt;/p&gt;

&lt;h2 class="relative group"&gt;Hugo関連のノート
 &lt;div id="hugo関連のノート" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#hugo%e9%96%a2%e9%80%a3%e3%81%ae%e3%83%8e%e3%83%bc%e3%83%88" aria-label="アンカー"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Hugoメモ&lt;/li&gt;
&lt;li&gt;&lt;a href="https://namaraii.com/posts/hugo_plugin/" &gt;Hugoのショートコードをうまく使い回す方法&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://namaraii.com/posts/hugo_timezone/" &gt;Hugoのローカルサーバでページが表示されない場合&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://namaraii.com/posts/hugo_auto_eyecatch/" &gt;Hugoで本文の先頭画像をアイキャッチとして使用する&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://namaraii.com/posts/hugo_isserver/" &gt;Hugoでローカルサーバのみ実行する処理を書く方法&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://namaraii.com/posts/hugo_abcjs/" &gt;Hugoで楽譜を描画する(abcjs)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://namaraii.com/posts/hugo-mermaid/" &gt;Hugoのレンダーフックを使ったMermaidの利用&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://namaraii.com/posts/hugo_shortcoder/" &gt;Hugoのショートコード入力を支援するChrome拡張&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://namaraii.com/posts/20230818/" &gt;Hugoでイメージギャラリーを表示するhugo-shortcode-gallery&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://namaraii.com/posts/20200920/" &gt;Hugoで写真をリサイズしExif情報を表示する&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description></item></channel></rss>