![見出し画像](https://assets.st-note.com/production/uploads/images/108790781/rectangle_large_type_2_f17c7bb68e4752d366a88d4d0c0fb2da.png?width=1200)
【ティラノビルダー】カスタムルビプラグインの導入方法
![](https://assets.st-note.com/img/1687326483114-gFMAqXblI9.png?width=1200)
ねこの様(https://twitter.com/nekomilkcat)制作のカスタムルビプラグインを、ティラノビルダーで導入する方法について解説します。
①プラグインのダウンロード
下記のリンクから、入手ページに移動します。
zipファイルがダウンロードされます。
これで、プラグインのダウンロードは完了です。
②プラグインの配置
![](https://assets.st-note.com/img/1687323489559-DAc5mbLo0u.png?width=1200)
画面左上のプロジェクト名をクリックします。
![](https://assets.st-note.com/img/1687323501277-kwzpGsYF6b.png?width=1200)
フォルダが開かれるので、othersフォルダをクリックします。
![](https://assets.st-note.com/img/1687323513632-Iya1E5CwTt.png?width=1200)
pluginフォルダをクリックします。
![](https://assets.st-note.com/img/1687323526901-9LDAgBaMeA.png?width=1200)
フォルダは空の状態です。
ここで、先程ダウンロードしたzipファイルを展開します。
![](https://assets.st-note.com/img/1687323543258-xppoeUwueJ.png?width=1200)
展開したフォルダの中にある「custom_ruby」フォルダをpluginフォルダに配置します。
これでプラグインの配置は完了です。
③plugin.ksファイルの編集
![](https://assets.st-note.com/img/1687323862314-x95Dy8j8gh.png?width=1200)
scenarioフォルダをクリックします。
![](https://assets.st-note.com/img/1687323882308-2oUpKDzLKy.png?width=1200)
systemフォルダをクリックします。
![](https://assets.st-note.com/img/1687323918536-4YxsqNmWFF.png?width=1200)
plugin.ksをメモ帳で開きます。
![](https://assets.st-note.com/img/1687323931860-v82GZYMCke.png?width=1200)
[return]と書かれています。このコードは絶対に消さないでください。
![](https://assets.st-note.com/img/1687323943441-WSASD0akOT.png?width=1200)
下記のコードを貼り付けます。
[plugin name=custom_ruby]
※コードの記述によって、ルビの大きさ等を調整できます。記事の最後にサンプルを記載したので、よろしければ、お役立てください。
最後に上書き保存します。
これでplugin.ksファイルの編集は完了です。
④実際の使用例
![](https://assets.st-note.com/img/1687325412973-LZlFxeF75S.png?width=1200)
#
[ruby text="わが"]吾[ruby text="はい"]輩は[ruby text="ねこ"]猫である。[ruby text="な"]名[ruby text="まえ"]前はまだ[ruby text="な"]無い。[r]
どこで[ruby text="うま"]生れたかとんと[ruby text="けん"]見[ruby text="とう"]当がつかぬ。[p]
ルビを振りたい文字の前にコードを記述します。
※コードの記述によって、ルビの大きさ等を調整できます。記事の最後にサンプルを記載したので、よろしければ、お役立てください。
これで、カスタムルビプラグインを導入する手順は完了です。
以上で解説を終わります。おつかれさまでした。
【参考】サンプル
(例) 全てのルビの大きさを変更したい場合
![](https://assets.st-note.com/img/1687326651693-CvldIL3Drf.png?width=1200)
[plugin name=custom_ruby scale=0.3]
(例) 全てのルビの色を変更したい場合
![](https://assets.st-note.com/img/1687326825460-TjJQzssuIE.png?width=1200)
[plugin name=custom_ruby color=yellow]
(例) 全てのルビの背景の色を変更したい場合
![](https://assets.st-note.com/img/1687327068032-zMzAOhu9ra.png?width=1200)
[plugin name=custom_ruby background=red]
(例) ルビごとに個別に変更したい場合
![](https://assets.st-note.com/img/1687327542161-hdHqc4Ua28.png?width=1200)
#
[ruby text="わが" scale=0.3]吾[ruby text="はい" color=yellow]輩は[ruby text="ねこ" background=red]猫である。[ruby text="な" scale=0.7 color=yellow background=red]名[ruby text="まえ" scale=0.7 color=yellow background=red]前はまだ[ruby text="な"]無い。[r]
どこで[ruby text="うま"]生れたかとんと[ruby text="けん"]見[ruby text="とう"]当がつかぬ。[p]
この記事が気に入ったらサポートをしてみませんか?