2015/04/12

ヘブンの写メ日記を内容&写真付きの最新3件のRSSにする事を試みるTIPS

お役に立つかわからないけども。。

今回はヘブンの写メ日記を最新3件だけ
内容&写真付きのRSSにする事を試みるTIPS。

PCのブラウザがあれば、漫画喫茶でもできますよ。
(pipesだけはPCブラウザないと無理です。)

画像はクリックすると、大きいのが観れます。


何が便利かというと・・
シティーヘブンの日記を更新して、ツイッター連携しても、
画像までは添付してくれない。
画像添付したいときは自分で画像添付してツイートになる・・
RSS情報(画像付き)があれば
外部サービス使えば簡単にできるのです。

他の更新サービスに登録できたり、
外部Blog用の更新サイトにも登録できちゃう!!
便利ですよね。




もっと弄りたい人は・・
あまり英語やネットやHTMLタグに詳しくない人にはわからないかもしれない。

ただし・・・今回は私が作ったpipesをコピーして・・
自分のURL入れるだけで、簡単に完成するように作ってあります。


必要なもの
  1. yahoo.comのID(日本のyahooじゃないID)
    http://yahoo.com/
  2. feedbunnerのID(gmail持っていれば連携だけでOK)
    https://feedburner.google.com/
  3. シティーヘブンのPC版プロフィールURL
    http://www.cityheaven.net/t/silkroad/A6GirlDetailProfile/?girlId=4939372

こういう形式です。
先頭の方にwwwが入っていないのはPC版ではありません。
末尾は自分のIDの数字で終わるようにしてください。

これだけ。両方無料です。

RSSに変換するには・・・

Yahoo! pipesを使います。
IDは自分で作ってください^^;



1★アメリカYahoo!のIDを作ってログインして、
ここのページを開きます。




2★ページが開いたら
このページの・・・
Cloneをクリックすると、自分のpipeにコピーされます。


3★同じようなページが開きますが・・タイトル末尾にcopyと入ります。
ここでEdit Sourceをクリックします。





4★これがpipesです。
 一番上にある2つに・・
左側にヘブンのID、
右側は年の情報です(ヘブンの日記は年情報がありません。。)
これを自分のURLと今年の年に書き換えます。。
ここの2つね。
2015の後のスラッシュを入れておいてください。






5★左上のLayoutをクリックすると、
重なってるのが開きます。

開いて下までスクロールします。
スクロールしたら、
一番下のPipe Outpudをクリックしてオレンジ色にすると・・
下のグレーのエリアに最新3件の日記のタイトルが出てきます。
これが出て来ればほぼ完成!





6★下のグレーのエリアは
実行結果が観れるDebugger(デバッガー)というものです。
真ん中をクリックしてドラッグすると広げられます。
タイトルの左側の三角をクリックすると、
隠れている結果が開けます。
このように画像付きで本文も出てきたら、
pipesはほぼ完成です!




7★保存します。
↑ではSaveがグレーになってますが、
Saveしてください。





8★My pipesの画面になります。

ここで水色のpiesのタイトルをクリック。





9★この画面が重要です。
Get as RSSのリンク先があなたの写メ日記のRSSのURLになります。
ほぼ完成ですが、URLが変わってもいいように、
Feedbunnerというサービスに登録しましょう。
LIstをクリックすると、3件出てくるのも確認してくださいね!
タイトルクリックすると、黄色くなって編集できます!
自分のタイトルに編集してくださいね。






10★feedbunnerにIDを作った後からの説明になります。

日本語になっていればここが同じようになりますが、
なっていない場合、言語から日本語を選んで日本語表示にしましょう。





11★さっきのRSSのURLをコピーして、
ここに入力して、次へ>>
エラーになった場合は、もう一回戻ってやり直してください。





12★ここにタイトルなどを入力します。
pipesで直し方がわからない人も、ここで入力すると上書きされます。
これはこのサービスでの一覧の名前なので
わかるように入れましょう!(後で変更可能)
アドレスは自分のFeedの固定URLになります。
好きな文字に書き換えましょう。
短い方が覚えやすいと思います。
(空いていれば変更できますが、一回使ったものは再利用不可です)
アドレスは日本語使えません。
英数字と半角ハイフンは使えます。






13★できたかな?
あなたのURLが完成!
次へ>>
ここの2つチェックいれると、購読数とか分かったり、
もっとカスタマイズ出来るようになります。
次へ>>







14★これで9割完成!!

フィードマーク
クリックすると、別窓で、HTML表示でも確認できます!

この紫のタイトルはpipesので最後に修正したものになります。
もし、この画像と同じような状態なら・・・
9★の所を見て、もう一度治しましょう。

気に入らない人もここで直しましょう。





15★完成!!
Feedbunnerは日本語なので
あとは自分で直しましょう・・・
ここから細かい設定も可能です。
自分のロゴとかに変えたりできます。

おすすめ設定は・・・
これだけは最低有効にしておくことをおすすめします!

他には更新されたら、メルマガになるとか・・
いろんな機能があります。
是非是非使い倒してみてください。






16★タイトルとか修正したり、更新したのに、直らない場合・・・

問題がどこにあるか把握する。

ヘブンのページが更新されて
pipesが読みに行って
Feedbunnerで表示させてます。

pipesの場合、古い記事から新しい記事になるには
そんなに時間かからないはず。
(My pipes のリストや、Editでデバッガー開いて新しい記事にになれば問題ないです)
Feedbunnerの方が問題になるかもしれないです。
Feedbunnerは15分に1回更新されます。
手動で更新したい場合・・・

ページ一番下のリンク
Ping
をクリック。
これ目立たないですよね・・・



このページに、自分のURLを入れます。

Pingを送信すると・・・


こうなると、新しい情報をpipesに読みに行ってくれます。
この成功ページのURLをブックマークしておくと、
いちいち入力しなくても、ページを開くだけで更新かけれます。


あと、どうしても、不可抗力なのが・・
ヘブン側でデザインやタグなどが変わってしまった場合です。
この場合・・・
pipesを弄らなくてはなりません。
ヘブン側で変更があった場合は、
pipesにも表示されなくなります。
ここで原因がどこにあるかわかります。
連絡もらえたら直すように試みます。
(私はレンタルサーバーを借りていて、
自分でプログラム組んで他の情報から取得しているので、
pipesは使ってないのです・・・)
HTMLのコーディングができる人で、
正規表現とXpathが理解できたら、
なんとかご自身で修正できると思います。


わからない事があればTwitterで質問どうぞ♪



次回は
案その1
ヘブンの更新ツイート(画像本文一部付き)をする

案その2
外部Blog持ってる子が、今回作ったフィードと一緒にして、
Blog更新サイトに一緒に登録!!
(ヘブンやってなくてもBlog2個ある人にもオススメ。)

って話を時間があれば書きます。

↓続き更新しました↓
ヘブン写メ日記を写真付きでTwitterに自動ツイートする方法(スマホ版)
http://botf.si77.com/2015/07/blog-post_31.html

0 件のコメント:

コメントを投稿