hot_eyes 雑記帳

オフィスに掲載しない「小ネタ」を描く場所

Widgetsの構造の変化で...

最近、twitter の「使える!公式の機能」としての、Widgets (ウィジェット)

の、有効活用!のカタチを、「目に観得るカタチ」で、活かす為のページを

試行錯誤しながら、創っている

 

以下の、2つの「twitter のウィンドウ」は、widgets 機能を使った、新旧の

「リスト表示」である

 

以前(約1年前)、それの機能を使った、twitter 連携!を試みたが、如何

せん? その時点のwidgets の HTML の(複雑さの)所為?か、複数のウ

ィンドウを開ける!と、機能不全に陥ってしまうので、そのままでは使えな

い!! と思い、その作業の途中で「中止」していた... on 「地域のブログ」上

 

新しいモノと、古いモノを比べる!! と...

 

「北海道」の観光情報 o3_Tour

 

北海道 担当 @Hokkaido_eyes /Tour

 

この様に!新しい方が「観易い」し、写真などを開いたままでも、

ホワイト・アウト!しなくなっている

 

其処で、例: NEW! 北海道のページ を創ってみた

※ 同じ「カタチ」で、47都道府県の準備をススメ!ている...

HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)

新しい「ウェジェット」の、構文

<p>観光情報  o3_Tour</p>

<a class="twitter-timeline"  href="https://twitter.com/Hokkaido_eyes/o3-tour"  data-widget-id="307279869652369408">Tweets from @Hokkaido_eyes/o3-tour</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

 

古い「ウェジェット」の、構文

<p style="text-align: right;">北海道 担当 <a href="https://twitter.com/#!/hokkaido_eyes" target="_blank">@Hokkaido_eyes</a> <a href="https://twitter.com/#!/Hokkaido_eyes/o3-Tour/members" target="_blank">/Tour</a></p>

<script charset="utf-8" type="text/javascript" src="http://widgets.twimg.com/j/2/widget.js"></script>

<script type="text/javascript">// <![CDATA[

new TWTR.Widget({

  version: 2,

  type: 'list',

  rpp: 30,

  interval: 30000,

  title: '北海道 @Hokkaido_eyes',

  subject: '観光 Tour',

  width: 'auto',

  height: 400,

  theme: {

    shell: {

      background: '#1d629e',

      color: '#ffffff'

    },

    tweets: {

      background: '#ffffff',

      color: '#444444',

      links: '#1d629e'

    }

  },

  features: {

    scrollbar: true,

    loop: false,

    live: true,

    behavior: 'all'

  }

}).render().setList('Hokkaido_eyes', 'o3-Tour').start();

// ]]></script>

 

「ウィンドウ枠」の色を変える!などの機能は付いていたので、

少し、手を加えているが、構文が長いし、イチバンの問題!! は、ホワイト・

アウト!(≒ 色んな分野を見ていると、途中で、ウィンドウ内が白くなる!?)

するのは、頂け無かった...