Shifft - Web Design & Development http://www.shifft.in ShifftはWebサイトの制作をしています。 Tue, 11 May 2010 09:38:16 +0000 http://wordpress.org/?v=2.9.2 ja hourly 1 wp_enqueue_scriptで外部のjQueryライブラリを使う http://www.shifft.in/blog/wordpress/using-wp_enqueue_script/ http://www.shifft.in/blog/wordpress/using-wp_enqueue_script/#comments Sat, 27 Mar 2010 18:08:01 +0000 Masayoshi http://www.shifft.in/?p=176 通常のHTMLでjQueryを使う場合、下記のようにライブラリを読み込ませるだけで特に問題はありません。

1

<script type="text/javascript" src="/js/jquery.js"></script>

ところがWordPressでは各種プラグインがさまざまなJavaScriptのフレームワークを使うので、コンフリクト（競合）を起こさないようにグローバル変数を変えていたり、何重にもライブラリを読み込まないようにしたり、適切な順番で読み込んだりするような配慮がなされています。

では自前でスクリプト（今回はjQuery）を設置する場合は、どのようにすればスマートに読み込ますことができるでしょうか。

いろいろ調べていると、wp_enqueue_script()というwp_head()にフックする関数がありました。
これを使うとほかのプラグインなどとは競合せずに、安全にjsライブラリや自前のjsファイルを読み込むようになるようです。

また、WordPressには主要なライブラリが組み込み済みなので、テーマファイル内に自分でライブラリを設置しなくても、この関数を使えば使用できるようになります。

関数は以下のように呼び出します。

1

wp_enqueue_script( $handle, $src = false, $deps = array(), $ver = false );

$handle
スクリプトの識別名
$src(optional)
スクリプトファイルへのパス。http://で始まるURLまたはサイトルートから絶対パス。
$deps(optional)
依存するスクリプトのリスト（配列）
$ver(optional)
スクリプトのバージョン

wp_enqueue_script()の実装例

実際は下記のコードを<head></head>内に読み込ませます。
注意点としては、必ず<?php wp_head(); ?>の前に記述します。そうしなければフックしないのでロードされません。

1
2
3

<?php wp_enqueue_script('jquery'); ?>
<?php wp_enqueue_script('sample','/wp-content/themes/yourthemes/js/sample.js',array('jquery'),'0.1.0'); ?>
<?php wp_head(); ?>

2行目の第3引数に依存するファイルを指定すると、読み込む順番も調整してくれます。

この状態でHTMLソースを見るとファイルを正しく読み込んでいることが確認できますが、前述の通りグローバル変数が変わっているので、自前のjsファイルの中身を修正する必要があります。

WordPressではjQueryという変数名でアクセスするので、$をjQueryにすべて修正します。これで正しく動作するはずです。

すべて置換するのが面倒だったりする場合は、自前のfunctionだけ$でアクセスできるように下記のコードで括ります。

1
2
3
4
5
6
7
8

jQuery(document).ready(function($) {
 
	//下のfunction内だけ$が有効
	$(document).ready(function() {
		alert("サンプルコード");
	});
 
});
Function Reference/wp enqueue script << WordPress Codex（英語）

関連記事

]]> http://www.shifft.in/blog/wordpress/using-wp_enqueue_script/feed/ 0 IE6よ 安らかにお眠りください（IE6判別コード付き） http://www.shifft.in/blog/development/ie6-funeral/ http://www.shifft.in/blog/development/ie6-funeral/#comments Tue, 09 Mar 2010 15:58:21 +0000 Masayoshi http://www.shifft.in/?p=174 2010年3月4日、Internet Explorer（IE）6を弔う「葬儀」が、米コロラド州デンバーで行われました。

IE6 Funeral

このIE6 FuneralのイベントでIE6は葬られたわけですが、実際のところGoogleもサポートを打ち切った*1ことで、IE6離れはますます加速されることと思います。

そういうわけで私も今後Webサイトを作るときは、IE6を完全に無視し続けていきます。（事前の確認は必要ですが）たとえ仕事でも。

どうしても「IE6が必要だ」と迫られたときは、IE6のセキュリティホールの問題とパフォーマンスの悪さ、そもそもなぜ必要なのか、とにかく時代遅れである、ということを説いていこうと思います。

jQueryでIE6を判別する

ShifftもIE6には対応させていませんが、崩れて表示されるというわけではなく、User AgentでIE6を判別して専用のページに飛ばすようにしています。

jQueryを使用している場合は下記の簡単なスクリプトを読ませることで、IE6のみを特定のページに飛ばすことができます。

1
2
3
4
5
6
7
8
9

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var IE6 = (navigator.userAgent.indexOf("MSIE 6")>=0) ? true : false;
if(IE6){
	$(function(){
		window.location.href = "/ie6/";
	});
}
</script>

