Ole!Counter
「Ole!Counter」は自分の設定した項目を簡単にカウントすることができるスマホ用アプリです。『腕立て伏せの回数』から『自転車に乗った回数』『告白した回数』まで、どんなことでもカウントすることが可能です。
カウント項目は自由に追加、削除、回数のクリアができますので日々のライフカウントログアプリとしてお使いください。
名前の由来は、もちろん「俺のカウンター」です。
【対応機種】
iPhone、Android、WindowsPhone、Black Berryなど各種スマートフォン
(パソコンでも可)
【使用方法】
※iPhoneではホーム画面に追加できます。
【履歴】
2012/01/09 リリース
2012/01/15 アプリケーションキャッシュ化(高速化)
【その他アプリ】
自家製のTumblrアプリの速度をUPさせました。
【趣旨】
画像・js・cssに有効期限を設定することで、2度目からのアクセスはローカルのキャッシュを使用させる。
【方法】
一般的なサーバだと、 「.htaccess」に記載するんだけど、
どうやら、GAE（Google App Engine)では違うらしい。
でググると「app.yaml」に記載するってのが散見された。
が、違った。
正解は、「WEB-INF\appengine-web.xml」に下のように書くだけだった。
<static-files>
<include path="/img/**.png" expiration="100d" />
</static-files>
expirationには「d（日）、h（時）、m（分）、s（秒）」がセット可能です。
英語版ヘルプに記載されています。（日本語のヘルプには載っていないorz)
【参考】
GAE/J、静的ファイルに有効期限を設定する : CB NANASHI管理人ブログ
Google App Engine（GAE、グーグル アップ エンジン）の静的ファイルに有効期限を設定する方法 : ハイウェイメモリー
【測定】
Google Pageage Speed Online
先日
をリリースした。
そこで、使用したことを個人的にメモ
【CSSフレームワーク：BlueTrip】
CSSフレームワーク『BlueTrip』が想像以上にすごい - present
Blog Hacks 2011 〜 今、Blogを楽しむ5つのHacks - ゆーすけべー日記
【アイコン・画像・ロゴ・ファビコン】
アイコン：Icon Archive
加工：Photo editor online / Pixlr.com
強調表示：オンライン画像編集ツール「pixlr」で、よく使う画像表現を極めるTips
透過画像：ヘッド画像を作る4 Pixlr 自動選択ツール(1)
ロゴ：Logo Maker-Logo54.com
ファビコン：アイコン（icon）変換ツール - Favicon Converter
【検索エンジンに登録】
Googleサイトマップ,グーグルサイトマップ作成と生成ツール
GoogleWebマスターページ（robots.txtも作成)
URL Submission - Bing
NAVER検索に自分のウェブページを登録するには？ - NAVERヘルプセンター
【ブックマークレット作成】
jQuery でブックマークレットを書く為のスニペットを使用して一度書いたのだが、
タンブラーの投稿画面はprototype.jsで書かれている為に、他でエラーとなり同居を断念した。
（便利なので一応残しておく）
【prototype.js】
prototype.js逆引きサンプル集 - JavaScriptist
iPhoneのSafariから、画像をPOSTしたい時に、
公式ブックマークレットだけだと、画像が選びにくいので、諦めていました。
じゃあ、画像を選ぶ枠を大きくしちゃえばいいじゃん！
ってことで、「Tumblr BookmarkletEx」を作成しました。
見ての通り、画像選択枠が大きくなります。
なんどでもブックマークレットを使えるので、どんどん大きくできます。
Tumblr BookmarkletEx - TumblrBookmarklet拡張 -
**履歴**
2011/05/02 公開
**他のアプリ**
TumblrのTag Cloudを3ステップで実現する。「Tagumblr」をリリース
Tumblr Tag Cloud for iPhone(Smart Phone)公開
Tumblrのタグクラウドが遅いので、以前iFrame化した（記事）のだが、
それでも遅いのが気になったので、大幅に改善したのが、「Tagumblr」だ。
簡単に言うと、１度タグを作ったら、各PCにキャッシュとして保存するようにしたのだ。
2回目からはそのキャッシュから取得するので、ロードの必要がなくなるのさ。
本当は「Tagblr」にしたかったんだけど、Googleさんが短いって言うから、
「Tag」＋「Tumblr」で「Tagumblr」(タグンブラー）って名前にしました。
IEは8以上で高速動作します。ほかのブラウザはきっと大丈夫。
iPhoneとかAndroid用の「tag4tumblr」も公開中。
Tagumblr - Tumblr Tag Cloud Generator -
**動作確認済み**
IE8
Firefox4
Chrome10
Safari5
**履歴**
2011/04/23 公開
2011/04/26 Englishページをリリース
2011/04/27 logoの綴りを修正
2011/05/02 ブックマークレット「Tumblr BookmarkletEx」公開
2011/05/12 jQueryを1.6にバージョンアップ
2011/05/13 GAEで画像に有効期限を設定する方法 - 速度アップ
2011/05/18 jQueryを1.6.1にバージョンアップ
TumblrのタグをiPhoneで見ちゃう「Tag4Tumblr」を作った訳だが、
（記事：Tumblr Tag Cloud for iPhone(Smart Phone)公開 - ひとりよがりの夜に）
忘れちゃいそうなので、その時参考にしたものを公開
（あくまで自分用メモ)
**jQuery MOblile**
HTMLなんだけど、iPhoneっぽく表示・動作できるjavascriptのまとまり。
・公式 - jQuery Mobile | jQuery Mobile
・マニュアル - ホーム - jQuery Mobile 1.0a4.1 日本語リファレンス
・jQuery基礎 - 「ノンプログラマーのためのjQuery入門」
**HTML5**
使ったのは、manifestによる、高速化。LocalStrageによるデータの保持。iPhoneのホームに追加する場合のアイコン。safariのタスクバーを消す方法。
・基礎 - 日本語で学べるHTML5関連資料15個まとめ*二十歳街道まっしぐら
・LocalStrage - HTML5のlocalStorageでiPhone用Webアプリを高速化（1/2） - ＠IT
・iPhoneのホームにアイコンを指定する方法
<link rel="apple-touch-icon" href="img/icon.png" />
・safariのタスクバーを消す方法<meta name="apple-mobile-web-app-capable" content="yes" />
**GoogleAppEngine**
どうしてもHTML5を活用したかったので、Dropboxに配置ではなく、GAEに置くことにした。
ただ、javaはかじった程度＆サーバ処理は不要だったので、
jasonengineを使用することとした。
・jsonengine - jsonengine 日本語ドキュメント — jsonengine-manual-ja v0.1 documentation
環境変数が上手く設定できなかったのはナイショです。（Google Appe Engine Java SDKでdemoを起動すると”Error running javac.exe compiler”が発生。 - RKTMの日記 ）
タンブラーのタグをiPhoneで見る「tag4tumblr」を更新しました。
（初公開：Tumblr Tag Cloud for iPhone(Smart Phone)公開）
【変更内容】
ローカルストレージに対応しました。
⇒前回のタグ情報を記憶しているので、1度タグを作成すれば2度目からは起動時にタグが表示されます。
下のようにすると、初期値として自分のサイトを入れることが可能です。
（それを、「ホーム画面に追加」するとアイコン化され、次回からはTAGも初期表示されます。)
http://tag4tumblr.appspot.com/t4tumblr.html?url=satsea77.tumblr.com&max=50
どうやら、Chromeなどのモダンブラウザでも同様の効果がありそうです。
Tag4Tumblr
TumblrタグクラウドのiPhone(Smart Phone)版のWEBアプリを公開します。
その名も、「Tag4Tumblr」(http://tag4tumblr.appspot.com/t4tumblr.html）
１．上記アドレスをタップ
２．あなたのアドレスを入力({yourname}.tumblr.com)
３．取得POST数を入力(お勧めは200以下)
(TumblrのAPIは貧弱なので50個単位で最新のPOSTから取得しています。)
４．「Show Tags」をタップ
↑こんな感じで出ます。
５．次回からは「Show Tags」の上のアドレスを使用すると、初期登録が不要になります。
(例： http://tag4tumblr.appspot.com/t4tumblr.html?url=satsea77.tumblr.com&max=50)
６．safariで「ホーム画面に追加」をするとアイコンが表示されます。
iPhoneでしか試していませんが。Androidでも動くと思います。
(PCでもChromeなどでは動作します。)
【更新情報】
2011/01/29 初公開
2011/03/20 tag4tumblrを更新 - ローカルストレージ対応
2011/04/01 jquery-mobileのバージョンをalpha4にアップ
2011/04/21 初期読み込み時にlocalstrageがない場合にエラーになるのを回避
2011/04/23 Web版作成「Tagumblr」
2011/05/02 ブックマークレット「Tumblr BookmarkletEx」公開
2011/05/13 GAEで画像に有効期限を設定する方法 - 速度アップ
映画とかネタとかtumblrとかiPhoneとかコッペパンとか、まぁただ、「独り言」を。
