ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
SWFObject 2.2を使ってシンプルにFlashを設置する | helog - Webに悩む人のネタ帳
以前にSWFObject 2.2の利用例を紹介しました。 Flash設置の決定版「swfobject」 上の利用例はswfobjectの公式ドキュメントに掲載されているスタンダードな方法です。一方で、objectタグなどを使用しない、少しスマートな記述方法もあるようです。 swfobject – Project Hosting on Google Code まず、swfobjectを読み込んで、以下のようにしてswfobjectを実行します。 <script type="text/javascript" src="/js/swfobject.js"></script> <script type="text/javascript"> swfobject.embedSWF("/swf/index.swf", "FlashContent", "400", "400", "10", "/s
これでできる！ クロスブラウザJavaScript入門 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
JavaScriptで覚えておくとよいデータ構造 - 配列・オブジェクト - いろいろ解析日記
JavaScriptで必要なデータ構造の覚書です。 目次 配列 配列を生成する。 配列にデータを追加する。 配列にデータを格納する。 配列からデータを取得する。 配列中のすべてのデータに同じ処理をする。 オブジェクト オブジェクトを生成する。 オブジェクトにデータを格納する。 オブジェクトからデータを取得する。 オブジェクト中のすべてのデータに同じ処理をする。 関連記事 配列 配列は複数件のデータを扱うためのデータ構造です。 ■配列を生成する。 配列の生成は以下のように行います。 var 配列の名前 = []; var 配列の名前 = [ データ, データ, … ]; 配列の生成では、配列の名前を指定します。 もし、生成時にデータを格納する場合に、[]内にデータを指定します。 なお、JavaScriptでは配列の生成時にサイズを指定しません。 例えば、空の配列array1を生成するには、以
[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
AJAXのお勉強
このサイトは、Ajaxのお勉強サイトです。 Ajaxに付随する技術的な情報を提供します。 Ajaxは、JavaScriptのHTTP通信機能を使って、 サーバとXML形式のデータのやり取りを非同期で通信できます。 今まで動的なWebアプリケーションを作成する場合は、 画面遷移を伴う必要が生じましたが、 遷移が伴わないアプリケーションの作成が可能となります。 Ajaxは、DHTMLと呼ばれる技術（Http、CSS、JavaScriptなど）に、 このHTTP通信が足されたものでしょうか。 Ajaxと言えば、GoogleMapが有名ですね。 今日では、様々なWebサービスにAjaxが利用されています。 Ajaxは、htmlで作成できるのは利点でしょう。 手軽に組み込めるのは良いと思います。
Ajax初心者入門講座
AjaxのプログラムでjQueryのreadyを使ってみましょう。 jQueryとはJavaScriptライブラリの一種で、今やデファクトスタンダードと言われるくらい人気です。 前回はわざとJavaScriptのプログラムの中で、jQueryの機能を呼び出していました。 何故なら、最初はできるだけ元のプログラムを変更せずに、 最小限の修正だけで動くようにしたかったからです。 でもjQueryっぽい書き方というか、 本来ならjQueryのイベントやメソッドを使った書き方があります。 そこで今回は、前のプログラムを、jQueryを主体として書き換えてみます。 早速、やってみましょう。 【1】前回に作成したsample002jq フォルダをコピーして sample002jq-2 フォルダを作成します。 【2】今回は以下のようなファイルの構成になります。 ・test.js を少しだけ変更します。
JavaScript basic samples
┣ 文字列のスクロール（テキストボックス） ┣ 文字列のスクロール（ステータスバー） ┣ 1文字ずつ表示（テキストボックス） ┣ 1文字ずつ表示（ステータスバー） ┣ 1文字ずつ表示（テキスト） ┣ マウスを重ねると説明を表示（テキストボックス） ┣ マウスを重ねると説明を表示（ステータスバー） ┣ マウスを重ねると説明を表示（テキスト） ┣ マウスを重ねると説明を表示（ポップアップ） ┣ マウスと共に移動するイメージ ┣ 入力できないテキストエリア ┣ クイックリンク ┣ クイックリンク（フレーム形式） ┣ 複数のフレームページを同時に変更する ┣ プロンプトをパスワードの入力に利用 ┣ リンクボタン ┗ リロードボタン
JavaScript入門
JavaScript はクライアント側で実行されるオブジェクト指向型のスクリプト言語です。 JavaScript を用いることで、動的にWebページの内容を書き換えたりフォームに入力された内容をクライアント側でチェックしたりできます。ここでは JavaScript の使い方として JavaScript のプログラミングの方法をサンプルを用いて解説していきます。
Javascriptにおける配列と連想配列 prototype.js編 その1 (Yak blog)
IT戦記さんで、「Javascriptの配列と連想配列の違い」が解説されてました。 で、おなじみの Javascript用フレームワークの prototype.js(いつのまにか公式サイトがリニューアルされて、ドキュメント等がかなり充実してます)を使ってて はまったポイントが以前あったのを思い出したので、ちょっと書いてみようと思います。というか、なんか prototype.jsの初歩的な解説になってるかもしれない・・・ というわけで、かなり久々の技術エントリ。プログラミングしない方にはごめんなさひ。 prototype.jsにおける配列 prototype.jsでは、配列 (Arrayクラス)は prototypeが拡張されていて、Enumerableクラスを継承(Object.extend)しています。 なので、for in 構文を使うとEnumerableのメンバ関数まで列挙してしまい
スタイル（style）プロパティ|Ajax入門|Ajaxの基礎と応用の学習|StudyNet
Ajax入門|Ajaxの基礎と応用の学習 Ajax入門 Web2.0を代表する技術であるAjax JavaScriptの基本からAjaxの基礎・応用までサンプルを使って紹介
Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
JavaScript初心者入門講座
JavaScriptのサンプルを使って簡単な基礎から、データベースの操作まで学べる初心者向けの入門講座です。関数の作り方やJavaScriptを外部ファイルとして読み込む方法、フォームのデータを正規表現でチェックする方法、イベントの設定方法、配列の使い方などが学べます。 ・より本格的なプログラミングを学びたい場合は Java初心者入門講座 を次のステップとしてご活用ください。 ・Web系のプログラミングを学びたい場合は PHP初心者入門講座 をおすすめします。 ・PHPやJAVAではデータベースにMySQLを使用しているため、 MySQL初心者入門講座 を先に学ぶと習得が楽になります。もちろん必要になった段階でMySQLを学んでもOKです。 JavaScriptで本格的なゲームを作ることができます。 しかも使い慣れたプログラミング言語のJavaScriptで、いろんなプラットフォームに対応
特集：jquery.jsを読み解く｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
古籏一浩のJavaScriptラボ
活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
JS Bin
caraldo.net - it転職 リソースおよび情報
Webpark 