飛ばした先の専用ページで、「IE6はやめれ！」というアナウンスをすればOKですね！

関連記事

  1. Googleは3月11日にYouTubeの対応を打ち切るほか、Google ドキュメントのサポートも終了するようです。
]]> http://www.shifft.in/blog/development/ie6-funeral/feed/ 0 HT-03A 現在の環境(2009-12-08) http://www.shifft.in/blog/android/ht03a-setting/ http://www.shifft.in/blog/android/ht03a-setting/#comments Mon, 07 Dec 2009 15:41:53 +0000 Masayoshi http://www.shifft.in/?p=169 なんだかんだ言いつつも環境がいったん落ち着いてしまったので、ここで状況をまとめておきます。

現在の環境

  • ROM：Dwang-v1.13
  • Apps2SD→なし
  • linux-swap→32MB swappiness=20
  • テーマ：CyanogenMod用のテーマを一部移植（詳細は下記）
    • (Enoch)Launcher.apk*
      *中身を展開して画像を差し替えた後、.apkに戻したものをSignしています。
      ・HOME画面のアイコンをタップした時の画像をnegrodwangのものと差し替え
    • (Enoch)Settings.apk
    • (Enoch)Phone.apk
    • (Enoch)Contacts.apk
    • (Enoch)framework-res.apk*
      *中身を展開して画像を差し替えた後、.apkに戻したものをSignしています。
      ・GoogleTalk用の絵文字アイコンをHeroのものと差し替え
      ・Notification Barのツマミの画像を差し替え（流用元は失念）
  • フォント：
    • 欧文→Segoe UI
    • 和文→メイリオ改
  • Recovery：RA-magic-v1.3.2
  • ZipAlignをシステムアプリとユーザーアプリに自動適用
  • HOME画面のショートカットアイコンをいろいろと変更
  • Bootスクリーンを変更
  • 連絡先の並びをヨミガナ順に変更
HOME画面

ベンチマークの測定結果

  • Graphic：130.4
  • CPU：160.9
  • Memory：107.7
  • Filesystem：30.3

Androidは進化のスピードが早いため、またすぐに手を加えていくと思いますが‥
カスタマイズがとにかく面白いです。

そして、コムギドットネットさんをはじめ、TL上の方々、
いつも参考にさせていただいています。感謝です！

関連記事

]]> http://www.shifft.in/blog/android/ht03a-setting/feed/ 0 CyanogenMod 4.2.2を入れてみた http://www.shifft.in/blog/android/android-cyanogenmod-4-2-2/ http://www.shifft.in/blog/android/android-cyanogenmod-4-2-2/#comments Wed, 04 Nov 2009 15:45:42 +0000 Masayoshi http://www.shifft.in/?p=165 4日ぐらい前の話ですが、所有するHT-03AにCyanogenMod v4.2.2を入れてみました。（記事作成時の最新版は、v4.2.3.1です）

巷ではDwangというROMがサクサク動作するという話をよく聞きますが、自分が好きなカスタムテーマがCyanogenModでしか使えなかったので、好きなテーマでCyanogenModに腰を据えようと思ったわけです。サクサク動かせるのは大きな魅力なんですが、見た目も大事だと思いつつ‥。

導入の手順についてはjuggly.cnさんを参考にしました。（こちらで丁寧に説明されているというのと、自分で画面キャプチャを撮っていなかったので、導入方法については割愛します）

v4.2.x版は安定版ということで期待していたのですが、結果的には期待通りの快適な環境になり非常に満足しました。
Eclair（Android 2.0）がリリースされるまでは（問題が起きない限り）v4.2系を上書きしながら、ずっと使ってもいいと思うぐらいです。

v4.1.x（実験版）からの主な変更点は、カーネルがBFS→CFSへ変更、swap→0、Compcache→Off、ホームアプリのメモリーをロック、音楽アプリの機能拡張、諸々のバグフィクス、といった感じの変更が加えられていました。

導入後

導入後に自分で変更した点は以下の内容です。
＊メモリー周りはuser.confとuserinit.shで変更。

  • apps2sd→無効
  • backingswap あり(swappiness=30)
    backingswapを有効にしていると、compcacheのswapが無視されるようです。
    →backingswap 無効
  • compcache あり
    （追記 11/18）(32MB swappiness=30)
  • （追記 11/18）linux-swap(64MB swappiness=30)
  • autostarts（有料アプリ）で不要なサービスを停止
  • Google Map 3.2.0とYouTube 1.5.08を導入
  • 日本語フォントをメイリオ改に差し替え

freeしてみたところfreeしてみたところ

HOME画面HOME画面

今回使用したテーマ

Enoch

ベンチマークの測定結果

  • Graphic：111.1
  • CPU：133.7
  • Memory：121.1
  • Filesystem：31.0

