せっかく携帯をSoftBank 003SHに変えたのでAndroidアプリを作ってみよう。
開発環境は、JavaScriptでAndroidアプリ開発が可能な「Appcelerator Titanium Mobile」とする。
Android™ 2.2のアプリを作る。

参考ページ
Titanium と Aptana でモバイル開発
Titanium Studio 1.0 Preview 版を入れてみた

インストール

インストール環境はWindows7 Professional 64bitだが、32bitのほうが安定しているらしいのでそちらで進める。
インストールは下記の順番で。

①Java SE Development Kit (JDK)をインストール

次のAndroid SDKをインストールする際に必須。

1. ダウンロードページ
2. ＪＤＫダウンロード　＞　Platform:Windowsを選択。
3. jdk-6u24-windows-i586.exeというファイルをダウンロード。
4. クリックしてインストール。

②Android SDKをインストール

Androidアプリ開発に必要なツール。

1. ダウンロードページ
2. installer_r10-windows.exeをダウンロード。
3. クリックしてインストール。
4. 起動後、様々なツールがインストールできるので、すべてチェックしてI Agree。かなり時間がかかる。

③JDKとSDKのパスを通す。

1. Windowsのコントロールパネルを開く。
2. 「システムとセキュリティ」→「システム」を選択。
3. ウィンドウ左から「システムの詳細設定」を選択してダイアログを表示する。
4. 「詳細設定」タブを開き「環境変数」ボタンを押してダイアログを表示する。
5. 「システム環境変数」の「新規」ボタンを押して変数名「JAVA_HOME」、変数値「C:\Program Files (x86)\Java\jdk1.6.0_24」（JDKのインストール先パス）を入力してOK。
6. 「システム環境変数」欄から「Path」を選び「編集」ボタンを押してダイアログを表示する。
7. 「変数値」欄の末尾に Android SDK フォルダの「platform-tools」「tools」サブフォルダまでのパスを、先頭にセミコロンを付けて続けて追加する。
   →;C:\Program Files (x86)\Android\android-sdk\platform-tools;C:\Program Files (x86)\Android\android-sdk\tools
8. さらにその末尾に
   →;%JAVA_HOME%\bin
   を追加する。
9. つまりこういうこと
   →;C:\Program Files (x86)\Android\android-sdk\platform-tools;C:\Program Files (x86)\Android\android-sdk\tools;%JAVA_HOME%\bin
10. OK ボタンを押してダイアログを閉じる。

④Titanium Studioをインストール

Titaniumの本体。

1. ダウンロードページ
2. ここのDownload for Windowsを選択。
3. Titanium Studio.exeというファイルをダウンロード。
4. クリックしてインストール。
5. インストールフォルダは「C:\Program Files (x86)\Titanium Studio」
6. インストール完了後、こちらでサインアップを済ませてからTitanium Studioを起動、ログインする。
7. 起動後、エラーウィンドウが表示されるので、それぞれ「アクセスを許可する」「Use PortableGit」を選択する。
8. Gitのインストールが始まる。
9. 完了後、メイン メニューから Window → Preference を選び、表示されたダイアログから Aptana → Mobile を選択する。
   Android SDK Directoryに 「C:\Program Files (x86)\Android\android-sdk」（Android SDKのインストールパス）を入力し、ビルドに使用する SDK のバージョンを指定する。今回は「Android 2.2」を選択。

書き出してみる

1. 左側にある「Create Project」ボタンを押す。
2. 「Titanium Mobile Project」を選択。next。
3. 「Project name」に「HelloWorld」と入力。
4. 「App Id」に「com.akaandmore.HelloWorld」と入力。（akaandmoreの部分は自分の屋号など適当に変えて。）
5. 「Location」にプロジェクトの書き出し先のパスを入力。指定するパスはプロジェクト名まで含んだものにしておくこと。
   →C:\app\HelloWorld など
6. 「Deployment Targets」でAndroidにチェックが入っているのを確認して「Finish」。
7. 自動でプロジェクトファイルが書き出される。
8. ブラウザの「Fireｆox」がインストールされていないとここで文句を言われるのでインストールする。
9. メインメニューから Run → Run を実行。
10. 起動にかなり時間がかかるが、起動したら画面のロックを解除。画面に「I am Window 1」と書かれていればうまくいった証拠。
11. あとは「app.js」を色々と書き換えて制作していく。

ツイッターのデザインをユーザー間で共有できればと思い、ツイッターの着せ替えツールを作成。類似サービスがすでにどこかにあるが、まぁ勉強がてら作ってみた。

Twicolor（ツイカラー）

何ができるか

主な機能は自分のTwitterの背景とカラーを変更できること。具体的な手順は

• STEP１：すでに登録されている背景の中から、気に入ったものをクリックで選ぶ。
• STEP２：カラーをクリックで選ぶ。
• STEP３：１・２で選んだ画像・カラーを変更したい場合は変更する。各カラーのボタンをクリックすると、カラーダイアログが表示されるため、好きなカラーに変更してOKを押す。新たな画像や写真のアップロードも可能。背景をリピートするのチェックを外すとリピートしなくなる。
• STEP４：反映を押す。Twitter側でこのアプリを認証していいか聞かれるので、はいとかYESとか答える。

