OTD BBS カスタマイズ＠ Junk box

OTD BBS カスタマイズ＠ Junk box

このページではJunk boxで利用している OTB BBSのカスタマイズコードを掲載しています。
公開しているソースの一部あるいは全部はご自由にお使いください。許可は不要です。

特徴・設定など

[OTD BBS 共通設定]-[▼タグの禁止の設定] では、　[handle,subjectフィールドでのタグの禁止]を禁止する、それ以外を禁止しないにしてください。

URLを書いた場合には自動的にリンクがつきます。　.jpg, .gif, .png ファイルを指定した場合には画像が縮小表示されます。
　<a>タグをつかって、こんな感じにすることもできます。
書き込みには JavaScriptが使用可能なブラウザを推奨します。
過去ログ検索機能は自宅サーバを使って実現していますのでこのソースには含まれていません。
ご質問・ご要望などありましたら、BBSかメイルでお気軽にどうぞ。

▼ソース
各見本掲示板のソースはこちらにあります。各掲示板のソース
<head> ～ </head> タグに挟まれる内容 ⇒この設定のマニュアルへ
<META http-equiv="Content-Type" content="text/html;charset=x-euc-jp"> <META http-equiv="Content-Script-Type" content="text/javascript"> <title>らくがきちょう</title> <style TYPE="text/css"> <!-- a:hover{background-color: "#ffe297";text-decoration:none;} //--> </style>
<body...> タグのオプション ⇒この設定のマニュアルへ