他の方のCM v4.2.xの結果と比較してみると決して高くない（というか低い？）のですが、何がいけないんでしょうか？
と言っても使用感は悪くないので、自分が良ければいいか～という感じで納得しちゃってますが。

＊BFS変更のパッチもあったので、やる気があれば試してみます。

関連記事

]]> http://www.shifft.in/blog/android/android-cyanogenmod-4-2-2/feed/ 0 タスク管理系アプリの使いどころ http://www.shifft.in/blog/featured/android-task-management/ http://www.shifft.in/blog/featured/android-task-management/#comments Thu, 22 Oct 2009 15:47:56 +0000 Masayoshi http://www.shifft.in/?p=157 Androidのタスク管理やプロセス管理は、基本はOSに任せておいて問題ありません。とはいえ多くのアプリケーションやウィジェットを動かしていると、端末のスペックによってはフォアグラウンド プロセスを頻繁に消され、多くの待ち時間を強いられることになります。

また、ユーザーによってはインストールをしているだけで使用していないアプリケーション*1があり、それらが勝手に起動をすると無駄にメモリを消費することになります。

そこでタスク管理系のアプリケーションを使用し、簡単に効率よくプロセス管理をするにはどうすればよいかを考えてみます。

無駄に常駐しているプロセスを削除する

まずは下記のアプリを導入してみます。

Automatic Task Killer

これは、端末の終話ボタンを押してスリープの状態にしたときに、設定したアプリを自動的に終了させるアプリです。
普段通りの使い方をしているだけで、特に操作を意識することなく実行できるのが便利ですね。

Automatic Task Killer 設定画面こちらが設定画面です。反映させるアプリをどんどん設定していきましょう。
選択基準としては、入れているだけのアプリやゲーム、ジョーク（実用的ではない）アプリ、一度使った後に2度目はすぐに起動しないようなアプリを追加していきましょう。

これだけで無駄なメモリ消費を抑え、だいぶ快適になると思います。

タスクキラー系アプリの使いどころ

次にタスクを終了させるアプリを導入してみます。
試したのは以下のアプリ。

Advanced Task Killer Free

これを選んだ理由は下記の通りです。

  • 実行中のアプリケーションのみを対象にしている（この手のアプリで、重要なサービスもすべて停止してしまうものがあるので要注意）
  • 無視リストが作成できる
  • 起動時に自動で立ち上がる

どのアプリを停止の対象にするか

Advanced Task Killer Free 無視リスト設定画面無視リストの作成は実際に使用しながら反映させていきます。

対象にすべきアプリケーション

  • 起動後に作業をして、終了したらしばらく使わなくなるアプリケーション
  • 常用していないアプリケーションやウィジェット

対象にしない方がよいアプリケーション

  • 使用中のウィジェット
  • バックグラウンドでデータを取得（巡回）してくるようなアプリケーション
  • 頻繁に使用するアプリケーション

いつ実行するか

Advanced Task Killer Free 実行画面端末を使用しているときは、なるべくバックグラウンドで動作させて切り替えの待ち時間を短くしたいので、頻繁にプロセス停止の操作を行うのは得策ではありません。
そこで、下記のタイミングで行うと効果が高いのではないかと思います。

システム起動直後

端末の起動直後は、不要だと思われるプロセスが思いのほか立ち上がっています。起動後はスッキリさせた方が気分的にも良いですね。

ゲームアプリの開始前

ゲームはプレイ中にスムーズに動かないと興ざめするので、プレイ前には実行しておきましょう。しかもしっかり作られたゲームはツール系のアプリと比べ、ぐんとメモリを消費します。

YouTubeの視聴やゲームの終了後

一度終わったらしばらくしないような事ですね。これらプロセスの残がいが、この後の操作に悪影響を及ぼさないよう停止させましょう。

あまり操作を意識するのも無駄に疲れてしまうので、軽い気持ちで実行してみてください。
少しはストレスが軽減するかもしれません！

関連記事

  1. そのアプリに将来性を感じ、バージョンアップに期待して入れているだけのソフトなど。
]]> http://www.shifft.in/blog/featured/android-task-management/feed/ 0 Androidのプロセス管理を知る http://www.shifft.in/blog/featured/android-process/ http://www.shifft.in/blog/featured/android-process/#comments Mon, 14 Sep 2009 17:24:09 +0000 Masayoshi http://www.shifft.in/?p=149 今回から2回に渡ってAndroidのプロセスについて考えてみたいと思います。

Androidはマルチタスクが可能なので、複数のアプリケーションやサービスがバックグラウンドで動いています。このため、次々とアプリケーションを切り替えて作業をしていても直前の状態を保持しているので、ユーザーは待ち時間を減らすことができ、同時にいろいろなことができるようになります。