補足説明

いずれの操作の場合も、すぐにイメージが反映されるので、直感的に操作できると思う。また、最初にTwiiterアカウントでログインしておくと、自分のツイートやフォロワーなどが表示された状態で変更を確認できる。

STEP1とSTEP２で「おすすめ」「人気」「NEW」とあるのはそれぞれ、「おすすめ」は管理人のおすすめ順に、「人気」は反映回数の多い順に、「NEW」は最近反映された順に並べ替える。

「表示中のデザインを友達にすすめる」で、ユーザーが選択したデザインをシェアすることができる。例えば何かPRしたいものがある時、オリジナルのPR背景画像を作成して一旦反映。するとそのデザインのタグが作成されるので、そのタグを友達に知らせて反映してもらえば、皆で同じTwitterデザインを共有できる。共有者がどんどん増えれば、自然と目に留まる機会が多くなるので、宣伝効果が期待できる。・・・のは言い過ぎかもしれないが、友達やグループ同士で同じデザインにしたい時に使用すればいいのでは。

公序良俗に反する画像、自分が著作権を有していない画像はアップロード禁止だが、ツールの活気のためにも、どうか気軽にアップロードよろしく。

フォロー返しが面倒だったので、Twitter APIを利用したツイッターの整理・管理プログラムを作成した。簡単に作ったのでややクオリティに不安があるが、まぁこんなツールはあまり使ってはいけないと思われるので、ご利用は自己責任で。

TwiAll（ツイオール）

何ができるか

とりあえず使いそうな機能を実装。

• 自分をフォローしてくれたユーザーへフォローを返す（自動フォロー返し）
• 自分はフォローしているのにフォローを返してくれないユーザーをはずす
• 特定のユーザーがフォローしているユーザーをフォローする
• 特定のキーワードに合致した人をフォローする

説明

各操作はTwitterのAPI制限数内でしか実行できない。一応操作のたびにユーザーのAPI制限数を取得しているが、これが正しいのかどうかは不明。一度に何百人もフォローすると、API制限数は残っていてもフォローを受け付けなくなる模様。よって、フォローしましたと出てもフォロー出来ていない場合がある。

個人的には「特定のユーザーがフォローしているユーザーをフォローする」が、ただフォローを増やしたいだけの人（アフィリエイターなど）には便利だと思う。フォロー数の多い人のIDを入力すれば、いっきに何百人もフォローすることができるからだ。ただし確実に制限に引っかかるため、アカウントが一時機能停止（サスペンド）状態におちいるので、ご利用はほどほどに。自然にフォローを増やせるのは2,000人までなので、それまではこの機能で一気に増やすのがいいのでは。

ちなみにTwiAllのアイコンだが、こういったツールを使う人は、あまり好ましいTwitterの使い方をしていないと思われるので、ダークなイメージにしてみた。

デザイナー・クリエイターにとって、著作権の問題は大きな壁と言える。既存のものが使えれば、時間の短縮や経費削減につながるので、大いに活用したいところだが、著作権という言葉にはグレーな印象があり、仕事上でも怖いから使用をやめておこうという場面が多々あった。

そんな著作権の問題をわかりやすく解決してくれるのが下記の「デザイナーのための著作権ガイド」である。

例えばQ．竹久夢二のイラストを広告のビジュアルとして使ってもいいのか？Q．既存の地図を書き写してチラシに掲載してもいいのか？Q．自分で撮影した六本木ヒルズの外観写真を雑誌広告として許可なく使えるのか？→答えはすべてYESです。※但し、個別のケースによっては、制限や注意事項があります。詳しくは本書籍をご覧ください。クリエイティブな仕事に携わる人が、知っておけば必ず役に立ち、知らなかったために損をする著作権をはじめとした法律や決まりごとがQ&Aですっきりわかります。

とにかくわかりやすい。これは使える、これは使えないという事例が非常にわかりやすく解説されている。デザイナー・クリエイターはこれを読んで、今までグレーだった部分をはっきりさせるといいのでは。絶対におすすめ。

設定

「ファイル＞HTMLの設定＞ドキュメントの詳細」で、ステート名のところを「なし」にする。
「デフォルトに設定」をクリックしてOKにすると、新規ドキュメントを作成時にいちいち設定し直さなくてもよくなる。
「OK」を押す。

これで「_s1」が外れる。
どこまでも余計なことを！

WordPress 2.9.2
MediaWiki 1.15.2
で正常に動作している。

何ができるか

