ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。:phpspot開発日誌
HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 2011年05月26日- DESKTOPIFY Aquaron HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 このライブラリを使うことで簡単にjquery風の記法でデスクトップ通知が出来るようです 試しに、入力して送信してみると。 という具合にChromeだと表示されます。 通知していいかどうかも聞かれるのでそこを一度許可すれば、便利な通知として使えます。 LightBox的通知もいいですが、わかりやすさでいえばこちらもいいですね。 関連エントリ JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 ブラウザに分かりやすい通知を送れるスクリプト色々 利用者に対し非常に分か
PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」:phpspot開発日誌
PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 2008年02月21日- Icebeat | class.image PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 class.image.php を使えば、分かりやすいコードで、簡単に画像のリサイズ、切抜きが可能です。 例えば、3行で、画像のサムネイルが作れてしまいます。 まずは、画像を幅200pxでリサイズ＆保存のコード $thumb = new Image('image.jpg'); $thumb->width(200); $thumb->save(); そして、画像を50%のサイズにリサイズのコード $thumb = new Image('image.jpg'); $thumb->resize(50); $thumb->save(); そして、左0px、上30pxの位置
過負荷に耐えるWEBサービス作成のための使えるPHPキャッシュテクニックまとめ:phpspot開発日誌
過負荷に耐えるWEBサービス作成のための使えるPHPキャッシュテクニックまとめ。 サービス展開というとOSのチューニングや各種インフラソフトウェアのチューニング、更にはWEBアプリプログラム自体の効率化と、幅広い知識が必要になってきますが、PHPでWEBアプリを作る際によく効くキャッシュテクニックを用途・使いどころ別に説明します。 キャッシュをうまく効かせることで大幅に計算量を減らしてより多くのリクエストを少ないマシンで捌くことが出来、コストを下げたり、過負荷の悩みを減らせます。 個人レベルでのWEBサービス開発の場合、サーバ代がお財布を大きく圧迫しますが、最低のコストでサービスを賄うことに繋げられます、ということでPHPでサービス作ってやろうと思っている人は参考にしてみて下さい。 static変数でキャッシュ 特に何も入れなくてもそのまま使えるstatic変数。例えば、関数等で一定の計算
Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」:phpspot開発日誌
jquery-frontier-calendar - Project Hosting on Google Code Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」がGoogle Codeにて公開されています。 広がるカレンダーをクリックで簡単に予定を追加し、次のように表示できます。ラインをクリックすれば予定が分かったり、ラインをドラッグ＆ドロップして予定をずらせたりすることが可能。 背景画像を指定したりすることも出来ます。 他にも同様のライブラリはありますが、仕様によって使い分けるとよさそうですね。 関連エントリ これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calend
パスワード生成や年齢計算等、PHPの便利なスニペット集:phpspot開発日誌
10 life-saving PHP snippets パスワード生成や年齢計算等、PHPの便利なスニペット集が公開されています。 ジャンルは統一されていませんが、便利そうだったのでご紹介です。 以下、実際に掲載されているコードの種類です。 フレーズ内でワードをハイライトさせる FeedBurnerの購読者の平均を取る パスワード生成 複数のCSSファイルを圧縮してひとつにする TinyURLでURLを短く 誕生日から年齢を計算 スクリプトの実行時間計算 メンテナンスモードに設定する際のスニペット jsやcssコードをキャッシュしないようにするサンプル 数字によって変わる 1st, 2nd などを、数字から自動で推測して付与してくれる関数 初歩的なものから、ちょっと頭を使うものまで、便利に使えますね。 関連エントリ 使える２１のPHPコードスニペット 使えるPHP等のコードスニペット（１６
ユニークで使えそうなjQueryプラグイン10個:phpspot開発日誌
10 Really Interesting jQuery Plugins | Queness ユニークで使えそうな jQueryプラグイン10個。 プラグインといえば、タブやLightboxといった定番のものから、他にも役立つものが色々とありますが、紹介されているものはどれも便利そうでしたのでいくつかご紹介。 Impromptu LightBox風に、OK・Cancel のダイアログを表示できます。 Captify 画像の下部に半透明の背景付きキャプションを表示。アニメーションしていい感じ Favico リンクに自動でfaviconを付けてくれる jQuery BreadCrumb アニメーションして使いやすいパンくずリスト jQuery Spotlight 特定のブロック要素以外にオーバーレイして特定のブロックを目立たせます jQuery Peel ページがペラっとめくれたような驚きのエ
XAMPPでcurlやopensslなどのPHPエクステンションを有効にする方法:phpspot開発日誌
XAMPPでcurlやopensslなどのPHPエクステンションを有効にする方法。 XAMPPは、Apache、MySQL、PHPのWEB開発ツールを一括してインストールできるソフトです。 ApacheやMySQLの起動もコントロールパネルで行え、PHP4,5の切り替えも可能（→詳しくはこちら）。 ただ、XAMPPはインストーラーでインストールできる分、configure などのコマンドによってPHPのインストールオプションの指定は出来ません。 このため、よく使われるPHPエクステンションの curl は初期状態では使うことが出来ません。 opensslはServices_Deliciousを使う際に使ったりしますし、curlは、Services_YoutubeやServices_TinyURLなどで使われます。(そもそもcurlエクステンションは便利) そこで、XAMPPでcurlを使う
mixiアプリの作り方(PC・携帯版)に関するサイト色々まとめ:phpspot開発日誌
携帯mixiアプリアクセス殺到(Yahoo!ニュース) によると、モバイル版もリリースされたmixiアプリがとても熱いようですね。 ということで色々、mixiアプリの収益化のチャンスや開発方法などの現状について調べてみました。 収益化のチャンス mixi アプリを作ることで、mixiのPVもあがるわけですが、開発者にも収益化やメリットがありますね。 以下に3つのメリットをまとめてみました。 (1) 自分のサイトへの誘導 mixi に集まる大量のトラフィックを自分のサイトにも誘導することで収益化のチャンスがあります。 実際に「外部サイトに誘導するための手順」としてその方法が提供されていますね。 (2) PVによって収益を得るアドプログラム 1PV 0.01円がもらえるみたいです。10万PVで1000円ですが、ユーザ数を考えると可能性を感じますね。 ヒットアプリになると100万ユーザとかになる
jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌
Justify elements using jQuery and CSS jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法が紹介されております。 何ができるか？というのは次の図を見て頂くのがはやいでしょう。 ビフォア ↓↓↓↓ アフター これを実現するために、CSSとマークアップによって実現するのが普通ですが、jQueryによってもっとスマートに出来るようですね。 具体的には、次のように、label の中で width がもっとも大きいもののサイズを得て、そのサイズにJavaScriptで調整しちゃうというものです。 $(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); });
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
