わんどのweb

Google+1ボタンの、+1先のURLを動的に変更する

『わんどの写真部! ~ 商用フリー・クレジット表記不要の高解像度写真素材サイト』なるサイトを運営しておりまして、先ごろよりpushState&popStateと、Facebookの「いいね!」、Google+1ボタンに対応させる小改造を行ってました。 Ajaxで写真を動的に遷移するのですが、写真ごとにいいね!と+1が欲しいので、遷移したタイミングでボタンを手動でリセットする必要がある、さあ、どうしよう、というのが今回のお題です。 Facebookのほうは、こちらの記事にあったんですが、Googl […]

flotの軸を逆にするには?

jQueryのグラフ描画プラグインといえば、jQuery Visualize、jqPlot、Morris.js、Highchartsあたりがよく使われてるようですが、jQuery Visualizeはとっつきはいいんですがデフォルトの見た目がイマイチ、jqPlotは総合力は高いけどjQueryのバージョンとの組み合わせが意外とシビア、Morris.jsはx軸に日時しか入れられない、Highchartsはマジで完璧だけど商用利用は有料、といった具合に、どれもちょっとずつ選べない理由が。 そんな中、 […]

Firefoxのwindow.onload時点では:first-letterの処理が終わっていない

「一日一記事以上を投稿しない」というルールと、「岩木山の写真は、撮った日は必ず貼る」というルールを設けてます。が、最近天気の良い日が続きすぎて、岩木山の写真が連日撮れちゃう→他の記事を投稿できない、という状況に陥りまして、一番見ていただいているIT関係の記事が2週間半書けてないという…。 ネタはいくつもあるにも関わらず、投稿できるのがいつとも知れないというのもストレスなんで、最初の方の禁を破ることとしました。 というわけで。 昨日たっぷり6時間かかった、私にとって新鮮な話題。優等生だとばかり思っ […]

文字列をjQuery.post()でPHPに渡してファイルに保存したら、エスケープされて困った件

まあ、こんなの基本なんでしょうけど…。 表題のとおりなんですが、これまたハマりました。 サーバ側とクライアント側、どちらのケースもありますです。 サーバ側、すなわちPHP側の場合、php.iniのmagic_quotes_gpcなる値をoffにする。 クライアント側、JavaScript側の場合、PHPでもって文字列をstripslashesする。 基本的にこれだけなんですけどね、知らんちゅうのは悲しいことです。

手動でjQueryアニメーションすると、意外とコードが冗長になる?

「IE」と「透過PNG」。この二つを並べるとイヤ~な気持ちになるコーダーの方は多いと思いますが、ご多分に漏れず、私もその一人です。どうしても透過PNGのフェード処理を入れたい案件があったので、background-imageにアニメのコマを並べた一枚の画像を指定して、background-positionをずらしてく方法を使ったのですが、このアニメーションの部分をjQueryで書くと、 // frameCountは画像に並べたコマの数(左から右へ横に並べる) // frameWidthはコマの横 […]