AJAXとPHPとMySQLを使ったRSSリーダーの作り方 - GIGAZINE
IBMにAJAXとPHPとMySQLを使ったRSSリーダーの作り方が掲載されています。 いわゆるサーバインストール型のRSSリーダーについて、個人で使うだけではなくその結果を閲覧者に見せるためのモードも搭載するという非常に凝ったものになっています。 ソースコードもダウンロードでき、実際のスクリーンショットなども使って解説されているのでRSSリーダーを作りたいと思っている人にはかなり有益な情報になるのではないかと。 作り方とコードのダウンロードは以下から。 Ajax RSS reader そのほかにも日本語で書いてあるのは以下のようなページ。 「Ajax + PHP」でRSSリーダーを作る : きまぐれ日記2『オンとオフの狭間』 http://sakipapa.sakura.ne.jp/blog/2006/03/002534.php Ajaxを使おう RSSリーダーを作る - ［JavaSc
DHTMLとAJAXのフリーで使えるコード集「DHTMLgoodies.com」
こんなことができるコードを配布しています。A library of nice looking DHTML(dynamic HTML) scripts - DHTMLgoodies.com http://www.dhtmlgoodies.com/ 例） フローティングウインドウとタブの組み合わせ サイドにスライドするメニュー ドラッグ＆ドロップ可能なRSSリーダー スライドショー ゴージャスなカラーピッカー WindowsXP風メニュー テーブルの列の上にマウスが乗ると色が変わる リンクの上にマウスが乗るとツールチップが出現 スライドインするRSSティッカー そのほかにも色々あります。それにしてもイロイロ複雑怪奇なことができるモノだ……
AJAXロード時のアニメーションGIFを作成する「Ajaxload」
AJAXを駆使したサイトを作成する際のアクセントとして、AJAXロード時のアニメーションGIFをいろいろなパターンで作成できます。全部で17種類あり、それぞれに背景色や描画色、透過するかどうかなどを設定できます。 ちなみに上記画像はすべてこの無料サービス「Ajaxload」で作成したものです。 Ajaxload - Ajax loading gif generator http://www.ajaxload.info/ 「Generate it」をクリックすれば「Preview」にプレビューが表示されるので、あとは「Download it」をクリックしてダウンロードすれば完了。お手軽で良い感じ。
画像を角丸にしたり影を付けたりできる「Corner.js」
画像の角をまるっこくしたり、影を付けたりといったことが簡単にできる「Corner.js」というのが公開されたようです。これらを組み合わせることも可能なのでかなり応用の幅は広いかと。 実際のサンプルは以下の通り。 Corner.js http://www.netzgesta.de/corner/ これはノーマル状態 グラデーションシェードを付ける 影を付ける 角を丸くする へこんだ感じの影にする そしてそれらを全部組み合わせることも自由自在 これぐらいまるくすることも可能 オリジナルのアイディアは「reflection.js」から来ているようですが、それにしてもすごい。
GIGAZINE - いろいろな効果を追加できるJavaScriptライブラリ「jQuery」
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
JavaScriptのみでサイコロ回転風のアニメーションエフェクト
JavaScript のみでリアルタイムにアニメーションしてくれます、これはすごい。 [JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation) http://www.kawa.net/works/js/animation/cube.html Animation.Cube クラスは、JavaScript のみでサイコロ回転風のアニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理)せず、JavaScript のみでリアルタイムにアニメーション処理を行います。 2画像の切替えエフェクト処理用、または、サイコロの4面に貼り付けた画像をループで回転させるような処理に利用できます。 画像の拡大縮小処理が入っているため、 ラスタスクロ
GIGAZINE - マウスホイールの回転イベントをJavaScriptで検知する
実際の例としては「Google マップ」がまさにそうです。マウスのホイール部分を回転させると、地図を拡大縮小できます。 これと同じ仕組みを実装するにはどうすればいいの？というお話。 Mouse wheel programming in JavaScript http://adomas.org/javascript-mouse-wheel/ テストページはこちら、マウスホイールを回転させると表示が変わる http://adomas.org/javascript-mouse-wheel/test.html ほかにもこんなことができます。 JavaScript++かも日記: マウスホイールで拡大縮小 インフォシーク ホームページ作成「マウスホイールで画像を拡大縮小する方法」 せつないぶろぐ : JavaScriptによるマウスホイールのイベント処理 暴満館 >> OperaのJavaScript
CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄（フォーム）部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ
会員制ウェブサイトをPHPとMySQLでつくる
システムとしては、サインアップ時のユーザー情報はMySQLに格納、パスワードはランダムに生成してから暗号化してデータベースへ、ログイン前にユーザーの電子メールアドレスが有効かどうかのチェック、データベースに登録した情報とログインするシステムとの連動、ユーザーがパスワードを失念した場合のリカバリシステム、PHPのセッションの基本的な使い方、ユーザーにメールを送る機能、などなどで構成されています。 PHP Help: Creating a Membership System with PHP and MySQL 日本語で使う場合は文字コードとかも考慮しなくてはならないのでもうちょっと違った感じになるのだと思いますが、それでもかなり細かく実際の例も交えて書いてあるのでかなり参考になるのではないかと。
Web2.0の条件4つ
・Web2.0の条件その1：自動化 ・Web2.0の条件その2：双方向性 ・Web2.0の条件その3：敷居を下げる ・Web2.0の条件その4：無料 前回はWeb2.0について「Web2.0とは結局、一体、何なのか？」ということで具体例を出してみました。 今回はそんなWeb2.0に分類されるための「条件」みたいなものを覚えることにします。 条件については諸説ありますが、私見では「自動化」というのが第一の条件です。次が「双方向性」と「敷居を下げる」という点。そして最後が「無料」。この4つを含んでいるネット上のサービスをひとくくりにして「Web2.0」と呼んでいるわけです。以下、各条件について見ていきましょう。 ・Web2.0の条件その1：自動化 Googleは自動で巡回し、結果も自動的に並んでいます。コンテンツ連動型広告は自動的にページの内容を解析して表示する広告を決めます。ブログは文字さえ
Web2.0のビジネスモデル その3「オープンソース」 - GIGAZINE
ロングテール、ベータ版というようにして、Web2.0に関するビジネスモデルを見てきたわけですが、3つめは「オープンソース」、Web2.0のあらゆるものを支えている根幹です。 この場合のソースというのはプログラムのソースコードのことを指します。これを誰でも希望すれば見られるようにする、これが「オープンソース」です。そして、オープンソースにするということは、誰でもそのソースコードから実行ファイルなどを生成できるということ。 例えば、Windowsのソースコードは一部を除いては公開されていません。もしWindowsがすべてオープンソースであったとするならば、そのソースコードを使って無料のWindowsが作られ、誰でもそれを自由にダウンロードしてインストールすることができるようになります。しかしこうなるとマイクロソフトは儲かりません。 なのに、オープンソースはビジネスモデルであり、事実、成功してい
Web2.0のビジネスモデル その2「ベータ版」
「今までなかったネットに関するあれこれ」を全部まとめて「Web2.0」と呼び、ゆえに「技術トレンド、情報モデル、そしてそれらに伴うビジネスモデルの変化を扱う総称」である、というように定義、そしてビジネスモデルとしてのWeb2.0の例その1として前回は「ロングテール」について見てみたわけです。 今回はWeb2.0のビジネスモデル、その2ということで「ベータ版」について。 言うまでもなくベータというのは未完成品のこと。それが一体どのような側面からWeb2.0であると言えるのかを見てみましょう。 ・その2：ベータ版 まずこのベータ版、つまり未完成ではあるがとりあえずサービスを提供するという発想は以前からあったものです。マイクロソフトは昔から、登録したユーザーにWindowsのベータ版を提供し、その意見をフィードバックさせて正式な製品版を完成さています。 しかしWeb2.0でいうところのベータ版と
Web2.0のビジネスモデル その1「ロングテール」 - GIGAZINE
本題に入る前に、Web2.0の概念を最初に提唱した文章の原題には「Design Patterns and Business Models for the Next Generation of Software」という副題が付いてます。次世代ソフトのデザインパターンとビジネスモデル、というような感じ。つまり、Web2.0というのは「技術トレンド、情報モデル、そしてそれらに伴うビジネスモデルの変化を扱う総称」だ、とも言えるわけです。 「Web2.0とは結局、一体、何なのか？」と「Web2.0の条件4つ」を読んで、これはものすごく妙な解釈だな、これはおかしいんじゃないのか？と感じた人はWeb2.0を技術トレンドとして解釈しているということ。まぁ今までの説明は賛否両論っぽいかな？と感じた人は情報モデルっぽい解釈をしているということ。最後に、ああこういう考え方の方がわかりやすいかも？と感じた人は割と
Web2.0とは結局、一体、何なのか？
・例その1：旧Yahoo！→Google ・例その2：バナー広告→コンテンツ連動型広告 ・例その3：無料ホームページスペース→ブログサービス 極端な話、「今までなかったネットに関するあれこれ」を全部まとめて「Web2.0」と呼んでいるだけ。「Web2.0」と書いて日本語では「うぇぶにーてんぜろ」と読むらしい。あれこれの定義が存在するが、ここはひとつ、初歩の初歩に戻ってサービス自体を比較すると理解しやすい。 というわけで、いまだにWeb2.0が何のことかよく分からない、あるいは誰かに説明しなければならないがうまく説明できない場合の参考に。ただし、直感的に理解することが最優先であり、由来とか正確な技術的定義とかは全部ぶっ飛ばしているのでご注意を。 まずは「Web1.0の例→Web2.0の例」ということで比べてみましょう。 ・例その1：旧Yahoo！→Google 昔のYahoo！はディレクトリ
世界のPHPテンプレートエンジン、トップ25
PHPテンプレートエンジンというのは、PHPによるプログラム部分と、HTMLによるデザイン部分を分離することによって、メンテナンス性を向上させることができる、というもの。 プログラムするPHPを扱う側の人にとって見れば、デザイナーの仕上がりを待たずにソースの修正などが可能になり、デザイナー側から見れば、PHPの知識が無くてもテンプレートファイルの部分を変更するだけでデザイン可能になる、というわけ。 そんなPHPテンプレートエンジンの中でも特に有名なトップ25を見てみましょう。 Jaslabs >> Top 25 PHP template engines 中には知らないのも混じってますが、それだけいろいろあるよ、ということで。 Smarty 動作速度の高速さとフレキシブルなところがウリ、かなり有名。 Heyes Template Class とても使うのが簡単で、パワフルらしい。ページレイア
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/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GIGAZINE - SunがAJAXのリソースを集めたサイトを開設
昇順降順でソート可能な表をJavaScriptで作る
CSSとJavaScriptでチェックボックスなどをグラフィカルにする「formStyle」
バッハからワーグナーまで、無料のクラシック音楽を集めた「Classic Cat」 - GIGAZINE