Androidはできるだけ長い間プロセスを保持しようとしますが、メモリには当然限りがあるので、最終的にはメモリが不足してしまいます。
そこで、Androidはメモリが足りなくなってきたら、システムの判断で使ってないアプリケーションを終了させていきます。

このような特性から、プロセスの管理については基本的にシステムに任せておいて問題はないでしょう。

それでは、システムがプロセスを終了させるには、どのような優先順位があるのでしょうか？

プロセスのライフサイクル

Androidは各プロセスをいくつかの「重要度のレベル」に分類して、メモリ残量が少なくなったときに削除する順番を決定しているようです。

ユーザーがプロセスの「重要度のレベル」を知るためには、タスク管理ができるアプリケーションを使用することで知ることができます。
今回は、ASTRO File Managerというファイル管理用のアプリケーションを使って、内容を見ていきます。

ASTRO File Managerを立ち上げると、まずはファイル一覧が表示されます。（もともとファイル管理のソフトなので、こちらの機能がメインです）
「MENU」→「Tools」→「Process Manager」を選択します。

Process Managerすると左記の画面が表示され、現在立ち上がっているアプリケーションやプロセスが一覧で表示されます。
（画面は自分の環境で、端末の電源を入れた直後）

項目の一番右側に表示されているテキストが、システムに判断されているプロセスの状態です。

プロセスの優先順位は以下のようになります。

  1. 1.Foreground（フォアグラウンド プロセス）

    ユーザーがその時点で行っている作業に必要なプロセスで、システムはこのプロセスを削除するのは最後になります。

    通常、これらのプロセスは少数なので、終了させられることはほとんどありません。
    プロセスが応答しなくなった（画面がしばらくフリーズした）場合、フォアグラウンド プロセスの一部を強制終了させなければならない状況に陥っています。

  2. 2.Visible（可視プロセス）

    フォアグラウンドではないものの、ユーザーが見ている画面に影響を及ぼすことのできるプロセスです。ユーザーが見ている画面の直前にある、機能が動作している画面にあたります。
    すべてのフォアグラウンド プロセスが動かせなくならない限り、削除されることはありません。

  3. 3.Service（サービス プロセス）

    サービスが保持しているプロセスです。音楽の再生やファイルのダウンロード、ホーム画面に貼っているウィジェットなどがこれに該当します。

    これらはユーザーが気にかけている処理のはずですが、ForegroundとVisiableが動作するためのメモリがなくなってしまった場合には削除させられてしまいます。

  4. 4.Background（バックグラウンド プロセス）

    現在ユーザーに画面を表示していない停止したプロセスで、いつでも削除させられる可能性があります。ただしシステムにメモリが十分にある場合は、このプロセスも削除しません。

    消される場合にはユーザーが最近使ったものが最後に消されるような順番で消されます。すでに停止しているプロセスなので、強制終了をしてもユーザーには悪影響がありません。

  5. 5.Empty（空のプロセス）

    何もしていないプロセスです。このプロセスを維持しておく理由は、キャッシュとして使用することにより次回の起動時間を短くするためです。システムはこのプロセスを一番頻繁に消します。

これらプロセスの優先順位は、実行内容を見て随時変更されるようです。
ちゃんと内容をチェックしているようなので、端末のスペックが十分にあれば完全にシステム任せでもよいと思うのはこのためです。

(参考)http://developer.android.com/intl/ja/guide/topics/fundamentals.html

次回は、実際にタスク管理系のアプリケーションを使ってプロセスを管理する方法を考えてみます。

関連記事

]]> http://www.shifft.in/blog/featured/android-process/feed/ 0 Androidケータイ「HT-03A」に入れたアプリ(2009年8月版) http://www.shifft.in/blog/software/android-application/ http://www.shifft.in/blog/software/android-application/#comments Sat, 08 Aug 2009 13:17:58 +0000 Masayoshi http://www.shifft.in/?p=147 Android2009年7月10日に日本初のAndroidケータイが発売されました。
発売日に購入して以来、早1ヶ月が経とうとしていますが、入れたアプリは39本（！）にもなり、かなり自分色のケータイになってきました。
そこで、現在入れているアプリの紹介を兼ねて、一度まとめてみようと思います。

余談ですが、自分にこういう拡張機能を追加するようなことをやらすと、どんどん入れていってしまうんですよね。無駄なものは入れていないつもりなんですが‥。
ちなみにFirefoxに入れている拡張機能は73個（！！）です。

使用しているAndroidアプリ一覧

※アルファベット（あいうえお）順

AK Notepad

シンプルなメモ帳。ここで書いた文章を各種アプリに渡したりできる。
操作感は日本のケータイのメモ帳機能と同じなので、そつなく使いこなせます。

Any Cut

