JavaScript関係のツールまとめてみた | Web scratch
最近使ってたりするJavaScript関係のツールまとめてみた。 主にWebサービスです。 Global is the new private JavaScriptライブラリの名前空間汚染をチェックするツール。 元々載ってるもの以外でも*Analyze your own scripts!*から調査したいライブラリを追加できる。 jsFiddle ブラウザ上で HTML / CSS / JavaScript の実行結果を表示できる。 Embedコードもあるので、ブログにjsやCSSなどを載っけるのに便利。 エディタ機能も整形、シンタックスハイライトしてくれるので使いやすい。 HTML5のコードを使うにはInfoからDTDを変更してから使う。 類似:MooShell Gist – GitHub gistです。コードスニペット共有サービスです。 Greasemonkey貼るときgist fill
DOM の textContent と innerText について - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20110517.html
ブラウザを判別したい - PC説教講座
理想的にはブラウザのことなど考えずに情報を発信することができ、各ブラウザは自分の対応していない要素や技術について適切に処理してくれるといいのですが、現状のブラウザはバグ、仕様を含めそういう具合にはいきません。そこで何らかの方法でブラウザを判別して、各ブラウザに応じて処理を分ける、というテクニックが必要になります。 2002.02.20. 導入 JavaScript とか CSS とか、Web を作るときのクライアント側の技術を使う場合には、その技術に対応していないブラウザへの配慮をどうするか、というのが割とキモになります。で、ブラウザを判別するという作業というか行程というか過程が必要になるわけですが、問題はその方法です。 Web サーバとクライアントの間には裏で、わしはこれこれこういうサーバじゃ、うちはこれこれこういうブラウザじゃ、わしの扱っているデータはこれじゃ、うちはこれこれが扱えるぜ
JavaScript記述方法
また、W3Cの規定ではJavaScriptは以下のように記述します。W3Cの書き方ではバージョンは指定することはできません。 ●デフォルトの言語として指定する場合 <meta http-equiv="Content-Script-Type" content="text/javascript"> ●<script>タグ内で指定する場合 <script type="text/javascript"> JavaScript命令および関数... </script> 2004年現在では<script>タグ内にlanguage属性とtype属性を併記して古いブラウザ（Netscape Navigator 4など）に対応させる場合もあります。この場合は以下のように記述します。 <script language="JavaScript" type="text/javascript"> JavaScript
ブラウザにおける空白文字に関する考察 - elm200 の日記(旧はてなダイアリー)
趣旨 ブラウザによる空白文字の取り扱いは、なかなか一筋縄ではいかないので、これを整理してみる。 情報ソース ブラウザの問題：半角スペース、全角スペース、改行コード、整形処理 よくまとまっている。おすすめ。 ブラウザ上の空白文字の表示 一般的なブラウザ(Firefox 2 や IE6 など）で次のような HTML 文書がどのように表示されるだろうか？ (\n; は改行(LF, 0x0A), \tはタブ(0x09), \s は半角スペース(0x20)をそれぞれ表すとする) A\nB\tC\sD答えは、"A B C D"。つまり A, B, C, D のそれぞれに半角スペースが1つずつ存在する。これは簡単だ。 では、半角文字にかえて、全角文字を使ってみたらどうであろうか？ あ\nい\tう\sえ答えは、"あい う え" になる。ここで、「あ」と「い」の間に半角スペースが入っていないことに注意してほ
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
こよみのページ
連絡について こよみのページに関しての問い合わせ、要望などにつきましては 作者まで 連絡下さい。 その他 ご寄付のお願い こよみのページはその運営費等について、皆様からのご寄付をお願い致しております。 詳しくはこちらをご覧下さい。 ◆かわうそ＠暦の本◆ かわうそ＠暦が書いた本や、雑誌を紹介しております。 こよみのページの活動を通じて生まれた本や雑誌です。 興味のある方はこちらにお立ち寄り下さい。 新規・改修コンテンツ （2023～） 「暦の雑節計算」の小修正 旧暦月日で行われる旧正月・旧暦五節供・中秋について、参考として表示するようにしました。 祝日日付一覧 ここ数年、めまぐるしく変わる「国民の祝日に関する法律」の規定を追いかけるために1948～2052年の間の祝日一覧(3年分ずつ)表示ページを作成しました（春分の日、秋分の日は天文学的春分日、秋分日とした）。 バグ情報・使用上の注
JavaScriptでCGI不要のデータベース
ホームページでデータベース機能がついているといいなぁ、、、と思ったことはありませんか？趣味のコレクションをつづったデータの一覧などを必要なものだけ表示したい、、、こういうのってサーバー側にデータベースを持っていてPerlなどでCGIを利用しないとなかなか実現できない機能です。 この検索して表示、という働きをクライアントサイド、つまりJavaScriptでしてしまおう！という実験です。ページを見ているパソコンだけでデータベース的な動きができるということは、一度全てのデータをパソコンに取り込む必要があるので、データのサイズはあまり大きなものはできません。 ですが、１００件～３００件程度のリストなら十分動く仕組みをつくることは可能です。（もちろん１件のレコードのサイズにもよりますが、、、） ここで、検索の基本を考えてみたいと思います。 検索は大量のデータから自分が意図した条件に合致するデータだけ
いろんなプログラミング言語で1582年10月5日を扱ってみる| mwSoft
概要 1582年10月5日〜1582年10月14日までの10日間は、何らかの自然現象（ゴゴゴゴゴ）によって時間が消し去れてた期間として知られています。プログラミング言語を使ってこの日を取り扱おうとすると、いろんな結果が出力されます。 今日はそんな素敵な日付である1582年10月5日と戯れて、貴重な1日を無駄にしてみたいと思います。 Java とりあえずJavaから。バージョンは7。 // 1582/10/05をパース Date dt1 = new SimpleDateFormat("yyyy/MM/dd").parse("1582/10/05"); System.out.println(dt1); // 1582/10/04をパース Date dt2 = new SimpleDateFormat("yyyy/MM/dd").parse("1582/10/04"); System.out.p
Dateオブジェクトのインスタンスを作成する
引数の指定方法が異なる 4 種類のコンストラクタが使用できます。このあと、それぞれの使い方について解説します。 ※ Date オブジェクトのインスタンスを作成すると、特定の日時を表す値を持ちます。この値は内部的には 1970 年 1 月 1 日 0 時 0 分 0 秒 UTC からの経過ミリ秒という形式で保管されており、 Date オブジェクトのインスタンスメソッドを使うことで色々な形式で情報を取り出すことができます。
万年カレンダーのソースと解説
今月のカレンダー 万年カレンダーを作る前の今月のカレンダーを表示するシンプルなカレンダーを作っていきましょう。 それを土台として万年カレンダーを作ります。 構想を練る カレンダーと言っても色々な形式があります。 単純に今日の日付を表示するだけの場合もありますし、今月のカレンダーだけを表示したり、一年分のカレンダーを表示することもあります。 また、週と曜日で格子状に組み上げるばかりでなく、一覧にして行毎に並べたり、表示の余白を持たせてメモやイベントを表示することもあります。 今回は最終的に万年カレンダーとして使えるものを作っていきたいと思います。 まずは、今日の日付を表示するものを作り、今月分のカレンダーを作り、フォームと組み合わせて万年カレンダーへと発展させたいと思います。 HTMLファイルの準備 HTMLファイルの基本的なタグを用意します。 「calendar.html」と名付けて保存し
JavaScriptでローカルファイルを自在に操る - File API
※ただし、SafariではFileReaderオブジェクトを、Internet Explorer 10ではreadAsBinaryStringメソッドをサポートしていません。 TIPS 053：ファイルの名前／種類／サイズを取得する Fileオブジェクトを利用することで、ローカルファイルの情報にアクセスできます。 例えば以下は、<input type="file">要素で指定されたファイルの名前やサイズなどを表示するサンプルです。 ［リスト01］ファイルの情報を取得するコード（fileinfo.html） <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>HTML5 TIPS</title> <script> <!DOCTYPE html> <html> <head> <meta charset="UTF-8" />
JavaScriptで名前空間
JavaScriptには名前空間がないので、オブジェクトを代わりに使います。 Namespace.hoge = "ほげほげ"; Namespace.fuga = function() {}; こんな感じでオブジェクトのプロパティを追加していくことで、グローバルスコープを汚さずに済みます。 それだけではなく、JavaScriptだとグローバルスコープに宣言するよりも速いらしいです。 ただし、名前空間がcom.example.foo.barといったように長ったらしくなると、宣言が面倒になってくるのでクロージャを使って凌ぎます。 //グローバルシンボルだけは宣言しておく。（既に使用済みでもvarは問題なし） var com; //プロパティがなかったら追加する。 //すでにある場合はオブジェクトかどうか判断して例外発生させた方がいいらしい if (!com) com = {}; if (!com
JavaScript入門
JavaScript は Web サイトに動的な機能を追加するためのプログラミング言語です。 1995 年に米国の Netscape 社によって開発され、現在では Web 開発に欠かせない技術の一つとなっています。 JavaScript は Web ブラウザ上で直接動作するスクリプト言語であり、ボタンのクリックイベントやアニメーション、フォームの入力チェックなど、インタラクティブな機能を実装するのに利用できます。 JavaScript はブラウザさえあればすぐにプログラムを書いて実行できます。 Web ページの作成において、 HTML や CSS と組み合わせて利用されることも多いです。また、Node.js などを利用することでサーバーサイドの開発も可能となり、 JavaScript はフロントエンドからバックエンドまで幅広い用途で活用されています。 JavaScript は、オブジェクト
イヌでもわかるJavaScript講座
このJavaScript講座はプログラミング知識がない人もサンプルをただ埋め込めば使えるように作られています。ステップの段階で少しずつJavaScriptを説明していきますので、各ステップの内容がすべて把握できなくても、あとでわかってくると思います。えっ？と思う個所があっても、それはそのステップの趣旨ではないところですので、その個所はどこかのステップで説明します。深く考え込まずに、各ステップを適当にすすめていってください。 なお、本講座のサンプルを使ってＨＴＭＬファイルがぶっ壊れたり、マシンから煙や火が出ても一切責任を負いません。バックアップはこまめにしましょう。(^^; また、サンプルを無断で使用することを禁じるわけがありません。勝手に許可無く使ってください。
JavaScript でテトリスみたいなゲームを作ろう！ - セキュリティ＆プログラミングキャンプ JavaScript 入門講座資料
HTML とは HTML とは、誤解を恐れずに言ってしまうとウェブページ（ホームページ）を作るために使われている言語です。 例えば、以下のようなものが HTML です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <title>タイトル</title> </head> <body> <h1>見出し</h1> <p> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文<a href="hoge.html">ハイパーリンク</a>本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 </p> </body> </html> サンプル イメージ湧きましたか？ では、何故 HTML という
JavaScript逆引きクイックリファレンス
このページは毎日コミュニケーションズから発売されている書籍「JavaScript逆引きクイックリファレンス」のサンプルを掲載しています。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 【訂正ページへ】
JavaScript オブジェクトの作り方と使い方 - Wikibooks
[編集] イントロダクション ここまでの項は、今までにC++やJavaなどの言語を触ったことがある人には、比較的なじみやすいモノであったと思う。 ここからは、JavaScriptにおけるオブジェクト指向的な部分を解説していくことになるが、導入編でも書いた様に、JavaScriptにおけるオブジェクト指向は「プロトタイプベース・オブジェクト指向」と言われるもので、他多くの言語で作られている「クラスベースオブジェクト指向」とは異なったパラダイムで作られている。 これは、他の言語に比べて、柔軟であることがその利点だが、厳密ではないところが逆に欠点である。ただ、ブラックボックス化や、再利用生の確保等のオブジェクト指向の利点は良く残しており、数万行規模のプログラムでない限り、大きな問題が出ない様になっている。 実際のプロトタイプオブジェクト指向に関しては、これからのコードを見ながら実践してもらう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
タグ素材・HTMLタグであそぼう