| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
|---|
| 2 | "http://www.w3.org/TR/html4/loose.dtd"> |
|---|
| 3 | <html> |
|---|
| 4 | <head> |
|---|
| 5 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
|---|
| 6 | <title>twicli - web browser base Twitter light-weight client</title> |
|---|
| 7 | </head> |
|---|
| 8 | <body style="background-color: #666;"> |
|---|
| 9 | <div style="width: 800px; padding: 20px; border: 1px solid #333; margin: auto; background-color: #fff; font-size: small"> |
|---|
| 10 | <img src="screenshot.png" align="right"> |
|---|
| 11 | <h3>twicliとは</h3> |
|---|
| 12 | twicliはWebブラウザーベースの軽いTwitterクライアントです。 |
|---|
| 13 | <ul> |
|---|
| 14 | <li>Webブラウザ上で動くので、インストール不要です。 |
|---|
| 15 | <li>タイムラインを随時、自動的に取得してアニメーション表示していきます。 |
|---|
| 16 | <li>専用サーバなどは介さず、クロスドメインJavaScriptで直接Twitterにアクセスします。 |
|---|
| 17 | </ul> |
|---|
| 18 | |
|---|
| 19 | ネットカフェで他事しながらTwitterを眺めたいときなどに便利かも。<br> |
|---|
| 20 | 今のところFirefox, Safari, Operaで動いています。<br> |
|---|
| 21 | iPod touch/iPhoneのMobileSafariでも動くみたいです。<br> |
|---|
| 22 | <small>(IEだと他ドメインのスクリプトに送られるCookieが何か変でNG…。)</small> |
|---|
| 23 | |
|---|
| 24 | <h3>使い方</h3> |
|---|
| 25 | コンパクトさ重視、というか低機能です。 |
|---|
| 26 | <ul> |
|---|
| 27 | <li><a href="http://twitter.com/">Twitter</a>にログインしておく(「次回から入力を省略」ON推奨) |
|---|
| 28 | <li>下記リンク(bookmarklet)をクリック、またはブックマークに登録して選択すると、別窓で起動します。 |
|---|
| 29 | <li>twit一覧はホイールでスクロール(最大200件) |
|---|
| 30 | <li>twit本文をクリックすると@〜を自動入力。また@〜を消さない場合、発言の返信先を設定します。 |
|---|
| 31 | <li>「☞」をクリックすると、返信先を次々と辿っていくことができます。一覧に無い場合も返信先をオーバーレイ表示します。 |
|---|
| 32 | <li>アカウント名をクリックすると本家のユーザページへジャンプ |
|---|
| 33 | <li>最上部のフィールドにテキストを入力してenterキーで発言 |
|---|
| 34 | <li>twit右の☆をクリックするとfav追加。★を再度クリックでfav解除。 |
|---|
| 35 | <li>初回の発言やfav時に認証を求められた場合は、Twitterのアカウント/パスワードを入力してください。 |
|---|
| 36 | </ul> |
|---|
| 37 | |
|---|
| 38 | <div style="margin-left: 100px; padding: 10px; text-align: center; color: #00f; background-color: #cfc; border: 2px solid #393; width: 200px; font-size: large;"><a href="javascript:void(window.open('http://www.geocities.jp/twicli/twicli.html', 'twicli', 'width=280,height=600,menubar=no,toolbar=no,scrollbars=no,location=no,status=no'))">twicli</a></div> |
|---|
| 39 | |
|---|
| 40 | <h3>ソース</h3> |
|---|
| 41 | <a href="twicli.html">twicli.html</a>が全てです。HTML+CSS+JavaScriptで200行ちょっと。だがきちゃない。 |
|---|
| 42 | <br>改造などはご自由に。CodeReposにも上げておきます。 |
|---|
| 43 | |
|---|
| 44 | <br><br><br> |
|---|
| 45 | </body> |
|---|
| 46 | </html> |
|---|