RSSブックマークアプリ、配布用プログラム販売

プログラムの説明

RSSブックマークアプリは、ウェブサイト等に設置したリンクボタンをユーザーにブックマークしてもらうだけで、ご提供中のRSSをどのサイトからでも閲覧することができるようにするWEBアプリです。参考ページで、お好きなRSSを登録して、利用してみて下さい。このページで取得できるRSSブックマークアプリをご提供中のRSS用にデザイン・機能をカスタマイズして、ご自身のサーバーから提供することができます。
ご提供中のＲＳＳをＲＳＳリーダーをインストールしていないユーザーにも簡単に利用してもらうことができます。リンクボタンをブックマークするだけで利用できるので、RSSを知らないユーザーに対してもRSSの利用を広げていくことができます。『新着情報提供中、このボタンを右クリック（又はドラッグ）してブックマークしてください。』とだけ宣伝すればよいのです。
さらに、デザインのカスタマイズがほぼ完全に自由なので、RSSを通して自身のサイトやブログを効果的に宣伝することができます。デザインを洗練化すれば、御社のブランドアイテムにもなります。逐次、RSSやデザイン内に広告を埋め込めば、関心の高いユーザーと直接繋がることのできる広告媒体にもなります※。
デザイン・機能のカスタマイズ性が高いことから、ウェブサイト内に固定して、メニューや新着情報欄としてご利用いただくこともできます。
以上、一言でいえば、ブックマーク（お気に入り）で配布できる新着情報付きのブランドアイテム（チラシ）としてご活用頂けます。

※RSSの内容は、すぐに更新されエンドユーザーに配信されます。ただ、ブラウザの設定により、ソースコードやイメージデータは、キャッシュされて温存される場合があります。IEでは、ソースコードとイメージデータがキャッシュされ、クロームではイメージデータがキャッシュされる傾向があります。

仕様概略

ファイルサイズと言語：
rssbookmarkapp.zipを解凍すると、

rssbookmarkappフォルダ
	－imagesフォルダ
	rssbookmarkapp.phpファイル
	rssbookmarkapp.jsファイル

rssbookmarkappフォルダの中に、imagesフォルダ、rssbookmarkapp.phpファイル（３KB）、rssbookmarkapp.jsファイル（６９KB）が入っています。
つまり、使用する言語は、phpとjavascriptとなります。

Javascriptで利用するグローバルな名称：

本プログラムは、以下の変数をグローバルに定義します。
lttData
lttSetting
また、DOMに以下のid名とclass名を利用します。
id: lttFrame
id: lttLink\d+
class: lttScriptTagForRss
class: lttA
class: lttLi

デザイン・機能のカスタマイズ:

rssbookmarkapp.jsの先頭に記載されたlttSettingオブジェクトのプロパティを変更して、デザイン・機能のカスタマイズを行います。（lttSettingオブジェクトのプロパティ以外の変更は、許可されていません。バグの発生原因となりますので、ご遠慮下さい。）各エレメント単位で表示・非表示から多様なデザインのカスタマイズまで行うことができます。lttSettingオブジェクトのコードを末尾に掲載しておりますので、変更可能な設定をご確認下さい。初期設定は、参考ページのものとなっております。

使用方法

ファイルの配置と設定：
１．rssbookmarkapp.zipを解凍して、そのままサーバーに設置してください。
２．rssbookmarkapp.jsファイルの先頭に記載されたlttSettingオブジェクトの冒頭の変数urlに、設置したrssbookmarkappフォルダ内への絶対urlを記入してください。最後に/を付けて下さい。注意：絶対URLを記入するまでプログラムはご利用いただけません。（末尾のコード参照）
３．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="長谷部">
<img src="../images/linktracktoolforRSSButton.png" width="202" height="40" border="0" 
alt="長谷部" title="③長谷部"></a>

