Latest > Flakes of Ideas > JavaScriptでDOMを使う――オブジェクト指向入門の入門 - outsider reflex
2003/9/3 2003/9/4 2003/9/5 2003/9/6 はじめに オブジェクトとプロパティ 連想配列 オブジェクトと連想配列 「クラス」というテンプレート オブジェクトとメソッド 特定の型専用の関数 「メソッド」というプロパティ クラスとメソッド 「オブジェクト指向」の簡単なまとめ DOMとオブジェクト指向 「DOM」とは何か？ インターフェースとクラス DOM操作の実例 簡単な処理の例 もっと複雑な処理の例 おわりに Cが分かる人には疑りぶかいあなたのためのオブジェクト指向再入門というページがお勧めです。僕の稚拙な説明よりずっと分かりやすいです。 Home Back to Flakes Prev. Next はじめに JavaScriptでDOMを使う。DOMはHTMLやXMLをスクリプトやプログラムで操作するのにとても便利な技術ですが、簡単なスクリプトくらい書けるからD
Canvas tutorial - MDC
このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基本から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト（ふつうは JavaScript）を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は Apple が macOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTML と JavaScript の基本的な理解が必要です。一部の
text-hatena.js 公開 [tech.nitoyon.com]
本家 Text::Hatena で HTML::Parser を用いている部分は実装できていません。 URL の自動リンクや HTML のエスケープなどは実装できていません。 Cookie を利用するようなサイトに text-hatena.js を利用するのはお勧めできません。 ライセンスは Text::Hatena と同等とします。 技術的なアレコレ Perl と JavaScript って意外と似てるよね、というところから出発しました。特に、Text::Hatena のソースコードはそのまま JavaScript に置き換えられるぐらいに洗練されたコードです。例えば、Hatena.pm の一部に次のようなソースがあるのですが sub parse { my $self = shift; my $text = shift or return; $self->{context} = Text
![text-hatena.js 公開 [tech.nitoyon.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/95abde13f7ed41248843e654a2f2ddcde8983db4/height=288;version=1;width=512/http%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
テキストによるプログレスバーを実現するライブラリ ProgressText.js
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
最適JavaScript
文字列 置換処理 - JavaScriptで置換処理 文字列を配列化 - 文字列を指定した文字で配列化処理 ウイルスメール対策 - メールアドレスを崩しウイルスを駆除 URLチェック - URL(Mail・Comment)が正しいかどうかチェック 数値 金種計算 - 入力された値に対して最適な金額の枚数を求める 10進数をX進数に変換 - 10進数をX進数に変換 数値のグラフ化 - 入力された数値からグラフを作成する 最大値・最小値・平均 - 入力された数値から最大値・最小値・平均を求める グループトータル - 商品別のグループトータル ソート 基本交換法 - 基本交換法を利用してあいうえお順にソート 順位付け - 基本挿入法の原理を利用して順位を付ける 探索処理 直接探索 - 入力されたデータが配列の添え字を表す場合の探索方法 逐次探索 - 配列を順番に比較しながら探索する方法 区間探索
ブラウザによるイベントの取り扱いの違いを吸収する：CodeZine
はじめに JavaScriptは、本来スクリプトコードを一つ書けば、JavaScriptに対応したブラウザであれば、どのブラウザでも同じように動くはずです。しかし、現実にはそう簡単に行かず、あるブラウザではスクリプトが動くのに、別のブラウザではうまく動かない、といった事態がよく発生します。 これは、ブラウザのバージョンによって、サポートしているJavaScriptのバージョンに違いがあったり、たとえ同じバージョンのJavaScriptをサポートしていても、ブラウザごとにJavaScriptの実装に微妙な違いがあったりするためです。 このような、ブラウザの種類やバージョン、各々のブラウザ独自の実装の違いを考慮して、同じように動作するスクリプトを、クロスブラウザスクリプトと言います。クロスブラウザスクリプトを作るのには、ちょっとしたテクニックが必要となります。しかし、いったんテクニックを
イヌでもわかるJavaScript講座
このJavaScript講座はプログラミング知識がない人もサンプルをただ埋め込めば使えるように作られています。ステップの段階で少しずつJavaScriptを説明していきますので、各ステップの内容がすべて把握できなくても、あとでわかってくると思います。えっ？と思う個所があっても、それはそのステップの趣旨ではないところですので、その個所はどこかのステップで説明します。深く考え込まずに、各ステップを適当にすすめていってください。 なお、本講座のサンプルを使ってＨＴＭＬファイルがぶっ壊れたり、マシンから煙や火が出ても一切責任を負いません。バックアップはこまめにしましょう。(^^; また、サンプルを無断で使用することを禁じるわけがありません。勝手に許可無く使ってください。
検索できる javascriptサンプルブック
※本ページはソーテック社発行の書籍「使える！JavaScriptサンプルブック」購入者のためのものです。サンプルは書籍内容をマスターする目的のみ使用することができ、他の用途での使用・配布は一切禁止します。また、これらサンプルを実行した結果については著者、（株）ソーテック社は一切の責任を負いかねます。全てお客様の責任において御利用くださいますようお願いいたします。購入者以外の御利用はご遠慮ください。 ここで使用している全ての写真素材ファイルの著作権は篠崎柚さんにありますが、本書を学習する目的では報告や許可を必要とせず自由に使用できます。 しかし、他の目的での写真使用に関しては篠崎柚さんのページ「5memorips-photograghic」のフリー写真素材の利用規約をお守りください。
これは凶悪だっっっ! JavaScriptの"for～in"構文の罠 【▲→川俣晶の縁側→ソフトウェア→技術雑記】
JavaScriptには、コレクションを列挙する"for～in"構文があります。 これはC#のforeachや、Visual BasicのFor Eachに相当する素敵でラクチンな機能か……と思いきや。検索してみると、使用している事例を全く見かけません。 その理由(?)らしきものを調べたので、まとめておきます。 class Class1 { [STAThread] static void Main(string[] args) { string srcDoc = "<html><p>line1</p><p>line2</p><p>line3</p></html>"; XmlDocument doc = new XmlDocument(); doc.LoadXml( srcDoc ); XmlNodeList pCollection = doc.GetElementsByTagName("p
JavaScriptでリッチアプリケーションを実現 - qooxdoo 0.1.4 | エンタープライズ | マイコミジャーナル
Schlund+Partner AG, the qooxdoo projectは12日(独国時間)、qooxdooの最新版となるqooxdoo version 0.1.4を公開した。qooxdooはDOMベースのJavaScript Webアプリケーションフレームワーク。ユーザはqooxdoo version 0.1.4を使用することで、数行のJavaScriptの記述から、デスクトップアプリケーションにみられるようなグラフィカルインタフェースを実現することができる。 qooxdoo version 0.1.4はGNU GENERAL PUBLIC LICENSE Version 2またはGNU LESSER GENERAL PUBLIC LICENSE Version 2.1のもとでオープンソースソフトウェアとして公開されている。qooxdoo version 0.1.4はバグ修正やいく
JavaScript Libraries
Images Image preloader Automated image rollover and click script 3D image rotator Gallery slideshow Simple gallery Variable retention 'Get' method variable reading Cookie management Save Form Values script Variable serialiser Forms Form validator Continent country selector Days-in-month validator Caps Lock detector Save Form Values script Mouse multi-select Generic DHTML Generic DHTML do everythin
[ajax] JKL.ParseXML／ajax通信処理ライブラリ
Kawa.netxp [ajax] JKL.ParseXML／ajax通信処理ライブラリ JKL.ParseXML クラスは、サーバ上の XML 形式ファイルをダウンロード～解析して、 JavaScript オブジェクト（配列やマップ）に変換するライブラリです。 複雑な DOM 操作なく簡単なスクリプトで XML 形式ファイルを扱えるため、 Amazon など XML を出力する既存の Web サービスや、 CGI と連携することで ajax ページを手軽に構築できます。 IE・Firefox・Opera・Safari のクロスブラウザに対応しています。 XML を JSONのように手軽に扱える他、 JSON／CSV／LoadVars 形式ファイルなどのテキストファイルも利用可能です。 安定版アーカイブ： jkl-parsexml-0.22.tar.gz TAR.GZ jkl-parsex
こども(てれび) 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- - 実践 prototype.js [2]
id:higepon:20050831の続き 同じ .js ファイルの中で宣言の順番に気を使う。後方参照できない(?) この件は、id:kambaraと話していて解決というか納得した。 var Hoge = Class.create(); Hoge.prototype = (new HogeBase).extend ( { このようにクラスを”宣言”しているつもりになるのだが、良く考えるとこれは動的に上から下に実行されているため起こる問題だ。 JavaScript自身は後方参照できるが、prototype.js の仕組み上後方参照できないということ。 $関数 document.getElementByIdの代わりに使う。 厳密には $('hoge') だと たとえば <div id='hoge'> のオブジェクトが返る。 $('hoge', 'hige') だと、'hoge', 'hige
![ひげぽん OSとか作っちゃうかMona- - 実践 prototype.js [2]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d696b69e45bd1035ce3767bd2030dae9e1b59a2b/height=288;version=1;width=512/https%3A%2F%2Fimages-fe.ssl-images-amazon.com%2Fimages%2FI%2F51AVWQQV2GL._SL160_.jpg)
ひげぽん OSとか作っちゃうかMona- - 実践 prototype.js [1]
今話題(?)の prototype.js を使ってみました。 うれしいこと Class.create(), extendは最高。 ある程度気軽にクラスを作れる。オブジェクト指向に慣れている人は生産性・コードの品質が上がる。(実際コードはコンパクトになったし、仕様追加時にもいい感じだった。） 実はクラス関数も作れて便利（これはprototype.jsの機能ではない） var Hoge { hoge: function() {alert('hoge');}} Hoge.hoge();みたいな。 悲しいこと Ajaxとの組み合わせでちょっと戸惑う。 インスタンス関数を、onreadystatechange ハンドラに登録した場合にいわゆるコールバック関数なので、this.xxx などのプロパティにその関数内からアクセスできるか微妙。（回避策がありアクセスできるがこれでよいのか?仕様的に不安。クロ
![ひげぽん OSとか作っちゃうかMona- - 実践 prototype.js [1]](https://cdn-ak-scissors.b.st-hatena.com/image/square/85d71cdd0832cf3234ab38e4cbc02de2d7300069/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729888502%2F17391345971656214175%2F1529549274)
フリーウェア紹介はじめます MOONGIFT
フリーウェア紹介について 一月に一つは新しい試みを。 フリーウェア紹介のコンテンツ開始です。 http://fw.moongift.jp/ こちらも毎日一つずつの更新になります。 オープンソースと言う軸がぼやけるのが怖い点はあります。ですが、オープンソースのソフトウェアを探す、または日常使っているツールの中でとても役立っているフリーウェアが数多くあります。それらを発信できる場が必要でした。 オープン・アレキサンドリアではオープンソースと言う縛りがあったので、他の企画を進める上でも移転が必要だったと言う事もあります。 フリーウェア紹介、よろしくお願いいたします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
太陽風ДζΨΠ∀ HTML/CSS/JavaScript類のサンプル
http://japan.internet.com/developer/20051108/25.html
JSON/簡単なテスト:基本
JavaScript++かも日記 - 1997年からの