<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>プラグイン | RTAGamers</title>
	<atom:link href="https://rtagamers.com/tag/%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3/feed/" rel="self" type="application/rss+xml" />
	<link>https://rtagamers.com</link>
	<description>RTAGamersはRTAプレイヤーによる情報サイトです！</description>
	<lastBuildDate>Fri, 29 Dec 2023 05:56:38 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://rtagamers.com/wp-content/uploads/2019/11/favicon-100x100.png</url>
	<title>プラグイン | RTAGamers</title>
	<link>https://rtagamers.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>LiveSplit をカスタマイズしよう！　おすすめの拡張機能</title>
		<link>https://rtagamers.com/rta-tools/livesplit-add-components/</link>
					<comments>https://rtagamers.com/rta-tools/livesplit-add-components/#respond</comments>
		
		<dc:creator><![CDATA[Kuhaku_玖白]]></dc:creator>
		<pubDate>Sat, 02 Dec 2023 22:00:10 +0000</pubDate>
				<category><![CDATA[RTAツール]]></category>
		<category><![CDATA[Livesplit]]></category>
		<category><![CDATA[アドベントカレンダー2023]]></category>
		<category><![CDATA[コンポーネント]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://rtagamers.com/?p=17770</guid>

					<description><![CDATA[LiveSplit は多くのRTAプレイヤーが使用しているタイマーアプリケーションで、多機能で高いカスタマイズ性を持っています。 この記事では LiveSplit のおすすめの拡張機能（コンポーネント・プラグイン）を紹介 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>
<a rel="noopener" target="_blank" href="https://livesplit.org/">LiveSplit<span class="fa fa-share-square external-icon anchor-icon"></span></a> は多くのRTAプレイヤーが使用しているタイマーアプリケーションで、多機能で高いカスタマイズ性を持っています。
</p>
<p>
この記事では LiveSplit のおすすめの拡張機能（コンポーネント・プラグイン）を紹介します。
</p>
<p>
この記事は <a rel="noopener" target="_blank" href="https://adventar.org/calendars/9406">RTAGamers Advent Calendar 2023<span class="fa fa-share-square external-icon anchor-icon"></span></a> の３日目の記事です。
</p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">拡張機能の利用方法</a></li><li><a href="#toc2" tabindex="0">おすすめの拡張機能</a><ol><li><a href="#toc3" tabindex="0">Speed Guides Live</a></li><li><a href="#toc4" tabindex="0">Text Images</a></li><li><a href="#toc5" tabindex="0">Current Comparison</a></li><li><a href="#toc6" tabindex="0">Share To Twitter</a></li><li><a href="#toc7" tabindex="0">Theory Comparison Generator</a></li><li><a href="#toc8" tabindex="0">therun.gg</a></li><li><a href="#toc9" tabindex="0">Make Many Segments</a></li><li><a href="#toc10" tabindex="0">Segment Name Indexer</a></li><li><a href="#toc11" tabindex="0">Clock</a></li><li><a href="#toc12" tabindex="0">Completion Estimate</a></li><li><a href="#toc13" tabindex="0">Pace Placement</a></li><li><a href="#toc14" tabindex="0">PB Chance</a></li><li><a href="#toc15" tabindex="0">Splitting Counter</a></li><li><a href="#toc16" tabindex="0">Graph Icon</a></li><li><a href="#toc17" tabindex="0">Run Backup</a></li></ol></li><li><a href="#toc18" tabindex="0">こんな機能が欲しいと思ったら</a></li><li><a href="#toc19" tabindex="0">さいごに</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">拡張機能の利用方法</span></h2>
<h4>拡張機能（コンポーネント）</h4>
<p>
LiveSplit の機能の編集は主にレイアウト編集で行い、ここで追加・削除する機能はコンポーネントと言う単位で扱われています。
</p>
<p>
コンポーネントには LiveSplit に標準で付属しているものと、任意で追加するもの（要はプラグイン）とがあります。
</p>
<h4>拡張機能のインストール方法</h4>
<p>
拡張機能を利用するにはインストールが必要です。
</p>
<p>
<img fetchpriority="high" decoding="async" src="https://rtagamers.com/wp-content/uploads/2023/11/install.png" alt="拡張機能をインストールするイメージ" width="605" height="323" class="alignnone size-full wp-image-17796" srcset="https://rtagamers.com/wp-content/uploads/2023/11/install.png 605w, https://rtagamers.com/wp-content/uploads/2023/11/install-300x160.png 300w" sizes="(max-width: 605px) 100vw, 605px" /><br />
拡張機能の .dll ファイル（＋α）を LiveSplit の Components フォルダに入れれば OK です。
</p>
<p>
この時、LiveSplit が終了している状態でインストールを行ってください。もし LiveSplit が起動していた場合は、LiveSplit を再起動すれば大丈夫です。
</p>
<p>
LiveSplit を起動して Layout Editor を開いて＋ボタンを押すと対応したカテゴリの中に新しいコンポーネントが増えているので、レイアウトに追加しましょう。
</p>
<p>
レイアウトを編集した時は、レイアウトの保存を忘れずに。
</p>
<h2><span id="toc2">おすすめの拡張機能</span></h2>
<h3><span id="toc3">Speed Guides Live</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>区間ごとにメモを表示</dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://www.nightgamedev.com/sgl">https://www.nightgamedev.com/sgl<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Other → Speed Guides Live</dd>
<dt>説明</dt>
<dd>
<p>
現在の区間と連動してメモを切り替えて表示できます。<br />
自分用にチャートの文字送りに使ったり、配信用に説明文を表示するなどに便利です。
</p>
<p>
表示できるのはテキストのみなので、画像を使いたい場合はひとつ下の Text Images がお勧めです。
</p>
</dd>
</dl>
<h3><span id="toc4">Text Images</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>LiveSplit の状態に連動して画像を表示</dd>
<dt>イメージ</dt>
<dd><img decoding="async" src="https://rtagamers.com/wp-content/uploads/2023/11/TextImage.png" alt="設定画面のイメージ" width="476" height="313" class="alignnone size-full wp-image-17799" srcset="https://rtagamers.com/wp-content/uploads/2023/11/TextImage.png 476w, https://rtagamers.com/wp-content/uploads/2023/11/TextImage-300x197.png 300w" sizes="(max-width: 476px) 100vw, 476px" /></dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://twitter.com/satougashi020/status/1505822374390013958">https://twitter.com/satougashi020/status/1505822374390013958<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Media → Text Images</dd>
<dt>説明</dt>
<dd>
<p>LiveSplit の状態はけっこう細かく指定することができ、それぞれの状態に合わせて指定した画像を表示できます。<br />
配信を盛り上げたり、Speed Guides Live の画像版として使ったりできます。</p>
</dd>
</dl>
<h3><span id="toc5">Current Comparison</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>比較対象を表示</dd>
<dt>イメージ</dt>
<dd>
<div class="ls">
<div class="ls-row-timer">
<div class="ls-timer time">0<span class="ls-timer2">.00</span></div>
</p></div>
<div class="ls-row-text">
<div class="text_left">Comparing Against</div>
<div class="text_right">Personal Best</div>
</p></div>
</div>
</dd>
<dt>DL</dt>
<dd>標準機能のためインストールは不要です</dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Information → Current Comparison</dd>
<dt>説明</dt>
<dd>
<p>
現在のタイムの比較対象の名前を表示するので、比較対象をよく切り替える場合に迷子になりにくいです。
</p>
<p>
気付かない間に比較対象を変えいたというトラブルを見かけることがありますが、比較対象を表示しておけばすぐ気付くことができます。
</p>
<p>
拡張機能の紹介と言いながらこれだけ標準機能ですが、LiveSplit に慣れていない方はとりあえずこの機能をレイアウトに入れておいて欲しいくらいにはおすすめの機能です。
</p>
</dd>
</dl>
<h3><span id="toc6">Share To Twitter</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>タイムを X (Twitter) にシェア</dd>
<dt>イメージ</dt>
<dd><img decoding="async" src="https://rtagamers.com/wp-content/uploads/2023/11/ShareToTwitter.png" alt="設定画面のイメージ" width="476" height="402" class="alignnone size-full wp-image-17798" srcset="https://rtagamers.com/wp-content/uploads/2023/11/ShareToTwitter.png 476w, https://rtagamers.com/wp-content/uploads/2023/11/ShareToTwitter-300x253.png 300w" sizes="(max-width: 476px) 100vw, 476px" /></dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://soushinsoujin989.blogspot.com/2021/08/livesplit_76.html#ShareToTwitter">https://soushinsoujin989.blogspot.com/2021/08/livesplit_76.html#ShareToTwitter<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Other → Share To Twitter</dd>
<dt>説明</dt>
<dd>
<p>Twitter API の利用に関する条件などが変わったことにより LiveSplit 本体の機能である Share から X (Twitter) に投稿することができなくなったので、その代替機能です。</p>

<a href="https://rtagamers.com/rta-tools/livesplitsharetotwitter/" title="LivesplitからTwitterにShareしないで！！！！　Twitter投稿機能は実質終了（ver1.8.29 にて少し仕様が変わって復活）" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://rtagamers.com/wp-content/uploads/2023/05/00-1-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://rtagamers.com/wp-content/uploads/2023/05/00-1-160x90.png 160w, https://rtagamers.com/wp-content/uploads/2023/05/00-1-300x169.png 300w, https://rtagamers.com/wp-content/uploads/2023/05/00-1-120x68.png 120w, https://rtagamers.com/wp-content/uploads/2023/05/00-1-320x180.png 320w, https://rtagamers.com/wp-content/uploads/2023/05/00-1.png 640w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">LivesplitからTwitterにShareしないで！！！！　Twitter投稿機能は実質終了（ver1.8.29 にて少し仕様が変わって復活）</div><div class="blogcard-snippet internal-blogcard-snippet">2024年05月20日追記Livesplit ver1.8.29 にて、Livesplit への Share 機能が少し仕様が変わって復活しました。Twitter への Share 機能が復活する可能性は低いので、手動でスクショを取って T...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://rtagamers.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">rtagamers.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2023.05.31</div></div></div></div></a>
</dd>
</dl>
<h3><span id="toc7">Theory Comparison Generator</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>目標タイムを自動的に生成</dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://github.com/thags15/LiveSplit.TheoryComparisonGenerator">https://github.com/thags15/LiveSplit.TheoryComparisonGenerator<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Other → Theory Comparison Generator</dd>
<dt>説明</dt>
<dd>
<p>
区間ゴールドタイムと SoB から目標の区間タイムを生成します。
</p>
<p>
明確な目標タイムが無い場合や、目標タイムが遠すぎる場合などに、PB から自動生成した現実に手が届くタイムを目標とすることでモチベーションを維持するといった使い方に適しています。
</p>
</dd>
</dl>
<h3><span id="toc8">therun.gg</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>webサービス The Run と LiveSplit を提携</dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://github.com/therungg/LiveSplit.TheRun">https://github.com/therungg/LiveSplit.TheRun<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Other → therun.gg</dd>
<dt>説明</dt>
<dd>
<p>タイムの解析、配信情報の表示などのサービスを提供する web サービス <a rel="noopener" target="_blank" href="https://therun.gg/">The Run<span class="fa fa-share-square external-icon anchor-icon"></span></a> と LiveSplit を提携し、LiveSplit の情報を自動的に The Run に送信します。</p>
</dd>
</dl>
<h3><span id="toc9">Make Many Segments</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>区間の一括生成</dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://soushinsoujin989.blogspot.com/2021/08/livesplit_76.html#MMS">https://soushinsoujin989.blogspot.com/2021/08/livesplit_76.html#MMS<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Other → Make Many Segments</dd>
<dt>説明</dt>
<dd>
<p>
ワンクリックで複数の区間をまとめて生成することができます。
</p>
<p>
筆者が新しくラップ表を作る際に、ひとつ下の Split Name Indexer と合わせて、なくてはならないくらいに常用しています。
</p>
</dd>
</dl>
<h3><span id="toc10">Segment Name Indexer</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>区間名の通し番号編集</dd>
<dt>イメージ</dt>
<dd><img loading="lazy" decoding="async" src="https://rtagamers.com/wp-content/uploads/2023/11/SegmentNameIndexer.png" alt="設定画面のイメージ" width="476" height="466" class="alignnone size-full wp-image-17797" srcset="https://rtagamers.com/wp-content/uploads/2023/11/SegmentNameIndexer.png 476w, https://rtagamers.com/wp-content/uploads/2023/11/SegmentNameIndexer-300x294.png 300w" sizes="(max-width: 476px) 100vw, 476px" /></dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://soushinsoujin989.blogspot.com/2021/08/livesplit_76.html#SNI">https://soushinsoujin989.blogspot.com/2021/08/livesplit_76.html#SNI<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Other → Segment Name Indexer</dd>
<dt>説明</dt>
<dd>
<p>
ワンクリックで区間名の通し番号を追加・削除できます。
</p>
<p>
筆者が新しくラップ表を作る際に、ひとつ上の Make Many Segment と合わせて、なくてはならないくらいに常用しています。
</p>
</dd>
</dl>
<h3><span id="toc11">Clock</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>時計を表示</dd>
<dt>イメージ</dt>
<dd>
<div class="ls">
<div class="ls-row-timer">
<div class="ls-timer time">0<span class="ls-timer2">.00</span></div>
</p></div>
<div class="ls-row-text">
<div class="text_left">Clock</div>
<div class="text_right">2023/01/23 12:34:56</div>
</p></div>
</div>
</dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://soushinsoujin989.blogspot.com/2021/08/livesplit_76.html#Clock">https://soushinsoujin989.blogspot.com/2021/08/livesplit_76.html#Clock<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Other → Clock</dd>
<dt>説明</dt>
<dd>LiveSplit の中に時計を表示できるため、配信画面をスッキリとまとめることができます。<br />
書式のカスタマイズによって日付・時刻・タイムゾーンを好きな項目・好きな順番で表示することができます。</dd>
</dl>
<h3><span id="toc12">Completion Estimate</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>進行度を表示</dd>
<dt>イメージ</dt>
<dd>
<div class="ls">
<div class="ls-row-timer">
<div class="ls-timer time_ahead">1<span class="ls-timer2">.23</span></div>
</p></div>
<div class="ls-row-text">
<div class="text_left">Completed</div>
<div class="text_right">12%</div>
</p></div>
</div>
</dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://github.com/TheSoundDefense/LiveSplit.CompletionEstimate">https://github.com/TheSoundDefense/LiveSplit.CompletionEstimate<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Information → Completion Estimate</dd>
<dt>説明</dt>
<dd>
<p>
タイマースタートからタイマーストップまでの進行率を 0-100% で表示します。
</p>
<p>
平均タイムをベースとした進行率がレース配信で表示されていると個人的に嬉しいので広まって欲しいです。
</p>
</dd>
</dl>
<h3><span id="toc13">Pace Placement</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>過去の自分と比較して歴代何位ペースかを表示</dd>
<dt>イメージ</dt>
<dd>
<div class="ls">
<div class="ls-row-timer">
<div class="ls-timer time_ahead">1<span class="ls-timer2">.23</span></div>
</p></div>
<div class="ls-row-text">
<div class="text_left">Pace Placement</div>
<div class="text_right">1st of 23</div>
</p></div>
</div>
</dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://github.com/andrewhuntsmith/LiveSplit.PacePlacement">https://github.com/andrewhuntsmith/LiveSplit.PacePlacement<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Information → Pace Placement</dd>
<dt>説明</dt>
<dd>
<p>平均タイムを縮めようとしている場合やリセットを禁止して通す場合などに、自分自身と競うことでモチベを維持するのに便利だと思います。</p>
</dd>
</dl>
<h3><span id="toc14">PB Chance</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>自己べストを出せる確率を表示</dd>
<dt>イメージ</dt>
<dd>
<div class="ls">
<div class="ls-row-timer">
<div class="ls-timer time_ahead">1<span class="ls-timer2">.23</span></div>
</p></div>
<div class="ls-row-text">
<div class="text_left">PB Chance</div>
<div class="text_right">12.34%</div>
</p></div>
</div>
</dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://github.com/SethBling/PBChance">https://github.com/SethBling/PBChance<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Information → PB Chance</dd>
<dt>説明</dt>
<dd>
<p>履歴データを使って１万回のシミュレーションを行うことで、自己ベストを出せる確率を計算します。</p>
</dd>
</dl>
<h3><span id="toc15">Splitting Counter</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>区間ごとに突破回数・突破率を表示</dd>
<dt>イメージ</dt>
<dd>
<div class="ls">
<div class="ls-row-text">
<div class="text_left">Seg.1 (23/045)</div>
<div class="text_right time">0:12.3</div>
</p></div>
<div class="ls-row-text">
<div class="text_left">Seg.2 (12/045)</div>
<div class="text_right time">0:23.4</div>
</p></div>
<div class="ls-row-text">
<div class="text_left">Seg.3 (6/045)</div>
<div class="text_right time">0:34.5</div>
</p></div>
<div class="ls-row-timer">
<div class="ls-timer time">0<span class="ls-timer2">.00</span></div>
</p></div>
</div>
</dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://soushinsoujin989.blogspot.com/2021/08/livesplit_76.html#SCounter">https://soushinsoujin989.blogspot.com/2021/08/livesplit_76.html#SCounter<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Control → Splitting Counter</dd>
<dt>説明</dt>
<dd>
<p>区間の突破回数や突破率を数字で見ることができるため、難しい区間や運ゲー区間を可視化できます。<br />
指定した試行回数以降のみを集計することもできるので、今日だけのカウントや今週だけのカウントなどもできます。</p>
</dd>
</dl>
<h3><span id="toc16">Graph Icon</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>アイコン付折れ線グラフ</dd>
<dt>イメージ</dt>
<dd><img loading="lazy" decoding="async" src="https://rtagamers.com/wp-content/uploads/2023/11/GraphIcon.png" alt="使用中のイメージ" width="286" height="153" class="alignnone size-full wp-image-17795" /></dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://github.com/Hawkrex/LiveSplit.GraphIcon">https://github.com/Hawkrex/LiveSplit.GraphIcon<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Media → Graph Icon</dd>
<dt>説明</dt>
<dd>
<p>標準機能の折れ線グラフ Graph に、ラップ表で設定した区間アイコンを表示する機能を追加しています。<br />
折れ線グラフの各点と区間との関係がより分かりやすくなります。</p>
</dd>
</dl>
<h3><span id="toc17">Run Backup</span></h3>
<dl class="separete">
<dt>機能</dt>
<dd>カウント中の LiveSplit の状態をバックアップ</dd>
<dt>イメージ</dt>
<dd>
<dd>
<div class="ls">
<div class="ls-row-timer">
<div class="ls-timer time_ahead">1<span class="ls-timer2">.23</span></div>
</p></div>
<div class="ls-row-text">
<div class="text_left">Run Backup</div>
<div class="text_right">Saved at 12:34:56</div>
</p></div>
<div class="ls-row-text">
<div class="text_left"></div>
<div class="text_right">No restorations in this run.</div>
</p></div>
</div>
</dd>
<dt>DL</dt>
<dd><a rel="noopener" target="_blank" href="https://twitter.com/satougashi020/status/1629825607214448640">https://twitter.com/satougashi020/status/1629825607214448640<span class="fa fa-share-square external-icon anchor-icon"></span></a></dd>
<dt>レイアウトへの追加</dt>
<dd>＋ → Other → Run Backup</dd>
<dt>説明</dt>
<dd>
<p>
一定時間 and or ラップしたタイミングで自動的にバックアップを作成します。
</p>
<p>
RTA の挑戦中に LiveSplit がフリーズしたりエラーで落ちて強制終了してしまうなどの事後が発生した場合に、バックアップを復元することで強制終了前のカウントを継続できます。
</p>
<p>
バックアップできるのはあくまでカウント中の LiveSplit の状態のみなで、履歴データはバックアップできないことに注意。
</p>
</dd>
</dl>
<h2><span id="toc18">こんな機能が欲しいと思ったら</span></h2>
<h4>拡張機能を探してみよう</h4>
<p>
ここで紹介した以外にもたくさんの拡張機能が公開されています。<br />
「こんな機能が欲しいな」と思ったら、まずは標準で使える機能から探してみましょう。
</p>
<p>
標準で使える機能についてはこちらの記事で紹介しています。<br />

<a href="https://rtagamers.com/rta-tools/livesplit-standard-components/" title="LiveSplit の標準コンポーネント紹介" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://rtagamers.com/wp-content/uploads/2023/11/01-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://rtagamers.com/wp-content/uploads/2023/11/01-160x90.png 160w, https://rtagamers.com/wp-content/uploads/2023/11/01-300x169.png 300w, https://rtagamers.com/wp-content/uploads/2023/11/01-768x432.png 768w, https://rtagamers.com/wp-content/uploads/2023/11/01-120x68.png 120w, https://rtagamers.com/wp-content/uploads/2023/11/01-320x180.png 320w, https://rtagamers.com/wp-content/uploads/2023/11/01.png 800w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">LiveSplit の標準コンポーネント紹介</div><div class="blogcard-snippet internal-blogcard-snippet">LiveSplit は多くのRTAプレイヤーが使用しているタイマーアプリケーションで、多機能で高いカスタマイズ性を持っています。この記事では標準コンポーネントを紹介します。LiveSplit のレイアウト設定画面から追加・削除できる機能のこ...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://rtagamers.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">rtagamers.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2023.12.02</div></div></div></div></a>
</p>
<p>
標準機能の中になければ次の場所を探してみると良いと思います。<br />
どこにもなければ、自分で作るという選択肢もあります。
</p>
<h4>主な配布場所</h4>
<ul class="separete">
<li><a rel="noopener" target="_blank" href="https://livesplit.org/components/">LiveSplit の公式サイト<span class="fa fa-share-square external-icon anchor-icon"></span></a><br />
いくつかの拡張機能が紹介されています。</li>
<li><a rel="noopener" target="_blank" href="https://github.com/search?q=livesplit+language%3AC%23&amp;type=repositories">GitHub<span class="fa fa-share-square external-icon anchor-icon"></span></a><br />
多くの拡張機能が公開されています。<br />
&#8220;livesplit language:C#&#8221; で検索するのがおすすめですが、Auto Splitter など拡張機能以外もヒットするので説明文などから見分ける必要があります。</li>
<li><a rel="noopener" target="_blank" href="https://soushinsoujin989.blogspot.com/2022/07/livesplit.html">一覧<span class="fa fa-share-square external-icon anchor-icon"></span></a><br />
有志によって作成された拡張機能を筆者がまとめた一覧です。</li>
</ul>
<h4>自分で作るという選択肢</h4>
<p>
C# の知識があり LiveSplit の仕様をある程度理解しているならば、自分でコンポーネントを作ることができてしまいます！
</p>
<p>
挑戦したい場合は次の資料が参考になると思います。
</p>
<ul class="separete">
<li><a rel="noopener" target="_blank" href="https://gist.github.com/TheSoundDefense/cf85fd68ae582faa5f1cc95f18bba4ec">コンポーネント作成のチュートリアル<span class="fa fa-share-square external-icon anchor-icon"></span></a><br />
英語の資料ではありますが、Reset Chance というコンポーネントを例にして具体的な開発手順などが紹介されています。</li>
<li><a rel="noopener" target="_blank" href="https://github.com/LiveSplit/LiveSplit/tree/master/LiveSplit/Components">公式コンポーネントのソースコード<span class="fa fa-share-square external-icon anchor-icon"></span></a><br />
作ろうとしているコンポーネントと働きが似ているものや UI が近いものなどが既存のコンポーネントの中にあるなら、そのソースコードは非常に参考になると思います。</li>
<li><a rel="noopener" target="_blank" href="https://soushinsoujin989.blogspot.com/2021/04/livesplit_99.html">LiveSplit用コンポーネントの作り方<span class="fa fa-share-square external-icon anchor-icon"></span></a><br />
コンポーネント開発について筆者が書いた日本語での説明記事です。</li>
</ul>
<h2><span id="toc19">さいごに</span></h2>
<p>
自分だけのタイマーレイアウトを作って、新たな記録に挑戦しましょう。<br />
Good Luck !!
</p>
<p>
２年前のアドベントカレンダー企画でも<a target="_blank" href="https://rtagamers.com/rta-tools/post-12354/">拡張機能を紹介する記事</a>を書いていますが、その後にも多くの拡張機能が誕生してきました。<br />
改めておすすめの拡張機能を紹介したいなという思いがありました。
</p>
<p>
知って得したと思っていただけるような拡張機能がひとつでもあれば嬉しい限りです。
</p>
<hr>
<p>
明日は 御茶麒麟 さんの「続:Discord Botで120人が参加するRTA大会のノルマ管理をしてみた話　～コピペでBotが作れるサンプルつき～」の予定です。
</p>
<p>
お楽しみに！</p>
<div class="saboxplugin-wrap" itemtype="http://schema.org/Person" itemscope itemprop="author"><div class="saboxplugin-tab"><div class="saboxplugin-gravatar"><img loading="lazy" decoding="async" src="https://rtagamers.com/wp-content/uploads/2021/12/KuhakuLogo_mono.png" width="100"  height="100" alt="" itemprop="image"></div><div class="saboxplugin-authorname"><a rel="author" href="https://rtagamers.com/author/kuhaku_o/" class="vcard author"><span class="fn">Kuhaku_玖白</span></a></div><div class="saboxplugin-desc"><div itemprop="description"><p>Livesplit用のコンポーネントを作ったり、Autosplitterを作ったりしている人です。</p>
</div></div><div class="saboxplugin-web "><a rel="nofollow noopener" target="_blank" href="https://soushinsoujin989.blogspot.com/">soushinsoujin989.blogspot.com/<span class="fa fa-share-square external-icon anchor-icon"></span></a></div><div class="clearfix"></div><div class="saboxplugin-socials sabox-colored"><a rel="nofollow noopener" target="_blank" title="Twitter" href="https://twitter.com/Kuhaku81377446" class="saboxplugin-icon-color"><svg class="sab-twitter" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <path d="M 9.398 6.639 L 16.922 17.361 L 14.922 17.361 L 7.412 6.639 L 9.398 6.639 Z M 24.026 24.026 L -0.026 24.026 L -0.026 -0.026 L 24.026 -0.026 L 24.026 24.026 Z M 19.4 18.681 L 13.807 10.677 L 18.379 5.319 L 16.627 5.319 L 13.014 9.541 L 10.065 5.319 L 4.921 5.319 L 10.187 12.846 L 5.193 18.681 L 6.975 18.681 L 10.985 13.983 L 14.269 18.681 L 19.4 18.681 Z" />
</svg></span><span class="fa fa-share-square external-icon anchor-icon"></span></a><a rel="nofollow noopener" target="_blank" title="Twitch" href="https://www.twitch.tv/kuhaku_o" class="saboxplugin-icon-color"><svg class="sab-twitch" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="-.2" y=".4" width="500" height="500" fill="#6441a5" /><polygon class="st1" points="499.8 247.3 499.8 500.4 283 500.4 135.5 351.6 162 142.3 324 138.3 380.2 128" /><path class="st2" d="m152.7 128l-17.2 44v179.7h61.2v32.5h34.4l32.5-32.5h49.7l66.9-66.9v-156.8h-227.5zm204.6 145.3l-38.3 38.2h-61.2l-32.4 32.5v-32.5h-51.6v-160.6h183.5v122.4zm-38.3-78.4v66.8h-22.9v-66.8h22.9zm-61.1 0v66.8h-22.9v-66.8h22.9z" /></svg></span><span class="fa fa-share-square external-icon anchor-icon"></span></a></div></div></div>]]></content:encoded>
					
					<wfw:commentRss>https://rtagamers.com/rta-tools/livesplit-add-components/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>LiveSplit の標準コンポーネント紹介</title>
		<link>https://rtagamers.com/rta-tools/livesplit-standard-components/</link>
					<comments>https://rtagamers.com/rta-tools/livesplit-standard-components/#respond</comments>
		
		<dc:creator><![CDATA[Kuhaku_玖白]]></dc:creator>
		<pubDate>Fri, 01 Dec 2023 22:00:39 +0000</pubDate>
				<category><![CDATA[RTAツール]]></category>
		<category><![CDATA[Livesplit]]></category>
		<category><![CDATA[アドベントカレンダー2023]]></category>
		<category><![CDATA[コンポーネント]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://rtagamers.com/?p=17768</guid>

					<description><![CDATA[LiveSplit は多くのRTAプレイヤーが使用しているタイマーアプリケーションで、多機能で高いカスタマイズ性を持っています。 この記事では標準コンポーネントを紹介します。 LiveSplit のレイアウト設定画面から [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>
<a rel="noopener" target="_blank" href="https://livesplit.org/">LiveSplit<span class="fa fa-share-square external-icon anchor-icon"></span></a> は多くのRTAプレイヤーが使用しているタイマーアプリケーションで、多機能で高いカスタマイズ性を持っています。
</p>
<p>
この記事では標準コンポーネントを紹介します。
</p>
<p>
LiveSplit のレイアウト設定画面から追加・削除できる機能のことをコンポーネントと呼び、LiveSplit に標準で付属している標準のものと、必要に応じて入手する拡張機能（要はプラグイン）とがあります。
</p>
<p>
この記事は <a rel="noopener" target="_blank" href="https://adventar.org/calendars/9406">RTAGamers Advent Calendar 2023<span class="fa fa-share-square external-icon anchor-icon"></span></a> の２日目の記事です。
</p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">コンポーネントの６つのカテゴリ</a></li><li><a href="#toc2" tabindex="0">標準コンポーネントの紹介</a><ol><li><a href="#toc3" tabindex="0">Timer</a></li><li><a href="#toc4" tabindex="0">List</a></li><li><a href="#toc5" tabindex="0">Information</a></li><li><a href="#toc6" tabindex="0">Media</a></li><li><a href="#toc7" tabindex="0">Control</a></li><li><a href="#toc8" tabindex="0">Other</a></li></ol></li><li><a href="#toc9" tabindex="0">拡張機能（標準以外のコンポーネント）</a></li><li><a href="#toc10" tabindex="0">さいごに</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">コンポーネントの６つのカテゴリ</span></h2>
<ul>
<li>Timer</li>
<li>List</li>
<li>Information</li>
<li>Media</li>
<li>Control</li>
<li>Other</li>
</ul>
<p>
コンポーネントはこの６つのカテゴリのどれかに属しているので、どのカテゴリに属しているかを知っておくとレイアウト編集画面でコンポーネントを追加にする際に迷いにくいです。
</p>
<h2><span id="toc2">標準コンポーネントの紹介</span></h2>
<p>
この記事の執筆時点での最新バージョンである LiveSplit ver1.8.26 に標準で付属している全てのコンポーネントについて、コンポーネントのカテゴリごとに紹介します。
</p>
<p>
説明の都合で実際の並びと異なる場合があります。
</p>
<h3><span id="toc3">Timer</span></h3>
<p>
現在カウント中のタイムを表示する機能です。<br />
基本的にはこのカテゴリの中の１つがレイアウトにあれば十分ですが、リアルタイムと IGT の両方を表示したい場合などに複数を追加します。
</p>
<h4>Timer</h4>
<div class="ls">
<div class="ls-row-timer">
<div class="ls-timer time">0<span class="ls-timer2">.00</span></div>
</p></div>
</div>
<p>基本のタイマーです。現在のタイムを表示します。
</p>
<p>
現在の比較対象タイムよりも早いペースの時は緑色に、遅いペースの時は赤色になります。<br />
タイマーのカウントが止まっている間は灰色になります。
</p>
<h4>Detailed Timer</h4>
<div class="ls">
<div class="ls-row-timer">
<div class="ls-timer time_ahead">1:23<span class="ls-timer2">.45</span></div>
</p></div>
<div class="ls-row-timer">
<div class="ls-detailedtimer time">1<span class="ls-detailedtimer2">.23</span></div>
<table class="detailed">
<tr>
<td>PB:</td>
<td class="time">12.34</td>
</tr>
<tr>
<td>Best:</td>
<td class="time">12.34</td>
</tr>
</table></div>
</div>
<p>基本のタイマーよりも多くの情報を表示できるタイマーです。
</p>
<p>
基本のタイマーと現在の区間タイムの２つのタイムを表示し、さらにタイマーが動いている間は比較対象タイムを２つ表示します。
</p>
<h3><span id="toc4">List</span></h3>
<p>
ラップ表を表示する機能です。<br />
各区間名や区間タイム、タイマースタートからその区間終了までのタイム、比較対象タイムとのタイム差を表示します。
</p>
<h4>Splits</h4>
<div class="ls">
<div class="ls-row-text">
<div class="text_left">Segment.1</div>
<div class="text_right time"></div>
<div class="text_right time_ahead">-0.2</div>
<div class="text_right time">0:12.3</div>
</p></div>
<div class="ls-row-text">
<div class="text_left">Segment.2</div>
<div class="text_right time"></div>
<div class="text_right time_behind">+0.3</div>
<div class="text_right time">0:23.4</div>
</p></div>
<div class="ls-row-text">
<div class="text_left">Segment.3</div>
<div class="text_right time"></div>
<div class="text_right time_ahead">-0.5</div>
<div class="text_right time">0:34.5</div>
</p></div>
</div>
<p>基本のラップ表です。
</p>
<p>
デフォルト状態だと、ラップ時の比較対象タイムとのタイム差と、ラップ時のタイマースタートからのタイムを区間ごとに表示します。
</p>
<h4>Subsplits</h4>
<div class="ls">
<div class="ls-row-text grayback">
<div class="text_left">Section.1</div>
<div class="text_right time">3:57.9</div>
</p></div>
<div class="ls-row-text">
<div class="text_left subsplit">1-1</div>
<div class="text_right time">1:23.4</div>
</p></div>
<div class="ls-row-text">
<div class="text_left subsplit">1-2</div>
<div class="text_right time">2:34.5</div>
</p></div>
<div class="ls-row-text grayback">
<div class="text_left">Section.2</div>
<div class="text_right time">3:57.9</div>
</p></div>
<div class="ls-row-text grayback">
<div class="text_left">Section.3</div>
<div class="text_right time">4:56.7</div>
</p></div>
</div>
<p>区間を親子の階層構造で表示できるラップ表です。
</p>
<p>
このイメージのような階層構造にする場合、次のような区間名を付けます。
</p>
<table>
<tr>
<th>Icon</th>
<th>Segment Name</th>
<th>Split Time</th>
<th>Segment Time</th>
</tr>
<tr>
<td></td>
<td>-1-1</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>{Section.1}1-2</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>-2-1</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>-2-2</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>{Section.2}2-3</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>-3-1</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>-3-2</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>{Section.3}3-3</td>
<td></td>
<td></td>
</tr>
</table>
<p>
区間名の先頭に &#8220;-&#8221; 記号を付けると子になり、&#8221;-&#8221; 記号が無いと親かつその親に含まれる最後の子になります。<br />
&#8220;-&#8221; 記号のみだと親の名前とその親に含まれる最後の子の名前は同じになり、{ } を使うと別々の名前にすることができます。
</p>
<h3><span id="toc5">Information</span></h3>
<p>
ゲームタイトルやメモ、履歴データから計算した統計などの情報を表示する機能です。
</p>
<h4>Title</h4>
<div class="ls">
<div class="ls-row-text">
<div class="text_left"></div>
<div class="text_center">Game Title<br />Any%</div>
<div class="text_right">123</div>
</p></div>
</div>
<p>ゲームタイトル、カテゴリ、試行回数および指定したゲームアイコンを表示します。
</p>
<p>
設定で完走回数を表示することもできます。
</p>
<p>
主に区間定義の設定画面で入力した情報を表示します。<br />
試行回数は区間定義の設定画面で編集が可能です。<br />
完走回数は履歴データから計算するため、基本的には内容の編集ができません。
</p>
<h4>Current Comparison</h4>
<div class="ls">
<div class="ls-row-text">
<div class="text_left">Comparing Against</div>
<div class="text_right">Personal Best</div>
</p></div>
</div>
<p>現在の比較対象タイムの名前を表示します。
</p>
<p>
気付かないうちに比較対象タイムが変わっていた、というトラブルを防止するためにとりあえず追加しておくと安心です。
</p>
<h4>Delta</h4>
<div class="ls">
<div class="ls-row-text">
<div class="text_left">(Comparison Name)</div>
<div class="text_right time_ahead">-0.6</div>
</p></div>
</div>
<p>前の区間における区間タイムと指定した比較対象タイムとの差を表示します。
</p>
<p>
左側には現在の比較対象タイムの名前を表示します。
</p>
<h4>Possible Time Save</h4>
<div class="ls">
<div class="ls-row-text">
<div class="text_left">Possible Time Save</div>
<div class="text_right time">1.23</div>
</p></div>
</div>
<p>現在の区間における更新余地を表示します。
</p>
<p>
更新余地は指定した比較対象タイムと区間ベストタイムとの差です。
</p>
<h4>Previous Segment</h4>
<div class="ls">
<div class="ls-row-text">
<div class="text_left">Previous Segment</div>
<div class="text_right time_ahead">-0.4</div>
</p></div>
</div>
<p>前の区間における区間タイムと比較対象タイムとの差を表示します。
</p>
<div class="ls">
<div class="ls-row-text">
<div class="text_left">Live Segment</div>
<div class="text_right time_behind">+0.2</div>
</p></div>
</div>
<p>現在の区間でのタイマースタートからのタイムと比較対象タイムとのマイナスの差が小さくなると、自動的に Live Segment 表示に切り替わります。<br />
Live Segment は現在の区間におけるタイマースタートからのタイムで見た場合のペースの早い遅いを意味します。
</p>
<div class="ls">
<div class="ls-row-text">
<div class="text_left">Previous Segment</div>
<div class="text_right time_ahead">-0.4/1.2</div>
</p></div>
</div>
<p>このようにスラッシュ区切りで２つのタイムが表示している場合は、スラッシュの左が Previous Segment で、右が Possible Time Save です。<br />
Possible Time Save は現在の区間における更新余地を表示します。
</p>
<h4>Run Prediction</h4>
<div class="ls">
<div class="ls-row-text">
<div class="text_left">Current Pace</div>
<div class="text_right time">14:56</div>
</p></div>
<div class="ls-row-text">
<div class="text_left">Best Possible Time</div>
<div class="text_right time">12:34</div>
</p></div>
<div class="ls-row-text">
<div class="text_left">Predicted Time</div>
<div class="text_right time">16:78</div>
</p></div>
</div>
<p>残りの区間を指定した比較対象タイムのペースでゴールした時の想定タイムです。
</p>
<p>
指定した比較対象によって表示名が変わり、例えば、比較対象タイムが PB であれば Current Pace、区間ベストであれば Best Possible Time、平均タイムであれば Predicted Time と表示します。<br />
「Best Possible Time を表示したいけどどのコンポーネントを追加すればよいの？」という声を時折見かけます。正直、ややこしい仕様だと思っています。
</p>
<h4>Sum of Best</h4>
<div class="ls">
<div class="ls-row-text">
<div class="text_left">Sum of Best Segments</div>
<div class="text_right time">12:34</div>
</p></div>
</div>
<p>それぞれの区間ベストタイムを合計した Sum of Best Segments を表示します。
</p>
<p>
全ての区間で区間ベストのペースで完走できた場合のゴールタイムなので、理論値と呼ばれることもあります。
</p>
<h4>Total Playtime</h4>
<div class="ls">
<div class="ls-row-text">
<div class="text_left">Total Playtime</div>
<div class="text_right time">123:45:67</div>
</p></div>
</div>
<p>タイマーが動いていた累計時間を表示します。
</p>
<p>
コンポーネントの名前は「合計プレイ時間」ですが、実際は「タイマーが動いていた累計時間」です。
</p>
<h4>World Record</h4>
<div class="ls">
<div class="ls-row-text">
<div class="text_left"></div>
<div class="text_center">World Record is 12:34 by ****</div>
<div class="text_right"></div>
</p></div>
</div>
<p>世界記録を表示します。
</p>
<p>
区間定義で指定したゲームタイトル・カテゴリをキーワードにして世界規模の記録集積サイト <a rel="noopener" target="_blank" href="https://www.speedrun.com/ja-JP">Speedrun.com<span class="fa fa-share-square external-icon anchor-icon"></span></a> からデータを取得します。
</p>
<div class="ls">
<div class="ls-row-text">
<div class="text_left"></div>
<div class="text_center">Unknown World Record</div>
<div class="text_right"></div>
</p></div>
</div>
<p>区間定義で入力したゲームタイトルやカテゴリが間違っているなど、何らかの理由で Speedrun.com から世界記録の情報が取得できなかった場合は「世界記録不明」と表示します。
</p>
<h4>Text</h4>
<div class="ls">
<div class="ls-row-text">
<div class="text_left">Left Text</div>
<div class="text_right">Right Text</div>
</p></div>
<div class="ls-row-text">
<div class="text_left"></div>
<div class="text_center">Text</div>
<div class="text_right"></div>
</p></div>
</div>
<p>任意のテキストを表示します。
</p>
<p>
テキストを書き換えるには設定画面を開く必要があるので、基本的にはタイムを測っている最中には変更しないテキストを表示するために使います。
</p>
<p>
左側のテキストと右側のテキストの２つを入力でき、片方のみ入力した場合は中央そろえで表示します。
</p>
<h3><span id="toc6">Media</span></h3>
<p>
グラフ、映像、音声など、視覚的・聴覚的な機能です。
</p>
<h4>Graph</h4>
<p>
<img loading="lazy" decoding="async" src="https://rtagamers.com/wp-content/uploads/2023/11/Graph.png" alt="Graphのイメージ" width="286" height="169" class="alignnone size-full wp-image-17788" /><br />
折れ線グラフを表示します。
</p>
<p>
横軸はタイマースタートからの経過時間、縦軸は指定した比較対象のタイムと現在のタイムとのタイム差です。
</p>
<h4>Sound Effects</h4>
<p>
<img loading="lazy" decoding="async" src="https://rtagamers.com/wp-content/uploads/2023/11/SoundEffect.png" alt="Sound Effectsの設定画面イメージ" width="476" height="419" class="alignnone size-full wp-image-17789" srcset="https://rtagamers.com/wp-content/uploads/2023/11/SoundEffect.png 476w, https://rtagamers.com/wp-content/uploads/2023/11/SoundEffect-300x264.png 300w" sizes="(max-width: 476px) 100vw, 476px" /><br />
タイマーストップやラップなどのタイマー操作時に指定した音声を再生します。
</p>
<p>
ペースの早い遅いで音声の種類を変えることでタイマーを見なくても現在のペースを知るために便利だったり、配信を盛り上げるために使うことなどができます。
</p>
<h4>Video</h4>
<p>
タイマースタートと連動して指定した動画を再生します。
</p>
<p>
自己ベストの動画や目標とするタイムの動画を再生することで、視覚的にペースを知ることができます。<br />
動画の再生には別途 <a rel="noopener" target="_blank" href="https://www.videolan.org/vlc/">VLC<span class="fa fa-share-square external-icon anchor-icon"></span></a> をインストールする必要があります。
</p>
<h3><span id="toc7">Control</span></h3>
<p>
タイマーの自動操作に関連した機能です。
</p>
<h4>Scriptable Auto Splitter</h4>
<p>
タイマー操作を自動化するための Auto Splitter を手動で設定します。
</p>
<p>
Auto Splitter の詳細はこちらの記事をご確認ください。<br />

<a href="https://rtagamers.com/rta-tools/autotimer/" title="RTA タイマーの自動操作を導入したい！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://rtagamers.com/wp-content/uploads/2023/11/000-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://rtagamers.com/wp-content/uploads/2023/11/000-160x90.jpg 160w, https://rtagamers.com/wp-content/uploads/2023/11/000-300x170.jpg 300w, https://rtagamers.com/wp-content/uploads/2023/11/000-120x68.jpg 120w, https://rtagamers.com/wp-content/uploads/2023/11/000-320x180.jpg 320w, https://rtagamers.com/wp-content/uploads/2023/11/000.jpg 740w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">RTA タイマーの自動操作を導入したい！</div><div class="blogcard-snippet internal-blogcard-snippet">RTA を行う際にプレイに集中するためだったり、手動でタイマー操作するよりも計測のブレを抑えられる場合があるなどの理由で、タイマー操作を自動化するツールがあります。タイマー操作の自動化で主に使われているツールが 4 つあります。Auto S...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://rtagamers.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">rtagamers.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2023.11.13</div></div></div></div></a>
</p>
<h4>Auto Splitting Runtime</h4>
<p>
<a rel="noopener" target="_blank" href="https://github.com/CryZe/livesplit-one-desktop">LiveSplit One（デスクトップ版）<span class="fa fa-share-square external-icon anchor-icon"></span></a>用の Auto Splitter が LiveSplit で使用できます。
</p>
<p>
LiveSplit One は Windows 以外の OS でも利用できるマルチプラットフォームのタイマーアプリケーションで、デスクトップ版とブラウザ版があります。
</p>
<h4>Manual Game Time</h4>
<p>
Game Time を手動で入力します。
</p>
<p>
LiveSplit は内部的に２つのタイマー Real Time と Game Time とを持っていて、ゲーム内時間やロード時間を除いた時間を測る場合に Game Time を使用します。
</p>
<p>
Game Time は通常は Auto Splitter と組み合わせて使用しますが、この Manual Game Time を使用することで Auto Splitter が無くても Game Time を記録することができます。
</p>
<h3><span id="toc8">Other</span></h3>
<p>
その他のカテゴリです。
</p>
<h4>Hotkey Indicator</h4>
<p>
グローバルホットキーの有効／無効を示すインジケータを表示します。
</p>
<p>
他のアプリケーションがアクティブになっている状態でも LiveSplit をホットキーで操作できるグローバルホットキーという機能があります。
</p>
<p>
例えば、テキスト入力中にタイマーを誤操作してしまうことなどを防ぐためにグローバルホットキーの有効／無効の切り替えることがありますが、このインジケータを追加していると現在のグローバルホットキーが有効／無効のどちらなのかを一目で知ることができます。
</p>
<h4>Blank Space</h4>
<p>
タイマーレイアウトに空白の行を追加します。
</p>
<p>
タイマーレイアウトに余白を設けて見た目を整える際などに便利です。<br />
空白の行の高さは調整することができます。
</p>
<h4>Separator</h4>
<p>
タイマーレイアウトに区切り線を追加します。
</p>
<p>
    タイマーレイアウトの見た目を整える際などに便利です。
</p>
<h2><span id="toc9">拡張機能（標準以外のコンポーネント）</span></h2>
<p>
LiveSplit の標準コンポーネント以外にも、拡張機能としてコンポーネントを追加することができます。<br />
公式・公認のコンポーネントや有志によるコンポーネントが多数公開されています。<br />
「こんな機能はあるかな？」と思ったら探してみましょう。
</p>
<h4>公式・公認の拡張機能</h4>
<p>
レイアウト編集画面で「＋ → コンポーネントのカテゴリ → Download More&#8230;」を選ぶと<a rel="noopener" target="_blank" href="https://livesplit.org/components/">公式サイトの Conponents ページ<span class="fa fa-share-square external-icon anchor-icon"></span></a>を開きます。
</p>
<p>
このページから標準コンポーネント以外の公式・公認のコンポーネントが入手できます。
</p>
<h4>有志による拡張機能</h4>
<p>
こちらの記事で紹介しているので興味があればご確認ください。<br />

<a href="https://rtagamers.com/rta-tools/livesplit-add-components/" title="LiveSplit をカスタマイズしよう！　おすすめの拡張機能" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://rtagamers.com/wp-content/uploads/2023/11/01-1-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://rtagamers.com/wp-content/uploads/2023/11/01-1-160x90.png 160w, https://rtagamers.com/wp-content/uploads/2023/11/01-1-300x169.png 300w, https://rtagamers.com/wp-content/uploads/2023/11/01-1-768x432.png 768w, https://rtagamers.com/wp-content/uploads/2023/11/01-1-120x68.png 120w, https://rtagamers.com/wp-content/uploads/2023/11/01-1-320x180.png 320w, https://rtagamers.com/wp-content/uploads/2023/11/01-1.png 800w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">LiveSplit をカスタマイズしよう！　おすすめの拡張機能</div><div class="blogcard-snippet internal-blogcard-snippet">LiveSplit は多くのRTAプレイヤーが使用しているタイマーアプリケーションで、多機能で高いカスタマイズ性を持っています。この記事では LiveSplit のおすすめの拡張機能（コンポーネント・プラグイン）を紹介します。この記事は R...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://rtagamers.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">rtagamers.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2023.12.03</div></div></div></div></a>
</p>
<h2><span id="toc10">さいごに</span></h2>
<p>
基本的には LiveSplit の全ての機能を把握する必要なんてないと思っています。タイムを測るためだけに使うなら必要最低限の機能さえ把握していれば十分なのです。
</p>
<p>
ですが、自分なりの使い方を考えてみようとなった時に、どんな機能が標準で使えるのかを知っていた方が迷わずに済む場面があると思っています。
</p>
<p>
この記事を通して何かしらの新しい知識を提供することができたのなら嬉しい限りです。
</p>
<hr>
<p>
明日も私の記事で、「LiveSplit をカスタマイズしよう！　おすすめの拡張機能」です。
</p>
<p>
お楽しみに！</p>
<div class="saboxplugin-wrap" itemtype="http://schema.org/Person" itemscope itemprop="author"><div class="saboxplugin-tab"><div class="saboxplugin-gravatar"><img loading="lazy" decoding="async" src="https://rtagamers.com/wp-content/uploads/2021/12/KuhakuLogo_mono.png" width="100"  height="100" alt="" itemprop="image"></div><div class="saboxplugin-authorname"><a rel="author" href="https://rtagamers.com/author/kuhaku_o/" class="vcard author"><span class="fn">Kuhaku_玖白</span></a></div><div class="saboxplugin-desc"><div itemprop="description"><p>Livesplit用のコンポーネントを作ったり、Autosplitterを作ったりしている人です。</p>
</div></div><div class="saboxplugin-web "><a rel="nofollow noopener" target="_blank" href="https://soushinsoujin989.blogspot.com/">soushinsoujin989.blogspot.com/<span class="fa fa-share-square external-icon anchor-icon"></span></a></div><div class="clearfix"></div><div class="saboxplugin-socials sabox-colored"><a rel="nofollow noopener" target="_blank" title="Twitter" href="https://twitter.com/Kuhaku81377446" class="saboxplugin-icon-color"><svg class="sab-twitter" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <path d="M 9.398 6.639 L 16.922 17.361 L 14.922 17.361 L 7.412 6.639 L 9.398 6.639 Z M 24.026 24.026 L -0.026 24.026 L -0.026 -0.026 L 24.026 -0.026 L 24.026 24.026 Z M 19.4 18.681 L 13.807 10.677 L 18.379 5.319 L 16.627 5.319 L 13.014 9.541 L 10.065 5.319 L 4.921 5.319 L 10.187 12.846 L 5.193 18.681 L 6.975 18.681 L 10.985 13.983 L 14.269 18.681 L 19.4 18.681 Z" />
</svg></span><span class="fa fa-share-square external-icon anchor-icon"></span></a><a rel="nofollow noopener" target="_blank" title="Twitch" href="https://www.twitch.tv/kuhaku_o" class="saboxplugin-icon-color"><svg class="sab-twitch" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="-.2" y=".4" width="500" height="500" fill="#6441a5" /><polygon class="st1" points="499.8 247.3 499.8 500.4 283 500.4 135.5 351.6 162 142.3 324 138.3 380.2 128" /><path class="st2" d="m152.7 128l-17.2 44v179.7h61.2v32.5h34.4l32.5-32.5h49.7l66.9-66.9v-156.8h-227.5zm204.6 145.3l-38.3 38.2h-61.2l-32.4 32.5v-32.5h-51.6v-160.6h183.5v122.4zm-38.3-78.4v66.8h-22.9v-66.8h22.9zm-61.1 0v66.8h-22.9v-66.8h22.9z" /></svg></span><span class="fa fa-share-square external-icon anchor-icon"></span></a></div></div></div>]]></content:encoded>
					
					<wfw:commentRss>https://rtagamers.com/rta-tools/livesplit-standard-components/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Livesplitをカスタマイズしよう！　コンポーネントの紹介</title>
		<link>https://rtagamers.com/rta-tools/post-12354/</link>
					<comments>https://rtagamers.com/rta-tools/post-12354/#comments</comments>
		
		<dc:creator><![CDATA[Kuhaku_玖白]]></dc:creator>
		<pubDate>Wed, 08 Dec 2021 22:00:00 +0000</pubDate>
				<category><![CDATA[RTAツール]]></category>
		<category><![CDATA[Livesplit]]></category>
		<category><![CDATA[コンポーネント]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://rtagamers.com/?p=12354</guid>

					<description><![CDATA[Livesplit は多機能でかつ高いカスタマイズ性を持っていることもあり、多くのRTAプレイヤーが使用しているタイマーアプリケーションです。 Livesplit の主要な機能はコンポーネントと言う単位で扱われており、タ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a rel="noopener" target="_blank" title="Livesplit 公式サイト" href="https://livesplit.org/">Livesplit<span class="fa fa-share-square external-icon anchor-icon"></span></a> は多機能でかつ高いカスタマイズ性を持っていることもあり、多くのRTAプレイヤーが使用しているタイマーアプリケーションです。</p>
<p>Livesplit の主要な機能はコンポーネントと言う単位で扱われており、タイマーのレイアウトにコンポーネントを追加することでそのコンポーネントの機能を利用することができます。</p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-6" checked><label class="toc-title" for="toc-checkbox-6">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">追記</a></li><li><a href="#toc2" tabindex="0">Livesplitの基本的なコンポーネント</a></li><li><a href="#toc3" tabindex="0">タイマーをカスタマイズする意味</a></li><li><a href="#toc4" tabindex="0">こんな機能が欲しいと思ったら</a></li><li><a href="#toc5" tabindex="0">人気のコンポーネント、おすすめのコンポーネント</a></li><li><a href="#toc6" tabindex="0">探したけれど欲しい機能が見つからなかったら</a></li><li><a href="#toc7" tabindex="0">コンポーネントのインストール</a></li><li><a href="#toc8" tabindex="0">自分だけのタイマーレイアウト！</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">追記</span></h2>
<p>
この記事と同じテーマで、より新しい情報を含んだ記事も公開しています。
</p>
<p>
標準で使用できるコンポーネントの紹介<br />

<a href="https://rtagamers.com/rta-tools/livesplit-standard-components/" title="LiveSplit の標準コンポーネント紹介" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://rtagamers.com/wp-content/uploads/2023/11/01-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://rtagamers.com/wp-content/uploads/2023/11/01-160x90.png 160w, https://rtagamers.com/wp-content/uploads/2023/11/01-300x169.png 300w, https://rtagamers.com/wp-content/uploads/2023/11/01-768x432.png 768w, https://rtagamers.com/wp-content/uploads/2023/11/01-120x68.png 120w, https://rtagamers.com/wp-content/uploads/2023/11/01-320x180.png 320w, https://rtagamers.com/wp-content/uploads/2023/11/01.png 800w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">LiveSplit の標準コンポーネント紹介</div><div class="blogcard-snippet internal-blogcard-snippet">LiveSplit は多くのRTAプレイヤーが使用しているタイマーアプリケーションで、多機能で高いカスタマイズ性を持っています。この記事では標準コンポーネントを紹介します。LiveSplit のレイアウト設定画面から追加・削除できる機能のこ...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://rtagamers.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">rtagamers.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2023.12.02</div></div></div></div></a>
</p>
<p>
任意で追加するおすすめコンポーネントの紹介<br />

<a href="https://rtagamers.com/rta-tools/livesplit-add-components/" title="LiveSplit をカスタマイズしよう！　おすすめの拡張機能" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://rtagamers.com/wp-content/uploads/2023/11/01-1-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://rtagamers.com/wp-content/uploads/2023/11/01-1-160x90.png 160w, https://rtagamers.com/wp-content/uploads/2023/11/01-1-300x169.png 300w, https://rtagamers.com/wp-content/uploads/2023/11/01-1-768x432.png 768w, https://rtagamers.com/wp-content/uploads/2023/11/01-1-120x68.png 120w, https://rtagamers.com/wp-content/uploads/2023/11/01-1-320x180.png 320w, https://rtagamers.com/wp-content/uploads/2023/11/01-1.png 800w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">LiveSplit をカスタマイズしよう！　おすすめの拡張機能</div><div class="blogcard-snippet internal-blogcard-snippet">LiveSplit は多くのRTAプレイヤーが使用しているタイマーアプリケーションで、多機能で高いカスタマイズ性を持っています。この記事では LiveSplit のおすすめの拡張機能（コンポーネント・プラグイン）を紹介します。この記事は R...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://rtagamers.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">rtagamers.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2023.12.03</div></div></div></div></a>
</p>
<h2><span id="toc2">Livesplitの基本的なコンポーネント</span></h2>
<p>Livesplit を使用するならば誰もが利用しているであろう標準的なコンポーネントとして、ストップウォッチとしてタイムをカウントする Timer や Detailed Timer、各区間のタイムを表示する Splits や Subsplits があります。</p>
<p>これをベースにして Sum of Best（区間ベストタイムの合計タイム）や Current Pace（現在のペースで完走した時のタイム予想、コンポーネント名は Run Prediction）などのコンポーネントを追加して、プレイヤーそれぞれの個性的なタイマーレイアウトができています。<br />
<img loading="lazy" decoding="async" class="aligncenter wp-image-12374 size-full" title="Current Pace を使用したいけどどのコンポーネントをレイアウトに追加すればよいのか分からない、というつぶやきや質問を時折見かけます。Run Prediction を追加しましょう。" src="https://rtagamers.com/wp-content/uploads/2021/12/01_general_02.png" alt="標準コンポーネントの使用イメージ画像" width="640" height="360" /></p>
<p>記事のタイトルに「カスタマイズしよう」と書きましたが、この記事ではコンポーネントによって機能を追加するカスタマイズについての紹介を行います。（コンポーネントはアプリケーションに対して後付けで機能を追加できることから「プラグイン」とも呼ばれています）</p>
<h2><span id="toc3">タイマーをカスタマイズする意味</span></h2>
<p>あくまで個人的な考えではありますが、次の２つの意味合いが強いのではないかと思っています。</p>
<ol>
<li>プレイヤー自身にとって快適な環境を構築する<br />
欲しい機能に応じたコンポーネントを利用することで、欲しい情報を欲しいタイミングで表示したり、プレイヤーの負担を低減したりといったことができます。<br />
<img loading="lazy" decoding="async" class="aligncenter wp-image-12375 size-full" title="配信で SGL を使用している場合、視聴者さん向けの解説を表示していることが多い印象。自分用のチャート表示するなら配信に載せる必要ないですもんね。" src="https://rtagamers.com/wp-content/uploads/2021/12/02_sgl.png" alt="Speed Guides Live の使用イメージ画像" width="640" height="360" srcset="https://rtagamers.com/wp-content/uploads/2021/12/02_sgl.png 640w, https://rtagamers.com/wp-content/uploads/2021/12/02_sgl-300x169.png 300w, https://rtagamers.com/wp-content/uploads/2021/12/02_sgl-120x68.png 120w, https://rtagamers.com/wp-content/uploads/2021/12/02_sgl-160x90.png 160w, https://rtagamers.com/wp-content/uploads/2021/12/02_sgl-320x180.png 320w" sizes="(max-width: 640px) 100vw, 640px" />例えばチャートのテキストを見ながらプレイしたい場合に、Speed Guides Live を利用すれば現在の区間に対応したテキストを表示することができます。Scriptable Auto Splitter を利用してタイマー操作を自動化すれば、プレイに集中することができます。</li>
<li>視聴者さんに対してわかりやすさを提供する<br />
初めて見るゲームのRTAであったりチャートを知らないRTAなどでは、視聴者さんには「今現在どんな状況なのか」が分からないことが少なくないかと思います。<br />
<img loading="lazy" decoding="async" class="aligncenter wp-image-12376 size-full" title="Livesplit を導入した時から使えるコンポーネントを除いた、ご自身で追加する必要のあるコンポーネントの中では、PBChance は利用者の数がトップクラスに多い印象があります。" src="https://rtagamers.com/wp-content/uploads/2021/12/03_pb.png" alt="PBChance の使用イメージ画像" width="640" height="360" srcset="https://rtagamers.com/wp-content/uploads/2021/12/03_pb.png 640w, https://rtagamers.com/wp-content/uploads/2021/12/03_pb-300x169.png 300w, https://rtagamers.com/wp-content/uploads/2021/12/03_pb-120x68.png 120w, https://rtagamers.com/wp-content/uploads/2021/12/03_pb-160x90.png 160w, https://rtagamers.com/wp-content/uploads/2021/12/03_pb-320x180.png 320w" sizes="(max-width: 640px) 100vw, 640px" />そのような時に、PBChance で自己べストが出る可能性を数値で表したり、Splitting Counter でその区間を突破できる確率を示すことで、「今現在どんな状況なのか」を把握してもらいやすくすることができます。</li>
</ol>
<p>また、この２つの他にも Livesplit と連携したツールの開発を補助してくれる開発者向けのコンポーネントなどもあります。</p>
<h2><span id="toc4">こんな機能が欲しいと思ったら</span></h2>
<p>普通に Livesplit を導入した段階ですでにある程度の需要に応えられるだけのコンポーネントが付属していると思いますが、さらに他の機能も欲しくなることもあります。</p>
<p>そのような時はネット上で公開されているコンポーネントを探してみましょう。</p>
<p><a rel="noopener" target="_blank" title="Livesplit 公式サイトのコンポーネント紹介ページ" href="https://livesplit.org/components/">Livesplit の公式サイト<span class="fa fa-share-square external-icon anchor-icon"></span></a>でもいくつかのコンポーネントが紹介されており、公式以外にも数多くのコンポーネントが公開されています。</p>
<p>筆者自身、Livesplit のコンポーネントについて色々と調べたことがあり、それに関連して<a rel="noopener" target="_blank" title="筆者が作ったまとめ記事" href="https://soushinsoujin989.blogspot.com/2022/07/livesplit.html">公式以外で公開されているコンポーネントの一覧<span class="fa fa-share-square external-icon anchor-icon"></span></a>を作っております。もしご興味があればリンク先をご確認いただき、コンポーネントを探す際の参考資料としてご利用ください。</p>
<h2><span id="toc5">人気のコンポーネント、おすすめのコンポーネント</span></h2>
<p>筆者がRTA配信を見ていて「利用者が一定数いるな」と思ったコンポーネントや、筆者自身が使ってみておすすめだと思ったコンポーネントを紹介します。</p>
<h4>Livesplitに付属しているもの、公式サイトで紹介されているもの</h4>
<dl>
<dt>Total Playtime</dt>
<dd>履歴タイムを集計してタイマーが動いている合計時間を表示できます。経験を積み重ねてきたことの証です。</dd>
<dt>Graph</dt>
<dd>現在のペースをプラスマイナスの数字ではなく視覚的なグラフで表示できます。数字を読むより図形を見た方が瞬間的に把握しやすい場合などに便利です。</dd>
<dt>Video</dt>
<dd>ご自身の自己べスト動画であったり目標としている上位者の動画を指定して、タイマーと連動して再生することができます。視覚的にペースの早い・遅いを知ることができます。</dd>
<dt>Hotkey Indicator</dt>
<dd>グローバルホットキーの有効・無効の状態を表示できます。タイマー操作のホットキーをキーボードに割り振っていて、文字を打とうとしてタイマーを誤操作してしまう、そのような事故を防止したい場合に便利です。</dd>
<dt><a rel="noopener" target="_blank" title="SGL 公式サイトからダウンロード" href="https://www.nightgamedev.com/sgl">Speed Guides Live<span class="fa fa-share-square external-icon anchor-icon"></span></a></dt>
<dd>タイマーの区間ごとにテキストを切り替えて表示できます。タイマー操作と連動してチャートの文字送りをしたり、区間ごとに視聴者さん向けの説明文を表示したい場合などに便利です。</dd>
<dt><a rel="noopener" target="_blank" title="Github の Releases ページからダウンロード" href="https://github.com/LiveSplit/LiveSplit.Counter/releases">Counter<span class="fa fa-share-square external-icon anchor-icon"></span></a></dt>
<dd>ホットキーと組み合わせてカウント用の数字を増減できます。ゲーム中のアイテム取得数など、数を数えたいけど覚えていられない場合などに便利です。</dd>
</dl>
<h4>公式以外のコンポーネント</h4>
<dl>
<dt><a rel="noopener" target="_blank" title="Github から PBChance.dll ファイルをダウンロード" href="https://github.com/SethBling/PBChance">PBChance<span class="fa fa-share-square external-icon anchor-icon"></span></a></dt>
<dd>自己ベストを更新できる確率をシミュレーションにより計算します。まだあきらめない・リセットしよう、などの判断材料として利用したり、今のペースの良い・悪いについて視聴者さんが把握しやすくなります。</dd>
<dt><a rel="noopener" target="_blank" title="筆者製作のコンポーネント" href="https://soushinsoujin989.blogspot.com/2021/08/livesplit_76.html#RA">Recent Average<span class="fa fa-share-square external-icon anchor-icon"></span></a></dt>
<dd>直近の試行回数 or 期間における平均を計算します。Livesplit 標準の平均は全ての試行を使った加重平均を出しているので、普通の平均タイムを知りたい場合などにも使えます。</dd>
<dt><a rel="noopener" target="_blank" title="筆者製作のコンポーネント" href="https://soushinsoujin989.blogspot.com/2021/08/livesplit_76.html#SCounter">Splitting Counter<span class="fa fa-share-square external-icon anchor-icon"></span></a></dt>
<dd>その区間でラップを取った回数や突破率を表示できます。突破率をその区間の難易度と見なして、突破率の低い区間を突破した自分を鼓舞する、その区間の難しさを視聴者さんに数字で理解してもらう、といったことに使えます。</dd>
<dt><a rel="noopener" target="_blank" title="筆者製作のコンポーネント" href="https://soushinsoujin989.blogspot.com/2021/08/livesplit_76.html#SNI">Split Name Indexer<span class="fa fa-share-square external-icon anchor-icon"></span></a></dt>
<dd>区間名に通し番号を付けることができます。新しくRTAを始めようとして区間名を入力する際に利用すると便利なコンポーネントです。</dd>
</dl>
<h4>開発者向けのコンポーネント</h4>
<dl>
<dt><a rel="noopener" target="_blank" title="Github の Releases ページからダウンロード" href="https://github.com/hawkerm/LiveSplit.ASLVarViewer/releases">ASL Var Viewer<span class="fa fa-share-square external-icon anchor-icon"></span></a></dt>
<dd>Autosplitter 用のスクリプトファイルで定義されている変数の値を表示できます。Autosplitter の動作確認をする時にあると便利です。</dd>
<dt><a rel="noopener" target="_blank" title="Github の Releases ページからダウンロード" href="https://github.com/Xenira/LiveSplit-Websocket/releases">LiveSplit-Websocket<span class="fa fa-share-square external-icon anchor-icon"></span></a></dt>
<dd>Websocket 通信を介して Livesplit の情報を取得したりタイマーを操作できます。当然ながら、Websocket の知識が必要です。</dd>
</dl>
<h2><span id="toc6">探したけれど欲しい機能が見つからなかったら</span></h2>
<p>
公式以外にも数多くのコンポーネントが公開されていることからお気付きの方もいらっしゃるかと思いますが、C# の知識があり、Livesplit の仕様をある程度理解しているならば自分でコンポーネントを作ることができてしまいます！
</p>
<p>
コンポーネント開発に興味を持たれた方は、次の資料が参考になるかと思います。</p>
<dl>
<dt><a rel="noopener" target="_blank" href="https://gist.github.com/TheSoundDefense/cf85fd68ae582faa5f1cc95f18bba4ec">コンポーネント作成のチュートリアル<span class="fa fa-share-square external-icon anchor-icon"></span></a></dt>
<dd>英語の資料ではありますが、ResetChance というコンポーネントを例にして具体的な開発手順などが紹介されています。</dd>
<dt><a rel="noopener" target="_blank" href="https://github.com/LiveSplit/LiveSplit/tree/master/LiveSplit/Components">公式コンポーネントのソースコード<span class="fa fa-share-square external-icon anchor-icon"></span></a></dt>
<dd>作ろうとしているコンポーネントと働きが似ているものや UI が近いものなどが既存のコンポーネントの中にあるなら、そのソースコードは非常に参考になると思います。</dd>
<dt><a rel="noopener" target="_blank" href="https://soushinsoujin989.blogspot.com/2021/04/livesplit_99.html">Livesplit用コンポーネントの作り方<span class="fa fa-share-square external-icon anchor-icon"></span></a></dt>
<dd>コンポーネント開発について筆者が書いた日本語での説明記事で、知っておきたい C# の知識やLivesplit の仕様の紹介なども含んでいます。</dd>
</p>
<h2><span id="toc7">コンポーネントのインストール</span></h2>
<p>
自分で入手したコンポーネントは、インストールが必要です。<br />
<img loading="lazy" decoding="async" src="https://rtagamers.com/wp-content/uploads/2021/12/04_folder.png" title="＋ボタンの中のどのカテゴリに追加されるのか、をコンポーネントの説明書きに明記して欲しい" alt="コンポーネントのインストール説明" width="640" height="360" class="aligncenter size-full wp-image-14681" srcset="https://rtagamers.com/wp-content/uploads/2021/12/04_folder.png 640w, https://rtagamers.com/wp-content/uploads/2021/12/04_folder-300x169.png 300w, https://rtagamers.com/wp-content/uploads/2021/12/04_folder-120x68.png 120w, https://rtagamers.com/wp-content/uploads/2021/12/04_folder-160x90.png 160w, https://rtagamers.com/wp-content/uploads/2021/12/04_folder-320x180.png 320w" sizes="(max-width: 640px) 100vw, 640px" /><br />
コンポーネントの dll ファイル（コンポーネントによっては＋αのファイル）を Livesplit の Components フォルダに入れるだけで OK です。
</p>
<p>
この時、Livesplit が終了している状態でインストールを行ってください。もし Livesplit が起動していた場合は、Livesplit を再起動すれば大丈夫です。
</p>
<p>
Livesplit を起動して Layout Editor を開いて＋ボタンを押すと対応したカテゴリの中に新しいコンポーネントが増えているので、レイアウトに追加しましょう。
</p>
<p>
レイアウトを編集した時は、レイアウトの保存を忘れずに。
</p>
<h2><span id="toc8">自分だけのタイマーレイアウト！</span></h2>
<p>自分だけのタイマーレイアウトを作ると、それだけでモチベーションが上がることもあります。タイマーでやりたいことができると、それだけでやる気が出てくることもあります。</p>
<p>コンポーネントを利用してご自身の「欲しい機能」を持ったタイマーにカスタマイズして、新たな記録に挑戦しましょう。</p>
<p>Good Luck !</p>
<div class="saboxplugin-wrap" itemtype="http://schema.org/Person" itemscope itemprop="author"><div class="saboxplugin-tab"><div class="saboxplugin-gravatar"><img loading="lazy" decoding="async" src="https://rtagamers.com/wp-content/uploads/2021/12/KuhakuLogo_mono.png" width="100"  height="100" alt="" itemprop="image"></div><div class="saboxplugin-authorname"><a rel="author" href="https://rtagamers.com/author/kuhaku_o/" class="vcard author"><span class="fn">Kuhaku_玖白</span></a></div><div class="saboxplugin-desc"><div itemprop="description"><p>Livesplit用のコンポーネントを作ったり、Autosplitterを作ったりしている人です。</p>
</div></div><div class="saboxplugin-web "><a rel="nofollow noopener" target="_blank" href="https://soushinsoujin989.blogspot.com/">soushinsoujin989.blogspot.com/<span class="fa fa-share-square external-icon anchor-icon"></span></a></div><div class="clearfix"></div><div class="saboxplugin-socials sabox-colored"><a rel="nofollow noopener" target="_blank" title="Twitter" href="https://twitter.com/Kuhaku81377446" class="saboxplugin-icon-color"><svg class="sab-twitter" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <path d="M 9.398 6.639 L 16.922 17.361 L 14.922 17.361 L 7.412 6.639 L 9.398 6.639 Z M 24.026 24.026 L -0.026 24.026 L -0.026 -0.026 L 24.026 -0.026 L 24.026 24.026 Z M 19.4 18.681 L 13.807 10.677 L 18.379 5.319 L 16.627 5.319 L 13.014 9.541 L 10.065 5.319 L 4.921 5.319 L 10.187 12.846 L 5.193 18.681 L 6.975 18.681 L 10.985 13.983 L 14.269 18.681 L 19.4 18.681 Z" />
</svg></span><span class="fa fa-share-square external-icon anchor-icon"></span></a><a rel="nofollow noopener" target="_blank" title="Twitch" href="https://www.twitch.tv/kuhaku_o" class="saboxplugin-icon-color"><svg class="sab-twitch" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="-.2" y=".4" width="500" height="500" fill="#6441a5" /><polygon class="st1" points="499.8 247.3 499.8 500.4 283 500.4 135.5 351.6 162 142.3 324 138.3 380.2 128" /><path class="st2" d="m152.7 128l-17.2 44v179.7h61.2v32.5h34.4l32.5-32.5h49.7l66.9-66.9v-156.8h-227.5zm204.6 145.3l-38.3 38.2h-61.2l-32.4 32.5v-32.5h-51.6v-160.6h183.5v122.4zm-38.3-78.4v66.8h-22.9v-66.8h22.9zm-61.1 0v66.8h-22.9v-66.8h22.9z" /></svg></span><span class="fa fa-share-square external-icon anchor-icon"></span></a></div></div></div>]]></content:encoded>
					
					<wfw:commentRss>https://rtagamers.com/rta-tools/post-12354/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