実際にリンクボタンを設置する際には、上記の例を援用してご利用下さい。主に、赤文字の部分を置き換えて設置します。
①のURLに、自身が設置したrssbookmarkapp.jsの絶対URLを記載します。
②のURLに、利用したいRSSの絶対URLを記載します。
③の画像titleに、ブックマークのタイトルにしたい言葉を記載します。
注意：コピペする場合には、href属性内のURLに改行が含まれていないかをよくご確認ください。

ご利用料金

１ドメイン、又はサブドメインがある場合には１サブドメインにつき、
又はコンテンツの作成・管理者の異なるフォルダ（ブログ等）がある場合には１フォルダにつき、
又はコンテンツの作成・管理者の異なるURL群（ブログ等）がある場合には１URL群につき、
RSSを３URLまで利用することができるとし、
サイト（ドメイン、サブドメイン、フォルダ又はURL群[※１]、以下同じ）の運営者[※２]の種別により、
１サイトについて、
個人　1,500円
法人　30,000円
従業員(アルバイト等含む)50人以上の法人　70,000円／年間
従業員(アルバイト等含む)100人以上の法人　1,40,000円／年間
従業員(アルバイト等含む)200人以上の法人　2,80,000円／年間
となります。
従業員50人以上の法人については、年間契約となります。継続してご利用になる場合には、
初回入金日の翌年同日以前に、翌年分のご利用料金をお支払い下さい。
更新ソフトの配布は致しておりません。更新したソフトの利用には、新規お申し込みが必要となります。
なお、領収書をご希望の場合には、題名を『領収書希望・（氏名又は法人名）』としてメールをご送信ください。

※１：ドメインやＵＲＬのように形式に基づくのではなく、エンドユーザーからの視点に基づき、実質的なコンテンツのまとまりを１サイトとして下さい。
※２：原則として、本ツールを使用することで直接的に受益する主体を運営者とします。
例えば、無料ブログサイト運営者様がユーザーのブログに本ツールを導入したい場合は、無料ブログサイト運営者様が『運営者』となります。
無料ブログサイト内のブログ作成者様が単独で本ツールを導入したい場合は、ブログ作成者様が『運営者』となります。
ＨＰ製作代行会社様が、受注企業様のＨＰに本ツールを導入したい場合は、受注企業様が『運営者』となります。

料金等にご不明な点がある場合、また大規模サイトを運営しているお客様でご質問等がある場合には、お気軽にご連絡下さい。

申込方法

メールタイトルを『申込・（氏名又は法人名）』とし、
１．使用するドメイン、サブドメイン、又はフォルダ・URL群を特定するURL
２．RSSを３URLより多く使用する場合には、使用する全URL数
３．氏名(法人名、担当者名)
４．サイト運営者の種別（上記参照）
５．住所
６．電話番号
７．Ｅメール
運営者と申込者が異なる場合は、別途、申込者ご自身についても３、５～７をご記載ください。
上記項目を記載してreceipt[a]japanesegoods.jp（[a]を＠に変更して送信してください。スパム対策です。）までご連絡の下さい。
２営業日以内に銀行口座（東京三菱銀行）とご請求金額をご返信します。
ご入金（３営業日以内にご入金ください）確認後、２営業日以内にrssbookmarkapp.zipファイルとテキストファイルの領収書を添付してご返信いたします。

申込内容に変更等があった場合

上記、申込内容に変更等ありましたら、題名を『変更・（氏名又は法人名）』としてメールで通知して下さい。
特に返信をしない場合があります。予めご了承下さい。

追加申し込み方法

