2010年8月 9日

#105iCab Mobile のツイッターモジュール。ツイート書式を変更してみるの巻

  • 更新 2010年9月14日 18:14
  • 投稿 2010年8月 9日 04:59

iPhone&iPad > ソフトウェア

いつもツイッター・ブログで有益な情報を教えてくださるRANさんから、グレートなアプリの情報をゲット。 iCab Mobileを早速ポチ♪

このアプリがどのくらい素晴らしいかは、RANさんのブログを見ていただくとして...
文末に
「是非、Twitter用の投稿モジュールで「タイトル+URL」を自動で呟けるのを何方か作って下さい!。」
と期待度満点のメッセージが。

やりましょう。(笑)

とりあえず、モジュールの構造が良くわからないので、サンプルを作ってみる。
JavaScriptで認証する仕組みが良くわからないので、公式サイトへクエリで渡すやり方で試しました。
→ 一応成功...
とりあえず、モジュールの配布方法と、なんとなくですが文法を理解しました。

ひとまず、ツイッター用のアドオンモジュールを落としてみました。
ふむふむ。アラートプロンプトのボックスに入力する感じなんですね。テキストボックスが短いから見辛い... iPadなら長いのかな?

前述の通り、独自のモジュール作成は能力的にムリなので、オリジナルのモジュールをカスタマイズすることにします。

<お断り>
※本カスタマイズはご自身でファイルアップロードができるホスティングスペースが必要です。
また、本作業により発生した障害等には当方は責任を負いかねます。自己責任においてカスタマイズを行ってください。
※改定したものを配布するのは著作権的に問題があるので、私的利用の範囲で。
手順のみを明記させていただきます。

(1)まずはオリジナルのモジュールをダウンロード
ソースをテキストファイルに保存します。
ファイル名はオリジナルのモジュールとバッティングするとマズイので、「TwitterCUSTOM.icabmodule」など、適当な名前を付けて、utf-8形式で保存します。
※IEで直接保存すると上手く行かないので、テキストエディタ等に貼り付けてから保存してください。
また、Unicodeサイン(BOM)は不要です。

(2)書式を考えます。
※ここでは、例として、私が好んで使っている書式をご紹介します。各々好みの書式に変更してください。

デフォルト設定だと、

I've found this... http://bit...xxxxxx
の書式となり、カーソル位置は短縮URLの最後に来ます。

設定で「Default message」を空にすると、

こちらも同様に短縮URLの最後にカーソルが来ます。

...ということで、カーソル位置は不変なので、それを踏まえた書式に決定。

[JavaScript,CSS風]
タイトル http://bit.ly/...xxxxxx /* コメント */

[C++,Java風]
タイトル http://bit.ly/...xxxxxx // コメント

どちらでも良いけど、カーソル位置を変えずに対応できるのは、後者の方ですね♪

(3)それでは実際にソースを変更します。
タイトル用の変数を追加します。
14行目の前に

を追加します。

[例]

98行目の前に以下の構文を追加します。

[例]

99行目

に変更します。

最後に、オリジナルモジュールと区別をするため、2~4行目のプロパティをそれぞれ任意の値に変更してください。

各プロパティの詳細はModules for iCab Mobile 日本語@ウィキ - モジュールの概要と開発参照のこと。

[例]

※iconは独自で用意するとアドオン呼び出しの際に判別がし易いです。

以上で、モジュールの修正完了です。

(4)続いて、iCab Mobileからカスタムモジュールをダウンロードできるよう環境を設定します。
モジュールダウンロード用htmlファイルtest.htmlを参考にしてください。

12行目の

ドメイン名とフォルダ名の箇所を適当な文字列に変更して、カスタムモジュールと共にfrpアップロードしてください。

iCabMobileから、項番4のモジュールダウンロード用htmlファイルにアクセスしてください。
続いて、「Download The Module」リンクをクリックしてください。


上記のように表示されたらモジュールの組み込みは成功です。

(6)設定の「Modules」から、"TwitterCUSTOM"にチェックを入れてください。

(7)「TwitterCUSTOM」にツイッターのアカウント情報を登録してください。

以上で、全ての作業が完了です。

さぁ、適当なページを開いて、つぶやいてみましょう♪

追伸、幾つか書式を用意しておいて、それをモジュール別に組み込めば便利だと思います♪
なお、書式変更は随時可能です。モジュールアップロード後は、都度、項番5の手順を実施してください。

トラックバック

この記事のトラックバックURL:

コルトさん有難う~。アイコンも作ったよ。

『超おむすび』-2010年8月 9日 08:02

コメント

コメントはありません。

コメントの投稿はこちらから

Sparkling Smile Shy Smile Happy Confident Lovely Bleah Think Gawk Bearing Wobbly Weep Pout Shock
Despair Sad Cat Heart Good
Powered by MT Smileys

コメント(スタイル用のHTMLタグを使えます)

リアルタイムコメントプレビュー(絵文字は表示されません)

ご利用のブラウザ、設定ではコメントのリアルタイムプレビューはご利用になれません。

このページのトップへ

プロフィール

コルトでGO

コルトでGO

続きを読む »

最近のエントリ

最近の整備

最近のコメント

つぶやかれリスト

カテゴリ

整備ノート

ガラクタ制作の全記録♪

月別アーカイブ

タグクラウド