div要素をクロスフェード表示するJavaScript | WWW WATCH
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
世界のPHPテンプレートエンジン、トップ25
PHPテンプレートエンジンというのは、PHPによるプログラム部分と、HTMLによるデザイン部分を分離することによって、メンテナンス性を向上させることができる、というもの。 プログラムするPHPを扱う側の人にとって見れば、デザイナーの仕上がりを待たずにソースの修正などが可能になり、デザイナー側から見れば、PHPの知識が無くてもテンプレートファイルの部分を変更するだけでデザイン可能になる、というわけ。 そんなPHPテンプレートエンジンの中でも特に有名なトップ25を見てみましょう。 Jaslabs >> Top 25 PHP template engines 中には知らないのも混じってますが、それだけいろいろあるよ、ということで。 Smarty 動作速度の高速さとフレキシブルなところがウリ、かなり有名。 Heyes Template Class とても使うのが簡単で、パワフルらしい。ページレイア
PHPのコミュニティ ポータルサイト「PHPプロ！」
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
Perlの生みの親ラリー・ウォール氏が語る、Perlの生い立ちと今後 - CNET Japan
3月29日から30日にかけて、東京都内で「YAPC::Asia 2006」が開催された。これはウェブサイトの構築などにおいて人気が高いスクリプト言語、Perlの草の根的シンポジウムだ。同シンポジウムでは、Perlの生みの親であるLarry Wall氏もスピーカーとして来日した。 シンポジウムのスポンサーの1社であるヤフーは、ユーザーが直接触れることのないバックエンド部分でPerlを多用している。また、Wall氏が執筆したPerlプログラマーの教典ともいえる「プログラミングPerl」（通称Camel Book 「らくだ本」：オライリー・ジャパン出版）の日本語訳を担当した近藤嘉雪氏は現在、ヤフーのシステム統括部に勤務している。この2人のPerlプログラマーが数年ぶりに再会し、Perlについて語り合った。 「ハタチ」を迎えたPerl 近藤： Perlは2007年には20周年を迎えます。これまでの
Wii用のサイトを作る際に超便利なJavaScriptライブラリ「wii.js」:phpspot開発日誌
Creating web sites for the Wii Opera browser Though it may be old news that Wiimote keycodes can be detected by JavaScript in the Wii Opera browser, I could not find a JavaScript library that facilitates handling these input events, so I created my own. Wii用のサイトを作る際に超便利なJavaScriptライブラリ「wii.js」 wii.jsをインクルードすると次のようなAPIを使うことが出来ます。 wii.isWiiOperaBrowser() - WIIで見ているかどうかを true/ false で返す wii.setupHand
Rails のためのものぐさな Web アプリケーションの国際化手法 - 川o・-・）＜2nd life
最近、自分が作る Web アプリケーションで、日本語圏に限らず使ってもらえそうな物は最初から一応国際化(というか英語対応)して作るようにしています。国際化対応しておくと、はてブに限らず、del.icio.us や digg で取り上げられたりして、いろいろな人に使えてもらって嬉しいし海外からも adsense 収入gです。del.icio.us のトップや /popular/ からのリファラは、はてブトップ or 人気エントリーからのリファラとそんなに変わらないぐらいなのですが、digg からのアクセスはその十数倍あって驚きでした。 で、本題の国際化の方法なのですが、favicon2dots や polaroizeぐらいの小粒なアプリケーションなら、ほんの数分〜十数分作業時間を増やすだけで対応できてしまうので、その方法のご紹介を。 ruby-gettext 武藤さん作の ruby-gett
WEB2.0がRubyを選んだ理由：ITpro
WEB2.0がRubyを採用した。ただし今回紹介するWEB2.0は，デジタルガレージ，ぴあ，カカクコムの合弁会社である株式会社WEB2.0（ウェブツーポイントオー)である。昨年末に設立された同社は，初のサービスである「PingKing」のほとんどを，オープンソースのオブジェクト指向プログラミング言語RubyとそのWebフレームワークRuby on Railsを用いて開発した。1割程度のPHP部分を除けば残りはすべてRuby on Railsである。現在ベータ公開中だ。 そして今，RubyとRuby on Railsが，海外のWeb 2.0的とされるサービスの開発に多数利用されていることも事実である（Ruby on Rails公式サイトの利用サイトリスト）。 なぜインターネット上の新サービス開発競争に，JavaやPHPではなくRubyが選ばれたのか。その理由が，PingKingの開発事例に典
顔にエフェクトをかけてプライバシーを守るWebサービスの作り方
最近、OpenCVを使った顔認識が流行っているようです。 顔認識ができるということは、アレができるわけです。 「顔にモザイク！」 Web上で写真を公開するときは、プライバシーを守る必要があるため、顔は隠しておいた方が良い場合があります。 そんな時に、「顔にエフェクトをかけるWebサービス」があれば便利です。 例えば、こんな風に… （spiritlooseのはてなダイアリーさんの写真を使わせてもらいました） というわけで、今回は「顔にエフェクトをかけてプライバシーを守るWebサービスの作り方」をまとめてみます。 1.OpenCVインストール 2.Image::ObjectDetectインストール 3.OpenCV、Image::ObjectDetectのインストールにつまいたとき 4.Imagerを使いこなす 5.顔を塗りつぶすサンプルプログラム 6.顔に特定の画像を貼り付けるサンプルプログ
アップロードの進捗を表示しつつアップロードするサンプル:phpspot開発日誌
tomas.epineer.se Asynchronous file upload with AJAX progress bar in PHP One of the few things that I find lacking in PHP is the ability to report the progress of a file upload. This means that file uploads, especially uploads of larger files, can be extremely frustrating for end users when they don’t know if the upload is progressing or if it has stalled or if it has even started. アップロードの進捗を表示しつつア
【日本Rubyカンファレンス2006】はてな，Webのスクリーンショットを作成/表示するサービスをRubyの分散オブジェクトとRuby on Railsの組み合わせで実現
【日本Rubyカンファレンス2006】はてな，Webのスクリーンショットを作成/表示するサービスをRubyの分散オブジェクトとRuby on Railsの組み合わせで実現 はてなの舘野祐一氏は2006年6月11日，東京お台場で開催された「日本Rubyカンファレンス2006」で，5月下旬にサービスを開始した「はてなスクリーンショット」が，分散オブジェクトを実現するライブラリ「dRuby」とRubyのWebアプリケーション・フレームワーク「Ruby on Rails」（Rails）を使って構築されていることを明らかにした。はてなスクリーンショットは，Webページのスクリーンショットを作成/表示するサービスである。 はてなスクリーンショットのアプリケーション・サーバー，データベース・サーバー，Webサーバーの機能は1台のサーバーに集約している。このサーバーでRailsを動かしている。静的コンテン
【ハウツー】ハイライトもGoogle流 - "google-code-prettify"でソースコードに色付けを
google-code-prettifyとは? 統合開発環境や高機能エディタでは、編集するソースコードやテキストファイルの種類に応じてテキストがハイライト表示されることが多い。ハイライト表示はきれいで見やすくなるし、コーディング上の問題を発見しやすくなるという実用上の利点もある。 となるとWebで掲載するソースコードも、ぜひともハイライト表示させたいところだ。Web掲載するソースコードやテキストのハイライト表示化の方法はいくつもあるが、ここではGoogleで公開されている「google-code-prettify」を紹介したい。 google-code-prettifyはApache License Version 2.0のもとで公開されているシンタックスハイライトモジュール。JavaScriptモジュールとCSSファイルの2つから構成されたシンプルな成果物で、HTML文書内に直接記述され
日本Rubyカンファレンス2006 (4) Matz基調講演 - 世界線航跡蔵
前の記事 に続いて日本Rubyカンファレンス2006をレポートする。 State of the Dominion Ruby作者のMatzことまつもとゆきひろさんによる基調講演。 タイトルはアメリカ合衆国「一般教書演説: State of the Union」のパロディである、Perlの" State of the Onion "のそのまたパロディだそうだ。wordsファイルを'nion$'でgrepしてそれらしい言葉を選んだという。 Matzは"State of the Onion"を「タマネギがどうした! って感じ」と言ってたけど、Larry Wallは「 努力、忍耐、謙遜 」でPerl界をタマネギに例えてるから、"State of the Onion"はそういう意味なんでないの? いや、みんなそれを分かってるのを前提としてのジョークなのか? Matzの思考を読むには私のハッカー度がまだ
Tagの検索にMySQLの全文検索を使う : blog.nomadscafe.jp
Tagの検索にMySQLの全文検索を使う Tags with MySQL fulltextを参考にして試してみた。 Femoの中で、タグの絞り込み機能を実装したのに続いて、「完了」や「finish」と言ったタグがついている場合表示しないというオプションを考えている。 そうなってくると、SQLをどう書けばいいのか、また複雑なSQLを構築したときにパフォーマンスは大丈夫なのかと心配。そこで、上記のURLを参考にしながらMySQLの全文検索に注目。 create table ft_tags( id int unsigned not null auto_increment primary key, tags text, unpack text, fulltext (unpack) ) と言うテーブルを作成。 ここに、 my @tags = ( q/task femo/, q/femo mail t
RSS2.0をPHPでライブラリを使わず素早く作る: phpspot開発日誌
Create an RSS feeds generator in PHP - Programmer Assist 次のコードスニペットをコピペすれば、PHPでライブラリを使わずRSS2.0を素早く組み立てられます。 自作ツールにRSS2.0を軽く組み込んでみたい、っていう場合に一瞬で実装可能です。 <?php header("Content-type: text/xml;charset=utf-8"); echo '<?xml version="1.0" encoding="UTF-8"?>'; echo ' <rss version="2.0"> <channel> <title>Title</title> <link>http://website.com</link> <description>Description</description> <category>rss, feeds
【ハウツー】AgileといえばPHP - PEARの使い方くらいは知っておきましょう (1) 強力なデータベース連携 - MDB2 (MYCOMジャーナル)
AgileなWeb開発の現場で長らく使い込まれ、一日の長のある言語がPHP。そして、そのAgilityを強力に支えてくれるAPIを提供しているのがPEARと呼ばれるパッケージ集だ。PEARは、PHPを使ったWebアプリケーションの開発に欠かせない重要な機能やよく使用される機能などをにまとめたパッケージで、開発の現場で広く採用されている。 現在のPEARのバージョンは8月16日(協定世界時)に公開された1.4.11。The PHP License, version 3.0のもとで公開されている。PEARパッケージの中に各モジュールが含まれることになるのだが、それらは必ずしも同じライセンスのもとで公開されているというわけではない。デベロッパは各モジュールのライセンスに従うことで、これらを利用することができる。 本稿では、PEARの中でも比較的利用価値が高そうだと思われるモジュールをいくつか紹介
サービス終了のお知らせ
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
PHPのスキルを上げる100以上のプレゼンテーション資料
PHPの配布元であり、開発情報も数多く入手できるphp.net。その中に実はトップレベルのPHP開発者たちによるプレゼンテーション資料があり、データベース、デバッグ、セキュリティ、拡張、ローカライゼーション、高速化や最適化などのパフォーマンスに関することなどを簡単にまとめてある場所がある。基本的なことばかりではあるが、PHPをいじくり倒したい人にとっては最適な資料となるかも。 PHP Presents http://talks.php.net/ また、php.netのサイトで得られる情報については以下が詳しい。 【PHPウォッチ】第24回 PHP関連情報の宝庫，php.netの歩き方：ITpro http://itpro.nikkeibp.co.jp/article/COLUMN/20060220/230039/
いざRuby on Railsでプロトタイピング ― ＠IT
筆者はシステム開発において（特に開発初期の段階では）何よりもリズムを意識しています。PDS（Plan・Do・See）サイクルを頭の中でイメージしながらプロトタイピングを行うことで、プロジェクトにリズムが発生します。実装フェーズで追加されるメンバーも、このリズムに乗ってプロジェクトにスムーズに参加していくことができるようになります。メンバーの顔が曇っているプロジェクトには、大抵リズムが存在していない（だらっと出社して、実装してだらっと帰る）ことが多いと思いませんか。 今回は、PDSサイクルでアジャイルプロトタイピングを行う方法を解説します。 プロジェクトの概要 今回取り上げる仮想プロジェクトの顧客はビデオレンタルショップです。ビデオレンタルショップは会員向けサービスとして、レンタルビデオの検索、予約、ある商品についてのレビューの作成とその閲覧機能を持ったポータルサイトを構築したいと考えていま
PHPからRSSを手軽に作成するライブラリ: RSSWriter:phpspot開発日誌
RSSWriter RSSWriter is a convenience class for generating RSS 1.0 feeds with PHP. RSSWriterを使えば、RSSの詳しいフォーマットについて知らなくても、手軽にRSS1.0 feedを作成することが出来ます。 クラスの形式でライブラリ化されているので、自作のツールに組み込むのも容易です。 サンプルは次のような感じ。 <?php include("rss10.inc"); $rss=new RSSWriter("http://www.example.org/", "Example Site", "The best examples out there.", array( "dc:publisher" => "Example Publishing Inc.", "dc:creator" => "E X Amp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rubyを仕事に使うべし！