ホーム画面からワンタップで電話をかけたり、通常では設定できない画面へのショートカットが作成できる。
また、ユーザーが独自に定義してショートカットを作成することも可能。（上級者向け）

anちゃん

2chブラウザ。
HT-03Aが発売される少し前あたりにリリースし、その後怒涛の更新で一気にユーザーを獲得する。
ライバルアプリもいくつか出てきましたが、今のところはコレが一番。

AppManager

アプリをSDカードへバックアップしたり、起動やアンインストールをすることもできる。
古いバージョンのアプリも上書きをされずに保存できるので、リリースされた直後のバージョンに問題があった場合、旧バージョンに入れなおすことも可能。

ASTRO File Manager

端末のファイルビューア。
なぜか標準の機能ではないので、入れておくと何かと便利。
特にSDカード内の管理でよく使う。

aTrackDog

アプリがバージョンアップしているかを調べてくれる。
通常だとバージョンアップ版がリリースされていても通知してくれないことが（何故か）あるので、これを使うと確実に検出してくれる。

AutoRotate OnOff

画面が自動で縦横に切り替わるのを制御するアプリ。
例えば寝ころびながら使っていると勝手に横画面になって使いづらいのですが、そういうときにオフにしたりすると快適。

オフにすると電池の持ちが良くなります。

BatteryLife

数あるバッテリーの残量表示系ウィジェットの中で、これは見た目が良かったので導入しました。
もちろんパーセント単位で詳しく表示してくれます。

Bookmark 2

ホーム画面に置くブックマークのショートカットを、iPhone風にアイコン化してくれる。
アイコンはサイトの画面や、各種デバイス用のアイコンを切り抜いて作成する。
こういうUIの見映えを良くしてくれるものは好きですね。

Bookmark Backup & Restore

1タッチで標準ブラウザのブックマークをSDカードに書き出してくれる。

Commantalb

ホームボタンの長押しで最近起動したアプリが6つ表示されますが、こちらは9つ表示されて便利。
ハードウェアボタンを押したときに、特定のアプリが起動できるように設定できるアプリがあれば、これを登録するのに。
今のところSimeji（後述）のランチャーしか設定できるものが見当たらず‥。

Diorama Camera

普通に写真を撮った後に、ワンタッチでミニチュア風になる加工を自動でしてくれるアプリ。
いっそのこと写真を撮った後に、自動で実行してくれればいいのに。

Dizzler

ネット上にある音楽の曲を検索して再生するアプリ。
ローマ字で検索をすると日本人の曲もヒットします。
Bluetoothのイヤホンを使って、ネット上の音楽をストリーミング再生しながら街を歩いていたら、何だか最先端チック。

FlickWnn（OpenWnn フリック対応版）

標準のIMEにフリック操作の機能を追加したIME。
挙動が軽くて、OpenWnnの予測変換（＋学習機能）が使いやすいので、こちらを使用。
おかげでSimejiの出番がなくなった。

FreshFace

ホーム画面置き換えソフト。
有名なホーム画面置き換えソフトで「aHome」と「Open Home」というのがありますが、こちらは5画面に拡張され、ユーザーが自分でダウンロードしたウィジェットも貼り付けられます。また、aHomeのテーマも使用できる。
今のところ常用はしていないが、今後に期待しながらインストールしたままの状態。
作者は「aHome」にテーマをたくさん提供している人のようです。

GPS Toggle Widget

GPSを切り替えするアプリ。といっても設定画面へのショートカットにすぎないが残念ですが‥。
もちろん1タップで切り替え可能なアプリもあるんですが、UIが良いのでこちらを使用。
その辺の不満点は改善されることを期待しています。

Internal Memory Widget

アプリを入れていくと圧迫されていくメモリーの使用状況を表示させるウィジェット。
プロセスの使用で減っていく物理メモリーのモニターとは違うみたい。

KeePassDroid

パスワード管理ソフト。
Windows版で使用していたKeePassのデータベースファイルを読み込めるので便利。
データベースから直接ブラウザにURLを渡したり、クリップボードにコピーされたパスワードは数秒で消えるなどといった、その辺の挙動は同じです。

LockMe Widget

画面ロックの有効・無効をワンタップで設定可能にするウィジェット。
自室にいるときなど、毎回ロックを解除する意味がないときに簡単に無効にできる。

Magic Wall

壁紙を設定した時間ごとに切り替えるアプリ。
ところでAndroidケータイの壁紙って、明るい色の壁紙だと見づらい気がするのは私だけでしょうか？

Metal Detector

地磁気センサーを利用した金属探知機。
ネタとして。

MyQR

Androidケータイには赤外線の送受信機能が付いていないので、他人に自分の連絡先データを渡すことができません。
そこで、これに自分の連絡先データを登録するとQRコードを生成してくれるので、あとはそのQRコードを読んでもらえればデータの受け渡しが可能 という訳です。
後述するQRmeProfileBlowと同じ機能です。