<body> ～ </body> タグに挟まれる内容 ⇒この設定のマニュアルへ
<table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="top"> <font color="#33AA33" size="5"><b>らくがきちょう</b></font>   <font color="#999999">各コンテンツのお問い合わせや雑談など</font><br> [<a href="bbs_plain?range=30">30件ずつ新着順表示</a>] [<a href="bbs_tree?range=30">30件ずつツリー表示</a>] [<a href="bbs_thread?range=80">80件ずつスレッド表示</a>]<br> [(<a href="bbs_post" target="new" title="書き込み用のウインドウを開きます">別窓で</a>)<a href="bbs_post" title="新規に書き込みます">新規書きこみ</a>]   [<A HREF="http://ha6.seikyou.ne.jp/home/sasao/junk/index.htm" title="Junk box">トップへ戻る</A>]   </td> <td align="right" valign="top"> 記事の削除は<a href="#eof">こちら</a><br> <font color="#ff0000">Powered by</font><a href="http://bbs.otd.co.jp/">OTD</a> </td> </tr> <tr> <td colspan=2><hr></td> </tr> </table> $board <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top"><a href="$what$prebase">以前の記事へ</a></td> <td align="right" valign="top">$log</td> </tr> <tr> <td colspan=2><hr></td> </tr> <tr> <td> <form action="bbs_delete" method="post"> 記事を削除するときはこちら ⇒ 番号 <input type="text" size="6" name="seq"> 削除キー <input type="text" size="6" name="key"> <input type="submit" value="delete"> </form> </td> <td align=right> <a href="root.cgi">管理者用</a> </td> </tr> </table> <a name="eof"></a>
<body> ～</body> タグに挟まれる内容 (投稿ページ用) ⇒この設定のマニュアルへ
<div align="left"> <table width="100%"> <tr> <td align="left"> <font color="#33AA33" size="5"><b>らくがきちょう</b></font> [<A HREF="http://ha6.seikyou.ne.jp/home/sasao/junk/index.htm">Junk box</A>] [<A HREF="bbs_plain">BBS</A>] </td> <td align="right"> <font color="#ff0000">Powered by</font><a href="http://bbs.otd.co.jp/">OTD</a><br> <a href="root.cgi">管理者用</a> </td> </tr> </table> <hr> <FORM action="bbs_write" method="post" name="form_name" onsubmit="return submit_form();"> <INPUT name="x_message" type="hidden" value=""> $hidden <table width="100%"> <tr> <td bgcolor="#FFFFFF"><font size="3" color="#1000FF">おなまえ</font></td> <td bgcolor="#FFFFFF"><input type="text" name="handle" size="40"></td> </tr> <tr> <td bgcolor="#FFFFFF"><font size="3" color="#1000FF">件名</font></td> <td bgcolor="#FFFFFF"> <input type="text" name="subject" value="$subject" size="40"> </td> </tr> <tr> <td bgcolor="#FFFFFF" colspan="2"> <table> <tr> <td bgcolor="#EEDDAA"> ▼ 通常のカキコはこちらへ(タグは自由に使えます) </td> </tr> <tr> <td> <textarea name="message" cols="80" rows="24" wrap="soft">$message</textarea> </td> </tr> <tr> <td bgcolor="#FFFFEE"> ▼ BASICプログラムなどはこちらへ(タブ、空白なども反映されます) </td> </tr> <tr> <td> <textarea name="etc5" cols="80" rows="10"></textarea> </td> </tr> </table> </td> </tr> <tr><td bgcolor="#FFFFFF" colspan=2>以下は省略可です</td></tr> <tr> <td bgcolor="#FFFFFF"><font size="3" color="#1000FF">メールアドレス</font></td> <td bgcolor="#FFFFFF"><input type="text" name="email" size="40"></td> </tr> <tr> <td bgcolor="#FFFFFF"><font size="3" color="#1000FF">ホームページURL</font></td> <td bgcolor="#FFFFFF"><input type="text" name="url" size="60"></td> </tr> <tr> <td bgcolor="#FFFFFF"><font size="3" color="#1000FF">ページのなまえ</font></td> <td bgcolor="#FFFFFF"><input type="text" name="etc6" size="60"></td> </tr> <tr> <td><font size="3" color="#1000FF">削除キー</font></td> <td><input type="text" name="key" size="6"></td> </tr> <tr> <td><input type="submit" value="書きこむ" onClick="set_cookies();"> </td> <td>書きこんでもすぐに反映されないことがあります。その場合には、ブラウザでリロードするか、<br> <A href="http://bbs.otd.co.jp/_faq/5-2-2.faq">こちら</a>を参考にしてブラウザの設定をしてください。</td> </tr> </table> </FORM> <SCRIPT TYPE="text/javascript"> <!-- function autoreload() { location.href="#article"; } function get_cookie(key) { var arg = key + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while(i < clen) { var j = i + alen; if(arg == document.cookie.substring(i,j)) return get_cookie_val(j); i = document.cookie.indexOf(" ", i) + 1; if(0 == i) break; } return ""; } function get_cookie_val(offset) { var endval = document.cookie.indexOf(";", offset); if(-1 == endval) endval = document.cookie.length; return unescape(document.cookie.substring(offset,endval)); } function clear_cookie() { var i = 0; var dc = document.cookie; while(i < dc.length) { var j = dc.indexOf("=", i); var key = dc.substring(i, j); dc = key + "=dummy; expires=Thu, 01-Jan-1970 09:00:00 GMT;"; i = dc.indexOf(" ", i) + 1; if(0 == i) break; } } function set_cookie(key, val) { document.cookie = key + "=" + escape(val) + "; expires=Wed, 01-Jan-2031 00:00:00 GMT;"; } var pf = document.forms[0]; var n = pf.elements.length; for(i = 0; i < n; i++) { var el = pf.elements[i], key = el.name; if("subject" == key \|\| "message" == key) continue; switch(el.type) { case "text": el.value = get_cookie(key); break; case "select-one" : var ix = get_cookie(key) ? get_cookie(key) : 0; el.options[ix].selected = true; break; } } function set_cookies() { var df = document.forms[0]; var i, n = df.elements.length; clear_cookie(); for(i = 0; i < n; i++) { var el = df.elements[i], key = el.name; if("subject" == key \|\| "message" == key) continue; switch(el.type) { case "text": set_cookie(key, el.value); break; case "select-one" : set_cookie(key, el.selectedIndex); break; } } } function set_br(str){ str = str.split("\r\n"); str = str.join("<" + "BR>"); str = str.split("\r"); str = str.join("<" + "BR>"); str = str.split("\n"); str = str.join("<" + "BR>"); return str; } function spoil_tag(str){ str = str.split("#include <"); str = str.join("#include <"); str = str.split("#include<"); str = str.join("#include<"); return str; } // set_quote() : 引用行を修飾する関数 [create_link() から呼ばれる] function set_quote(str){ var quote_pre_str = "<" + "FONT color=\"#3333cc\">"; var quote_post_str = "<" + "/FONT>"; var str_buffer = ""; var temp_index; str = "<" + "BR>" + str +"<" + "BR>"; while(0 <= (temp_index = str.indexOf("<" + "BR>> "))){ str_buffer += str.substring(0, temp_index + 4) + quote_pre_str; str = str.substring(temp_index + 4); temp_index = str.indexOf("<" + "BR>"); str_buffer += str.substring(0, temp_index) + quote_post_str; str = str.substring(temp_index); } if(str_buffer != "") str = str_buffer + str; str = str.split(quote_post_str + "<" + "BR>" + quote_pre_str); str = str.join("<" + "BR>"); return str.substring(4, str.length - 4); } function create_link(){ var form_obj = document.form_name var target_window = "_blank"; var temp_str = form_obj.message.value; var temp_index, index_of_src, index_of_href; var i; var srcArray = new Array("src=", "Src=", "SRC="); var hrefArray = new Array("href=", "Href=", "HREF="); var imageSuffixArray = new Array(".jpg", ".JPG", ".jpeg", ".JPEG", ".gif", ".GIF", ".png", ".PNG"); var str_buffer = ""; var link_start = 0, link_end = 0; var character = ""; var url_str = ""; var image_flag; var replace_flag = false; form_obj.etc5.value = spoil_tag(form_obj.etc5.value); if(document.all \|\| document.layers \|\| document.getElementById){ if(target_window != "") target_window = " target='" + target_window + "'"; temp_str = set_br(temp_str); temp_str = set_quote(temp_str); while(0 <= (link_start = temp_str.indexOf("http://"))){ index_of_src = temp_str.length; for(i = 0; i < srcArray.length; i++){ temp_index = temp_str.indexOf(srcArray[i]); if((0 <= temp_index) && (temp_index < index_of_src)) index_of_src = temp_index; } index_of_href = temp_str.length; for(i = 0; i < hrefArray.length; i++){ temp_index = temp_str.indexOf(hrefArray[i]); if((0 <= temp_index) && (temp_index < index_of_href)) index_of_href = temp_index; } // http:// の手前 5～6 文字以内に "src=" or "href=" などの文字列がある場合には、処理をスキップ if(((Math.max(0, link_start - 5) <= index_of_src) && (index_of_src < link_start)) \|\| (((Math.max(0, link_start - 6) <= index_of_href) && (index_of_href < link_start)))){ str_buffer += temp_str.substring(0, link_start + 1); temp_str = temp_str.substring(link_start + 1); // そうでない場合は、リンク生成 }else{ link_end = link_start + 5; do{ link_end++; character = temp_str.charAt(link_end); }while((' ' < character) && (character <= '~') && (character != '<') && (character != '>') && (character != '"') && (character != "'")) url_str = temp_str.substring(link_start, link_end); image_flag = false; for(i = 0; i < imageSuffixArray.length; i++){ if(0 < url_str.indexOf(imageSuffixArray[i], url_str.length - 5)){ image_flag = true; } } if(image_flag){ url_str = "<" + "A href='" + url_str + "'><" + "IMG src='" + url_str + "' width=48 heigh=32></a>"; }else{ url_str = "<" + "A href='" + url_str + "'>" + url_str + "<" + "/A>"; } str_buffer += (temp_str.substring(0, link_start) + url_str); temp_str = temp_str.substring(link_end); replace_flag = true; } } str_buffer += temp_str; if(replace_flag) form_obj.x_message.value = str_buffer; } } function submit_form(){ create_link(); return true; } //--> </script> <hr> </div>
<body> ～ </body> タグに挟まれる内容 (Replyページ用) ⇒この設定のマニュアルへ
<div align="left"> <table width="100%"> <tr> <td align="left"> <font color="#33AA33" size="5"><b>らくがきちょう</b></font> [<A HREF="http://ha6.seikyou.ne.jp/home/sasao/junk/index.htm">Junk box</A>] [<A HREF="bbs_plain">BBS</A>] </td> <td align="right"> <font color="#ff0000">Powered by</font><a href="http://bbs.otd.co.jp/">OTD</a><br> <a href="root.cgi">管理者用</a> </td> </tr> </table> <hr> <FORM action="bbs_write" method="post" name="form_name" onsubmit="return submit_form();"> <INPUT name="x_message" type="hidden" value=""> $hidden <table width="100%"> <tr> <td bgcolor="#FFFFFF"><font size="3" color="#1000FF">おなまえ</font></td> <td bgcolor="#FFFFFF"><input type="text" name="handle" size="40"></td> </tr> <tr> <td bgcolor="#FFFFFF"><font size="3" color="#1000FF">件名</font></td> <td bgcolor="#FFFFFF"> <input type="text" name="subject" value="$subject" size="40"> </td> </tr> <tr> <td bgcolor="#FFFFFF" colspan="2"> <table> <tr> <td bgcolor="#EEDDAA"> ▼ 通常のカキコはこちらへ(タグは自由に使えます) </td> </tr> <tr> <td> <textarea name="message" cols="80" rows="24" wrap="soft">$message</textarea> </td> </tr> <tr> <td bgcolor="#FFFFEE"> ▼ BASICプログラムなどはこちらへ(タブ、空白なども反映されます) </td> </tr> <tr> <td> <textarea name="etc5" cols="80" rows="10"></textarea> </td> </tr> </table> </td> </tr> <tr><td bgcolor="#FFFFFF" colspan=2>以下は省略可です</td></tr> <tr> <td bgcolor="#FFFFFF"><font size="3" color="#1000FF">メールアドレス</font></td> <td bgcolor="#FFFFFF"><input type="text" name="email" size="40"></td> </tr> <tr> <td bgcolor="#FFFFFF"><font size="3" color="#1000FF">ホームページURL</font></td> <td bgcolor="#FFFFFF"><input type="text" name="url" size="60"></td> </tr> <tr> <td bgcolor="#FFFFFF"><font size="3" color="#1000FF">ページのなまえ</font></td> <td bgcolor="#FFFFFF"><input type="text" name="etc6" size="60"></td> </tr> <tr> <td><font size="3" color="#1000FF">削除キー</font></td> <td><input type="text" name="key" size="6"></td> </tr> <tr> <td><input type="submit" value="書きこむ" onClick="set_cookies();"> </td> <td>書きこんでもすぐに反映されないことがあります。その場合には、ブラウザでリロードするか、<br> <A href="http://bbs.otd.co.jp/_faq/5-2-2.faq">こちら</a>を参考にしてブラウザの設定をしてください。</td> </tr> </table> </FORM> <SCRIPT TYPE="text/javascript"> <!-- function autoreload() { location.href="#article"; } function get_cookie(key) { var arg = key + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while(i < clen) { var j = i + alen; if(arg == document.cookie.substring(i,j)) return get_cookie_val(j); i = document.cookie.indexOf(" ", i) + 1; if(0 == i) break; } return ""; } function get_cookie_val(offset) { var endval = document.cookie.indexOf(";", offset); if(-1 == endval) endval = document.cookie.length; return unescape(document.cookie.substring(offset,endval)); } function clear_cookie() { var i = 0; var dc = document.cookie; while(i < dc.length) { var j = dc.indexOf("=", i); var key = dc.substring(i, j); dc = key + "=dummy; expires=Thu, 01-Jan-1970 09:00:00 GMT;"; i = dc.indexOf(" ", i) + 1; if(0 == i) break; } } function set_cookie(key, val) { document.cookie = key + "=" + escape(val) + "; expires=Wed, 01-Jan-2031 00:00:00 GMT;"; } var pf = document.forms[0]; var n = pf.elements.length; for(i = 0; i < n; i++) { var el = pf.elements[i], key = el.name; if("subject" == key \|\| "message" == key) continue; switch(el.type) { case "text": el.value = get_cookie(key); break; case "select-one" : var ix = get_cookie(key) ? get_cookie(key) : 0; el.options[ix].selected = true; break; } } function set_cookies() { var df = document.forms[0]; var i, n = df.elements.length; clear_cookie(); for(i = 0; i < n; i++) { var el = df.elements[i], key = el.name; if("subject" == key \|\| "message" == key) continue; switch(el.type) { case "text": set_cookie(key, el.value); break; case "select-one" : set_cookie(key, el.selectedIndex); break; } } } function set_br(str){ str = str.split("\r\n"); str = str.join("<" + "BR>"); str = str.split("\r"); str = str.join("<" + "BR>"); str = str.split("\n"); str = str.join("<" + "BR>"); return str; } function spoil_tag(str){ str = str.split("#include <"); str = str.join("#include <"); str = str.split("#include<"); str = str.join("#include<"); return str; } // set_quote() : 引用行を修飾する関数 [create_link() から呼ばれる] function set_quote(str){ var quote_pre_str = "<" + "FONT color=\"#3333cc\">"; var quote_post_str = "<" + "/FONT>"; var str_buffer = ""; var temp_index; str = "<" + "BR>" + str +"<" + "BR>"; while(0 <= (temp_index = str.indexOf("<" + "BR>> "))){ str_buffer += str.substring(0, temp_index + 4) + quote_pre_str; str = str.substring(temp_index + 4); temp_index = str.indexOf("<" + "BR>"); str_buffer += str.substring(0, temp_index) + quote_post_str; str = str.substring(temp_index); } if(str_buffer != "") str = str_buffer + str; str = str.split(quote_post_str + "<" + "BR>" + quote_pre_str); str = str.join("<" + "BR>"); return str.substring(4, str.length - 4); } function create_link(){ var form_obj = document.form_name var target_window = "_blank"; var temp_str = form_obj.message.value; var temp_index, index_of_src, index_of_href; var i; var srcArray = new Array("src=", "Src=", "SRC="); var hrefArray = new Array("href=", "Href=", "HREF="); var imageSuffixArray = new Array(".jpg", ".JPG", ".jpeg", ".JPEG", ".gif", ".GIF", ".png", ".PNG"); var str_buffer = ""; var link_start = 0, link_end = 0; var character = ""; var url_str = ""; var image_flag; var replace_flag = false; form_obj.etc5.value = spoil_tag(form_obj.etc5.value); if(document.all \|\| document.layers \|\| document.getElementById){ if(target_window != "") target_window = " target='" + target_window + "'"; temp_str = set_br(temp_str); temp_str = set_quote(temp_str); while(0 <= (link_start = temp_str.indexOf("http://"))){ index_of_src = temp_str.length; for(i = 0; i < srcArray.length; i++){ temp_index = temp_str.indexOf(srcArray[i]); if((0 <= temp_index) && (temp_index < index_of_src)) index_of_src = temp_index; } index_of_href = temp_str.length; for(i = 0; i < hrefArray.length; i++){ temp_index = temp_str.indexOf(hrefArray[i]); if((0 <= temp_index) && (temp_index < index_of_href)) index_of_href = temp_index; } // http:// の手前 5～6 文字以内に "src=" or "href=" などの文字列がある場合には、処理をスキップ if(((Math.max(0, link_start - 5) <= index_of_src) && (index_of_src < link_start)) \|\| (((Math.max(0, link_start - 6) <= index_of_href) && (index_of_href < link_start)))){ str_buffer += temp_str.substring(0, link_start + 1); temp_str = temp_str.substring(link_start + 1); // そうでない場合は、リンク生成 }else{ link_end = link_start + 5; do{ link_end++; character = temp_str.charAt(link_end); }while((' ' < character) && (character <= '~') && (character != '<') && (character != '>') && (character != '"') && (character != "'")) url_str = temp_str.substring(link_start, link_end); image_flag = false; for(i = 0; i < imageSuffixArray.length; i++){ if(0 < url_str.indexOf(imageSuffixArray[i], url_str.length - 5)){ image_flag = true; } } if(image_flag){ url_str = "<" + "A href='" + url_str + "'><" + "IMG src='" + url_str + "' width=48 heigh=32></a>"; }else{ url_str = "<" + "A href='" + url_str + "'>" + url_str + "<" + "/A>"; } str_buffer += (temp_str.substring(0, link_start) + url_str); temp_str = temp_str.substring(link_end); replace_flag = true; } } str_buffer += temp_str; if(replace_flag) form_obj.x_message.value = str_buffer; } } function submit_form(){ create_link(); return true; } //--> </script> <hr> </div>
通常表示の書式 ⇒この設定のマニュアルへ
</table> <table width="100%"> <tr> <td align="left" nowrap> <font size="3">$seq:</font> <font size="3" color="#1000FF"><i>$time</i></font> <a href="bbs_tree?base=$seq" title="この関連記事を読む"><font size="3" color="#55AAFF"><b>$subject</b></font></a> <SCRIPT TYPE="text/javascript"> <!-- if ( -1 != parent.document.referrer.indexOf("=") ){ document.write(' (<a href="bbs_tree?base=$seq">この関連記事を読む</a>)'); } //--> </script> </td> <td align="right"> <b>$email{<a href="mailto:$" title="$handleさんにメールを書く">}<font size="3" color="#33CC33">$handle</font>$email{</a>}</b> さん (<a href="bbs_reply?reply=$seq" target="new" title="別窓で返信します"><font size="3" color="#CC3333">別窓で</font></a>)<a href="bbs_reply?reply=$seq"><font size="3" color="#CC3333" title="この記事に返信します">返信する</font></a> </td> </tr> <tr> <td bgcolor="#eeeeee" colspan="2" width="100%"> <table cellpadding="10" cellspacing="0" border="1" width="100%"> <tr> <td bgcolor="#eeeeee" valign="top"> <font size="3" color="#333333"> $x_message{$}$!x_message{$message} </font> $url{<br><a href="$" title="$へジャンプ">} $etc6{$<!--} $url{$} $etc6{$-->} $url{<!-- $ --></a>} </td> </tr> $etc5{<tr><td bgcolor="#000054" valign="top"><br><font color="#FFFFFF"><pre>$</pre></font></td></tr>} </table> </td> </tr> </table> <table width="100%"><tr><td> </td></tr>
ツリー表示の書式 ⇒この設定のマニュアルへ
$top{</dl>} <table $top{width="100%"} $!top{width="90%"}> <tr> <td align="left" nowrap> <font size="3">$seq:</font> $new{<font size="3" color="#FF0000"><b>New!</b></font>} <font size="3" color="#1000FF"><i>$time</i></font> <a href="bbs_thread?base=$seq&range=80" title="スレッド表示する"><font size="3" color="#55AAFF"><b>$subject</b></font></a> </td> <td align="right"> <b>$email{<a href="mailto:$" title="$handleさんにメールを書く">}<font size="3" color="#33CC33">$handle</font>$email{</a>}</b>さん (<a href="bbs_reply?reply=$seq" target="new"><font size="3" color="#CC3333" title="別窓で返信します">別窓で</font></a>)<a href="bbs_reply?reply=$seq"><font size="3" color="#CC3333" title="この記事に返信します">返信する</font></a> </td> </tr> <tr> <td bgcolor="#eeeeee" width="100%" colspan="2"> <table width="100%" cellpadding="10" cellspacing="0" border="1"> <tr> <td> <font size="3" color="#333333">$x_message{$}$!x_message{$message} </font> $etc5{</td></tr></table><table width="100%" bgcolor="#ffffee" cellpadding="4" cellspacing="4" border="0"><td colspan="2"><br><pre>$</pre></td></table><table><td colspan="2">} $url{<br><a href="$" title="$へジャンプ">} $etc6{$<!--} $url{$} $etc6{$-->} $url{<!-- $ --></a>} </td> </tr> </table> </td> </tr> <tr> <td colspan="2" width="100%"><br></td> </tr> </table> $bottom{<dl>}
一覧表示の書式 ⇒この設定のマニュアルへ

スレッド表示の書式 ⇒この設定のマニュアルへ
$reply{<!--$} <br>>>&gt <a href="bbs_tree?base=$seq&range=1">$seq関連記事をまとめて表示</a><br> $reply{$-->} <font size="3">$seq:</font> <b> <a href="bbs_plain?base=$seq&range=1"> <font size="3">$subject</font></a> </b> … <b>$email{<a href="mailto:$" title="$handleさんにメールを書く">}<font size="3" color="#33CC33">$handle</font></a></b>さん <font size="3" color="#1000FF"><i>$time</i></font> $new{<font size="3" color="#FF0000"><b>New!</b></font>}
引用の強調 ⇒この設定のマニュアルへ
開始タグ終了タグ

OTDBBSマニュアルはこちら
FAQよくある質問はこちら
カスタマイズ広場はこちら

OTD BBS カスタマイズ ＠ Junk box

OTD BBS カスタマイズ＠ Junk box