Javascript でニートな日付文字列を書く

ニートっていっても NEET じゃないですよ。neat です。こぎれいとか、さっぱりとか、そんな意味ですね。

そもそもは <ins> タグの datetime 属性を綺麗に見せたい! と思ったのが発端です。この辺 の記事を読みまして設定してみたのですが、日付文字列がそのままだといまいちわかりにくい。

<ins datetime="2012-01-23T12:34:56+09:00">さんぷる!</ins>

さんぷる!

そこで、最近の日付についてはもう少しわかりやすく出来ないか、Javascript でごにょごにょやってみました。こんな風に変わります。

さんぷる!

Continue reading

jQuery Mobile + iPhone で非同期にファイルをアップロードするサンプル

IMG_2891.png

iOS6 では Safari でファイルのアップロードか可能になったらしいのでサンプルを作ってみました。

単にアップロードできるサンプルではつまらないので、jQuery MobilejQuery.upload を使い、ファイルを非同期にアップロードするサンプルにしました。環境はこんな感じです。

  • クライアント
    • jQuery Mobile 1.1.1
    • jQuery.upload 1.0.2
  • サーバー
    • Amon2

Amon2は Perl の軽量フレームワークです。この環境で作ったサンプルを見ながら、ハマった点をまとめます。


Continue reading

iPhone で任意のサイトを全画面アプリっぽくできるツールを作りました

発端はこれ。

iOS6でGoogleMapsをフルスクリーン表示にしてみました – W&R : Jazzと読書の日々
http://d.hatena.ne.jp/wineroses/20120921/p1

上記サイトでは Google マップと YouTube が紹介されていますが、任意のサイトを作成するためのツールがあったら便利だよね。ってことで作成しました。

Web アプリアイコン作成ツール
http://waim.remora.cx/

Continue reading

スパムコメントを防ぐ(MovableType v5.2 版)

120918-0001-2.png

MovbleType には標準でコメントのスパムフィルタが付いていますが、何もしないとそれをすり抜けてくるコメントが多数来ます。たまりたまった英文コメントが 10 万件 を超えてしまったので何とかすることにしました。

mt-keystrokes プラグイン

何とかするには、人間が 投稿 ボタンを押したときのみ、コメントを受け付けるようにすればいいわけです。これをシンプルに実現してくれるのが mt-keystrokes プラグイン

Keystrokes for Movable Type – cosmos blog
http://www.krcube.net/blog/archives/2009/06/keystrokes_for_movable_type.html

技術的には以下のようにして実現しています。

Continue reading

JSONP で広告を供給するサーバーを書く

最近の話ですが、このサイトにも広告を載せるようになりました。

Google Adsense の方はタグ貼るだけで終わりの簡単なものなのですが、縁あってレバレジーズ株式会社の広告を載せることになり、これはこのサイトでバナーを供給しています。

このサイトは MovableType + DynamicMTML で運用していますので、普通に考えれば PHP で直接広告タグを書けばいいだけなのですが、サーバー負荷の観点からいまいちだし、第一余りおもしろくありません。

そこで、広告供給サーバーを別に立て、JSONP で供給するようにしてみました。

Continue reading

pjax(pushState + Ajax)で遷移するウェブページを作る

  • Ajax 使わずにページ全体を読み込ませるのが許されるのは小学生までだよねー!
  • でも、ハッシュフラグメント(#!)を使った方法はいろいろと問題がある ので使いたくない。
  • でもでも、pushState だって非対応ブラウザじゃだめなんでしょ?
  • そこで pjax ですよ!

Continue reading