• WordPressアカウントが既にあれば、そのアカウントでMediaWikiにログインできる。MediaWikiに該当するアカウントがなければ、その都度作成される。
• MediaWikiでアカウントを作成したら、WordPressにもアカウントが作成される。WordPressで作成されたアカウントの権限は"購読者"になる。
• WordPressにログインしたら、MediaWikiにも自動的にログインされる。MediaWikiにログインしたら、自動的にWordPressにログインされる。
• MediaWikiでメールアドレスや氏名を変更したら、WordPressのアカウント情報も反映される。
• WordPressでメールアドレスや氏名を変更したら、MediaWikiのアカウント情報は次回ログイン時に反映される。

ダウンロード

まずはこちらのMediaWiki用エクステンションをダウンロード。

Download the WPMu Single Sign-on package here. (zip file)

ダウンロードしたものをextensionsフォルダにアップロード。
/extensions
　∟/AuthWP/AuthWP.php
　∟/Lockdown/Lockdown.php
　∟/LogoutLoginWP/LogoutLoginWP.php

セッティング

エクステンションを有効化するためにLocalSettings.phpに以下を追加

さらに.htaccessに以下を追加

修正

AuthWP.phpは、WordPressがインストールされたディレクトリに/wikiというディレクトリを作り、そこにMediaWikiをインストールしていることを想定している。
前提が異なる場合、つまり違うディレクトリにそれぞれインストールしてある場合、AuthWP.phpを開いて$WP_relpath=にWordPressがあるディレクトリを指定すると使えるようになる。

MediaWikiのアカウントは先頭が大文字になってしまうので、厳密にはWordpressと同一にはならない。ダウンロードしたAuthWP.phpではその変換がなされていないようなので、Wordpressのアカウントの先頭を大文字にして取得するように編集。

具体的にはIDをとっている部分

を

に変更。以上で双方の同期が行われるようになる。

Amazon アソシエイト (アフィリエイト)　短縮URL作成ツール

何ができるか

Amazonのアソシエイトリンクを作成すると、通常テキストリンクでも

この様に非常に長いリンクになってしまう。これを

こうしようというのがこのツール。もちろん画像リンクも作成可能。
クッキーを使ってアソシエイトＩＤも保存可能なので、一度入力してしまえばその後の入力の手間も省ける。
さらに「Amazon短縮」をブックマークしておけば、Amazonの商品ページを開いて、「Amazon短縮」ブックマークレットをクリックすれば、一発で画像リンクとテキストリンクを作成してくれる。

何ができないか

imgタグを消してしまうので、コンバージョンが取得できなくなる。
商品の値段なども表示させようと思ったが、そこまでするならリンクを短縮する必要もないかと思ってやめた。

何か不具合があればご連絡を。

犬の散歩のように、家の散歩にあこがれる。

例：ホームとシングルにだけプロフィールを表示する

これは、is_home()またはis_single()の場合中身を表示しなさいよという命令文なので、表示されているページがホームとシングルの場合は投稿者のプロフィールが表示される。もちろんプロフィールだけでなく、どんなに長い文章も表示することができるので、極端に言ってしまえば、コンディショナルタグだけでまったく違うサイトにしてしまうことも可能なのだ。
この他にもページによる条件分岐は沢山用意されているので、以下にその一覧を記載する。

コンディショナルタグ一覧

is_admin, is_paged, is_archive, is_attachment, is_author, is_category, is_tag, is_comments_popup, is_date, is_day, is_feed, is_home, is_month, is_page, is_plugin_page, is_preview, is_robots, is_search, is_single, is_singular, is_time, is_trackback, is_year, is_404

この中でもよく使うと思われるものはこちら。

• is_home（）・・・ホーム
• is_single()・・・シングル
• is_category()・・・カテゴリー（is_category('2')などとするとカテゴリーIDで絞れる）
• is_page()・・・ページ
• is_search()・・・検索結果画面
• is_archive()・・・アーカイブページ

以前紹介したカテゴリースラッグでCSSを変更する方法と併用すると、MTの様にかなり自由なデザイン変更が可能となるはずだ。

例：カテゴリー「日記」「写真」のタイトル文字色をそれぞれ青と赤にする

1.カテゴリーごとに英文字でカテゴリースラッグをつける

カテゴリー作成時（作成済みの場合は編集画面）のカテゴリースラッグ欄に、英数字で名前をつけておく。この名前を後々cssのクラス名として使う。
今回の例の場合、「日記」のカテゴリースラッグを「diary」に、「写真」のカテゴリースラッグを「photo」にする。

2.カテゴリーを表示するテンプレート（今回はarchive.php）にカテゴリースラッグを出力

ページの階層は以下の通り。divのクラス属性としてカテゴリースラッグを出力するphpコードを挿入する。また、月別や日別アーカイブの時には表示しないように、if文でカテゴリーページの時だけclassを表示するようにする。

この状態で日記のカテゴリーページにアクセスすると

と出力され、写真のカテゴリーページにアクセスすると

と出力される。

3.スタイルシートを記述

ここまでくれば、あとはスタイルシートで各々のタイトルに色を設定するだけ。

もちろん文字色だけでなく、背景色などスタイルシートで設定できるものはすべて変更可能。これを使えばカテゴリーごとにページのデザインをガラッと変更できる。