shutterbug

自分史上初 リッター32.5km！

–
post from iPhone :)

とうとうこの日が…(´；ω；`)

うちの会社でやっているケータイ向けクーポンサイト「antenna」で、利用促進キャンペーンを明日７月２日より行います。

１ヶ月間に何回でも、アンテナクーポンをご利用頂き、ブログやツイッターでそのお店を紹介するだけ！

で、

抽選で iPad プレゼント！

です(*´ω`)

詳しくは以下参照。

http://fit946.net/antenna/
http://www.info946.com/blogs/antenna/log/log1/eid222.html

MUSES-C / はやぶさの最後の写真、データ欠落部分を再現し24bit PNG形式にしました。

C78へはさすがに行けないからダウンロード販売もぜひやってほしいな　紙と同じ価格で構わないから(´･ω･`)

---

ここは宮崎でおこっている口蹄疫被害への義援活動をしようと袴田めら先生が
立ち上げたチャリティー同人誌の製作企画です。

本は6月から製作を開始し、8月開催のコミックマーケット７８で販売する予定です。

本の利益は全て義援金として「宮崎県社会福祉法人宮崎県共同募金会」に
送らせていただこうと考えております。
印刷費および送料のみ経費とさせていただこうと考えています。

※義援金の受け取りが７月末日までとなっているので、
　現在その後でも受け取ってもらえるのかを確認中です。

ぶっちゃけ、お肉が好きだから、現在大変な状況の宮崎の農家さんを
なんとか応援したい！…という人間がたちあげたシンプルな企画です。

参考：口蹄疫とは
ハッシュタグ：#kouteibon
togetter：kouteibonプロジェクト暫定まとめ

---

宮崎口蹄疫 義援チャリティー同人誌 製作企画 まとめサイト.

 

簡単な登録と数行の JavaScript を挿入するだけで各種ツイッター的機能をサイトに組み込む事が出来る「Twitter @Anywhere」、僕のサイトにも組み込んでみました（右のツールバー参照）。

ただ、なかなか取っつきにくいところもあるかもなので、ざっくり説明を。
※ Twitter @Anywhere ドキュメント（日本語翻訳版を参照のコト）

１．Twitter Application の登録

Twitter @Anywhere を（さらに言うとそれ以外のBot系アプリケーションなども）使用する場合には Twitter へデベロッパー登録が必要になります。
手順は以下の通り。

１．「http://dev.twitter.com/」へアクセス、ページ下部の「Start using it now」をクリック。

２．現在、Twitter へウェブ上でログインしていない場合は下図の通りログイン画面が出ます。ログイン（ブラウザ上でログインしていない場合は次の画面へ遷移します）。

３．アプリケーション登録に最低限必要となるのは「Application Name」「Application Website」「Callback URL」となります。アプリケーション名は任意の名前を、アプリケーションウェブサイトとコールバックURLは実際に Twitter @Anywhere を設置するウェブサイトのURL（サブドメインレベルまで同一である事）をそれぞれ入力してください。

４．利用規約。

５．登録が完了すると下図の通り作成した Twitter @Anywhere 用の初期化スクリプトが表示されます。適宜メモ帳などへコピペして保管しましょう（後々使い回します）。

---

２．サイトへ設置

いよいよ実際にサイトへ設置します。先ほど表示された初期化スクリプトの３行目～９行目までを設置するサイト内のヘッダ領域へコピペします。この初期化スクリプトへ、設置を希望する Twitter @Anywhere の機能を追加するのですが、

1. なぜか僕がやると「Tweet Box」がうまく動作しません(´･ω･`)（注釈１）
2. 「ホバーカード」機能に「@username の自動リンク」機能が内包されています(`･ω･´)

以上２点を踏まえ、僕は「ホバーカード」機能と「フォローボタン」機能を設置しています。

以下ヘッダ領域へ設置する初期化部分（サンプル）

---


<script src="http://platform.twitter.com/anywhere.js?id=********************&v=1"></script>
<script type="text/javascript">
　twttr.anywhere(onAnywhereLoad);
　function onAnywhereLoad(twitter) {
　　twitter.hovercards(); // ホバーカード機能の初期化
　　twitter('#follow-twitterapi').followButton("osprey74");　// フォローボタン機能の初期化
　};
</script>


---

ホバーカード機能は「 twitter.hovercards(); 」を初期化した時点で動作します。
フォローボタン機能は、初期化部分で自分のツイッターアカウントを指定（上記サンプル下線部分）し、実際にフォローボタンを設置する場所に下記タグを記述する必要があります。

---

<div id="follow-twitterapi"></div>

---

DIV タグに設定されている ID（follow-twitterapi）が、初期化スクリプトに記述されている「twitter(‘#follow-twitterapi‘)」に該当します。おそらく ID 名は変更可能です（未検証）。
DIV タグに指定されているのが Class ではなく ID であるため、１ページ内に設置できるフォローボタンは１つに限定されます。

ざっと以上の手順で、 Twitter @Anywhere の「ホバーカード機能」「フォローボタン機能」がウェブサイトに実装できます。

---

※注釈１
Rewith 様（http://rewish.org/javascript/twitter_anywhere）にて以下の様な記述を発見…　そりゃ気付かんわ(´･ω･`)

アクセス権限について
その場FollowやTweetBoxを使うには、アプリケーションのアクセス権限をRead & Writeにしなくてはなりませんが、デフォルトのアクセス権限はRead-onlyです。
しかもhttp://dev.twitter.com/appsではアクセス権限の変更が出来ないと来たもんだ！なんですかこのハマりポイント。
4月16日時点で、writeアクセスが必要な機能を使いたい場合は、http://twitter.com/appsでアクセス権限をRead & Writeに変更するのが良いと思います。
※このページからwriteアクセスな機能を使いたい場合は、http://twitter.com/settings/connectionsで一度コネクションを解除して、再認証した後に試してみて下さい。