RSSブックマークアプリ、配布用プログラム販売
本プログラムは、ウェブサイトに置いたリンクをブックマークしてもらうだけで、新着情報(RSS)を配布できるプログラムです。デザインのカスタマイズが自由なので、サイトのブランドアプリにブラッシュアップ可能です。ユーザーと直接繋がる広告媒体としてご活用頂けます。サイト内メニューとしてもご利用頂けます。
プログラムの説明
RSSブックマークアプリは、ウェブサイト等に設置した取得用リンクをユーザーにブックマークしてもらうだけで、ご提供中のRSSをどのサイトからでも閲覧できるようにするWEBアプリです。参考ページで、お好きなRSSを取得して、試用してみて下さい。このページで取得できるRSSブックマークアプリを、御社(貴方の)サイト向けにデザイン・機能をカスタマイズして、ご自身のサーバーから提供することができます。
本プログラムの一番の特長は、ご提供中のRSSをRSSリーダーをインストールしていないユーザーにも簡単に利用してもらうことができる点です。リンクをブックマークするだけで利用できるので、RSSを知らないユーザーに対してもRSSの利用を広げていくことができます。『新着情報提供中、このリンクを右クリック(又はドラッグ)してブックマークしてください。』とだけ宣伝すればよいのです。(ただし、各ブラウザ別に登録方法の説明を加えると良いと思います。)
さらに、デザインのカスタマイズが自由なので、RSSを通して自身のサイトやブログを効果的に宣伝することができます。デザインを洗練化すれば、御社のブランドアプリにもなります。逐次、RSSやデザイン内に広告を埋め込めば、関心の高いユーザーと直接繋がることのできる広告媒体にもなります※。
デザイン・機能のカスタマイズ性が高いことから、ウェブサイト内に固定して、メニューや新着情報欄としてご利用いただくこともできます。
※RSSの内容は、すぐに更新されエンドユーザーに配信されます。ただ、ブラウザの設定により、ソースコードやイメージデータは、キャッシュされて温存される場合があります。IEでは、ソースコードとイメージデータがキャッシュされ、クロームではイメージデータがキャッシュされる傾向があります。
仕様概略
ファイルサイズと言語:
rssbookmarkapp.zipを解凍すると、
rssbookmarkappフォルダ
-imagesフォルダ
rssbookmarkapp.phpファイル
rssbookmarkapp.jsファイル
rssbookmarkappフォルダの中に、imagesフォルダ、rssbookmarkapp.phpファイル(3KB)、rssbookmarkapp.jsファイル(69KB)が入っています。つまり、使用する言語は、phpとjavascriptとなります。
Javascriptで利用するグローバルな名称:
本プログラムは、以下の変数をグローバルに定義します。
lttData
lttSetting
また、DOMに以下のid名とclass名を利用します。
id: lttFrame
id: lttLink\d+
class: lttScriptTagForRss
class: lttA
class: lttLi
デザイン・機能のカスタマイズ:
rssbookmarkapp.jsの先頭に記載されたlttSettingオブジェクトのプロパティを変更して、デザイン・機能のカスタマイズを行います。(lttSettingオブジェクトのプロパティ以外の変更は、許可されていません。バグの発生原因となりますので、ご遠慮下さい。)各エレメント単位で表示・非表示から多様なデザインのカスタマイズまで行うことができます。lttSettingオブジェクトのコードを末尾に掲載しておりますので、変更可能な設定をご確認下さい。初期設定は、参考ページのものとなっております。
使用方法
ファイルの配置と設定:
1.rssbookmarkapp.zipを解凍して、そのままサーバーに設置してください。
2.rssbookmarkapp.jsファイルの先頭に記載されたlttSettingオブジェクトの冒頭の変数urlに、設置したrssbookmarkappフォルダ内への絶対urlを記入してください。最後に/を付けて下さい。注意:絶対URLを記入するまでプログラムはご利用いただけません。(末尾のコード参照)
3.imagesフォルダにカスタマイズ用のイメージを配置し、rssbookmarkapp.jsの先頭に記載されたlttSettingオブジェクトのプロパティを変更して、デザイン・機能のカスタマイズを行ってください(任意)。(lttSettingオブジェクトのプロパティ以外でのデザインの変更は、バグを発生させる可能性があります。)
ブックマークボタンの設置:
ウェブサイトやブログに、以下のような取得用リンクを設置してご利用下さい。
例:
<a href="javascript:(function(){var%20tag=document.createElement('script');
tag.className='lttScriptTagForRss';tag.src='①http://www.linktracktool.com/javascript/rssbookmarkapp.js?
②http://feedblog.ameba.jp/rss/ameblo/makoto-hasebe17/rss20.xml';
tag.type='text/javascript';document.body.appendChild(tag);void%200;})();" title="長谷部">
③長谷部誠オフィシャルブログ</a>
実際に取得用リンクを設置する際には、上記の例を援用してご利用下さい。主に、赤文字の部分を置き換えて設置します。
①のURLに、自身が設置したrssbookmarkapp.jsの絶対URLを記載します。
②のURLに、利用したいRSSの絶対URLを記載します。
③のリンク文章に、ブックマークのタイトルにしたい言葉を記載します。
注意①:コピペする場合には、href属性内のURLに改行が含まれていないかをよくご確認ください。
注意②:リンクに画像を設定したい場合には、背景画像を用いることをお勧めします。Chromeで画像リンクのブックマークができないためです。
サイト内メニューとして利用する場合:
<script src="http://your_domain.com/rssbookmarkapp/rssbookmarkapp.js?
http://www.linktracktool.com/rss/rss.xml" class="lttScriptTagForRss">
</script>
上記のようなタグをウェブページの<body>タグ</body>タグの間に入れてください。
</body>タグの直前に挿入することをお勧めします。
ご利用料金
1ドメイン、又はサブドメインがある場合には1サブドメインにつき、
又はコンテンツの作成・管理者の異なるフォルダ(ブログ等)がある場合には1フォルダにつき、
又はコンテンツの作成・管理者の異なるURL群(ブログ等)がある場合には1URL群につき、
RSSを3URLまで利用することができるとし、
サイト(ドメイン、サブドメイン、フォルダ又はURL群[※1]、以下同じ)の運営者[※2]の種別により、
1サイトについて、
個人 1,500円
法人 30,000円
従業員(アルバイト等含む)50人以上の法人 70,000円/年間
従業員(アルバイト等含む)100人以上の法人 1,40,000円/年間
従業員(アルバイト等含む)200人以上の法人 2,80,000円/年間
となります。
従業員50人以上の法人については、年間契約となります。継続してご利用になる場合には、
初回入金日の翌年同日以前に、翌年分のご利用料金をお支払い下さい。
更新ソフトの配布は致しておりません。更新したソフトの利用には、新規お申し込みが必要となります。
なお、領収書をご希望の場合には、題名を『領収書希望・(氏名又は法人名)』としてメールをご送信ください。
※1:ドメインやURLのように形式に基づくのではなく、エンドユーザーからの視点に基づき、実質的なコンテンツのまとまりを1サイトとして下さい。
※2:原則として、本ツールを使用することで直接的に受益する主体を運営者とします。
例えば、無料ブログサイト運営者様がユーザーのブログに本ツールを導入したい場合は、無料ブログサイト運営者様が『運営者』となります。
無料ブログサイト内のブログ作成者様が単独で本ツールを導入したい場合は、ブログ作成者様が『運営者』となります。
HP製作代行会社様が、受注企業様のHPに本ツールを導入したい場合は、受注企業様が『運営者』となります。
※3:配布RSSは、ご所有のRSSか、あるいは配布の許可を得たRSSに限ります。
料金等にご不明な点がある場合、また大規模サイトを運営しているお客様でご質問等がある場合には、お気軽にご連絡下さい。
申込方法
メールタイトルを『申込・(氏名又は法人名)』とし、
1.使用するドメイン、サブドメイン、又はフォルダ・URL群を特定するURL
2.RSSを3URLより多く使用する場合には、使用する全URL数
3.氏名(法人名、担当者名)
4.サイト運営者の種別(上記参照)
5.住所
6.電話番号
7.Eメール
運営者と申込者が異なる場合は、別途、申込者ご自身についても3、5~7をご記載ください。
上記項目を記載してreceipt[a]japanesegoods.jp([a]を@に変更して送信してください。スパム対策です。)までご連絡の下さい。
2営業日以内に銀行口座(東京三菱銀行)とご請求金額をご返信します。
ご入金(3営業日以内にご入金ください)確認後、2営業日以内にrssbookmarkapp.zipファイルとテキストファイルの領収書を添付してご返信いたします。
申込内容に変更等があった場合
上記、申込内容に変更等ありましたら、題名を『変更・(氏名又は法人名)』としてメールで通知して下さい。
特に返信をしない場合があります。予めご了承下さい。
追加申し込み方法
追加のサイトで利用する場合には、追加の1サイトごとに、
又は3URLを超えてRSSを利用する場合には、追加の3URLごとに、
追加料金とお申し込み手続きが必要になります。
追加のサイト又はRSS使用開始後2営業日以内に、
メールタイトルを『追加・(氏名又は法人名)』とし、
1.追加するドメイン、サブドメイン、又はフォルダ・URL群を特定するURL
2.RSSのURLを追加する場合には、追加されるサイトと追加するURL数
3.氏名(法人名、担当者名)
4.サイト運営者の種別(上記参照)
5.住所
6.電話番号
7.Eメール
運営者と申込者が異なる場合は、別途、申込者ご自身についても3、5~7をご記載ください。
上記項目を記載してreceipt[a]japanesegoods.jp([a]を@に変更して送信してください。スパム対策です。)までご連絡の上、
初回に通知した銀行口座まで、
3営業日以内に料金をご入金ください。
なお、領収書をご希望の場合には、『領収書希望』とメールタイトルに付記して下さい。
添付テキストファイルの領収書をご返信致します。それ以外の場合、特に返信を致しません。予めご了承下さい。
個人情報保護方針
1.ご提供するプログラム内に、弊社が情報を収集するためのプログラムは、一切組み込まれておりません。
2.お申し込み等でご連絡頂いた個人情報を、第三者へ提供することはありません。
申込前の注意事項
本プログラムは、最新の主要ブラウザで利用できるよう最大限の努力を致しております。ご使用のie,firefox,chrome,safari,operaで参考ページのアプリを試してみて下さい。おそらく、ほぼ全ての直近のバージョンでご利用頂けることと思います。
しかしながら、ウェブサイト、サーバー、ブラウザ、OS、パソコンによりましては、本プログラムをご利用いただけない場合もございます。そのため、お申し込み前にご使用環境におきまして、参考ページのアプリで十分に試用してみて、納得頂きましてからお申し込み下さい。
初回にご利用になる方は、まず1サイト3URLからのお申し込みをお勧めいたします。
返金について
プログラムの配布という性質上、ご返金は致しておりません。お申し込み前の十分なご試用をよろしくお願い致します。
バグについて
バグの修正は、徹底して行ってきました。今後も引き続き徹底していきたいと考えております。
バグが発生した場合、せひご報告ください。タイトルを『バグ・(氏名又は法人名)』とし、
1.バグの内容
2.ウェブサイト
3.ブラウザの種類・バージョン
4.パソコンの性能
5.OS・サーバー
6.氏名又は法人名、ご利用中のサイトURL、電話番号、Eメール(任意)
等をできる限り詳しく記載してreceipt[a]japanesegoods.jp([a]を@に変更して送信してください。スパム対策です。)までご連絡下さい。
バグの種類にもよりますが、原則、修正版の個別配布等は行っておりません。
また、ご返信のできない場合もございます。予めご了承下さい。
著作権について
本プログラム等(弊社が提供する一切の著作物、以下同じ)の著作権は瀬端合同会社が保持しています。
本プログラム等の改変・再配布(二次配布)等は禁止されています。
個別修正、特記事項:
rssbookmarkapp.js内のプログラムは、lttSettingオブジェクトのプロパティ以外は修正(及び消去)を禁止させて頂きます。
また、同ファイル内の冒頭の著作権表示、メモの消去(及び修正)も禁止させて頂きます。
rssbookmarkapp.php内のプログラムは、ご自由に修正下さい。
imagesフォルダ内の画像の修正は、原則許可いたします。ただし、弊社の商号を改変する、又は信用を毀損する形での修正や使用は、禁止させて頂きます。
免責について
本プログラムを利用して発生した障害や損害に対して、弊社及び著作者はいかなる責任も負わないものとします。
本ページのバックアップページ
2011年8月24日~現在 2011年8月18日~24日 2011年8月15日~2011年8月18日 2011年8月12日~15日 2011年8月11日~2011年8月12日 2011年8月1日~2011年8月11日
カスタマイズ用のコード
以下のコードが、rssbookmarkapp.jsファイルの先頭部分に含まれています。lttSettingオブジェクトのプロパティを変更して、デザイン・機能のカスタマイズを行ってください。(lttSettingオブジェクトのプロパティ以外の変更は、許可されていません。)
var lttSetting = (function(){
/* 絶対URL 下記に設置したrssbookmarkappフォルダ内への絶対urlを記入してください。最後に/を付けて下さい。
注意:絶対URLを記入するまで本プログラムはご利用いただけません。 */
var url=''; /* rssbookmarkappフォルダ内への絶対url */
return {
url:url, /* 変更不可 */
//基準フレーム 注意:DIV要素です
frame:{
windowPosition:true, /* trueの場合、left、topはウィンドウ座標を基準とした左位置
・上位置となります。ただし、幅1000px縦500pxを基準ウィンドウにした割合(比較値)と
なります。falseの場合、ドキュメント座標となります。共に数値でleft、topを指定します。*/
left:20, /* 上記説明を参照 数値 */
top:95, /* 上記説明を参照 数値 */
id:'', /* 特定の要素内に挿入したい場合に指定してください。
サイト内メニューとして利用する場合にご利用ください。
位置は特定の要素を基準に決まるようになります。windowPositionはfalseにして下さい。 */
modified_lttFrame:'', /* スタイルの異なる二つ以上のアプリを同一ページで利用する可能性がある場合には、
frameのid属性をこのプロパティを使って修正してください。 */
zIndex:10000
},
//背景イメージの設定
background:{
display:'inline', /* バックグラウンドを消すとドラッグとリストホイールが使えなくなります。
ホイール機能を残したい場合は、透明なイメージを背景画像に設定して下さい。 */
imgSrc : url+'images/ba3ForRss.png', /* 背景イメージのURL */
rolloverImgSrc :url+'images/ba3OnForRss.png', /* 背景がロールオーバーされた時
のイメージURL */
left:'-1px', /* 基準フレームからの左位置 cssプロパティ */
top:'-41px', /* 基準フレームからの上位置 cssプロパティ */
border:'0px', /* ボーダーの設定 cssプロパティ */
width:'328', /* 幅の設定 html属性 */
height:'448', /* 高さの設定 html属性 */
foldedSrc:url+'images/ba2foldedForRss.png', /* 畳まれた時の背景イメージのURL */
foldedSrcOn:url+'images/ba2foldedOnForRss.png', /* 畳まれた時でロールオーバーされた場合
のイメージURL */
foldedHeight:'63' /* 畳まれた時の背景イメージの高さ html属性 */
},
//ホームページへのリンクボタン
homeButton:{
display:'inline',
src:url+'images/homeButtonForRss.png', /* ホームページへのリンクボタンの
イメージURL */
rolloverImgSrc:url+'images/homeButtonForRss.png', /* ロールオーバーされた時
のリンクボタンのイメージURL */
homeUrl:url+'rss/index.html', /* ホームページのURL */
title:'ホーム', /* ボタンのタイトル html属性 */
alt:'ホーム', /* ボタンの代替テキスト html属性 */
width:'28', /* ボタンの幅 html属性 */
height:'28', /* ボタンの高さ html属性 */
left:'272px', /* 基準フレームからの左位置 cssプロパティ */
top:'55px' /* 基準フレームからの上位置 cssプロパティ */
},
//閉じるボタン
closeButton:{
display:'inline',
src:url+'images/close.gif', /* 閉じるボタンのイメージURL */
rolloverImgSrc:url+'images/closeOn.gif', /* ロールオーバーされた時の閉じるボタン
のイメージURL */
alt:'閉じる', /* 閉じるボタンの代替テキスト html属性 */
width:'13', /* ボタンの幅 html属性 */
height:'13', /* ボタンの高さ html属性 */
left:'284px', /* 基準フレームからの左位置 cssプロパティ */
top:'-25px' /* 基準フレームからの上位置 cssプロパティ */
},
//畳むボタン
foldButton:{
display:'inline',
src:url+'images/fold.gif', /* 畳むボタンのイメージURL */
rolloverImgSrc:url+'images/foldOn.gif', /* ロールオーバーされた時の畳むボタンの
イメージURL */
foldedSrc:url+'images/folded.gif', /* 畳まれたときの開くボタンのイメージURL */
foldedSrcOn:url+'images/foldedOn.gif', /* 畳まれたときのロールオーバーされた場合の
開くボタンのイメージURL */
alt:'たたむ', /* 畳むボタンの代替テキスト html属性 */
width:'13', /* ボタンの幅 html属性 */
height:'13', /* ボタンの高さ html属性 */
left:'268px', /* 基準フレームからの左位置 cssプロパティ */
top:'-25px' /* 基準フレームからの上位置 cssプロパティ */
},
//コントローラーボタン (注意:DIV要素です。)
controller:{
display:'block',
src:'url('+url+'images/control3ForRss.png)', /* コントローラーボタンのイメージURL
cssプロパティ・背景 */
rolloverImgSrc:'url('+url+'images/control3OnForRss.png)', /* ロールオーバーされた時の
コントローラーボタンのイメージURL cssプロパティ・背景 */
left:'275px', /* 基準フレームからの左位置 cssプロパティ */
top:'163px', /* 基準フレームからの上位置 cssプロパティ */
width:'24px', /* ボタンの幅 cssプロパティ */
height:'136px', /* ボタンの高さ cssプロパティ */
cursor:'pointer' /* カーソルのスタイル cssプロパティ */
},
//リスト
list:{
//リストのサイズと位置
listSize:{
ulDisplay:'block',
liHeight_fontSize:30, /* 各リストのラインハイトです。フォントサイズは1/2で設定されます。
ホーバーの際は、1/1.8に設定されます。(注意:数値です。
現在、この値の変更により項目の戻り位置がずれるバグが確認されています。) */
ulHeight:344, /* リスト全体の高さ (注意:数値です) */
ulWidth:'258px', /* リストの幅 cssプロパティ */
left:'6px', /* リストの基準フレームからの左位置 cssプロパティ */
top:'0px' /* リストの基準フレームからの上位置 cssプロパティ */
},
li:{
borderStyle:'solid', /* 各リストのボーダースタイル cssプロパティ */
borderColor:'#f99c39', /* 各リストのボーダーカラー cssプロパティ */
backgroundImage:'url('+url+'images/listBackgroundImg.png)', /* 各リストの
背景画像URLcssプロパティ */
backgroundRepeat:'no-repeat', /* 各リストの背景画像繰り返し cssプロパティ */
backgroundPosition:'0% 0%', /* 各リストの背景画像位置 cssプロパティ */
backgroundColor:'transparent', /* 各リストの背景色 cssプロパティ */
textAlign:'left', /* 各リストの行揃え cssプロパティ */
},
a:{
paddingLeft:'5px', /* 各リストのパディング cssプロパティ */
color:'#000', /* 各リストの文字色 cssプロパティ */
fontWeight:'normal', /* 各リストのフォントウェイト cssプロパティ */
fontFamily:'"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
"MS Pゴシック", "MS PGothic", sans-serif', /* 各リストのフォントファミリー cssプロパティ */
textDecoration:'none', /* 各リストのテキスト装飾 cssプロパティ */
textShadow:'none', /* 各リストのテキストシャドウ cssプロパティ */
verticalAlign:'middle' /* 各リストの行位置 cssプロパティ */
},
hoverA:{
color:'#FFF', /* 各リストのホーバーした際のフォントカラー cssプロパティ */
fontWeight:'bold', /* 各リストのホーバーした際のフォントウェイト cssプロパティ */
backgroundColor:'#656bf0' /* 各リストのホーバーした際の背景色 cssプロパティ */
},
startAnimation:{
backgroundColor:'#eceffd', /* 開始アニメーション時の各リストの背景色 cssプロパティ */
color:'#FFF' /* 開始アニメーション時の各リストのフォントカラー cssプロパティ */
}
},
//メニュー 項目は『別のウィンドウを開く』のみです。
menu:{
ul:{
/* メニューの表示非表示は、末尾の、機能の制御設定で行ってください。 */
backgroundColor:'#FFF', /* メニューの背景色 cssプロパティ */
borderTop:'1px solid #f99c39' /* メニューのボーダートップの設定 cssプロパティ */
},
li:{
borderLeft:'1px solid #f99c39', /* メニューのボーダーレフトの設定 cssプロパティ */
borderRight:'1px solid #f99c39', /* メニューのボーダーライトの設定 cssプロパティ */
borderBottom:'1px solid #f99c39', /* メニューのボーダーボトムの設定 cssプロパティ */
height:'15px', /* メニューの高さの設定、ieの場合はautoになります。 cssプロパティ */
padding:'11px 0px 11px 8px', /* メニューのパディング cssプロパティ */
backgroundImage:'url('+url+'images/menuBackgroundImg.png)', /* メニューの
背景画像cssプロパティ */
backgroundRepeat:'no-repeat', /* メニューの背景画像繰り返し cssプロパティ */
backgroundPosition:'0% 0%', /* メニューの背景画像位置 cssプロパティ */
verticalAlign:'middle', /* メニューの行位置 cssプロパティ */
textAlign:'left', /* メニューの行ぞろえ cssプロパティ */
color:'#333', /* メニューの背景画像繰り返し cssプロパティ */
fontWeight:'normal', /* メニューのフォントウェイト cssプロパティ */
fontSize:'15px', /* メニューのフォントサイズ cssプロパティ */
fontFamily:'"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
"MS Pゴシック", "MS PGothic", sans-serif', /* メニューのフォントファミリー cssプロパティ */
textShadow:'none' /* メニューのフォントシャドウ cssプロパティ */
},
hoverLi:{
backgroundColor:'#656bf0', /* ホーバー時のメニューの背景色 cssプロパティ */
color:'#FFF', /* ホーバー時のメニューのフォントカラー cssプロパティ */
fontSize:'16px', /* ホーバー時のメニューのフォントサイズ cssプロパティ */
fontWeight:'bold' /* ホーバー時のメニューのフォントウェイト cssプロパティ */
}
},
//タイトル 注意:DIV要素です。RSSのタイトル情報が表示されます。
title:{
display:'block',
left:'55px', /* 基準フレームからの左位置 cssプロパティ */
top:'-34px', /* 基準フレームからの上位置 cssプロパティ */
width:'200px', /* 幅 cssプロパティ */
height:'28px', /* 高さ cssプロパティ */
padding:'0px 2px 0px 2px', /* パディング cssプロパティ */
backgroundColor:'#FFF', /* 背景色 cssプロパティ */
backgroundImage:'none', /* 背景画像 cssプロパティ */
backgroundRepeat:'no-repeat', /* 背景画像繰り返し cssプロパティ */
backgroundPosition:'0% 0%', /* 背景画像位置 cssプロパティ */
fontWeight:'bold', /* フォントウェイト cssプロパティ */
fontSize:'18px', /* フォントサイズ cssプロパティ */
lineHeight:'28px', /* ラインハイト cssプロパティ */
fontFamily:'"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック",
"MS PGothic", sans-serif', /* フォントファミリー cssプロパティ */
textShadow:'none', /* テキストシャドウ cssプロパティ */
textAlign:'center', /* テキスト行揃え cssプロパティ */
verticalAlign:'middle', /* テキスト行位置 cssプロパティ */
overflow:'hidden', /* オーバーフロー cssプロパティ */
border:'1px inset #FFF' /* ボーダー cssプロパティ */
},
/* 以下はデザインではなく、機能の制御になります。 */
//リスト表示内容
listContent:{
summary:true, /* trueなら抜粋を表示します。 */
summaryTitle:'抜粋:', /* 抜粋を示すタイトルです。 */
time:true, /* trueなら時刻を表示します。 */
span_img:false /* trueにすると、RSS内でbrタグ、spanタグ、imgタグが使えます。ただし、
2階層まででそれ以上重ねて用いることはできません。 */
},
//メニュー
menuOn:true, /* trueならメニューを表示します。falseなら表示しません。 */
//ドラッグ
drag:true /* trueなら本体のドラッグが可能になります。falseならドラッグができなくなります。 */
};
})();
