Ajaxフォトアルバムのフェードイン画像フレームを作ろう －＠IT
本連載では、Ajaxを活用したインタラクティブなWebアプリケーションを、ゼロから開発する。3回の連載で、簡単なWebフォトアルバムを完成させる予定だ。完結した機能を持ったAjaxアプリケーションを作り上げるステップを、具体的に解説していきたい。 JavaScriptと非同期データ送受信を組み合わせた、Webアプリケーション開発スタイルである「Ajax」は、このキーワードが発表されたのが今年初めのことだとは思えないほどの発展を遂げており、日々新しい実験や、それを組み込んだサービスが発表されている。 そろそろ実際にAjaxを活用したWebアプリケーションを開発してみようか、と考えている開発者も多いことだろうが、ではAjaxで何をどう作ったらいいんだろう？ という部分で立ち止まってしまってしまっているのではないだろうか。 そこで本連載では、単なるサンプルではなく、完結した機能を持ったAjaxア
Javascript でカプセル化する方法 - nirvashの日記
http://d.hatena.ne.jp/brazil/20050829/1125321936 http://www.crockford.com/javascript/private.html しかしJavaScriptのオブジェクトも、プライベート変数とプライベートメソッドを持てることが分かりました。もちろん、JavaScriptは世界で最も誤解されたプログラミング言語であるため、理解している人はほとんどいません。 笑った。いや、俺ももちろん理解してなかったよ。なんで、勉強がてら俺メモ。 Public オブジェクトの持つメンバは全て公開メンバだ。オブジェクトにメンバを追加する方法は次の２通り。 コンストラクタ中で追加 プロトタイプで追加 Private プライベートメンバはコンストラクタ中で定義される。 function Container(param) { this.member =
最速インターフェース研究会 :: 実践JavaScriptリファクタリング
同じ事をやるにも、いろんな書き方があるわけでいかにして短くてわかりやすいコードを書くかというノウハウを紹介します。 例として"abcde"を80回繰り返した文字列を作るとして実際に自分のコーディングスタイルがどんな風に変化していったのか、という。 短くなるのは確かなんだけどわかりやすいかというと、人によるかもしれない。 グローバル関数を定義2年前なら、多分こういう具合だった。 //ふつうに関数として定義する function x(str,num){ var tmp = ""; for(var i=0;i<num;i++){ tmp += str; } return tmp; } x("abcde",80) Stringのメソッドとして定義1年前だとこんな感じ。 //Stringのメソッドとして定義する String.prototype.x = function(num){ var tmp
YappoLogs: ページがどんなキーワードで検索されたかをTagCloud風に表示させるくっつきサービス
ページがどんなキーワードで検索されたかをTagCloud風に表示させるくっつきサービス Search Word Cloud ※11時に仕様を変更した追記を行っています。 うまい説明が思い浮かばないのですが javascriptファイルをページに貼り付けておくだけで、そのページに訪問した際に使われた検索キーワードを自動的に検知して そのキーワード達をTagCloud風に表示させる物を作ってみました。 機能は上記のものだけでいたってシンプルです。 このblogは、topの左上と各エントリの上にくっつけてます。 基本的な集計単位はURLベースなので、同一コンテンツに複数のURLが割り当てられてる時には挙動が変になるでしょう。 他にもネタがあるけど、とりあえず設置方法だけ書いておきます。 設置方法 <script src="http://swc.blogdb.jp/js/swc_init.js">
Collection & Copy - JavaScriptにおける高階プログラミング
翻訳 原文：Higher Order Programming In Javascript著者：Sjoerd Visscherライセンス：クリエイティブ・コモンズ・ライセンス(帰属) 前提知識JavaScriptを使ったオブジェクト指向プログラミングの知識が必要となります。以下のWebreferenceの記事を読み、よく理解しておいてください。OOP in Javascript, part IOOP in Javascript, part IIDouglas Crockford最終更新2004/3/28はじめに高階プログラミングでは、値として関数を使うことができます。つまり引数として関数を別の関数へ渡すことも、関数を別の関数の返り値にすることもできるのです。この形式のプログラミングは、しばしば関数型プログラミングで使用されますが、「通常」のオブジェクト指向のプログラミングでも非常に有用です。
20 CSS Tips & Tricks
Looking for information about Informa TechTarget products and services? The commercial homepage has moved. Visit Informa TechTarget News 05 Aug 2026 / AI Ethics & Governance AI Kill Switch Act: What it means for enterprise leaders The proposed bill could apply to much more than just frontier model makers and might signal stricter regulatory restrictions for enterprise leaders to contend with. 05 A
Collection & Copy - JSON入門
翻訳(thanks to JavaScript++かも日記) 原文：Introducing JSON JSON(JavaScript Object Notation)は、軽量のデータ交換フォーマットです。人間にとって読み書きが容易で、マシンにとっても簡単にパースや生成を行なえる形式です。JavaScriptプログラミング言語（ECMA-262標準第3版 1999年12月）の一部をベースに作られています。JSONは完全に言語から独立したテキスト形式ですが、C、C++、C#、Java、JavaScript、Perl、Python、その他多くのCファミリーの言語を使用するプログラマにとっては、馴染み深い規約が使われています。これらの性質が、JSONを理想的なデータ交換言語にしています。 JSONは2つの構造を基にしています。 名前/値のペアの集まり。様々な言語で、これはオブジェクト、レコード、構
こせきの日記 JavaScript Shell Bookmarklet
表示中のページをコンテキストにして、JavaScriptのシェルを開くブックマークレット。 「もっともお手軽な対話的JavaScript処理系」を読んでいて、シェルを開くブックマークレットを作ってみたいなと思ったんですが、検索したら既にありました。しかも、とんでもなくいいものが。 ↑↓で履歴。 タブキーで補完。 Shift+Enterで複数行入力 alt+Pで最後に評価した値のプロパティを表示 alt+Bで最後に評価したノードをブリンク (確認できず) alt+MでMath scopeに。計算機モード。 DOMをタブキーで辿れるのは感動的です。 http://webmaster.hatena.ne.jp/1123227040 でも紹介されてました。この質問前に見てたんだけどなあ……全然気づきませんでした。 http://www.squarefree.com/bookmarklets/key
nak2kのメモ帳 - Win版インタラクティブJavaScript
「SpiderMonkey で JavaScript のインタラクティブシェル - bkブログ」のWin版です。 以下の内容で「ijs.js」というファイルを作成。 function print(s) { WScript.StdOut.Write(s); } (function () { for(;;) { print("js> "); var l = WScript.StdIn.ReadLine(); if (l == "!") { var a = []; while((l = WScript.StdIn.ReadLine()) != "!") { a.push(l); } l = a.join("\n"); } try { var v = eval(l); print(v); print("\n"); } catch(e) { print("Exception: "); print((
いやなブログ: SpiderMonkey で JavaScript のインタラクティブシェル
SpiderMonkey で JavaScript のインタラクティブシェル JavaScript のコードをインタラクティブに動かせるツール (Ruby における irb のようなもの) が欲しいと以前から思っていたのですが、今日になってようやく SpiderMonkey のインタラクティブシェルをインストールしました。 Debian GNU/Linux なら sudo apt-get install spidermonkey-bin を実行するだけでインストールできます。インストール後、 js コマンドを実行するとインタラクティブシェルが立ち上がります。 式を入力すると値が表示されます。 readline ライブラリがリンクされているので、コマンドライン編集は bash と同様にできます。 js> a = [1,2,3] 1,2,3 js> a.push(4) // 末尾に 4 を追加
MODULE.JP - Shibuya.pm テクニカルトーク#5
毎度準備不足な私の発表。当日使ったスライドのPDFとQuickTimeムービーを転がしておきます。でかいです... 当日の資料など Apple Keynoteのファイル(っつーかディレクトリ)で配るのが一番効率いいんですが、それだと嫌がらせ的なので一応PDFとQuickTimeムービーに書き出したものを転がしておきます。再考ですかー!?JavaScript - SpiderMonkeyといっしょ(PDF 2.3Mbyte) Apple Keynoteの雰囲気を見たい場合はこちらのQuickTimeのムービーをどんぞ再考ですかー!?JavaScript - SpiderMonkeyといっしょ(QuickTime 1.6Mbyte)ってやっぱスライド見ただけじゃないよう分からんなぁ... あと、プレゼン中に使ってたサンプルコードも一応。 なんか、反応リンク?を見てると、内容よりも「Keynot
Ajax実現にも便利なJavaScriptパッケージ - Dojo 0.1公開 (MYCOM PC WEB)
The Dojo Foundationは29日(現地時間)、はじめての公式パブリックリリースとなるDojo version 0.1を公開した。Dojo version 0.1に関する多くのドキュメントは近日中に公開される予定。DojoはAcademic Free License version 2.1のもと公開されているオープンソースのJavaScriptパッケージ集で、ウェブアプリケーションを開発するためのDHTMLツールキットということになる。Academic Free License version 2.1はBSDライセンスによく似たライセンス。 Dojo version 0.1には次の5つのエディションが用意されている。 AJAXエディション I/O (XmlHttp)エディション Event + I/Oエディション Widgetsエディション The "Kitchen Sink"
Notice
Notice The Community Scheme Wiki is temporarily offline for maintenance. It is expected to resume normal operation on Thursday, Jan 4, 2018. Further Details The Community Scheme Wiki runs on an AWS EC2 instance, which today was subjected to a mandatory emergency update by AWS, as described at: https://aws.amazon.com/security/security-bulletins/AWS-2018-013/ However, the instance in question has no
いやなブログ: 配列操作の比較表: Ruby, Python, JavaScript, Perl, C++
配列操作の比較表: Ruby, Python, JavaScript, Perl, C++ プログラムを書いていると、他のプログラミング言語の記憶とごっちゃになって、「配列の後ろに要素を追加するのは push だっけ、 append だっけ」などと混乱することがあります。特に Ruby, Python, JavaScript はコードの書き方が似ているので、この問題が起きがちです。 そこで、備忘録として、 Ruby, Python, JavaScript, Perl, C++ の配列操作の比較表を作りました。一番慣れている Ruby を基準にしています。間違いなどがあったらご指摘いただけると助かります。他の言語のもあるといいなあ。 Ruby (Array) Python (list) JavaScript (Array) Perl (@) C++ (std::vector)
JavaScript Unicode Charts - bkブログ
JavaScript Unicode Charts Unicode の表を JavaScript で動的に生成して、検索もできたりするツールがあると便利ではないかと思い立ちました。そこで、自分で作り始める前に試しに javascript unicode で検索してみたところ、ちょうど欲しいと思っていたようなものが見つかりました。JavaScript Unicode Charts というページです。 JavaScript Unicode Charts のページの一番上の入力欄に「あ」と入力してEnterキーを押すと、「あ」のコードポイント 0x3042 がわかります。この機能は Unicode を使ったプログラミングに役立ちそうです。 たとえば、 JavaScript で document.createTextNode を使ってテキストノードを作るときは実態参照は使えないので、 » (&ra
DAGE - DHTML-based Adventure Game Engine
<p>This cannot be run in browsers without frameset support.</p>
こども(てれび) prototype.js ってなに？の巻
追記 2005-08-23 Using prototype.js v1.5.0 リファレンスがあったみたい。これを読んだ方がはるかに有益です。あー書くんじゃなかった。 はてなの人気者 id:naoya が「prototype.js でデザインパターン」というのをやってるんだけど、prototype.js の説明をしてくれなくて困る。前から「Rails の prototype.js は便利だ」というのを目にすることがあったので、ちょうどいい機会だってことで調べた。 http://prototype.conio.net/ ドキュメントが全然ない。ないこたないと思うのでご存知の方は教えてください。しょうがないのでコードを読むことに。 http://dev.conio.net/repos/prototype/src/ ここのを順次読みます。 base.js http://dev.conio.net
ひげぽん OSとか作っちゃうかMona- - いまさら人に聞けないAjaxと簡単なサンプル
入門 Ajaxposted with amazlet on 06.04.22高橋 登史朗 ソフトバンククリエイティブ (2005/11/15) 売り上げランキング: 65,811 Amazon.co.jp で詳細を見る Ajax 実装のための基礎テクニックposted with amazlet on 06.04.22増井 雄一郎 深津 貴之 川崎 有亮 台場 圭一 WINGSプロジェクト 佐藤 真介 技術評論社 (2006/03/23) Amazon.co.jp で詳細を見る JavaScript & DHTMLクックブック―Webエキスパート必携テクニック集 作者: ダニーグッドマン,Danny Goodman,村上列出版社/メーカー: オライリージャパン発売日: 2004/01メディア: 単行本購入: 2人 クリック: 36回この商品を含むブログ (63件) を見る Ajaxとは 最近
MoP - Mozilla de Presentation
〜もじらでぷれぜん〜 MoP もぷ English Version なにするものぞ ふつうのHTML+CSSの書き方でプレゼンページとなるHTMLファイルを 吐き出す。 表示文字サイズもブラウザのサイズに合わせて大体いい具合に 自動調整する。 簡単なアニメーション効果もCSSの文法で書ける。 Q&Aアニメーション自動生成は分かりやすい説明の速攻作成にわりと 便利。 プレゼン画面を作るとそれがそのままWebページとしても公開できる。 ブラウザさえあればどこでもプレゼン可能。 HTML文書として残るのでMozillaが滅びない限り永続的に利用可能。 百聞は一見にしかず、実際にMoPで作成したプレゼンページ を見てみやう。 このソース、普通にHTMLの文法でソースを書いただけ。HTMLの書き方知って いる人ならなんの苦労もなくプレゼンシートが作れる。 NEWS mop-1.10〜1.10での変更
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
del.icio.usdel.icio.us: json feeds