各キャリアの対応状況がいまいち分からないので、両方を入れて備えている状況ですが、どちらかを選ぶならこちらを選ぶかな？なんとなく。

Places Directory

今いる場所や指定した場所を基点に、カフェや駐車場など（全12カテゴリー）の施設を探索できるアプリ。
さらにGoogleマップと連携して、お店までのルートを引いたり利用者の評価を見れたりと便利。まるでカーナビのようなアプリです。
Google社製。

QR我風

上記のMyQRと機能は同じです。

QRコードスキャナー

日本のケータイでは当たり前のように搭載されている、QRコードの読み取り機能を追加するアプリ。
併せて「なにこれ?」というアプリを使えば、商品のバーコードを読み取ってAmazonのレビューを取得することも可能です。

Ringer Toggle Widget

タップするだけで音の設定ができるウィジェット系アプリ。
タップするたびに 通常→マナーモード→無効 と切り替わる。
※Androidケータイは着信音がの状態が変化するだけで、アプリやメディアの音は出るので要注意

SD Card Memory Widget

MicroSD内の残容量を、ホーム画面に表示してくれる。

Simeji

日本製のフリック入力が可能なIME。S（ソーシャル）ime（IME）ji（字）という意味らしい。
ソーシャルIMEとは、ユーザーが単語を登録するとネットワーク上の共有辞書に追加され、すべてのユーザーで登録された単語が共有できるというもの。
これにより、俗語の変換も容易にできる。

他にも、トラックボールを利用したランチャー機能もある。

Speed Proof – Speedometer

GPSを拾って、現在の移動速度を示すアプリ。要は速度計。
最高速度や平均速度、移動距離なども記録できる。

Steel

標準よりも使いやすいWebブラウザ。
標準のブラウザと比べて、読み込み速度が早い、フル画面にできる、URLをソーシャルメディアへポストできる、などなど。

Sticky Memo Widget

ホーム画面に付箋を貼り付けるようなウィジェット。
端末を取り出して一番早く参照できるメモということで導入しました。あまり使っていないけど。

tCalendarWidget

ホーム画面に日めくりカレンダーを置くウィジェット。
アイコンをタップするとGoogleカレンダーに飛ぶ。

Translate

翻訳アプリ。

Twidroid

Twitterクライアント。
UIがきれいだけど、動作が重いのであまり使っていません。
新着のつぶやき数が通知バーに表示されるのが良いと思い、しばらく使ってみたところ、あまり新着数の数に意味がないことに気がつきました。

TwitterRide

Twitterクライアント。
こちらはキビキビ動くので、常用しています。
自分宛のリプライやダイレクトメッセージがあったときに、着信音やランプなどで知らせてくれるのが便利。（なので皆さんメッセージプリーズ）
つぶやきにURLや画像、ロケーション（現在地）を簡単に挿入できます。

Voice Recorder

周囲の音を録音できるボイスレコーダーです。

Weather Widgets – Free

お天気表示ウィジェット。
いろいろ見た中で一番アイコンがきれいです。たまにすんなりデータを取得してくれないところが不安要素。
というわけで、世界天気時計（後述）と併用して、アップデート＆有料版待ちです。

風鈴

起動中に揺らすと風鈴が鳴るように音が出ます。画面内の風鈴も一緒に動けばいいのですが。
ネタとして。

世界天気時計

天気表示ウィジェット。
天気の他に気温、湿度、日付、時間を表示できます。
動作は非常に安定しています。

今のところはそんなところです。
今後も入れたり消したりと色々試すと思いますが、そういう部分も楽しめるケータイですね。

気になるアプリがあったら、是非試してみてください。

関連記事

]]> http://www.shifft.in/blog/software/android-application/feed/ 0 メンテナンス画面を表示させる方法(Apache 1.3対応版) http://www.shifft.in/blog/development/maintenance-mode/ http://www.shifft.in/blog/development/maintenance-mode/#comments Thu, 18 Jun 2009 16:36:28 +0000 Masayoshi http://www.shifft.in/?p=144 Webサービスを運営する上で、リリース後にサイトを改修することがあります。

普通はローカル環境で開発をして本番用のサーバーへアップするので問題は少ないのですが、ローカル環境と本番環境とでサーバーの設定が違っていたために上手く動作せず、ちょっとした手直しが必要になったり、大掛かりなファイルの入れ替え作業をする場合などでサービスを一時停止しなければならないケースはよくあります。こういうときは「メンテナンス中」の画面を表示させて、サービスにアクセスできないようにします。

これを実現させるためには下記の記事が参考になるのですが、これはApache 2.2系で検証済みのTipsで、Apache 1.3系では上手く動作しないようです。（原因は後述）

