電話番号入力時等に自動でタブを入力してくれるjQueryプラグイン「Autotab」:phpspot開発日誌
jQuery Autotab Demo 電話番号入力時等に自動でタブを入力してくれるjQueryプラグイン「Autotab」 電話番号フィールドを複数にわけているけど、入力がおわったら次のフィールドに自動でうつる、というアレが簡単に実装できます。 単に移動するだけではなくて、入力値をフィルタすることも可能です 関連エントリ Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 より良いフォームの入力ヒント実装jQueryプラグイン「Label Better」 フォーム要素にフォーカスした際のヒント表示を簡単に実装できるjQueryプラグイン「FormHelp」
特定サイトのfaviconを手軽に取得できるOSS「getFavicon」:phpspot開発日誌
getFavicon 特定サイトのfaviconを手軽に取得できるOSS「getFavicon」。 サンプルとして、http://g.etfv.co/[URL] としてリクエストすればfaviconが取れます 例) http://g.etfv.co///phpspot.org/blog/ faviconはキャッシュされるので、更新した際は以下のようにクリアも可能 http://g.etfv.co/decache/?domain=//www.google.com こちらのサーバが心配なのであんまり負荷はかけないであげてほしいのですが、ソースがgithubで入手できるので、自分のサーバにホスティングして使ったほうがよさげ。実装はPython faviconがあったほうがリンク集などでは分かりやすいですのでユーザビリティ向上などに活用させてもらいましょう。 関連エントリ faviconをアニメー
フルスクリーン背景がスライドショーになるCSS3サンプル:phpspot開発日誌
Fullscreen Background Image Slideshow with CSS3 | Codrops フルスクリーン背景がスライドショーになるCSS3サンプル。 ページ全体の背景がCSS3によってアニメーションされ切り替わるサンプルとチュートリアルが公開されています。 画像・文字が綺麗にクロスフェードしながら切り替わってなかなかカッコいいものがCSS3をベースに構築されていて勉強になりつつ、そのまま使えそうです デモページ ISDNの時代などはページ全体を背景にすることはタブーでしたが回線の高速化で珍しくなくなりましたね。 今後、よりPCのスペックがあがり回線環境がよくなることで未来はもっともっとリッチになっていきそうですね 関連エントリ CSS3のアニメーションサンプル４７ ピュアCSS3でタイピングアニメーションするデモ CSS3で実装された画像スライドショーサンプル C
特定クラスのメソッドをURLから呼び出せるAPI作りに便利なPHPライブラリ「Restler」:phpspot開発日誌
Luracast Restler: Simple and effective multi-protocol REST API Server 特定クラスのメソッドをURLから呼び出せるAPI作りに便利なPHPライブラリ「Restler」 SimpleService というクラスがあった場合に、 sum というメソッドを用意して sum($n1, $n2) のような引数を取る場合、/sum?n1=1&n2=3 のようにして呼び出せるようにする フレームワークだそうです。APIのエンドポイントをクラスのメソッド追加で完了するのはなかなか直感的で分かりやすいので管理がしやすそうですね publicメソッド以外は公開されないとはいえ、共通メソッドなんかで間違って外部公開しちゃうような危険もありそうなので、共通機能は別クラスによって実現した方がいいのかも。 こちらに関連するスライドがあるみたい 関連エ
SSHトンネリングに対応したMySQL管理GUIアプリ「MyDB Studio」:phpspot開発日誌
MyDB Studio: Simplify your MySQL admin ! (Best MySQL front end) SSHトンネリングに対応したMySQL管理GUIアプリ「MyDB Studio」。 フリーでダウンロード可能です。phpMyAdminをSSL経由でたたければいいのですが、SSL導入は証明書や作業コスト等何かと面倒で普通のhttp通信にしちゃってる場合もありそう。 大切なデータを生でネットワークに流すのはあんまりよろしくなさそうで、仮にユーザアカウントテーブルなどを参照した際、パスワードがハッシュ化されていなければそのままデータが漏洩することになりそうですね。 SSHトンネリングならばセキュアな通信が出来る上、なかなか高機能なGUIツールみたいなので、便利に使えそうです。 (追記：phpmyadmin等をポートフォワードしてもいいですね。) サーバにつないでデータ
WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ:phpspot開発日誌
(追記) 2/16 23時 いくつかのライブラリを追記しました。 WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ。 本家pearには560程のモジュールがあります(2011/2月現在)が、WEBサービスを作る上でよく使う物をまとめてみました。 これからPHPを使ってサービスを作ろうと思っている方は代替を使うことになると思うので参考にしてみて下さい。 php はインストール時点で既に多くの機能が備わっており、大体のことができてしまいますが、PEARを使うことで面倒なことがより簡単にできるようになります。 PEAR以外にも便利なライブラリはあるのですが、今回はあえて殆どをPEARサイトで公開されている物に絞ってご紹介します。 基本的なパッケージ まず、汎用に使える便利なパッケージのご紹介です。 HTTP_Request2 url を渡してリモートのテキストを取って
ActionScript3からPDFを作成出来るライブラリ「purePDF」:phpspot開発日誌
purePDF, a complete actionscript PDF library - sephiroth.it - flash world ActionScript3からPDFを作成出来るライブラリ「purePDF」。 PHPなどからPDFを作成できるライブラリは色々ありましたが、AS3というのは初めてかも。 ライブラリを使って作成されたPDFはこちら（PDF注意） Google Code によってオープンソースで開発されてます。 purePDFのプロジェクトサイト - サンプルなんかも公開されています。 実際に使って検証が必要とは思いますが、サーバサイドにかかる負荷をこれでクライアントサイトに移すことが出来るかも、という点でこのライブラリは注目かもしれません。 関連エントリ PHPからOffice・Photoshop・PDF等の各種ファイルを操作するためのライブラリまとめ PHP
テキストを動的にアンチエイリアスがかった綺麗な画像にする仕組み色々:phpspot開発日誌
Dynamic Text Replacement Solutions | Dezinerfolio テキストを動的にアンチエイリアスがかった綺麗な画像にする仕組みが色々とあるみたいです。 FlashやPHP、CSS、JavaScriptの要素をトリッキーに混ぜ合わせているところも見所です。 P+C DTR PHP+GDで綺麗なテキストを生成し、JavaScriptでbackground-image設定して表示します。 そもそもがテキストになっているので、HTMLもクリーンです。 見え方は以下のように、綺麗なテキスト 生成されたHTMLはh5要素として、次のようになっています。 <h5 style="background-image: url(image.php?text=You%27re+Look%27n+At+It&tag=h5);">You're Look'n At It</h
PHPで画像をブラウザキャッシュさせるサンプルコード例:phpspot開発日誌
Image Caching With PHP at Jozef Chutka's blog PHPで画像をブラウザキャッシュさせるサンプルコード例が公開されています。 ブラウザキャッシュ用の Last-Modified、Cache-Control、Expires、ETag ヘッダーを発行してそれぞれハンドリングさせたサンプルです。 PHPで画像を転送するのは重い処理になりますが、こうしたヘッダーによる制御でサーバへの負荷を大きく下げられます。 そもそもPHPで画像を転送する事自体効率が悪いのですが、どうしてもPHPで動的に画像を出したいという場合において使えますね。 ここら辺のブラウザキャッシュに詳しくない方も学習用途に参考にできそうです。 コードをそのままコピペすると動くわけではなく、$this->time()とか、$this->filename()となっている部分においては若干書き換え
jQueryでXMLをパースして表示するコードサンプル例:phpspot開発日誌
Parse XML with jQuery | Papermashup.com jQueryでXMLをパースして表示するコードサンプル例が公開されています。 jQueryマスターな方には無用の物かも知れませんが、スニペットとしても使えそうなので便利かも、というのでご紹介。 $.ajax でサイト内にある .xml ファイルを取得して、success のハンドラによってXML処理させます。 普通に書くと大変ですが、jQueryを使うことで次のように簡単になります。 .xml のパスはサイト内のURLであれば何でもいいので、サーバ側に xml を出力するようなAPIが既にある場合、jsonに変換することなく簡単に使えますね。 jQueryのDOM操作の簡単さによってこれだけ短縮できているところが何とも凄いです。
ブラウザ上でC#やPHP5を動かせて遊んで学べる「CodeRun」:phpspot開発日誌
ブラウザ上でC#やPHP5を動かせて遊んで学べる「CodeRun」が凄いです。 最初アプリケーションかなと思ったのですが、全てブラウザ上で動作するので、学習用やちょっとした動作確認に使えます。 ブラウザ上でコーディング 次のように、IDEアプリケーションのようなUIで、C#やPHP5.1を、ブラウザの上で動かすことが出来ます。 プロジェクト作成 New → Project を選ぶと、C#やJavaScript、PHPの色々なプロジェクトが作れることがわかります。 PHPのHellow World のソースが入ったコードがエディタに表示されました。このソースをいじって直接動かせます。 コードを動作テスト 次のようなコードを書いて「Run」ボタンを押してみます。 以下、出力例です。ちゃんと動きました。 c2d6c077f524683db2f00c0e975766810 1 2 3 4 5 6
プリティなURLを実現するための分かりやすい.htaccessサンプル:phpspot開発日誌
プリティなURLを実現するための分かりやすい.htaccessサンプル。 要は、http://site/photo.php?id=hogehoge&page=2 を http://site/photo/hogehoge/page/2/ のようにするためのmod_rewriteの設定になります。 随分前から、その真偽について色々議論されつつもSEOの常識として言われているpretty url。SEO云々もありますが、一目見て分かりやすいという点でも覚えておきたい部分ですが、その実装記述例が公開されています。 いざ実装するとなると参考になる分かりやすいサンプルまでたどり着くのが大変だったりするので覚えておいてもよいかも。 公開されている.htaccessコードは以下で、RewriteRule 部分で正規表現を使ってマッチングさせて、$1 とか $2 とかで値を渡してます。 RewriteEng
CSSやJSファイルを軽量＆圧縮して転送できる「csszip.php」:phpspot開発日誌
Easy CSS Compression with PHP and mod_rewrite - Roger Stringer CSSやJSファイルを軽量＆圧縮して転送できる「csszip.php」というファイルが公開されています。 「csszip.php?file=ファイル名」のようにリンクすると、不要な改行やタブなどを取り除いた上でgzip圧縮し、Expiresヘッダを発行して転送できます。 さらに、mod_rewrite を使って、拡張子が css や js のものは自動で csszip.php に転送するというので自動で圧縮転送が出来る例も公開されています。 注意点として、拡張子が js, css のものはすべて file=*** で指定できてしまうので、この部分は見直した方がよさそう。 理想的には、スタティックなファイルを mod_expires, mod_deflate などでハ
PHPコーディングに関する最適化TIPS 2009:phpspot開発日誌
PHP micro-optimization tips | Alex @ Net PHPコーディングに関する最適化TIPS というのがまとまっていましたのでご紹介。 元記事では、micro-optimization ということで、これらを直すのももちろんだけど、ロジックを直す方がパフォーマンスは改善されるということを言ってるようです。 個人的な勉強がてら、メモとして残します。 ・__call のマジックメソッドを使うと遅い ・staticなメソッドはインスタンス化したオブジェクトのメソッドより速い ・関数呼び出しは、staticなメソッド呼び出しより高速 ・ローカル変数へのアクセスはグローバル変数へのアクセスより速い ・グローバル変数へのアクセスは、オブジェクトのプロパティより速い ・オブジェクトプロパティへのアクセスは、__get, __set を使うと遅い ・初期化された変数はそうでな
プロレベルのPhotoshopチュートリアル集:phpspot開発日誌
50 Great Photoshop Tutorials for Clever Beginners - PSDTUTS プロレベルのPhotoshopチュートリアル集。 アーティスティックな作品を作るのに参考になりそうなチュートリアルばかりがまとまっています。 Manipulating a WW2 Fighter Aircraft 6 Quick 'n Dirty Text Effects From Scratch Make a Turn of the Century Vaudeville Poster Miodern Art Idiots Guide to Small Planets 10 Step Lighting Effect 3D Transform a Colorful Cube Design Silhouettes and Gradients Pencil It In Craf
Photoshopで輝くグラス風文字を作成するチュートリアル:phpspot開発日誌
Transparent Glass Lettering in Photoshop In this tutorial we're going to use some super layer effects and a bit of extra magic to make a lettering style that looks transparent and stunning. Photoshopで輝くグラス風文字を作成するチュートリアル。 次のようなカッコいいグラス風の文字を作成するチュートリアルです。 光の輝きを付けるなど、細部にもこだわったものになっています。 タイトルロゴなんかを作る際なんかにも使えますね。 他にも色々と応用できそうです。 関連エントリ PhotoShopで写真を幻想的に加工するチュートリアル PhotoShopでWeb2.0風な光沢あるロゴを作るためのチュートリアル
超クールなブログデザイン11集30:phpspot開発日誌
30 More Excellent Blog Designs | Design Showcase | Smashing Magazine It’s not hard to design a weblog, but it’s getting harder when you try to achieve a unique weblog design. 超クールなブログデザイン集30。 SmashingMagazine にてクールなブログ特集が公開されました。 いくつか気になったものをブックマーク。 Webデザイナーのためのリンク集 個性的かつ印象的なブログを作る際の参考にできそうです。 関連エントリ プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」
WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル:phpspot開発日誌
Icojoy this tutorial we will try to make round button in one of Windows Vista styles. WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル。 次のようなボタンを作成するチュートリアルがムービー付きで公開されています。 以下がそのムービーです。 ガラスのような質感を作成する場合に参考になる良いチュートリアルですね。 このVista風のボタンもカッコいいのでサイトに盛り込んでカッコいいサイト作りに役立てられそうです。 関連エントリ 56のクールなPhotoShop用レイヤースタイル集 PhotoShopでMacOS、Leopard風ロゴを作るチュートリアル
URLを短くするサービスを提供するためのスクリプト:phpspot開発日誌
Zeak.Net Simple PHP script using Mysql and Mod-Rewrite, that lets you run your own short url service, take a long url, and make it short. Its easy to implant to your existing website, with the simple HTML submit form its using. A great online service to offer your visitors. PHP+MySQLで出来たURL圧縮サービス提供用スクリプト。 これさえあれば、誰でも簡単にURL圧縮サービスを提供できますね。 サービス提供目的以外でも、個人的に、あるいは会社でこういったものを置いておくと結構便利かもしれません。 商用利用、バック
AjaxでCAPTCHAするPHPプログラムサンプル「AJAX CAPTCHA」:phpspot開発日誌
Psyrens.com Scripts - AJAX CAPTCHA AjaxでCAPTCHAするPHPプログラムサンプル「AJAX CAPTCHA」。 次のような、Checkボタンを押すと、画面遷移せずにCAPTCHAの値が正しいかどうかを確認するサンプルがダウンロード可能です。 CAPTCHA の値が正しければ、インプットボックスの背景が緑色に、正しくなければ赤色になります。 Ajaxで作ったフォームでどうしてもCAPTCHA を使用したいという場合に参考にできそうなサンプルですね。 関連エントリ 文字を読み上げてくれるWEBAPI「Audio CAPTCHA Web Service」 ねこでコメントスパムを防ぐ「Auth_Kitten」 数字の足し算を行わせてCAPTCHA認証を行うPHPライブラリ「PEAR::Text_CAPTCHA_Numeral」 PHPで使えるCAPTCHA
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
