値を入力して計算してみよう JavaScript
文字を表示できるようになったのでページ上から数値を入力し、計算処理してみます。 数値などの値を入力するにはフォームを使います。そして計算を開始するボタンを用意し、クリックされたら計算するようにします。 その1 まず、JavaScriptのソースを示します。これはヘッダー部に入力しています。 <SCRIPT language="JavaScript"> function Add(){ document.fm.C.value = document.fm.A.value + document.fm.B.value; } </SCRIPT> つぎに数値入力のためのフォームのソースを示します。 <FORM name="fm"> <INPUT size="20" type="text" name="A">+ <INPUT size="20" type="text" name="B"> <INPUT t
JavaScriptエラーを表示・確認する方法のまとめ
JavaScriptエラーを表示・確認する方法をまとめました。 １．はじめに ブラウザでページを表示したときに正しく表示されない、あるいはjQueryで設置したパーツなどが動作しない場合、JavaScriptエラーが発生している可能性があります。 JavaScriptエラーが発生しているかどうかを確認するためにはエラーを表示するためのコンソールを開く必要がありますが、コンソールの開き方が分からなかったり、ブラウザで操作方法も異なります。 このエントリーでは、以下のブラウザを対象にしてJavaScriptエラーの表示・確認方法を解説します。 Google Chrome Firefox IE ビギナーの方向けの内容です。 ２．エラーになるJavaScriptのサンプル エラーになるJavaScriptのサンプルとして、次のサンプルを用いて解説します。このJavaScriptを実行するとシンタッ
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
UXの効果が数字でわかる！5つのUX KPI : DeNA Creator(クリエイター) Blog
プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Google JavaScript Style Guide
Revision 2.2 Aaron Whyte Bob Jervis Dan Pupius Eric Arvidsson Fritz Schneider Robby Walker This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see "Hooray" appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there's a "toggle all" at
node.js用の開発Document, Coding Guide(コーディング規約) #nodejs_jp
node.js用の開発Document, Coding Guide(コーディング規約) #nodejs_jp 自分用のLink集 < node.js(JavaScript)関連 > Node.js Style Guide in Felix's Node.js Guide Node.js Manual & Documentation Node.js 日本ユーザグループ Google JavaScript Style Guide ( 日本語版 ) PHP関数をJavaScriptで書いたSample集(php.js) Underscore.jsのOfficial Document ExpressのOfficial Document Expressを使ったSample集 ejsのProject Home(Google Code)。 ejsの使い方やDocumentへのlinkがある 同じことを
フォーム（Form） - とほほのWWW入門
JavaScript とフォームをくみ合わせることによって、いろいろなことができます。下記の例では、2つの入力フォームに入力した値の合計を表示します。 <script> function func() { var xx = parseFloat(document.F1.T1.value); var yy = parseFloat(document.F1.T2.value); document.F1.T3.value = xx + yy; } </script> <form name="F1" action="#"> <input type="text" name="T1"> ＋ <input type="text" name="T2"> <input type="button" value="＝" onclick="func()"> <input type="text" name="T3"
JavaScriptでHTMLを出力するときの小技(ヘッダメニューの続き) - ガジェットWatch [旧館]
以前の記事で、ココログのヘッダ部分にメニューを設置した話を書きました。メニュー作成のHTMLを全部JavaScriptで記述し、外部ファイルに追い出してしまうことで、内容が変わっても「ブログへの反映」が必要なくなるというアイディアです。 ただ、このやりかただとJavaScriptが「document.write()」の嵐になってしまいますので、多少エレガントな方法を考えてみました。 # タイトル画像は特に記事に関係あるわけじゃないです(^-^;)。 基礎知識 JavaScriptファイルの中で行末に「\」を書くと、そのあとの改行が抑制され、「次の行もつながってるんだよ」という意味になります。 前回の例ではHTMLを1行書くたびに「document.write()」を使ってましたが、「\」を使うともう少し簡単に書けるみたいです。 具体例 今までの例と改善後の例を見てみます。 (1)今までの例
![JavaScriptでHTMLを出力するときの小技(ヘッダメニューの続き) - ガジェットWatch [旧館]](https://cdn-ak-scissors.b.st-hatena.com/image/square/590ddd7880174d531488dbb6e96c5590fc70af14/height=288;version=1;width=512/http%3A%2F%2Fgadgetwatch.cocolog-nifty.com%2Fgadgetwatch%2Fimages%2F2007%2F070518_1.jpg)
JavaScriptでテーブルを操作する
春なので、いきなり「JavaScript書け」と職場で言われて困惑しているIT奴隷仲間も多いことでしょう。 なので、特につまずきそうなテーブル操作についてざっくりまとめてみました。 ちゃんとした情報はJavaScriptクイックリファレンス 第5版でも参照してください。 //まず、IDでテーブルへの参照を取得。 var table = document.getElementById("tableId"); //取得したテーブルへ行を追加する。 //引数は、行を挿入したい位置。1行目として作成したいなら0。 //-1を指定すると末尾になる。 //戻り値は作成された行(tr)への参照。 var row = table.insertRow(-1); //作成した行にセルを追加する。引数はinsertRowと一緒。戻り値も一緒。 var cell1 = row.insertCell(-1); va
いげ太のブログ: [JavaScript] イベント上の this をめぐる攻防
this といえば自分自身のインスタンスを参照するもの。OOP に染まったプログラマなら、そう理解しているのが普通だろう。しかし JavaScript において、this の参照先は実行されるコンテキストによって以下のように変化する。 イベント ハンドラ内では、イベントの発生源（イベント ソース）のオブジェクトを参照する。 オブジェクトのプロパティ内では、自分自身のインスタンスを参照する。 ここで重要なのは 1. の方が優先されるってこと。両方が成立する場合、つまりイベント ハンドラにインスタンス メソッドを指定した場合、当該メソッドに出現する this はイベントの発生源を指すということ。 さて注目すべきは、this がイベントの発生源を参照するのは、イベント ハンドラの内だけである点だ。イベント ハンドラから参照されるオブジェクト内では、それは適用されないのである。言い方を変えれば、イ
配列のソートと無名関数 - マンガで分かる JavaScriptプログラミング講座
麗：うーん 大変だわ 先生：どうしたんだ？ 麗：生徒会で 各部活の予算を 決めているんですが 予算順に整理する のが大変で 遊：ふふふ 甘いわね麗！ あんたはまだ プログラム脳に なりきれていないわ！ こんな時こそ プログラムよ！ 麗：むっ あなたは どうすれば 整理できるのか 分かるの？ 遊：簡単よ 先生にプログラムを 書かせればいいのよ！ 先生：おいっ 先生：とはいえ プログラムで楽をしよう という考え方は正しい そういえば まだ『ソート』は 詳しく説明して いなかったな 遊：『ソート』って 何なの？ 先生：配列を並び替える処理だ 配列の『ソート』関数を使えば 値を並べ替えてくれる var yosan = [20000, 10000, 12000, 15000]; yosan.sort(); // 小さい順 alert(yosan); yosan.reverse(); // 向きを逆に
JavaScript 多次元配列と連想配列 - Wikibooks
[編集] 配列 [編集] 多次元配列 さて、先程配列を説明したが、これは直線的な1次元のデータである。 しかし、配列の中に配列を入れる事によって次のような計算も出来る var a = [ [1,2,3], [4,5,6], [7,8,9] ]; b = [ [1,4,7], [2,5,8], [3,6,9] ]; c = [ [0,0,0], [0,0,0], [0,0,0] ]; for(var i=0;i>3;i++) for(var j=0;j>3;j++) for(var k=0;k>3;k++) c[i][j] += a[i][k]*b[k][j]; document.write( c ); 上のプログラムは３×３の行列の計算である。 [編集] 連想配列 配列を扱っていると、各配列の箇所に、決まった目的のデータを入れることが良くある。 この様なものは document.write
indexOf/JavaScriptリファレンス
JavaScript Reference indexOf 関連オブジェクト : String タイプ : メソッド 書式 文字列.indexOf(検索文字列、検索位置) サンプル str = "オープンソースソフトとしてLinuxは有名です" document.write(str); point = str.indexOf("Linux",0); document.write("Linuxは、" + point + "文字目です"); 文字列から指定した位置の文字を検索、参照します。一致した文字列がなかった場合には、-1 を返します。なお、検索対象となる文字列に、変数を指定することも可能です。 結果 Top / Home / Index / Next
Selectors API の querySelector/querySelectorAll を使ってみよう | TM Life
Selectors API の querySelector/querySelectorAll を使ってみよう. querySelector/querySelectorAll とは, CSS セレクタを指定して要素を取得できるメソッドです. 今後, getElementById や getElementsByClassName に代わる重要なメソッドとなるでしょう. とても便利なのになかなか普及しないんだよなぁ～. 知名度も低くいみたいなのでざっくりまとめてみました. About querySelector/querySelectorAll とは CSS セレクタがマッチする要素をチャチャっと取得する便利な API です. 例) document.querySelector("#hoge"); // id が hoge の要素を取得 document.querySelector("secti
Javascriptを使うなら理解しておきたいアルゴリズム - 抽出・ソート・結合・集計 - いろいろ解析日記
Javascriptでのアルゴリズムの書き方の覚書です。 目次 説明に使用するデータ構造 抽出 ソート Javascriptでの配列のソート ソートの例(五十音順) ソートの例(数値順) 結合 集計 関連記事 説明に使用するデータ構造 アルゴリズムの説明のために、以下のようなオブジェクトの配列を使います。 var countries = []; countries.push( { name: "日本", currency: "JPY", population: 127156000 } ); countries.push( { name: "フランス", currency: "EUR", population: 65073482 } ); countries.push( { name: "スペイン", currency: "EUR", population: 44904000 } ); co
JavaScript - Wikibooks
Hello, World! 本書は、JavaScriptの解説書です。JavaScriptは、ウェブページやウェブアプリケーションで広く使われているスクリプト言語であり、最も広く普及しているプログラミング言語の一つです。また、Node.jsなどのランタイム環境を使うことで、サーバーサイドでもJavaScriptを実行することができます。 本書では、初めてプログラミングをする人から、他の言語で経験を積んだ人まで、広く対象としています。基本的なJavaScriptの書き方を解説することで、読者がより深く理解できるように配慮しました。 JavaScriptは、初心者が学ぶのに最適なプログラミング言語であり、ブラウザだけで簡単にプログラムを作ることができます。言語のコア部分は、国際標準化団体であるEcmaインターナショナルによってECMAScriptとして標準化され、仕様が明確になっています。No
JavaScript 型の解説 - Wikibooks
[編集] 型の復習 まずは、先程まで解説を控えていた型のさらに詳しい解説を行う [編集] 偽の特別な変数 プログラムの歴史での多くの経験から、JavaScriptでは、false(偽)を表すための多くの変数が存在する。 Undefined型や、Null型等がそれにあたる。 [編集] Undefined型 "何のデータも代入されていない状態"を指し、オブジェクトに何も代入されていない場合全般に渡って出会うことになる。 具体的な例としては var foo; document.write( foo ); //"undefined"が表示される var foo = 1500; document.write( foo.length ); // 数値型には、lengthがないので"undefined"が表示される 等、定義されただけの変数、定義されていないメソッドやプロパティを呼び出すときに出会う。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Loading...