【Ajax】JavaScript Framework(Ajax and more)-Young risk taker.
Javascriptはオブジェクト指向言語だが、C++やJavaなどのオブジェクト指向言語とは大きく異なる。Javascriptはプロトタイプオブジェクト指向である。 クラスベースとプロトタイプベース C++やJava等のオブジェクト指向言語は、クラスベースオブジェクト指向と呼ばれる。全てのオブジェクトには雛形が存在し、雛形を実体化する事でオブジェクトは生成され、インスタンスと呼ばれる。 一方、プロトタイプベースのオブジェクト指向とは何だろうか？ 引用: プロトタイプベースオブジェクト指向 オブジェクトがスロット（クラスのインスタンスならインスタンス変数やメソッドに相当）の追加をクラスに依存せずに自由にできることを前提としたオブジェクト指向。あるいはそうしたオブジェクトを用いたプログラミングや、それをサポートする機構。
最速インターフェース研究会 :: 実践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
こせきの日記 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
ウェブマスターはてな JavaScript プログラマの方にお聞きします。近頃注目を集めている JavaScript ですが、どのような開発環境で開発していますでしょうか。(ブラウザ、デ・・
JavaScript プログラマの方にお聞きします。 近頃注目を集めている JavaScript ですが、どのような開発環境で開発していますでしょうか。(ブラウザ、デバッガ、エディタ、ブラウザのプラグイン、そのほか) サードパーティ製のツールなどをお使いの方は、できればそれがどんなものか、なぜそれがいいのかも教えてください。 ちなみに僕は Firefox の JavaScript コンソールと Emacs の java-mode というとてもしょぼい感じですｗ
ブラウザ上でお絵かき
線の色: 線の太さ: 背景色: 背景色の変更はやり直しできません。 すべて削除すると元に戻す / やり直すことができなくなります。 VML バックエンドでは描画中に線が揺れることがあります。 VML バックエンドでは線が少し太めになります。 Opera 8 (SVG Tiny バックエンド) では JavaScript コンソールに大量の警告が出ます。 CSS Positioning バックエンドでは点が円ではなく正方形になります。 CSS Positioning バックエンドの作成にあたっては、線分描画のアルゴリズム (Fussy's HOMEPAGE) を参考にさせていただきました。 DrawingCanvas.js DrawingCanvas.js (0.02) と DynamicCanvas.js から構成されます。 DrawingCanvas は基本的な描画を担当します。 Dyn
JavaScriptを変更することなくAJAXを実現 - AjaxAnywhere 1.0.1公開 (MYCOM PC WEB)
The AjaxAnywhere Projectは23日(現地時間)、AjaxAnywhereの最新版であるAjaxAnywhere 1.0.1を公開した。AjaxAnywhereは既存のJSPコンポーネントをAJAXとして動作するコンポーネントに置き換えるための一連のソースコードとツール。既存のJavaScriptコードに手を加えることなくその動作をAJAXとして動作せることができるという特徴がある。 AjaxAnywhere 1.0.1と前バージョンとの主な変更点は次のとおり。 JavaScript例外ハンドリングの改良 AAUtils APIの名前をより直感的な名前に変更 JavaScript getAJAX - キャシングの回避、コールバック、バグの修正 JavaScriptドキュメントの更新 同プロジェクトのサイトには、AjaxAnywhereを使った場合にそうでない場合と比べて
yohei-y:weblog: Javascript HTML のデザインパターン
僕もご多分に漏れず Javascript で遊んだり調べたりしています。 いろいろなクールなサイトの生 Javascript を見て勉強しているのですが、 まず面白いなと思ったのがロールオーバーの実現方法です(JavaScript や HTML をわかってる人には当たり前の内容だと思うので、ツマラナイ話だと思いますが)。 WaSP の左上の画像のロールオーバーは <img id="logo" src="/img/logo.gif" height="100" width="103" alt="Web Standards Project logo" /> 生 HTML はこんなかんじで onmouseover/onmouseout 属性を記述せず、 JavaScript で function initRollOvers() { var logo; if (document.getElement
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((
Collection & Copy - AJAX/JavaScriptライブラリまとめ
AJAX/JavaScriptライブラリまとめ (2005/9/6 Revision .1.3) 翻訳 原文：Survey of AJAX/JavaScript Libraries Copyright 2005 by Sergio Pereira, Joe Walker, Matthew Eernisse ※本翻訳は、2005/9/6の1.3版を基に作成されています。原文であるWikiページは、1.18以上に更新が進み記載されているライブラリの数が増え、複数の誤りが修正されているようです。最新の情報は原文を参照してください。 Prototype (http://prototype.conio.net/) ライセンス：MIT 概要： Prototypeは、動的なウェブアプリケーションの開発を容易にするためのJavaScriptフレームワークです。Ruby on Railsフレームワーク駆動で
JavaScript: 世界で最も誤解されたプログラミング言語 - 実用
翻訳 原文:JavaScript: The World’s Most Misunderstood Programming LanguageCopyright 2001 Douglas Crockford. All Rights Reserved Wrrrldwide. JavaScript(別名：Mocha、LiveScript、JScript、ECMAScript)は、世界で最も人気のあるプログラミング言語の一つです。世界中のほとんどのパソコンには、少なくとも1つはJavaScriptインタープリタがインストールされ動いていることでしょう。JavaScriptは、WWWのスクリプト言語としての確かな地位により広く利用されるようになったのです。 しかしその高い普及率にもかかわらず、JavaScriptが汎用的でダイナミックな優れたオブジェクト指向プログラミング言語であることはあまり知られて
JavascriptとDOMの質問です。 IEで使えるdocument.allの様に、W3C標準でdocument内の全ての要素を集合で取得する方法は無いでしょうか。…
JavascriptとDOMの質問です。 IEで使えるdocument.allの様に、W3C標準でdocument内の全ての要素を集合で取得する方法は無いでしょうか。 document.getElementsByNameやdocument.getElementsByTagNameでは、条件に一致するものしか取得できない様で、無条件にする方法が解りません。 なお、OperaやFireFoxでは、document.allが使えてしまう様ですが、NetscapeやSafariでも使用可能な方法で、回答お願いします。
JavaScript Tips collection
タイトルは月並みですが、1) 実用的 2) ブラウザのバージョンに関係なく動くことを目標に作成した JavaScript Tip集と IE 及び NN どちらでも動作する Cross Browser DHTML の Tip集のページです
Behaviour : Using CSS selectors to apply Javascript behaviours
Behaviour.js is deprecated Behaviour.js was my library for doing unobtrusive javascript using a combination of a CSS Selector library and some simple javascript. This functionality has now been adopted and improved upon by all the major javascript libraries. I personally use Jquery, which through the .live() method, let's you do all of the functionality of Behaviour.js, but including automatically
hori-uchi.com: クリックするとすべて選択されるテキストエリア
GoogleAdsenseのAdsenseコードを表示するテキストエリアがちょっと便利。クリックすると、テキストエリア内のコードがすべて選択された状態になるので、あとは右クリックしてコピーするだけでOK。ちょっとした気遣いだけど、これだけですごく使い勝手がよくなっている気がします。 実際どうやって実現しているのかなとコードを覗いてみると、こんな感じ。 <textarea readonly rows="12" cols="65" onclick="this.focus();this.select()" id="code"> 標準関数のfocus()とselect()を使うだけでできてしまうので、非常に簡単ですね。早速まねしよう。 Technorati TAG GoogleAdsense, HTML, Javascript, UI,
こども(てれび) 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
JavaScriptでサムネイルをクリック→元画像を別窓で表示させたいと思います。…
JavaScriptでサムネイルをクリック→元画像を別窓で表示させたいと思います。 画像と同じサイズの窓を開きたいのですが、画像サイズが不定なのでScript内でサイズ指定はできません。 枚数が多いのでHTML内に関数の引数として記述するのも避けたいです。 そこで「画像の縦横を取得→窓を開く→窓をリサイズ」という方法を考えましたが 画像を読み込んでから縦横を取得するように書き換えたいです。 function popup(url){ newPic = new Image(); newPic.src = url; var w = newPic.width; var h = newPic.height; var Size = ”width=” + w + ”,height=” + h; var newWin=window.open(url,”nWin”,Size); newWin.resizeT
JavaScript & DHTMLクックブック—Webエキスパート必携テクニック集
★ご注文日より１,２日後に出荷。ゆうメール発送、ポスト投函となります。こちらの商品は中古品の為、すり傷などに多少の使用感があります。クリーニング済みの、外観上きれいなものを販売しております。品質には十分注意していますが、万一不良があった場合、交換又は返金にて対応。また、お客様の住所入力不備により、返品された場合は再発送料をご請求いたしますので、ご入力の際は住所等お間違えのないようお気をつけください。 ★ご注文日より１,２日後に出荷。ゆうメール発送、ポスト投函となります。こちらの商品は中古品の為、すり傷などに多少の使用感があります。クリーニング済みの、外観上きれいなものを販売しております。品質には十分注意していますが、万一不良があった場合、交換又は返金にて対応。また、お客様の住所入力不備により、返品された場合は再発送料をご請求いたしますので、ご入力の際は住所等お間違えのないようお気をつけくだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2db1d77b992024866b89bff50dfc76fe6add3f76/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
Mozilla — 利益ではなく、ユーザーのためのインターネット
Technical documentation