メンテナンス中画面を出す正しい作法と.httaccessの書き方 | Web担当者Forum

そこで今回は、Apache 1.3系でメンテナンスモードを表示させる方法をまとめてみます。

以下の条件が今回のポイントです。

  • 特定のIPからのアクセスは普通にサイト閲覧が可能
  • それ以外のIPからのアクセスなら、メンテナンス画面を表示
  • HTTPヘッダに503のステータスコードを返す

やってることは簡単です。それではGO!!

1. メンテナンス時にアップロードするためのディレクトリを作成する

メンテナンス画面の表示に必要なファイル群をまとめるために、以下のようなディレクトリをサーバールートに作成します。
maintenance/

もちろんconstruction/でもtemp/でもなんでも良いです。

2. エラー画面のページを作成する

maintenance/の下にindex.htmlなどの名前で「メンテナンス中」のページを作成します。
できるだけ遊び心をもってデザインをすると、ユーザーは「しょうがないっか～」みたいな感じで思ってくれます。

このときの注意点としては、画像やCSS、JSのファイルまでのパスは/（スラッシュ）のようなルートから始まる書き方でないと、上手くパスが繋がりません。
使用する画像もmaintenance/の中に一緒にしておくと、管理が煩雑にならないと思います。

3. 503エラーを吐く 503.php を用意する

実は先ほどの参考記事だと.htaccessのmod_rewriteの記述で503エラーを出す指定が書かれているのですが、Apache 1.3系では300番台と400番台のエラーしか出せません。
そこで、PHPを使って503エラーを吐かせちゃいましょう。

maintenance/の下に503.phpを作成し、下記の内容を記述します。

1
2
3
4

<?php
header ('HTTP/1.0 503 Service Temporarily Unavailable');
include(dirname(__FILE__) . '/index.html');
?>

3行目の/index.htmlは、2.で作成したメンテナンス用のページを指定します。

4. .htaccessに記述する

いよいよ大詰め。サーバールート上の.htaccess内にリダイレクト処理に関する記述を書きましょう。

1
2
3
4
5
6
7
8
9

RewriteCond %{REQUEST_URI} !\.css$
RewriteCond %{REQUEST_URI} !\.js$
RewriteCond %{REQUEST_URI} !\.jpg$
RewriteCond %{REQUEST_URI} !\.gif$
RewriteCond %{REQUEST_URI} !\.png$
RewriteCond %{REQUEST_URI} !\.swf$
RewriteCond %{REMOTE_ADDR} !=192.168.0.1 #(管理者のIPアドレス)
RewriteCond %{REQUEST_FILENAME} !503.php
RewriteRule ^.*$ /maintenance/503.php [R,L]

1行目～6行目は、各画像ファイルなどをリダイレクトの対象からはずすための設定です。
これをしないと画像やCSSなどのファイルもリダイレクトしてしまい、正しく反映できません。

7行目で指定したIPのPCからアクセスするとリダイレクトの対象から外れるので、管理者だけは実際の動作を見ながら作業を行うことができます。

8行目は、リダイレクト後の無限ループを回避するための記述です。

9行目で実際のリダイレクト処理が書かれています。

検索クローラーは503のステータスコードを受け取るとページをキャッシュしないらしいのですが、一応心配な方はrobot.txtに下記を加えておいてください。

1
2

User-Agent: *
Disallow: /maintenance/

以上で完成です。

おまけ
メンテナンス画面のデザイン参考にどうぞ。
Effective Maintenance Pages: Examples and Best Practices | Design Showcase | Smashing Magazine

関連記事

]]> http://www.shifft.in/blog/development/maintenance-mode/feed/ 3 画像ホスティングサービスを作った http://www.shifft.in/blog/featured/imgby/ http://www.shifft.in/blog/featured/imgby/#comments Fri, 05 Jun 2009 18:10:30 +0000 Masayoshi http://www.shifft.in/?p=94 シンプルで高速に動作*1する画像ホスティングサービスを作りました。

imgby トップ画面

imgby – 画像ホスティングサービス

こういうときにどうぞ。

  • 自分で撮った写真を友人に見せたい！
  • ネットを見てたら友人に見せたい画像があった！（これが一番便利）
  • テキストでやりとりをするWebサービスを使っているけど、画像も使いたい！

そういうときに画像をimgbyへアップロードすると、サーバーへ保存されてアクセスするためのURLが表示されます。
そのURLを友人とシェアしたりブログやTwitterに貼り付けたり*2してください。

取り立てて新しいサービスではありませんが、日本語でシンプルな画像ホスティングサービスが欲しかったので、機能を限定させて作ってみました。
チャレンジ的な事を自分に課して作ったので、制作期間は1日です。

使い方は以下の通り。

保存したい画像ファイルを選択（もしくはURLを指定）して、下のアップロードボタンをクリック！
以上！はやっ！