追加のサイトで利用する場合には、追加の１サイトごとに、
又は３URLを超えてRSSを利用する場合には、追加の３URLごとに、
追加料金とお申し込み手続きが必要になります。
追加のサイト又はRSS使用開始後２営業日以内に、
メールタイトルを『追加・（氏名又は法人名）』とし、
１．追加するドメイン、サブドメイン、又はフォルダ・URL群を特定するURL
２．RSSのURLを追加する場合には、追加されるサイトと追加するURL数
３．氏名(法人名、担当者名)
４．サイト運営者の種別（上記参照）
５．住所
６．電話番号
７．Ｅメール
運営者と申込者が異なる場合は、別途、申込者ご自身についても３、５～７をご記載ください。
上記項目を記載してreceipt[a]japanesegoods.jp（[a]を＠に変更して送信してください。スパム対策です。）までご連絡の上、
初回に通知した銀行口座まで、 ３営業日以内に料金をご入金ください。
なお、領収書をご希望の場合には、『領収書希望』とメールタイトルに付記して下さい。
添付テキストファイルの領収書をご返信致します。それ以外の場合、特に返信を致しません。予めご了承下さい。

個人情報保護方針

１．ご提供するプログラム内に、弊社が情報を収集するためのプログラムは、一切の組み込まれておりません。
２．お申し込み等でご連絡頂いた個人情報を、第三者へ提供することはありません。

申込前の注意事項

本プログラムは、最新の主要ブラウザで利用できるよう最大限の努力を致しております。ご使用のie,firefox,chrome,safari,operaで参考ページのアプリを試してみて下さい。おそらく、ほぼ全ての直近のバージョンでご利用頂けることと思います。
しかしながら、ウェブサイト、サーバー、ブラウザ、OS、パソコンによりましては、本プログラムをご利用いただけない場合もございます。そのため、お申し込み前にご使用環境におきまして、参考ページのアプリで十分に試用してみて、納得頂きましてからお申し込み下さい。
初回にご利用になる方は、まず１サイト３URLからのお申し込みをお勧めいたします。

返金について

プログラムの配布という性質上、ご返金は致しておりません。お申し込み前の十分なご試用をよろしくお願い致します。

バグについて

バグの修正は、徹底して行ってきました。今後も引き続き徹底していきたいと考えております。
バグが発生した場合、せひご報告ください。タイトルを『バグ・（氏名又は法人名）』とし、
１．バグの内容
２．ウェブサイト
３．ブラウザの種類・バージョン
４．パソコンの性能
５．OS・サーバー
６．氏名又は法人名、ご利用中のサイトURL、電話番号、Ｅメール（任意）
等をできる限り詳しく記載してreceipt[a]japanesegoods.jp（[a]を＠に変更して送信してください。スパム対策です。）までご連絡下さい。
バグの種類にもよりますが、原則、修正版の個別配布等は行っておりません。
また、ご返信のできない場合もございます。予めご了承下さい。

著作権について

本プログラム等（弊社が提供する一切の著作物、以下同じ）の著作権は瀬端合同会社が保持しています。
本プログラム等の改変・再配布(二次配布)等は禁止されています。
個別修正、特記事項：
rssbookmarkapp.js内のプログラムは、lttSettingオブジェクトのプロパティ以外は修正（及び消去）を禁止させて頂きます。
また、同ファイル内の冒頭の著作権表示、メモの消去(及び修正)も禁止させて頂きます。
rssbookmarkapp.php内のプログラムは、ご自由に修正下さい。
imagesフォルダ内の画像の修正は、原則許可いたします。ただし、弊社の商号を改変する、又は信用を毀損する形での修正や使用は、禁止させて頂きます。

免責について

本プログラムを利用して発生した障害や損害に対して、弊社及び著作者はいかなる責任も負わないものとします。

本ページのバックアップページ

２０１１年８月１日～現在

カスタマイズ用のコード

以下のコードが、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, /* 上記説明を参照　数値 */
            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 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 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 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タグが使えます。ただし、
            ２階層まででそれ以上重ねて用いることはできません。 */
        },
        //メニュー
        menuOn:true, /* trueならメニューを表示します。falseなら表示しません。 */
        //ドラッグ
        drag:true /* trueなら本体のドラッグが可能になります。falseならドラッグができなくなります。 */
    };
})();