PSO2公式 RSS
    --------(--)

    スポンサーサイト

    上記の広告は1ヶ月以上更新のないブログに表示されています。
    新しい記事を書く事で広告が消せます。
    2015-11-13(Fri)

    RSS Reader 導入してみた

    こんにちは、pso2esで44回スクラッチまわしたのに何も出なかったsaltです。

    せっかくメダルためたのに、☆11が一枚しか出ないとか・・・
    聞いた話によると、acスクラッチでも確率は変わってないんだとか・・・
    それ聞くと、acのほうはもっとやりたくないですよね。

    とまあ、スクラッチに対する愚痴はこのぐらいにしておいて
    このブログのある部分が変わったの気づきましたかね。

    そう!!
    RSS Reader導入しました。

    すごい、いまさら感です。

    RSS Readerとは・・・
     「RSSリーダーとは、Webサイトを巡回してRSS/Atom形式の更新情報を受信し、リンク一覧の形で表示するソフトウェア。(IT用語辞典 e-Wordsより)」
    だそうです。

    つまり、よくみるサイトの最近の更新情報がそのページにいかなくても分かるってことですね。

    んで、私もついにそんなRSS Readerを導入したんですよ。

    今まで導入しなかったのは、
    ブログに置いておく必要のある更新情報がなかったわけでして。

    では、どうして導入しようと思ったのかというと・・・


    チームブログの方で少し動きがありまして、
    そっちのブログのほうで私のブログのRSSを入れようかなと思ったのが発端です。


    チームブログのほうのRSS Readerは、
     FeedWind を使って作成しました。

     ・貼るだけで使える無料ブログパーツ!(登録不要)
     ・広告なし!
     ・スクロール機能や、テンプレートでらくらく!

    結構楽に作ることができました。
    RSSのリンクを貼り付けて、項目を選ぶだけですからね。


    だだ、作ってみて思ったのですが、
    確かに、カスタマイズはそこそこできるのですが、
    日付の位置やオートリシェイプでのサイズ変更とか細かい部分はさすがにできなかったです。

    これが嫌だったので、
    このブログ内に、RSS Readerを自分で作ることにしました!!

    という流れです。


    ここから本題
    ではどうやって作ろうかなと思ってぐぐったところ、
    なかなかいいブログがあるではないですか!

    Google Feed APIを使って外部ブログのRSSを表示する方法

    ※2015/12/02 現在:
    Google Feed API は使用不可になりましたのでご注意を!!


    タイトルのとおり、Google Feed APIを使用してRSSを表示します。
    これを利用させてもらいました。

    作成順は、

     1.javascriptのソースコード書く
       ↓
     2.htmlに必要なコードを書く
       ↓
     3.cssを好みに合わせて変更する

    こんな感じです。

    1.javascriptのソースコードを書く
    javascriptのソースコードは省略します。
    大本はそのままですからね。

    2.htmlに必要なコードを書く
    RSS Readerを入れたい場所に埋め込みます。


    PSO2公式 RSS







      あと、作成したjavascriptも忘れずに置きます。
      場所は headタグ の中に入れます。
      追記:最近では表示速度の関係からbodyの最下部に配置するのが一般的でしたね。


      3.cssを好みに合わせて変更する
      ここは、人によって違いますが、
      一応、私の設定を載せておきます

      /* Start RSS Reader Layout */
      div#rssreader{
      margin-right: 30px;
      margin-left: 30px;
      margin-top: 30px;
      margin-bottom: 30px;
      height: 200px;
      width: auto;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-bottom-style: solid;
      border-left-style: solid;
      border-bottom-color: #f5deb3;
      border-left-color: #f5deb3;
      }

      div#rssreader .rssheader{
      height: 20px;
      text-align: left;
      color: #CC6600;
      background-color: #fffacd;
      border-width: 1px;
      border-style: solid;
      border-color: #f5deb3;
      }

      div#rssreader .rsscontent{
      height: calc(100% - 20px);
      width: auto;
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: auto;
      }

      .rsscontent ul li{
      margin-top: 5px;
      margin-bottom: 5px;
      margin-right: 1px;
      text-align: left;
      }
      /* End RSS Reader Layout */


      今は、一つのRSSしか入れてないですが、
      ボタン切り替えで複数実装するのもありですね。

      それについては今後の私のやる気しだいです・・・

      では今回はこの辺でノシ~
       
      スポンサーサイト

      コメントの投稿

      管理者にだけ表示を許可する

      コメント

      プロフィール

      Author:salt
      saltの自由なブログへようこそ!
      週一ぐらい?で更新してます。

      ・好きなこと
         ゲーム
         アニメ鑑賞(ゼロ魔とか

      ・好きなゲーム
         太鼓の達人
         ドラゴンクエスト(Ⅹ以外は好き
         イース
         軌跡シリーズ
         etc...


      PSO2もやってます。プレイヤー名はSALT40(SALT400)です。
      シップは8です。
      よかったらフレ登録してね。

      PSO2関連のコメントあればうれしいです。
      PSN:saltp40

      カテゴリ
      最新記事
      最新コメント
      月別アーカイブ
      検索フォーム
      リンク
      スポンサーサイト
      上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。