Grid」のご紹介です。Grid!レスポンシブ対応!jQueryで動的にグラフを作れる「jqPlot」が使いやすい!04/22/2014CloudPaperの改良で年間売上グラフを入れようと思い、動的に使えるjQueryプラグインを探していたところ「jqPlot」という素敵なプラグインを見つけました。かんたんに導入方法をご紹介します。続きを読むjQueryで動的にグラフを作れる「jqPlot」が使いやすい!HTML5のplaceholderを対応していないブラウザでも使いたい01/09/2014placeholderとは、検索フォームなどでよくみるアレのこと。何も入力されていない時に、テキストフォームにうっすら文字でアナウンスすることができます。これはinputタグにplaceholderを記述するだけで使えるようになりますが、古いブラウザでは使えません。続きを読むHTML5のplaceholderを対応していないブラウザでも使いたいPHPとJavaScriptで擬似リアルタイムチャットを作る05/28/2013リアルタイムにチャットできる仕組みをPHPで作りたいと考えた時に、どうやって実現したらいいだろうと考えた。どちらか一方の発言があった時に、プルではなくプッシュで通知する仕組みが必要だ。調べた結果、やり方としては大きく分けて、2つの手法に分けられるようだ。続きを読むPHPとJavaScriptで擬似リアルタイムチャットを作るフォームに入力された数字を自動的に半角かつカンマ抜きに直す03/04/2013数字を入力して、その数字を使ってJavaScriptで計算をしたい。こんな時に、全角やカンマを入力されるとそのままでは計算ができません。そこで、フォームに入力された時に自動的に半角+カンマ抜きにする関数の登場です。Typeaheadの日本語入力対応02/25/2013Bootstrapに入っているTypeheadは、フォームに入力している途中で、候補文字が出てきて補完してくれる便利な機能です。こんな機能をかんたんに導入することができて、最高なんですが、日本語入力に対応していないという致命的欠点があります。Typeaheadの日本語入力対応MySQL内に保存された画像を、実ファイルに変換するスクリプト02/15/2013実は僕が10年前くらいに作ったWebシステムのいくつかは、データベースにBLOB形式でバイナリファイルを格納していました。データベース内に直接画像を保存することで、検索と連動して処理しやすいようにしたつもりでした。実際に運用がはじまるとそんなことはありませんでした。データが増えてくるほどに危険性が増してきます。データベースのバックアップデータも肥大化し、SQLでバックアップをとっても、ファイルが数GBともなると、直接ファイルを開いて確認することはできませんし、復元する時にとんでもない労力が発生する可能性があります。いうことから、これまでデータベースに保存していた画像を取り出して、通常の画像ファイルに変更して保存しなおすスクリプトを作りました。それぞれの環境によって適宜変更が必要かと思いますし、流用の際は自己責任でお願いします。続きを読むMySQL内に保存された画像を、実ファイルに変換するスクリプトPHPで呼び出した文字列内の特殊文字で、JavaScriptエラーが出る場合の対処法02/15/2013例えばPHPにてデータベースに入っている文字列を呼び出して、その文字列をJavaScriptで使おうとした際に、「’」シングルクォーテーションや「”」ダブルクオーテーションなどが入っていると、上手く動作しないことがあります。続きを読むPHPで呼び出した文字列内の特殊文字で、JavaScriptエラーが出る場合の対処法PhotoSwipeプラグインの使い方!スマホサイトのギャラリーに使える!02/11/2013スマホサイト向けのサイトで、写真をたくさん見せたい時に使えるライブラリ「PhotoSwipe」が便利です。タッチすると全画面で表示して、次へ次へとスワイプも可能です。続きを読むPhotoSwipeプラグインの使い方!スマホサイトのギャラリーに使える!JavaScriptを整形するツール!圧縮されて読めないファイルを元に戻す!12/06/2012Web制作をやっている人間だと、たまにWebサイトを見ていて「お!」と思うような動きだったり、機能を実装しているサイトに出くわします。そんな時は、ついついソースコードを見てどんな風に実現しているのか、見たくなりますよね。javascriptファイルを開いてみると「読めねぇ〜!」ってことが、多々あります。サイトを高速化するため、圧縮してるんですね。