Tag Archives: Twitter

【Vim】TweetVim で文字数を Powerline に載せる

by

TweetVim でツイートするとき文字数をカウントしてくれるプラグイン for Powerline があります。

vim-powerline に TweetVim の『入力可能文字数』を表示する – C++でゲームプログラミング
http://d.hatena.ne.jp/osyo-manga/20120201/1328022568

120319-0002.png

例の通り、残り文字数が表示されるので便利です。

このプラグインが Powerline 最新版で使えなかったので直してみました。（pull request 済）

delphinus35/TweetVim-powerline-theme
https://github.com/delphinus35/TweetVim-powerline-theme

Powerline の develop ブランチをクローンして上書きした上で、.vimrc に次の設定を追加し、:PowerlineClearCache して再起動すると有効になります。

let g:Powerline_theme='default_with_tweetvim'
let g:Powerline_colorscheme='default_with_tweetvim'

公式 Tweet Button は HTML5 用？

by

ページを構成する HTML の正当性を検査してくれるサービスとしては W3C Markup Validation Service が便利だ。

The W3C Markup Validation Service
http://validator.w3.org/

以前このサイトは XHTML 1.0 で構築し、W3C Validation Service でも確認をとっていたのだが、「【MovableType】Twitter のつぶやきをサイドバーに表示する」で紹介した Tweet Button を設置したあたりからおかしくなった。原因はコードに出てくる data-xxxx 属性だ。

Continue reading →

【MovableType】Twitter のつぶやきをサイドバーに表示する

by

Twitter のログをブログに表示してみた記録。基本的には簡単。ジェネレータで生成した HTML を貼り付けるだけだ。

[Movable Type] Twitterウィジェットをサイドバーに追加してみた – No Second Life
http://www.ttcbn.net/no_second_life/2009/02/movable-type-twitter.html

だけどそのままでは味も素っ気もない。読み込みが終わるまで空欄のままだし、表示も白黒になってしまう。ある程度整形して表示するようにしてみた。

Continue reading →

【MovableType】Twitter につぶやくボタンを各記事に設置する

by

アカウントをとったまま放置していた Twitter を使ってみることにした。ちょうどうまいことに公式の“Tweet Button”なるものが発表されて話題になっているところだったので、ついでにこのブログにも設置してみた。こんな感じ。ITmedia の記事に“Twitter Button”なんて書かれてたからそれ採用したけど、よく見たら“Tweet Button”だね。ｶｺﾜﾙｲので修正しました。

2010-08-13_131026.png

Twitter / ツイートボタン
http://twitter.com/goodies/tweetbutton

このサイトで作成した HTML タグを MT のテンプレートに貼ればいい……のだが、そう簡単ではない。各記事のテンプレートに貼るだけならば次のようなソースで足る1。

<a href="http://twitter.com/share" class="twitter-share-button"
    data-count="none" data-via="delphinus35" data-lang="ja">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

これはクリックしたページのタイトルと URL を Tweet してくれるボタンを生成する。つまり、トップページやアーカイブページ等、複数の記事が載るページでは細工が必要だ。

と言う訳で、このサイトで使っている MT 用のテーマ“mt.Vicuna”に Tweet Button を設置した経過を書いておく。

Continue reading →