hnwの日記 - PHPの奇妙なround関数
(2012/11/01追記) 4年ほど前の記事「PHP5.3.0alpha3のround関数の実装がPHP5.2.6と変わった - hnwの日記」でお伝えした通り、PHP 5.3.0から別の実装が採用されており、本ページで指摘しているような挙動のPHPは既に絶滅危惧種です。念のため。 さて、プログラミングの話題もたまには書いてみます。今回はPHPのround関数の挙動が変だ！という話題です。 round()は浮動小数点数を四捨五入する関数で、大抵の言語に同じ名前で実装されているかと思います。ではPHPのround関数の何が問題なのか、ちょっと試してみましょう。 $ uname -sro Linux 2.6.9-42.0.10.plus.c4smp GNU/Linux $ php --version PHP 5.1.6 (cli) (built: Feb 23 2007 06:56:38)
ITmedia Biz.ID：Getting Things Done（GTD）まとめ
Getting Things Done（GTD）まとめ ストレスフリーの仕事術、GTD（Getting Things Done）。海外のナレッジワーカーには常識になりつつあるこの仕事術、あなたはもう試してみましたか？ Biz.IDでは、GTDを活用して仕事の生産性を上げるビジネスパーソンを応援します。 今ならできるGTD 「将来の目標」は「日々の仕事」の中にあり デビッド・アレンさんは「日々の仕事を片付けられないと、将来の目標など見えてこない」と言います。日々仕事に追われていたりストレスにさらされていると将来のビジョンは描きにくくなります。(2008/12/31) GTDでつまずきやすい「プロジェクト」って？ GTDで分かりにくい概念のひとつに「プロジェクト」があります。6つのレベルでやるべきことを見直す「Horizontal Model」で考えると、プロジェクトの活用法が見えてきます。(
ブラウザ上で動作する便利なウィジェットを簡単作成「iCarousel」:phpspot開発日誌
iCarousel - An open source (free) javascript tool for creating carousel like widgets. iCarousel is an open source (free) javascript tool for creating carousel like widgets. ブラウザ上で動作する便利なウィジェットを簡単作成「iCarousel」。 次のようなアニメーションするウィジェットを作成可能。 ニューススクローラー >水平画像スクローラー >垂直テキストスクローラー 実装コードもシンプルで、垂直テキストスクローラーの場合は次のコードで実現できます。 ■HTML / ■JavaScript <h3>V. Vertical text scroller</h3> <div id="example_5"> <div id=
MOONGIFT :: オープンソース広告配信システムの決定版「OpenAds」
サイトを運営していると、その内広告を入れるという作業が大抵発生する。最も有名で手軽なものといえばGoogle AdSenseになろうが、やはり独自の広告を入れたいという人は多いだろう。 しかし広告の配信システムを一から構築するのは非常に手間だ。さらに本業のサイト運営とは若干種類が異なるシステムになる。それであればオープンソースの専用システムを取り入れるのが一番速く、正解と言えるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはOpenAds、オープンソースの広告配信システムだ。 実はOpenAdsは3つの異なるシステムが関わっている。元々はphpAdsNewと言うPHP+MySQLの広告配信システムとそのPostgreSQL版であるphpPgAdsがあった。それらが統合し、Max Media Managerというシステムが生まれ、その名前が変わったものがOpenAdsになる。
Smartyの日本語公式マニュアルが公開:phpspot開発日誌
Smarty Smartyの日本語公式マニュアルが公開されました。 「Smarty（暫定）」においても、Smartyのマニュアルが公開されましたが、公式サイトで公開されたのは嬉しいですね。 関連エントリ Smarty徹底入門(1) Smarty徹底入門(2):テンプレートにコメントを書く Smarty徹底入門(3):assignした配列を読み込む Smarty徹底入門(4):オブジェクトのメンバを読み込む Smarty徹底入門(5):変数を一気に割り当てる Smarty徹底入門(6):GET/POSTなどの外部パラメータを読み込む Smarty徹底入門(7):外部パラメータcookie/sessionを読み込む Smarty徹底入門(8):外部パラメータenv/serverを読み込む Smarty徹底入門(9):読み込まれているテンプレ名を取得 Smarty徹底入門(10):テンプレート内
ボタンでサイトの文字サイズを自由に変更するサンプル:phpspot開発日誌
Zoom Zoom Zoom Consectetuer adipiscing elit. Curabitur viverra ultrices ante. Aliquam nec lectus. ボタンでサイトの文字サイズを自由に変更するサンプル。 右上のボタンを押すことで文字サイズを変更できます。ニュースサイトでは標準実装されている機能ですが、自分のサイトにも埋め込みたい場合、このサンプルが応用できそう。 switcher.js というファイルを読み込んで表示しているようで、ボタンを押した際にスタイルシートをJavaScriptで書き換えているようです。 もっと良いサンプルは作れそうですが、手早く改造して利用する分にはこれでもよいかもしれませんね。
１つのファイルにJavaScriptとCSSをまとめて記述する方法:phpspot開発日誌
My experiments with .Net : Combine CSS with JS and make it into a single download! １つのファイルにJavaScriptとCSSをまとめて記述する方法。 まず、test.jscss というファイルを作って、次のように内容を記述します。 <!-- /* function t(){alert('test');} <!-- */ <!-- body { background-color: Aqua; } そして、次のようにJavaScriptとCSSを呼び出す際に先ほど作成したtest.jscssを指定することができます。 <html> <link type="text/css" rel="stylesheet" href="test.jscss" /> <script type="text/javascript"
JavaScriptでBackボタンを扱うためのライブラリ集:phpspot開発日誌
JavaScriptでBackボタンを扱うためのライブラリ集いろいろ。 dojoやYUI 用のものがいろいろ出ているようですね。 dsHistory Really Simple History (RSH), Brad Neuberg AJAX-Nav, Mike Stenhouse dojo.io.bind, Alex Russell, et al YUI Browser History Manager, Julien Lecomte ブラウザ履歴を簡単に操作可能なjQueryプラグイン「jquery.history」 原理は「 Ajaxなページで「戻るボタン」を機能させる方法」で紹介した感じでIFRAME等を使って実装されています
フリーのイメージギャラリー＆スライドショーWEBアプリ集:phpspot開発日誌
DHTML Site - 20 Free CSS Image Galleries Slideshows A gallery is often a nice way to show your images. Here are a list of 20 free image galleries and slideshows for use on your site. フリーのイメージギャラリー＆スライドショーWEBアプリ集。 次がその一覧。 zenPHOTO FrogJS Gallery Slideshow Alternative Javascript Flickr Slideshow JonDesign's SmoothGallery CSS Photo Shuffler Highslide JS Sliding Photograph Galleries easyALBUM CSS phot
Prototype.jsベースのグラフィックス描画フレームワーク:phpspot開発日誌
Prototype Graphic Framework This open-source framework is developed for my new project NeoMeeting. Prototype.jsベースのグラフィックス描画フレームワークの紹介。 四角形、円形、多角形などを SVG/VML/Canvas の方式で描画することが出来ます。 コードは次のようにオブジェクト指向でシンプルに記述できます。(SVG描画の場合) // Create an SVG renderer var renderer = new SVGRenderer("whiteboard"); // Create a rectangle with some attributes like color and bounds var rect = new Graphic.Rectangle(rendere
JavaScript/Ajax＆CSSなツールチップライブラリ集:phpspot開発日誌
Kollermedia.at - The Website of the Freelancer Koller Jgen List of 25 Javascript/Ajax & CSS Tooltip Scripts List of 25 Javascript/Ajax and CSS Tooltips JavaScript/Ajax＆CSSなツールチップライブラリ集。 次のようにカーソルを合わせたときに説明を出すようなライブラリが沢山紹介。 Ajax Tooltip by dhtmlgoodies.com. [Example Page.] Ajax-Powered Help Balloons/Tooltips. Tool Tip Script by Cody Lindley. [Example Page.] jTip - a jQuery Tool Tip by Cody Lindley.
ブラウザ上で簡単にCSSを作成できる「Sky CSS Tool」:phpspot開発日誌
Sky CSS Tool ・ky CSSallows you to create CSS classes almost without using manuscript code. ブラウザ上で簡単にCSSを作成できる「Sky CSS Tool」。 このツールを使えば、CSSのプロパティを詳しく覚えていなくても簡単にCSSを組み立てることが出来ます。 CSSを少ししっていれば、スピーディかつ、直感的に分かりやすい方法でCSSを完成させられるでしょう。 使い方は、(1) 左のボックスから、編集したいCSSのセレクタ(body等)を選択します。 そして、(2) 右上のFontやTextをクリックして編集したいプロパティを選択します。すると、(3) 右下のウィンドウに設定ボックスが現れるので個別に設定していきます。 この流れでプロパティを設定していき、最後に右上の方にある「CSS Code」をク
フリーで汎用に使えるフォントいろいろ:phpspot開発日誌
Free Fonts of the Month: Geo Sans, OT Versa, Diavlo | Smashing Magazine We continue to collect most beautiful high quality freefonts, which can be used for both private and professional projects without any restrictions whatsoever. フリーで汎用に使えるフォントがいろいろと紹介されてました。 特に使えそうで気にいったものを紹介。 Geo Sans Light Diavlo Tuffy Greyscale Basic 続きを見る サイトのロゴなんかで使うとシンプルだけど栄えるロゴが作れそう。 関連エントリ 超クールなフリーフォント５種 知っておくべき５つの英文フォン
サービス終了のお知らせ
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
CSSとHTMLを相互に書き換えることができる「CSS HTML Converter」:phpspot開発日誌
CSS HTML Converter / Stuff / Andy Langton's Website CSSとHTMLを相互に書き換えることができる「CSS HTML Converter」。 CSS HTML Converter を使って、CSSでのスタイル指定をHTMLに変換したり、逆にHTMLの<font>指定の記述をCSSによる記述に変換することが出来ます。 次がその変換例) HTMLのFONTタグをCSSに変換できてます。 CSSを知っている人には無縁のツールかもしれませんが、HTMLを知っていてCSSはこれからという人にはもってこいのツールなんではないでしょうか。 これからCSSを学ぼうという人には良いツールかもしれませんね。
マインドマップ、ネットワーク図、組織図などを描画できるJavaScriptライブラリ「InfiView」:phpspot開発日誌
マインドマップ、ネットワーク図、組織図などを描画できるJavaScriptライブラリ「InfiView」 2007年04月02日- InfiView: Demos / Experience One of InfiView's strengths is its ability to show subsets of large contents of data in an efficient way by swapping data in and out of memory.マインドマップ、ネットワーク図、組織図などを描画できるJavaScriptライブラリ「InfiView」。 次のような図をJavaScript で動的に描画することが出来ています。 少々重いですが、デモとして見てなかなか楽しめます。 フライトブラウザ ネットワーク構成図 バルーンツリー と、サンプルで示した以外にも色々とデ
AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」:phpspot開発日誌
AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」 2007年04月10日- QrONE - crossdomain.js crossdomain.js は、Ajax でいうところの XMLHTTPRequest を Flash 経由で行う為のライブラリです。 AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」 次のように使えるそうです。 <script language="JavaScript" type="text/javascript"> <!-- crossdomain.open(); var _map; crossdomain.onload = function(){ crossdomain.request(http://api....com, function(flexE
JavaScript製のx86アセンブラ「JSASM」:phpspot開発日誌
JSASM the x86 Javascript Assembler JSASM is a simple (and verbose) Javascript x86 assembler JavaScript製のx86アセンブラ「JSASM」。 JavaScriptでアセンブリ言語を記述してブラウザ上で動作を試すことが可能です。 アセンブリ言語学習などに使えそうですね。
JavaScriptでクッキーにオブジェクトを保存する例:phpspot開発日誌
lalit dot lab -- JSON Cookies with Prototype. JavaScript code to store data as JSON strings in cookies. It uses prototype.js and json.js to store and retrieve JSON data from cookies. JavaScriptでクッキーにオブジェクトを保存する例。 JSON値を文字列に変換してクッキーに保存することで、オブジェクトをクッキーに保存する方法とライブラリが紹介されています。 提供されているのは CookieJar というクラスで、次のようなプログラムでオブジェクトのクッキー保存＆取得が出来るようになっています。 jar = new CookieJar({ expires:3600, // seconds path: '/
ブラウザ履歴を簡単に操作可能なjQueryプラグイン「jquery.history」:phpspot開発日誌
history plugin This plugin helps you make your Ajax-driven page available for "Go Back" button and "bookmark" of browser. ブラウザ履歴を簡単に操作可能なjQueryプラグイン「jquery.history」。 「Ajaxなページで「戻るボタン」を機能させる方法」で紹介したその方法がjQueryのプラグインとしてライブラリ化されました。 動作確認は、デモ画面の、load1, load2, load3 リンクを押していき、ブラウザの戻るボタンで確認することが可能です。 「Ajaxなページで「戻るボタン」を機能させる方法」で解説したとおり、iframe を使ったりしているようです。 こういった機能はライブラリ化されていると便利、というかAjaxフレームワークには最初からついて
Ajaxなページで「戻るボタン」を機能させる方法:phpspot開発日誌
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫：花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを１，２，３と開いていって、２に戻りたいのに、前に開いていたページに戻るのは利用者としては不本意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram
超高機能なJavaScriptテンプレートエンジン「ZParse」:phpspot開発日誌
ZParse - Advanced Javascript Templating ZParse is a multi-purpose, extensible, self-defineable javascript template parsing system which lets you define your templating rules. 超高機能なJavaScriptテンプレートエンジン「ZParse」の紹介。 Zparseを使えば次のようなif文などのロジックも入った高機能なテンプレートをJavaScriptで使えます。 <% var name = "Solid Snake", address = "somewhere"; %> <div id="card"> <:if name && address:> <div>name: ${name} </div> <div>addre
超クールなCSSデザインされたUIのレーティングシステムのサンプル:phpspot開発日誌
Rater ? Robarov: Webdesign, zoekmachine optimalisatie, hosting 超クールなCSSデザインされたUIのレーティングシステムのサンプル。 サンプルを使って次のようなカッコいいレーティングシステムを実装することができます。 デザインその１ デザインその２ いずれも、CSSによってデザインされており、HTMLは次のようにシンプル。 <ul id="rating"> <li id="r1"><a href="#1" title="give this site a 1"><span>Abysmal</span></a></li> <li id="r2"><a href="#2" title="give this site a 2"><span>Terrible</span></a></li> <li id="r3"><a href="#3"
Flashを使わない、JavaScript製メディアプレイヤー「JSMP」:phpspot開発日誌
JSMP PROJECT Flashを使わない、JavaScript製メディアプレイヤー「JSMP」。 JavaScript で動画を再生するサンプルが公開されています。 どうやっているかというと、内部的に jpeg 画像を高速に切り替えることで動画にしているようです。 プラグインが要らない、ということで使える部分があるかもしれませんね。
IEでJavaScriptのCanvasを利用するためのライブラリ「ExplorerCanvas」:phpspot開発日誌
IEでJavaScriptのCanvasを利用するためのライブラリ「ExplorerCanvas」 2007年04月23日- ExplorerCanvas Firefox, Safari and Opera 9 support the canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. IEでJavaScriptのCanvasを利用するためのライブラリ「ExplorerCanvas」。 FirefoxやSafari, Opera9ではブラウザ上で図形を描画できる Canvas クラスが存在しますが、IE にはそれがありません。 その Canvas 機能を IE に追加するライブラリが公開されました。 Canvas 同様
PHPTON : Open Source Content Management System (CMS)
PHPTON is a highly search engine optimized and user friendly open source web content management system. It is Multi-theme, Multi-language CMS with search engine friendly URLs.Sunday. April 29 2007 @ 10:15 PM Contributed by: Nioton PHPTON is a new dynamic web content management system written in PHP. Our goal is to provide a user friendly and powerful content management system with a great cont
SQLクエリをビジュアルに組み立てることができる「phpMyAdmin Query Bulder」:phpspot開発日誌
SQLクエリをビジュアルに組み立てることができる「phpMyAdmin Query Bulder」 2007年05月10日- phpMyAdmin - Query Builder SQLクエリをビジュアルに組み立てることができる「phpMyAdmin Query Bulder」。 テーブルを表示し、指定テーブルの指定カラムの情報を得るためのSQLクエリを得ることができるようです。 作成できるSELECT文例） SQL: "SELECT articles.userid, users.id, users.name, articletags.articleid FROM articles, users, articletags" まだ実用には至らないようなツールですが、こういったドラッグ＆ドロップ可能な直感的なＵＩをもつＳＱＬツールがあったらいいですね。 近い将来でてきそうですね。
テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック:phpspot開発日誌
Create Resizable Images With CSS | Smiley Cat Web Design I'm a big fan of layouts that still work if a user increases their browser's text size. テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック 方法１ 次のDIVがあったとして、 <div class="resize"></div> 次のＣＳＳを適用します。 .resize { background: url(image.jpg) -130px -140px no-repeat; border: 3px double #fff; float: left; height: 12em; margin: .2em 1em 1em 0; width: 12em; } すると、文字サイズを変更
prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」:phpspot開発日誌
prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 2007年05月14日- Control.TextArea : Cross Browser TextArea Manipulation Decent, flexible WYSIWYG editing in the browser is still an inconsistent affair at best in terms of user experience, integration effort, and generated markup. prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 利用にあたってのサンプルコードは次です。 textarea = new Control.TextArea('textarea_id');
ライトウェイトなPHP用MVCフレームワーク「adroit」:phpspot開発日誌
adroit - lightweight php framework Adroit is a lightweight PHP MVC framework. There are a number of very solid and well built PHP frameworks, such as CakePHP, symfony, Zend Framework and a slew of others. ライトウェイトなPHP用MVCフレームワーク「adroit」が公開されました。 オブジェクト指向 ＭＶＣ Ｓｍａｒｔｙユーティリティ付属 Ajax簡単実装 PHP5+以降 いろいろなフレームワークの動作原理を知ることでプログラムの設計についての理解を深めることができるので、時間があれば使ってみたり、中身について調べてみたいですね。 チュートリアルもあるようです。 関連エントリ PHPフレ
CSSコーディングの際に役立つエキスパートによる７０の方法:phpspot開発日誌
70 Expert Ideas For Better CSS Coding | Smashing Magazine CSS isn’t always easy to deal with. Depending on your skills and your experience, CSS coding can sometimes become a nightmare, particularly if you aren’t sure which selectors are actually being applied to document elements. CSSコーディングの際に役立つエキスパートによる７０の方法。 最初にＣＳＳをリセットせよ、とか、デバッグ用 ( .floatLeft, .floatRight クラス等 )のクラスを定義しよう、といった有用なテクニックが７０も記述されて
PHPによるオブジェクト指向の最適化:phpspot開発日誌
Jaslabs Optimizing PHP objects The following tips can help in optimizing object-orientated PHP.PHPによるオブジェクト指向の最適化。 メモによると次のようなことが書かれている。 ・変数は使う前に初期化せよ ・グローバル変数を２回以上呼び出す場合はローカル変数にコピーせよ ・よく使うメソッドは派生クラス内に記述せよ （尚、ＰＨＰの言語仕様が変わることがあるのでこの事柄は永続的な物ではない） ・オブジェクトのメソッド呼び出しは普通の関数呼び出しの２倍遅い。 ・ローカル変数のインクリメントが最も速い( $var++) ・オブジェクト変数のインクリメント($this->val)はローカル変数のインクリメントより３倍遅い ・初期化されていない変数のインクリメントは初期化されているものより９〜１０倍遅い な
フォントサイズの変更をJavaScriptによって検地する方法:phpspot開発日誌
A List Apart: Articles: Text-Resize Detection Furthermore, you won’t want to serve bite-sized content to visitors with large resolutions just to cater to visitors with smaller resolutions?if you can avoid it. フォントサイズの変更をJavaScriptによって検地する方法。 ブラウザの文字サイズを変更した際に、JavaScript によってそのイベントを検出するライブラリ＆サンプルが公開されていました。 これを活用することで、次のように、フォントサイズを変更した際に特定のイベントを発生させることが可能になります。 コードは次のような感じ。 <!DOCTYPE HTML PUBLIC "
[ThinkIT] 第1回：今だからこその「PHPのすすめ」 (1/3)
オープンソース、特に「LAMP（Linux、Apache、MySQL、PHP）」が喧伝されてから久しいですが、それでも実際に現場に身を置いていると、まだまだPHP技術者不足を感じることがあります。 PHPだけがプログラミング言語ではありませんが、今後様々な意味においてPHPを使った開発をはじめとした技術が必要になるでしょう。そこで、本連載では3回にわたり、PHP開発の「光」と「影」について解説します。 一般的に「PHPは習得しやすい」といわれています。これは、例えばJavaと比較して、新入社員が現場で実際にプログラミングできるようになるまでの育成時間に着目すれば、その差は明らかでしょう。 Javaが難しいといわれるのは、Javaが言語として難しいというよりもオブジェクト指向の考え方を理解することが容易でないからだと考えられます。同じプログラム言語というカテゴリ分けで、単純にJavaとPHP
JavaScript用、日付フォーマット変換ライブラリ「dateformat.js」:phpspot開発日誌
JavaScript用、日付フォーマット変換ライブラリ「dateformat.js」 2007年05月16日- dateformat.js - 日付フォーマット変換ライブラリ 指定したパターンによるDate->String、String->Dateの変換を行うライブラリです。 JavaScript用、日付フォーマット変換ライブラリ「dateformat.js」 次の変換が可能です。 yyyy/MM/dd HH:mm:ss SSS→2007/05/15 21:02:30 218 2007/05/15 21:16:14 111→Tue May 15 21:16:14 UTC+0900 2007 使い方も簡単。 var dateFormat = new DateFormat("yyyy/MM/dd HH:mm:ss SSS"); var str = dateFormat.format(new D
ブラウザ上で動作するJSONエディタ:phpspot開発日誌
javascript json editor Click one of the sample buttons to load a JSON sample into the textarea, next; click the “build tree” button to create a collapsible tree. ブラウザ上で動作するJSONエディタ。 通常、テキストエディタでJSONの値を編集するのはなかなか大変になりますが、今回紹介するJSON Editorでは、次のようにツリーで表示され、 クリックして値を修正することで簡単にJSON値を修正することが出来ます。 JSONの値を直接編集する場合に便利ですね。
フリーのCSS＆JavaScriptカレンダースクリプトいろいろ:phpspot開発日誌
DHTML Site - 10 Free CSS and Javascript Calendars Calendars may be used on webpages for various reasons, such as allowing users to easily pick a date in a form, or just to provide monthly information. フリーのCSS＆JavaScriptカレンダースクリプトいろいろ 多くのウェブアプリに必要になってくるのがこのカレンダー機能なんですが、フリーで高機能なものが沢山出回っています。 ドラッグ＆ドロップなどでGoogleカレンダーライクなものまで色々とあるようです。 Monket Calendar Quick Calendar Using AJAX and PHP Integrating Googl
WEBデザインの際に参考にできる水平メニューサンプル集:phpspot開発日誌
nclud's Sketchbook | Horizontal Navigation; nine ways to skin a cat In an attempt at being unique and innovative, deciding on your navigation structure and presentation can sometimes seem like the most challenging.WEBデザインの際に参考にできる水平メニューサンプル集。 タブ風の水平メニューのサンプルが色々と紹介されています。 どれもシンプルですが、邪魔にならず見栄えのするデザインなので、デザイナーの方は、一度見ておきたいですね。
透明感があってハイクオリティーなフリーアイコン集「Crystal Clear」:phpspot開発日誌
Crystal Clear - Wikimedia Commons Icons from the Crystal Clear icon set by Everaldo Coelho.透明感があってハイクオリティーなフリーアイコン集「Crystal Clear」。 ライセンスはクリエイティブコモンズ（LGPLの間違いです）ということなので、色々と使えそうです。
FireBugで使える役立つ関数テクニック色々:phpspot開発日誌
Seifi.org Blog Archive FireBug Tips and Tricks There is so much power packed into this little FireFox plug-in. FireBugで使える役立つ関数テクニック色々。 FireBugをインストールしていても、多くの機能を使っていない方が多いのではないでしょうか？ 次のような、便利な関数がFireBugには用意されています。 console.log 関数の sprintf 風使い方(次のように、sprintf 風に使えます) var x = "fubar"; var y = 543; console.log("value of x is %s and value of y is %d", x, y); console.info 関数 で情報アイコン付きでメッセージ表示 console.in
HTTP用負荷ツールいろいろ:phpspot開発日誌
「オープンソース戦略により、無償で使えるようになった負荷テストツール」によるとWebLoadという商用のHTTP負荷計測ツールが無料で使えるようになったとのこと。 そこで、いろいろとある負荷計測ツールをまとめてみました。 ab(ApacheBench) - Apacheに付属の負荷計測ツール ＠IT：Apacheパフォーマンス・チューニングのポイント（2/2） JMeter - Javaで書かれた負荷計測ツール JMeter(高機能/フリーなテストツール)第1回：JMeterの基本 Microsoft Web Application Stress Tool - Microsoft提供のGUIによる負荷計測ツール WASTを使い倒そう！（TOP） WebLoad - 今回紹介された WebLoad オープンソース戦略により、無償で使えるようになった負荷テストツール どれもメジャーなものですが
CSSだけでメニューにツールチップヒントを付けるテクニック:phpspot開発日誌
CSS: Menu Descriptions | Mike’s Experiments | MikeCherim.com This is a CSS technique that could be useful if you want to give users accessible added content such as tool-tips, notifications, or alerts, without adding unnecessary clutter to your page. CSSだけでメニューにツールチップヒントを付けるテクニック。 次のようにメニューにカーソルを合わせるとヒントが表示できます。JavaScript不使用なので、JavaScriptが苦手な方も実装可能です。 JavaScriptは使わずにやりたい場合は覚えておきたいテクニックですね。 関連エントリ
ファイルの先頭8バイトだけで画像のフォーマットを調べる方法:phpspot開発日誌
ファイルの先頭8バイトだけで画像のフォーマットを調べる - bits and bytes PHPでファイルをアップロードしたとき ＄_FILES にアップロードされたファイルについての情報が入っています。そして ＄_FILES[...]['type'] にはアップロードされたファイルの MIME type が入っています。 ファイルの先頭8バイトだけで画像のフォーマットを調べる方法。 次のコードによって、バイト列の画像フォーマットが何であるかを調べることができるようです。 if ( preg_match( '/^x89PNGx0dx0ax1ax0a/', $image_stream) ) { $type = "png"; } elseif ( preg_match( '/^GIF8[79]a/', $image_stream) ) { $type = "gif"; } elseif ( p
CSSを使ったテキストをデザインとして魅せるテクニック集:phpspot開発日誌
Mandarin Design: Text Tricks CSSを使ったテキストを魅せるテクニック集が色々公開されていました。 例えば、次のような見出しの１文字を修飾するテクニック 次のようなCSSで実現可能のようです。 <!-- the drop cap --> <span style="margin-right:6px;margin-top:5px;float:left;color:white;background:khaki;border:1px solid darkkhaki;font-size:80px;line-height:60px;padding-top:2px;padding-right:5px;font-family:times;">T</span>his is a drop cap with a black background, white text, and a
classに値を指定するだけでクリックイベントを付与できる「behavior.js」:phpspot開発日誌
duck_typer - Automating JS behavior registration I created a behaviors javascript class to handle all my (prototype) Event observe registrations. Annotating DOM elements with the metadata needed to register itself automatically, which would save you from having to call Behavior.register(..). classに値を指定するだけでクリックイベントを付与できる「behavior.js」。 次のようにタグを書いておくとします。 <a class="bvr-observe-click-xhrTheFunction"
JavaScriptの開発等にかなり使えるJavaScriptシェル「Jash」:phpspot開発日誌
Jash: JavaScript Shell Jash is a DHTML-based window that gives you command-line JavaScript access to the current browser window. JavaScriptの開発等にかなり使えるJavaScriptシェル「Jash」。 Jashサイトのダウンロードページでブックマークレットがダウンロードでき、このブックマークレットを設定し、実行することでサイト内に小窓が開きます。 小窓には JavaScript シェルが統合されていて、小窓にJavaScriptコードを入力して、JavaScript の対話的な実行が可能です。 (入力欄は、TABキーによる補完も可能です) Jashを使って、例えば、次のようなことが可能になります。 サイト上で定義されているJavaScript変数の中身
虫眼鏡を使って画像をズームする感じのUIライブラリ「TJPzoom」:phpspot開発日誌
valid.tjp.hu - TJPzoom 3 - JavaScript / CSS / DOM image magnifier As you may have realized, this is an image magnifier. It's a completely rewritten version of my script tjpzoom, but still is in JavaScript / DOM :).虫眼鏡を使って画像をズームする感じのUIライブラリ「TJPzoom」。 次のように、マウスの位置に従ってレンズが動作し、レンズ部分が拡大されます。 画像上をドラッグ＆ドロップでレンズのサイズを変えたり、ズーム比を変更したりすることが出来ます。 （左にドラッグでレンズ縮小、右にドラッグでレンズ拡大、上にドラッグでズーム比拡大、下にドラッグでズーム比縮小） 小さい画像と大き
超クール画像ギャラリーが作れるJavaScriptライブラリ:phpspot開発日誌
Galeria 超クール画像ギャラリーが作れるJavaScriptライブラリ。 次のような画像ギャラリーのサンプルライブラリが公開されています。 カーソルを合わせると画像が浮き上がり、クリックで拡大します。 Flashを使ったようなUIを実現でき、覚えておけばふとしたところで使える筈。
フリーで超高品質なアイコンやボタン配布サイトまとめ:phpspot開発日誌
Freebies Round-Up: Icons, Buttons and Templates | Smashing Magazine Visual design elements can considerably improve the readability of the page. フリーで超高品質なアイコンやボタンまとめ。 次のような超高品質なアイコンやボタンがダウンロード可能なサイトがまとめられています。 Notes Icons iMac Icons Pixel Press Icons Vista Icons Desktop Icons Browsing Dock Icons Iconfactory Freeware Icon Sets WebSiteIcons.net Toolbar Icons Crystal Clear Office Icons Shopping Cart
Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」:phpspot開発日誌
Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」 2007年05月25日- Protoculous : Prototype & Scriptaculous lightweight ! Protoculous is a javascript file which contains Prototype and Scriptaculous together compressed. Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」。 Prototype1.5.1とScript.aculo.us1.7.1_beta をパックにしたパッケージ。 ノーマルのPrototype1.5.1 だけでも 93 KB もあるので、かなりのダイエットに成功しているようで
web2.0ボタンジェネレーター:phpspot開発日誌
Web 2.0 free buttons maker! - The program (Photoshop, hosting php-gd2) web2.0ボタンジェネレーター。 ブラウザ上でパラメータを設定して簡単にWeb2.0風ボタンが作れます。 サイト作成時にすばやく作りたい場合に便利ですね。 関連エントリ お好みのajax読み込み画像を作成するサービス
フォーム値のチェックをJavaScriptで簡単かつクールに行う「fValidator」:phpspot開発日誌
fValidator - Alone Simple form using fValidator フォーム値のチェックをJavaScriptで簡単かつクールに行う「fValidator」。 fValidator を使えば、次のように input エレメントの class 属性に 値を指定するだけで入力チェックの機構を実装できます。 <input id="exA_Id" class="fValidate['required']" name="id" type="text"> <input id="exA_cPassword" class="fValidate['required','=exA_Password']" name="cpassword" type="password" > JavaScript で入力チェックというと結構面倒なイメージがありますが、このライブラリを使ってしまえばHT
20行で実現できるAjaxタブインタフェース:phpspot開発日誌
Dynamic Ajax Tabs in 20 Lines | 20bits The tabbed document interface is a common solution to the problem of presenting a user with multiple document in one window. 20行で実現できるAjaxタブインタフェース。 次のようなタブインタフェースをたったの２０行で実現可能なようです。 次のようなDIV要素を定義します <div class="tabbed-pane"> <ol class="tabs"> <li><a href="#" class="active" id="pane1">Pane 1</a></li> <li><a href="#" id="pane2">Pane 2</a></li> </ol> </p> <div
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クールなUIを実現可能なAjaxフレームワーク「vegUI」:phpspot開発日誌
ハイクオリティなアイコンが多数ダウンロード可能な「Websiteicons」:phpspot開発日誌
写真を無造作に置いた感じなＵＩの画像ギャラリー「XML Gallery 2」:phpspot開発日誌
タブＵＩ実装のためのライブラリいろいろ:phpspot開発日誌
.NET用のWEBインクリメンタル補完ＵＩ:phpspot開発日誌
12のフリーCSSテンプレート集:phpspot開発日誌
ベクターで書かれたクールなアイコン集:phpspot開発日誌