imgby アップロード完了 画面の下の方に、共有するためのURLや、各種ソーシャルメディアに投稿するためのボタンを用意しています。

URLが短いところが一応売りです。
http://imgby.com/アップロードしたファイル名*3
で画像に直接アクセスできます。

また、ブックマークレットを使えば3クリックで友人に送るためのメール画面が開きます。

ブックマークレットをブラウザのブックマークに保存して‥
Webページを閲覧中にアップロードしたい画像があったら、ブックマークレットを発動。

imgby ブックマークレットを実行 アップロードしたい画像をクリック

imgby アップロード完了 以上でアップロードができました。

とりあえずレンタルサーバーで運用しているので、状況を見ながら環境改善を検討しようと思います。

imgby – 画像ホスティングサービス

関連記事

  • 関連記事はありません
  1. Webページのパフォーマンスを評価するPage Speedのスコアは、Googleのトップページを凌ぎます。
  2. 今のところ保存期間を1年間としているので、こういう用途には使いづらいかもしれません。
  3. 日本語のファイルは適当な英字に変換されます。
]]> http://www.shifft.in/blog/featured/imgby/feed/ 0 Tweetieでどこでもつぶやく！ http://www.shifft.in/blog/iphone/tweetie/ http://www.shifft.in/blog/iphone/tweetie/#comments Wed, 27 May 2009 16:28:15 +0000 Masayoshi http://www.shifft.in/?p=68 Tweetie iconTwitterの楽しみ方といえば、思ったことを投稿したり、今いる場所を投稿したりしてフォロワーの返事を見たりすることですが、そういう欲求が出てくると外出先でも気軽につぶやいてみたくなるものです。
そこで、普段使っているiPod touchで良いアプリはないかと調べてみたら、「Tweetie」というのがあったので試してみました。

しかしまぁiPhone/iPod touch用のTwitterクライアントソフトはすごい数がでていて、いろいろ見ているだけで時間がかかっちゃいました。
実は今回ご紹介するTweetieは、Twitterを始める前から少し気になっていたアプリなので覚えていたのですが、アクア風のバルーンのデザインがいまいち馴染めずにいました。

しかし本腰を入れてもう一回見てみると、シンプルなリスト表示のテーマが加わっていて（前からあったのかな？）機能面もなかなか良さそうだったので、サクッと購入(350円)してみました。

アカウント設定画面まず起動すると、最初にTwitterのアカウントを入力する画面がでてきます。
日本語にも対応しています。

タイムライン

入力を終えてログインをすると、自分のタイムラインが表示されます。シンプルで見やすいですねぇ。
1回読み込むと、次回は未読の部分が画面に表示されているので、続きから読むのもラクラクです。

基本的なメニューは下に並んでいて、ダイレクトメッセージやお気に入りのつぶやきへも容易にアクセスができます。

つぶやき入力画面つぶやきを書いています。
GPS機能を使って、今いる場所を取得してつぶやきに挟むことも可能です。
iPhoneの場合はカメラで撮った写真をアップすると、自動でTwitpicというサイトに保管されて、リンクが繋がるみたいです。

返信画面返信のつぶやきを読んでいるときに、元の発言に辿ることができます。

プロフィール画面こちらはプロフィールの画面。
元の発言を辿ってその人のプロフィールを読んで、その人のフォロワーを表示させてコメントを見て‥てな感じでどんどん辿っていくことができます。
iPhoneやiPod touchの場合、ホームページのパンくずリストのような感じで、閲覧してきたページの道のりを戻っていくことができるので便利です。

アカウント選択画面Tweetieはマルチアカウントに対応しています。複数のTwitterアカウントを持っていても大丈夫。

近所のユーザー検索中面白かったのが、GPS機能を使って近所のユーザーを調べることができるところです。検索中はソナーのような画面になっています。

近所のユーザー検索結果おっ 出た出た。どうやって検出してるのかは謎ですが、近くの人のつぶやきがちゃんと表示されました。

近所のユーザー 検索範囲設定対象範囲を絞ることができます。自宅で試したところ、2km圏内には誰もいませんでしたね。

つぶやき検索結果もちろん検索することもできるので、Twitterの性質上、もっともタイムリーな情報を集めることもできそうです。

検索アイテム追加右上の星マークをタップすると‥なんと検索アイテムに追加することができます。自分が気になるキーワードを保存しておいて、いつでもチェックすることができます。

無料のアプリでも評判の高いものがあるようですが、自分は最初に試したTweetieで満足しました。
肝心の操作性もスムーズなので、ストレスなく使えるところが良いですね。

検討中の方はチェックしてみてはいかがでしょうか。

TweetieをApp Storeで見る

関連記事

]]> http://www.shifft.in/blog/iphone/tweetie/feed/ 0