八章第一回 Rangeとは — JavaScript初級者から中級者になろう — uhyohyo.net
八章第一回 Rangeとはこのページの最終更新日：2017年8月26日 八章では、Rangeというものを解説します。今回は、そもそもRangeとはどういうものかを解説します。 Rangeとは、文書中における「範囲」を表すものです。例えば、 あい<strong>うえ</strong>お。というソースががあれば、 あいうえお。のように表示されます。このとき、例えば あいう えお 。 ↑ ↑ ここから ここまで のような感じである範囲を表せます。 要するに「『え』から『お』まで」なので、案外単純なように見えます。しかし、DOMという観点からこれを見ていくと、上の木構造は となっていて、この範囲は（木構造上で）離れた複数のノードにまたがっています。こうなると、一筋縄ではいかないのが想像がつくと思います。このようなものを扱うのが、Rangeなのです。 範囲の表し方Rangeは「開始点」と「終了点
JavaScriptの2進数演算による誤差 :: 人の心の光
JavaScriptの2進数演算による誤差についてメモ。 a = 4.321 * 100; を計算すると、期待値「432.1」に反して、「432.099999999999996」になります。 四捨五入で対応しようとして、 b = Math.round(4.321 * 100 * 10) / 10; とすると、「432.1」が得られますが、同じ式で c = Math.round(4.9999 * 100 * 10) / 10; の結果は、期待値「499.99」ではなく「500」になってしまいます。 そこで、Decimal的(文字列)操作を関数化したもの(decimaloperater.js)を使って、 d = trimFixed(4.9999 * 100); とすると、正しく「499.99」が得られるようです。動作している処理系で扱える有効桁数を目一杯使っているかどうかで、丸めるかどうかを判
JavaScriptの動かないコード (初級編) parseIntで返り値が0になるエラー - 主に言語とシステム開発に関して
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 「２００８年１２月から何か月経ったか」を計算する。 <input type="button" value="期間を表示" onClick="f()"> 月を選択してください。 → ２００９年の <select id="select_month"> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
ドラッグアンドドロップ、プログレスバー表示に対応したアップロードライブラリ·File Uploader MOONGIFT
File UploaderはD&Dをサポートし、複数ファイルのアップロードとプログレスバー表示に対応したライブラリ。 File UploaderはHTML5/JavaScript製のオープンソース・ソフトウェア。Webブラウザの操作で最も面倒なのがファイルのアップロードではないだろうか。一つのファイルしか指定できないインタフェースや、巨大なファイルを送信中の固まった状態はとてもユーザビリティが低い。 ドラッグアンドドロップ そうした問題点を解決するのに使われてきたのがFlashだが、HTML5になって複数ファイルのアップロードもできるようになった。さらにユーザビリティを高めるために使ってみたいのがFile Uploaderになる。 File Uploaderはドラッグアンドドロップでファイルのアップロードが出来るライブラリだ。まるでGmailのようなインタフェースになっている。フォルダは無
勉強会やセミナーに。動画と別コンテンツを連携させるHTML5動画フレームワーク·Popcorn.js MOONGIFT
Popcorn.jsは動画と別なコンテンツを連携させるHTML5ビデオフレームワーク。 Popcorn.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。Webサービスの説明動画や、勉強会の内容など動画をWebサイトに掲載するケースが増えている。そんな時には動画以外の資料も一緒に掲載したいと思うはずだ。 デモ ニコニコ動画は動画とコメントと一緒に閲覧できるが、同じように動画と別なコンテンツを一緒に掲載したり連携させたいと思う事はないだろうか。それを実現するライブラリとしてPopcorn.jsを紹介しよう。 Popcorn.jsはHTML5動画フレームワークで、動画と任意のコンテンツを連携させるライブラリだ。例えば動画の横にスライドを載せ、指定時間になったら切り替えると言った具合だ。手で時間を進めたりした場合もコンテンツが切り替わってくれる。 外部の様々な情報を表示して
必見。D&Dにも対応したJS/HTML5製マルチファイルアップローダー「jQuery File Upload」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
jQuery File UploadはHTML5を使って複数ファイルを選択できるファイルアップローダー。ドラッグアンドドロップにも対応。 [/s2If] jQuery File UploadはjQuery/JavaScript/HTML5製のオープンソース・ソフトウェア。Webの仕様の中には面倒だと思うものが幾つかあるが、ユーザとして使っている中で感じるのはファイルアップロードに手間がかかりすぎることだ。 アップロード中 ファイルボックスでは一つしかファイルが選べず、ダイアログをいちいち出して選ばないといけない。Flashで解決する手法もあるが、JavaScriptとの組み合わせに問題があったり導入が若干面倒だった。だがそれを解決する素晴らしいライブラリがjQuery File Uploadだ。 jQuery File UploadはHTML5を使っており、Flashに頼らない複数ファイル
HTML5 + Canvas + JavaScriptによるWebベースの顔認識「ccv」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
ccvはHTML5とCanvasタグを使ってWeb上で顔認識を行う。C言語によるライブラリもある。 [/s2If] ccvはWebベースまたはC言語製のオープンソース・ソフトウェア。最近の写真管理ソフトウェアの流行として顔認識がある。デジカメやプリンタでも顔認識機能を搭載し、自動的に明るくしたりするものもある。風景写真なども良いが、やはり人が写っている写真のが楽しいのだ。 そんな顔認識技術はWebベースでも提供されるようになっている。特にFacebookのようにSNSの中で使う場合は友人を自動認識させることでより活発な交流を促せるのだ。Webベースでの顔認識をHTML5/Canvasで行うのがccvだ。 実行例 via Tibetan Girl near Mount Everest | Flickr - Photo Sharing! ccvは元々C言語で開発されているコンピュータビジョンラ
Web AI
JavaScriptライブラリ「Web AI」 はじめに ※ 「Web AI」のネット上からの情報取得部分は、Google他のAPI終了に伴い、利用できなくなっています。しかし、その他の部分は、現在でも利用可能な内容ですので、そのまま公開を継続します。（2017-08-23） 「Web AI」は、ネット上の情報を利用して、人工無脳的なプログラムを書くためのJavaScriptのライブラリです。本ライブラリは、Webから取得した情報の処理を効率化して、インテリジェンスな何かを生み出すことを目的にしています。 「Web AI」が持っている機能は、以下の通りです。 検索処理およびRSSフィード取得のメソッド・チェーン化（Google Ajax APIを使用） 断片的な日本語文章からのキーワードと文章の抽出 日本語文章のマルコフ連鎖 URLクエリーの解析と構築 URLクエリーの圧縮と解凍 短縮UR
JavaScriptを使ったローカルゲームエンジン·lov8 MOONGIFT
lov8はJavaScript製のオープンソース・ソフトウェア。最近はJavaScriptやHTML5の登場によってWebブラウザ上で高度な操作ができるようになったことがあって、Webブラウザ上で遊べるゲームが増えている。Flashゲームと合わせれば相当数のゲームがあるはずだ。 マウスの軌跡にそってイフェクトが起きるデモ そんなJavaScriptによるゲームがローカルでも遊べるようになったら、さらに面白さが広がるかも知れない。その可能性を感じさせる、JavaScript用のゲームエンジンがlov8だ。 lov8はJavaScriptで2Dゲームを作成、実行できるソフトウェアだ。JavaScriptのエンジンにはGoogle Chromeでも使われているv8エンジンが使われている。必要なファイル群をまとめてZipにし、拡張子をlov8としたものがゲームになる。 玉が階段を下っていくデモ オ
JavaScriptを使った縦書きライブラリ·竹取 JS MOONGIFT
竹取 JSはJavaScript製のオープンソース・ソフトウェア。Webの世界（というよりもコンピュータの世界）では横書きが標準になっている。ずっと見続けていると、いつの間にか違和感がなくなっているが日本語は基本的に縦書きだ。 横書き文章をJavaScriptで縦書きに ワードプロセッサなどでは縦書きモードもあるが、それをそのままWebに反映するのは難しい。長音記号やカギ括弧などそのまま縦向きにしても使えない文字もある。そうした点を網羅した縦書き表示ライブラリが竹取 JSだ。 竹取 JSの面白いのは標準の左から右に書かれる文章をJavaScriptを使って縦書きにしている点だ。さらにそれだけでなく、長い文章の場合はスクロールが出るのだが、標準の上から下のスクロールで読み進めることが出来る。 強調は傍点に！ ルビ表示にも対応し、さらに強調表示は傍点になる。下線は左側に表示されたり、リストや画
Diggy, an open source JavaScript game engine (with example game) - LDG
Diggy, an open source JavaScript game engine (with example game) Today I'm happy to announce Diggy, an open source game engine written in JavaScript. Embedded below is Bombada, a game made with Diggy: (Works best in Chrome or Safari.) More about Diggy The name "Diggy" came from DGE, which stands for DHTML Game Engine. It's a relatively full-featured game engine meant to empower developers to rapid
ストリートファイター系ゲームまで！ゲーム用jQueryプラグイン·gameQuery MOONGIFT
gameQueryはJavaScript製/jQueryプラグインのオープンソース・ソフトウェア。iPhoneでストリートファイター4が発売になったと話題になっている。最適化処理が行われているのだろうが、意外とiPhoneでも遊べるレベルで動作する。アクションゲームまでこなせるようになるとiPhoneの可能性は飛躍的にあがりそうだ。 なんとストリートファイター系！ しかしもっと手軽に遊びたいならばWebブラウザベースで動作する方が良さそうだ。Webブラウザで動くゲームと言えば、これまではFlash製のものが多かった。だがこれからは違う、JavaScriptでゲームが作れるようになる。それを実現するのがgameQueryだ。 gameQueryでまず目を引かれるのがストリートファイター風ゲーム「JavaScript Fighter」だろう。デモなので自分で動かすことはできないが、二人のキャラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.machu.jp/posts/20060128/p01/
http://yuki.xenophy.com/?p=11
Capturing <Enter> and moving focus to next tabindex | Bytes
SACK Documentation
IDEA * IDEA
WEBSITE.WS - Your Internet Address For Life™
ブログ – H2O space
