F# lab.

Twitterユーザータイムライン表示パーツ
Little Tritone (horizontal)

自分のツイート（ユーザータイムライン）を、自分のブログやサイトに表示させたい人向けのパーツです。 横長版は通常版と異なり、横幅が決まっていません（縦幅は固定）。 外側の要素の横幅にピッタリ収まります。 ただ、バランス的に、640〜700ピクセル程度のところに設置するのがオススメです。

設置手順は、基本的にJavaScriptのコードを任意の場所にコピペするだけです。 「設置方法」欄のフォームで自分専用のコードを作り、それをコピーしてブログやページの適当な場所に貼り付けてください。

なお、この方法の場合、スクリプト本体はStudio F#のサーバから読み込む形になりますので、サーバの混雑状況によっては稀にツイートの表示が遅くなることがあります。 遅延が気になる方や、より自分好みにカスタマイズしたい方はLittle Tritoneの詳細のページを参照してください。

設置する際はTwitter APIの制限（取得はアカウントとIPアドレスの組み合わせごとに１時間あたり70回まで）にひっかからないよう注意して作業してください。 具体的には、完成しているページか、完成間際まで作り込んだページに、最後のひと味という感じで取り付けるのが良いと思います。

Twitter API 1.0の停止により、2013/3/5以降は動作しません。ご了承ください。

◆設置方法

on Twitter
10時間9分前
こんな感じでツイートが表示されます。
※これは配色確認用のサンプルです。

下のフォームを使って自分専用のコードを作り、それを任意の場所に貼り付けてください（入力された情報はどこにも送信されません） 。

  1. まず、自分のスクリーンネームを入れてください（例：h_fujikawa）。
  2. 続いて背景の色と好みの背景色を選びます（右の見本で配色を確認できます）。
    背景：
    配色：
  3. 配色が決まったら、次の「コードを作る」ボタンをクリックします。
  4. ボタンをクリックすると下の欄にコードが生成されます。生成された内容をコピーし、自分のブログやページの適当な場所に貼り付けてください。
  5. 作業が終わったら、貼り付けたページの表示確認を行います。きちんと表示されていれば成功です。 失敗した場合は、次のことを確かめてください：
    • スクリーンネームは間違っていませんか？　半角英数字で正しく入力してください。
    • コードは全部コピーできていますか？
    • （ブログで使う場合）独自のJavaScriptを使用できるブログサービスを利用していますか？　また、記事投稿欄に貼り付けていませんか？
  6. うまくできたら、とりあえず完了です。 お疲れさまでした！
[ トップページ - 通常版 - Little Tritoneの詳細 ]