AJAX Chat Tutorial Part 2:Prototype, Scriptaculous, Application HTML
AJAX Chat Tutorial Part 2:Prototype, Scriptaculous, Application HTML Prototype and Scriptaculous For this chat application we'll be using two popular javascript libraries: Prototype and Scriptaculous. Prototype is a Javascript framework that aims to ease development of dynamic web applications. At the risk of being dubbed a traitor to PHP (just kidding!) it's integrated into the Ruby On Rails fr
symfony入門（1）：symfonyで始めるPHPフレームワーク：CodeZine
はじめに 本連載では、PHP上で動作するアプリケーションフレームワークであるsymfonyでアプリケーション開発を行う方法について紹介します。本連載で扱う内容は、次のとおりです。symfonyフレームワークの特徴symfony利用のための環境設定手順Hello, Worldアプリケーションの作成データベースと連携したアプリケーションの作成その他、役立つsymfony関連のテクニック 導入の今回は、まずsymfonyの特徴と環境設定手順、「Hello, World」アプリケーションの作成までを紹介します。対象読者 PHPの基本構文は一通り理解しているが、フレームワークを利用したことはないという方を対象としています。必要な環境 symfonyは、PHP5とWebサーバがインストールされている環境で利用可能です。本稿ではWebサーバとしてApache2.2を、OSにWindows XPを採用し
MySQLの高速化 Tips - memo.xight.org
Summary my.cnf [client] # セキュリティ面から変更すべき port = 3306 [mysqld] # インデックスをバッファに保存する際のメモリサイズ # MyISAMならOSキャッシュも使用するため，全メモリの30-40%を当てると良い． key_buffer = 256M # InnoDBはOSキャッシュを使用しないため，全メモリの70-80%を当てると良い． innodb_buffer_pool_size =512M # データのキャッシュサイズ．I/Oを減らす． # 数百のテーブルであれば，1024が良いらしい． table_cache = 256 # スレッドの作成，削除は負荷が大きい． # Threads_Createdの動きを見ながら変更． thread_cache = 16 # あまり効果は無いらしい． #innodb_additional_poo
PHP と Ming で作る Flash サーバー
はじめに 本稿では、近年Webアプリケーション開発などで広く実用されているPHP言語を使って、Flashプレイヤーで再生できるSWFフォーマットのデータを動的に生成する方法を解説します。PHP 4.0.5以降には、SWFフォーマットのムービーを作成するMingと呼ばれるオープンソースライブラリ（LGPL）が導入されています。PHP言語からMingの機能を利用することで、SWFフォーマットのファイルを生成したり、Flashムービーを動的に生成するWebアプリケーションを開発できます。 一般的なFlashムービーの生成方法では、Adobe社のFlash Professionalを代表とする作成ツールを使ってSWFファイルを出力します。何らかのコンテンツを事前に作成し、それをWebなどにアップロードするならばこの方法で十分です。しかし、ユーザーの要求に従ってアプリケーションが動的にFlashムー
Greasemonkeyでランチャー - AUSGANG SOFT
前回のGreasemonkeyでテキストエディタは思った以上に、反響があってビックリでした。はてなポイントまでいただいて感謝。これはうれしい。 ということで、第2弾行ってみます。 Greasemonkeyでランチャーです。 荒削りだけど、頻繁に見るページ、よく使うWebアプリなどを登録しておけば、たぶん便利！ hoeditor.user.jsその他のGreasemonkeyスクリプト 前回のスクリプトに機能を付け足しています。 簡単な使い方 インストールしたら、新しいページを開いて 日本語入力がOFFになっているのを確認してから"q"キーを押します。 すると以下のようなランチャーが起動します。 "q"キーで、次のメニューへ移動。 "shift + q"キーで、前のメニューへ移動。 "enter"でフォーカスされているメニューを開きます。 他の機能 起動するとブラウザのどのタブで起動してるか
questionform.com | Online questionnaire, surveys and forms creator.
Online survey creator, build powerful online forms Questionform is a web application for creating, publishing and analyzing online surveys and forms (learn more). Build It is easy and fun, with drag and drop and a few clicks, you can build powerful online surveys in no time. Try our form editor. Analyze Track your survey responses in real time, analyze the results, create reports and export the da
ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
マルチリンガルなインターフェースを実現する『Add Language』 | SIMPLE*SIMPLE
questionformはAjaxを多用した小気味いいフォーム作成サービスである。 いろいろと参考になるインターフェースも多いのだが、おもしろいのはデフォルトで多言語対応のインターフェースを備えている点。 フォームを作成するときに「Add Language」なるボタンがあり、それをクリックすると言語切り替えボタンが付いてくれるのだ。またフォームのラベルも言語ごとに設定してくれる。 「Add Language」ボタンをクリックすると・・・ 以下のようなウィンドウが出てきて・・・ スペイン語対応！ ↓ 以下はデモ（このように作ったフォームをiFrameで貼り付けられる模様、なるほど・・・）。 言語の壁があるにはあるが、世界へ向けてサービスを提供する敷居はどんどん低くなっている（システム的に）。実際海外のWeb2.0系サービスやブログで、日本語対応をしているものもどんどん出始めている。 こうした
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
ITmedia Biz.ID：「1人で作るなら、一気にやるのが重要」SimpleAPI・伊藤まさおさん
複雑になりがちなWebのプログラミングをぐっと身近にしてくれる「SimpleAPI」シリーズをご存知だろうか。ちょっとしたパラメーターをURLに渡すだけでさまざまな情報を返してくれるこのシリーズ、サイトの縮小画像を簡単に作ってくれる「サムネイル作成API」を皮切りとして、「最寄り駅＆地図API」「Wikipedia API」と続いている。 このシリーズを提供しているのはたった1人。開発者の伊藤まさおさんは1996年にオンラインコミュニティサイトを立ち上げて個人で運営し、2002年に法人化。現在は仕事をしながら大学院に通っている。 SimpleAPIシリーズで「実力よりちょっと上」に挑戦 「自分が今80の力を持っているとしたら、90か95のことをやりたいのです」 SimpleAPIシリーズで何をしたかったのかを尋ねたところ、伊藤さんはこう答えてくれた。 今の実力でできる簡単なものを作ってもし
ITmedia +D モバイル：絵文字も空気も読めません 10代がハマるSNS「モバゲータウン」を28歳（♀）が探検した (1/3)
ネットコミュニティーには強いつもりだった、「mixi」にハマり、「2ちゃんねる」（2ch）を毎日眺める28歳（♀）の記者。「ネットが分からない」と言う上の世代の気持ちが分からなかった。だが携帯向けSNS（ソーシャルネットワーキングサービス）「モバゲータウン」にトライして、その気持ちが痛いほど分かった―― モバゲータウンは、開始9カ月で200万人のユーザーを集め、10代に圧倒的支持を受けているSNS（ソーシャルネットワーキングサービス）＆ゲームサイト（関連記事参照）。日記や掲示板の作成、アバター作成、メッセージ送受信、チャットなどといったSNS的な機能のほか、デコメールを無料ダウンロードでき、30種類以上のゲームが無料でプレイできるのが特徴だ。 mixiよりも速いスピードでユーザーを集めたという点に興味を惹かれ、登録してから約3週間。当初はカルチャーショックの連続で、正直「ドン引き」状態だっ
EZ-GREEに見るケータイサービス構築の重要なポイント - キャズムを超えろ！
ここんところ、積極的にケータイサービスを使っている。PCからもケータイからも繋がるWebサービス(ex. mixi)のケータイ版について色々と思い悩んでいる為だ。『ちよろず。』の屋島さんの力作であるEZ-GREEを、PC版GREEと比較してみると、GREEの中の人が考えるケータイユーザの特徴，ケータイユーザ受けするUI，サービス内容といったところが見えてくるので面白い。以下、EZ-GREEから学ぶケータイサービス構築の重要なポイント。 絵文字が使えるのは必須。 PCで見た場合はGIF画像変換などして絵文字を再現してあげる必要がありそう。 規約やその他文言類は軽い口調で短文にて。 ex. 正：今すぐ空メールを送って会員登録！ 誤：まず本文・件名ともに空欄のまま下記アドレス宛にメールをお送りください。その後当社より折り返し会員登録方法についてのご案内メールをお送りいたしますので、メールを確認し
Part2 JavaScript流オブジェクト指向プログラミング
JavaScriptは，きちんとしたオブジェクト指向言語であって，オブジェクトを利用した高度な開発が可能です。JavaやC++，.NET系のオブジェクト指向言語がオブジェクトの定義にクラスという概念を用いる「クラス・ベース」の考え方を採用しているのに対し，JavaScriptではひな型となるオブジェクトを元に独自の機能を付加するという「プロトタイプ・ベース」の考え方を採用している点が特徴です。 まず最初に，皆さんの誤解を解いておきましょう。それはJavaScriptは，きちんとしたオブジェクト指向言語だということです。オブジェクト指向言語と言えば，JavaやC++などが有名ですし，C#やVisual Basic 2005といった米Microsoftが開発した.NET系の言語もあります。しかしこれらの言語に比べてJavaScriptは，一段低い「Webブラウザで利用する簡易言語」といったイメ
初心者がJavaを“超高速”で学ぶためのコツ：ITpro
皆さんの中には，「いまどきJavaくらいできなきゃねぇ～」と言われてからもう何年も過ぎちゃった…なんて人も多いのではないでしょうか。いつ何時「新しいプロジェクトはJavaでいくから」なんて上司に言われたりしないか，内心ドキドキしてる方もいらっしゃるでしょう。私が受け持つJavaの授業でも，受講生の方からそういった悩みをよく聞きます。 しかしよく聞いてみると，なんだかとても効率の悪い勉強をしているなあと驚くことがあります。なぜなら多くの方が「Javaの入門書で勉強しているのにJavaのプログラムを作れるようにならない」と言われるからです。COBOLやC言語のプログラミング経験があるにもかかわらずです。 なぜJavaの学習がなかなか進まないのでしょうか。残念ながら「Javaのスキルが上がらない」という方の多くは，「データとアルゴリズム」「Javaの文法」「オブジェクト指向」の三つをきちんと学べ
digg soundboard – コメントの音声化 | 秋元@サイボウズラボ・プログラマー・ブログ
diggのコメントをタグクラウド状に並べて、それぞれをクリックすると喋る、というそれだけのサイト。 リロードしても変化しないし、音声も合成じゃなく人間が喋ったものなので、最新ニュースのコメントを表示してるわけじゃなく、ある時点でのコメントから面白いものを集めることでdiggのコミュニティの様子を切り取ったもの、という感じ。 日本のサービスでも同じようなことはできるかもしれない。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれません
ネットワーク・コマンド道場---目次：ITpro
ネットワーク技術者を目指す人なら，ぜひ身につけておきたいコマンドの使い方を解説していきます。コマンドによって何ができ，実行結果から何が読み取れるか，現場で役立つ実践的な知識が身につきます。 ●基本6大コマンド編 pingコマンド トラブル対策の基本，パケットを送って応答を待つ まずは実行してみよう オプションを使いこなそう 実行結果を読みこなそう pingだけでIP設定を確認してみる ipconfigコマンド パソコンのネット設定を確認，DHCPトラブルの解決に役立てる 調べられるのはIPアドレスだけではない DHCPトラブルを発見する PCの再起動なしで設定情報をもらい直す DNSへの検索結果もわかる netstatコマンド 開いているポート番号や送受信パケットの統計を表示 現在のTCP接続の状況を表示 パソコンが開けている「穴」を探す さまざまな統計情報もわかる XPなら待ち受けプログ
Google、ODP情報を表示させないMETAタグのサポートを開始 ::SEM R (#SEMR)
Google、ODP情報を表示させないMETAタグのサポートを開始 Googleが検索結果にODP(DMOZ)情報を反映させないNOODPタグのサポートを開始した。 公開日時：2006年07月17日 17:29 米Googleが検索結果におけるWebページの見出しとスニペット（説明文）表示において、DMOZ (ODP, Open Directory Project)データを反映させなくするMETAタグ (NOODPタグ）のサポートを開始した。 GoogleがWebページの説明文を表示するルールは (1) KWIC (Webページの検索キーワード前後の文章を引用する）、(2) META Descriptionタグ内の記述、(3) DMOZで用いられている説明文の3種類に分類される。このうち (3) については、DMOZで記述されている説明文が不明確・適切ではない、古いなどの問題でウェブマスタ
口コミマーケティングに欠かせない7つのテクニック | P O P * P O P
口コミマーケティング隆盛の昨今。様々な企業が試行錯誤していて面白いCMも増えてきています。 そんな中、こちらのエントリではWebでの口コミマーケティングにかかせない7つのテクニックを紹介しています。では早速どうぞ。 » 7 tricks to Viral Web Marketing – Baekdal.com ■ 見た人が何か「感じる」ものを 広告を作る際に、何より一番重要なのは見た人々に「強い感情」を呼び起こすことです。そこには、あなた自身の強い意見やアイデアが欠かせません。 例えばこんな感情を人々に抱かせると成功です。 愛か憎悪の感情に満ちる。 幸せや怒りの感情を感じる。 慈悲かエゴイズムに溢れさせる。 「中立」なものを作るのは絶対に避けましょう。見た人全員を喜ばせようだとか思ってはいけません。見た人の感情を刺激することが重要なのです。 ■ 予想を裏切れ もしあなたが、自身のキャンペー
Excelファイル形式でのデータダウンロード（PEAR版） - Do You PHP?
ここにある情報はかなり古くなっており、正しくなくなっている可能性があります。掲載しているサンプルコードiなどは、最新のPHPでは動作しない、もしくは、別途設定・調整が必要になるかも知れません。情報を鵜呑みにせず、あなたの手を動かして、あなたの目で確認してください。 zip形式 tgz形式 先日、PHP ClassesのSpreadsheet_WriteExcelクラスを使ってExcel形式でデータをダウンロードさせるサンプルを作ってみましたが、今度はPEAR版を使って同じものを作ってみました。 PEAR :: Package :: Spreadsheet_Excel_Writer セットアップ手順ですが、上記のページからSpreadsheet_Excel_Writer-0.3.tgzを適当なディレクトリにダウンロードします。そして、以下のようにpearコマンドを実行するだけで完了です。
はてなのログインについて、ユーザー名とパスワードをいちいち入力せずに、「指定したURL」を入力することで自動的にログインできるようなURLは見つけることはで…
はてなのログインについて、ユーザー名とパスワードをいちいち入力せずに、「指定したURL」を入力することで自動的にログインできるようなURLは見つけることはできますでしょうか？またどのような方法で見つけたかもぜひ教えてください。もちろんログイン画面の「次回から自動的にログイン」を使用しないことが前提です。
!important だらけの CSS にお別れを
CSS を記述するときに記述したスタイルの適用優先順位を理解していないと思ったようにスタイルが適用されなかったり、後からメンテナンスするときに効率的な作業ができ... CSS を記述するときに記述したスタイルの適用優先順位を理解していないと思ったようにスタイルが適用されなかったり、後からメンテナンスするときに効率的な作業ができなかったりと、思わぬところで無駄な時間をとられたりします。 で、結果として !important 宣言を連発、気が付いたら CSS が !important 宣言だらけになるなんてオチが待ってたりするわけですが、そうならないためにも CSS が適用される際の優先順位について簡単におさらいをしてみたいと思います。 CSS は、「Cascading Style Sheets」 という名前の通り、「Cascading」 されて （段階的に） 適用されます。よって、簡単に言っ
IFRAME を使わない方法の補足 | WWW WATCH
phpspot開発日誌さんで紹介されていた 「IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法」 を読んでちょこっと補足。 人気エン... XHTMLではiframeタグは禁止されているのでValidにしたい場合はこっちを使ったほうがよいらしいです。 iframe 要素は、HTML4.01 Strict 及び XHTML1.0 Strict では未定義 （Transitional、Frameset では定義済み）、XHTML1.1 では廃止されていますので、Strict でコーディングする際に外部オブジェクトを (X)HTML によって読み込むには object を使うことになりますね。 で、object 要素の DTD はどうなっているかというと、（XHTML1.0 Strict） <!ELEMENT object (#PCDATA | param | %bl
eAcceleratorを導入してみる - Turck MMCacheの後継 - Do You PHP?
eAcceleratorを導入してみる - Turck MMCacheの後継 すでにご存じの方も多いですが、サードパーティー製のキャッシュ拡張モジュールであるTurck MMCacheは長い間休止状態にあります。そのTurck MMCacheから分岐したプロジェクトがeAcceleratorです。そのため、eAcceleratorは機能的にもTurck MMCacheと非常によく似ています。 ということで今までまとめてこなかったのですが、2006/10/11にリリースされた0.9.5からちょっと変わってきているので、変更点を中心にざっとまとめてみました。 eAccelerator: PHP Accelerator, optimizer, dynamic content cache - Trac 使用した環境 まずは試した環境ですが、CentOS4.4＋PHP5.1.6・PHP5.2.0で
SEO検索エンジン最適化チュートリアル
サイテーションとは、外部のサイトから、自社名やブランド名やウェブサイト名、自分の個人名などが言及を受けることをいいます。信頼できる有力なニュースサイトに掲載されるようなことも、人々の間でクチコミが広がることもサイテーションです。リンクの重要性が下がっている中、SEOにとって特に重要度が上がってきている概念です。
「あのサイトをマネる」に特化した紹介サイト | 秋元@サイボウズラボ・プログラマー・ブログ
Script Mimic(スクリプトを真似る)という直球のサイト、有名サイトを真似るためのオープンソースや商用アプリケーションを紹介することに特化した、Webアプリケーション紹介サイトだ。 MySpace(SNS大手), YouTube, Wikipedia, Match.com(出会い系大手), Google Mapsなど、名だたる有名サイトの名前ごとに、それと同じ、あるいは似た機能を持つフリーや商用のスクリプトが列挙されている。情報が無いものについてはリクエストも出すことができ、それに対する回答が他のユーザから寄せられる。 思えば、人力検索はてななどでも、「○○のようなサイトを作りたいのですが」という質問はよく出ている。有名サービスをキーに分類されていれば、間違いなく似ているスクリプトに辿りつけるだろうから、スクリプトならなんでも紹介する大手サイトに対して、面白い対抗のしかたといえるか
CapistranoをRails以外で使う方法 - jesterseraの日記
CapistranoはRailsと非常に親和性高いんですが、他の言語でも使えます。 例としてEthnaのプロジェクトを capistranize してみます。 1.Ethnaのプロジェクト作成 $ ethna.sh add-project test creating directory (/path/to/project/test) [y/n]: y 2.Rails環境の適用 $ rails rails-tmp $ cp rails-tmp/Rakefile test $ cp -a rails-tmp/config test $ cp rails-tmp/db db $ cp -a rails-tmp/test test $ cp -a rails-tmp/lib/* test/lib $ cp rails-tmp/vendor test/vendorこれでRails環境が動作するように
あるウェブサイトができるまでのアニメーション | SiMPLE*SiMPLE
あるウェブサイトができるまでのアニメーション November 25, 2006 2:18 PM written by Gen Taguchi これ、自分で以前どこかで紹介したらしいのですが（多分mixi日記）、こっちでも紹介しておきましょう。 あるウェブサイトができるまでをアニメーションにしてあります（下の画像をクリックするとアニメーションにとびます）。 ↑ そうそうこんな感じ・・・。 テキストからはじまって、CSSを定義して、画像をいれて、というぐあいに見ることができて素敵です。 » designline-openair.gif 以前百式で紹介したTimeSnapperを使えば簡単に自分でもできそうですね。 » レコード＆レビュー （TimeSnapper.com） | 100SHIKI.COM Info: その他 | 固定リンク | コメント (1) | トラックバック (1)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Jack Slocum's Blog ≫ Resizable Reloaded - A reusable component for resizing elements
http://gpages.webos-goodies.jp/googlepagecreatorreview
ITmedia Biz.ID：もっと便利にGoogleカレンダーを使う7つのTips
Google Code Archive - Long-term storage for Google Code Project Hosting.
IBM Developer
千客万来！ 誌上検索マーケティング講座 コーナーの記事一覧 | Web担当者Forum
TechCrunch Japanese アーカイブ » チャットにおける6つの新しいアイディア