30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記
Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」を食べているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ
jQuery controlled Dependent (or Cascading) Select List 2 | 設置サンプル
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-eq
jQuery.jsを使ってhtmlを外部読み込み
htmlの作成時に各ファイルで共通している部分がありますね。 ・ヘッダとか ・フッタとか ・グローバルナビとか そんな時、どうしてますか？ 1.各ファイルに同じ記述をしてますか？（変更掛かったらめんどくさいですね） 2.SSI（サーバーサイドインクルード）してますか？（できればいいけどちょっぴり敷居が高い？） 3.avascriptでdocument.writeつかってますか？（ソースが長いとめんどくさいですね） ざっくりリストアップすると以上のような方法が考えられます。 僕も上記のどれかをケースバイケースで使ってました。 そこにもうひとつ選択肢を追加します。 jQuery.jsを使って外部のhtmlファイルをまるごとインクルードしちゃいましょう。 方法 1.何はともあれjQuery.jsをダウンロード http://jquery.com/ 2.htmlのheader要素内で読み込む <s
PHP＆MySQL＆jQueryで構築するチャットボックス実装デモ:phpspot開発日誌
Making a shoutbox with PHP, MySQL and jQuery | CodeForest PHP＆MySQL＆jQueryで構築するチャットボックス実装デモとチュートリアルが公開されています。 Ajaxベースのチャットスクリプトが欲しいという方は覚えておいてもよさそうです。 デモページ 投稿すると画面遷移せずにアニメーションしつつ、そのまま画面に表示されます。 ソースのDLが可能で、プログラム自体もそこまで難しいものではないため、改造して使うのも簡単そうです。 関連エントリ あなたの空き状況が一目でわかるカレンダー実装PHPスクリプト「Ajax Availability Calendar」 あなたのドロップボックスにアップロードが可能なPHPスクリプト PHPスクリプト1つでできる簡単サーバ監視
PHPで書かれた次世代のショッピングカートシステム「TomatoCart」:phpspot開発日誌
TomatoCart- New Generation Ecommerce PHPで書かれた次世代のショッピングカートシステム「TomatoCart」。 ショッピングカートといえばosCommerceが有名ですが、TomatoCartはosCommerceからブランチしてweb2.0的な仕組みを取り入れたり、ExtJSを導入したりしていて、なかなか便利そうです。 ショッピングカートを実装する必要にかられたときに１つの選択肢として覚えておいてよさそうです。 管理画面がすごくて、Windowsのデスクトップ風UIで超リッチで直感的に使えるものになっています。 アイコンごとに機能が分かれていて、クリックするとアプリケーションが立ち上がるイメージで機能を利用できます。 管理画面のアイコンで立ち上がるアプリケーションっぽいものはExtJSを使って作られていて、使いやすさもなかなかよさそう。 SEOフレ
jQuery.ajax(options) - jQuery 日本語リファレンス
HTTP通信でページを読み込みます。 この関数はjQueryにおけるAJAX通信の基本部分で、実際には$.getや$.postといった関数を使った方が、容易に実装できます。 但し、これらの抽象化された関数は実装の容易さと引き換えに、エラー時のコールバックなどの複雑な機能を失っています。そのような処理を実装したい場合は、やはり基幹であるこの関数を用いる必要があります。 $.ajax関数は、戻り値として XMLHttpRequestオブジェクトを返します。殆どの場合、このオブジェクトを直接操作することは無いと思われますが、例えば投げてしまったリクエストを中断する場合など、必要であれば利用して下さい。 この関数は引数をひとつだけとりますが、実際にはハッシュで、キーと値の組み合わせにより多くのオプションを受け取ります。 以下にその一覧を載せますので、参考にして下さい。 async / boolea
サーバー上のHTMLファイルを読み込みページ上に表示する
前項ではサーバー上のテキストファイルを読み込みました。ここではHTMLファイルを読み込みページ上に表示します。HTMLファイルだからといっても特別な処理は不要です。テキストファイルを読み込むのと同じです。唯一異なるのがページ上に表示する際にinnerHTMLプロパティに読み込んだデータ(responseText)を入れるという点です。以下のスクリプトは2種類のHTMLファイルを読み込み表示します（サンプルを実行する）。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>サーバー上のHTMLファイルを読み込む</title> <script type="text/javascript" src="xmlhttp.js"></script> <script ty
ハイテンションAjax入門 - 三等兵
JSが少しできる人ならうじうじ考えるほどのこともでもない！ 何も難しいことはない！ぶっとんぢまいなよ！ヒャッパー！！！ というノリでAjaxを学んでみました。醜いです。 Ajax入門 Ajaxはいろいろできるんだぜ！ 以上入門終り！キミは完璧だ！次いけ！ Ajaxは非同期通信だかなんだかそんなもんはどうでもいいんだ！ どうでもいい！そんなことよりもXMLHttpRequestオブジェクト生成！ var request = false; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); //frefox ie7,8 safai opera } else if(window.ActiveXObject) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); // ie6
いまさら聞けない、“Ajax”とは何なのか？（1/3） - ＠IT
しかし、何が得意で、どんなことがすごいのか？ どんな技術を使っているのか？……などなどについてあなたは説明できますか？ そのあたりを中心に解説をしていこうと思います。 Ajaxを、その誕生からひもとく Ajaxを理解するには、その誕生を知ることが第一歩です。 ■Ajax発祥の地はいずこ？ 「Ajax」発祥の地は、コンサルティング会社を経営するJesse James Garrett氏が、2005年2月18日に投稿した「Ajax: A New Approach to Web Applications」（Ajax Webアプリケーションへの新しいアプローチ）というエントリーです。 このエントリーは話題を呼び、Ajaxという単語がアメリカで使われるようになり、日本にやって来ました。 ■Ajaxの定義 では、Ajaxとは何なのか？ 彼のブログで、以下のようにAjaxを定義しています。 standar
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA