JSON.parse() - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * Some parts of this feature may have varying levels of support. Learn more See full compatibility Report feedback The JSON.parse() static method parses a JSON string, constructing the JavaScript value or object described by the string. An optional reviver funct
JavaScript の配列と連想配列の違い - IT戦記
id:cheesepie:20070131:1170172709 最近は、こういう風に JavaScript を勉強する人が増えていてとても嬉しいです ＾＾ id:cheesepie さん頑張ってください！ で、ちょっと配列と連想配列の使いかたが違うようなので、エントリーを書こうと思いました。おせっかいだったらすみません＞＜ ！ やっぱり、このへんが JavaScript の難しいところのひとつなのだろうか。 ということで、 JavaScript の配列と連想配列の違い いってみよおー 連想配列とは JavaScript では連想配列は一番シンプルなオブジェクトのことである。つまり、すべてのオブジェクトは連想配列である。 以下のすべての連想配列はまったく同じものである。 // 1 var obj = { hoge: 'hoge' }; // 2 var obj = { 'hoge': 'h
XPathのid(object)と//*[@id=object]の違いについて - Cherenkovの暗中模索にっき
http://tv2ch.com/jlab-10s/などユニークではないIDがあるページを参照しながら読むエントリー。 id(object)の場合 var ga = document.evaluate('id("sam_height")', document, null, 7, null); console.log(ga.snapshotLength) //1 //*[@id=object]の場合 var gi = document.evaluate('//*[@id="sam_height"]', document, null, 7, null); console.log(gi.snapshotLength) //20 結果 小難しいことはさておき、id(object)は一つだけ検出する。ハードコアな動作。 //*[@id=object]は素直に全て探してきてくれる。 関連 ノード集合関
![XPathのid(object)と//*[@id=object]の違いについて - Cherenkovの暗中模索にっき](https://cdn-ak-scissors.b.st-hatena.com/image/square/dfe77ae2def35dca7d958625cc9e1cd295501d20/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127146177313%2F17680117127146190323%2F1558238011)
実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて…ってしてもいいんですけど、キャプチャだと一部分なのでサイト上のどの辺なのかわかりにくかったり、サイト側は変更したのにキャプチャが古いままとかになったりしちゃいますよね＞＜ とか思って探してみたらこちらの Intro.js が便利だったので紹介してみます。 さて、この Intro.js を使うとですね、サイト上で動作するチュートリアルを簡単に作れるんですよ。使い方も簡単で、動作させたい要素に対して data-intro (表示する説明文) と data-step (チュートリアルの何番目に表示するか) を指定します。チ
JavaScript Garden
JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献
JavaScriptで指定したオブジェクトの全てのプロパティとメソッドを表示する - hoge256ブログ
備忘録をかねてJavaScriptで指定したオブジェクトの全てのプロパティとメソッドを表示する方法をメモっておきます。 function printProperties(obj) { var properties = ''; for (var prop in obj){ properties += prop + "=" + obj[prop] + "\n"; } alert(properties); } とりあえず、上記の関数を書いておいて、プロパティを表示したいオブジェクトを渡せば、alertのダイアログとして表示されます。 IEの場合はダイアログを表示した段階で、Ctrl+Cでダイアログの表示内容をコピーできます。 Firefoxの場合は、alert(properties); のところを document.write とかにするといいかも。 カテゴリー: 技術メモ |
HTML5 の File API でローカルファイルを扱ってみる
HTML5 の File API でローカルファイルを扱ってみる HTML5 の File API を使用することでドラッグ＆ドロップでの複数ファイルの取得や、ローカルファイルのちょっとした加工などができるようになりました。 この記事では、画像とテキストファイルを簡単に表示する方法をご紹介します。 投稿日2012年12月13日 更新日2012年12月13日 html html はファイルをドロップする div と表示する div を用意します。 html <p> ファイルをドロップしてください。</p> <div id="file-input"> <div class="input"></div> <div class="out"></div> </div> cssでドロップするdivを大きくしておくと良い感じだと思います。 css #file-input div.input { padd
JavaScriptでファイル操作！？ File APIを使いこなそう
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
JavaScriptデザインパターン – 第3部：プロキシ、オブザーバー、コマンド | Adobe Developer Connection
「プロキシ」の語義は「代理」であり、この語義自体がプロキシパターンの役目を十分に説明しています。さて、一体何の代理をするのでしょうか。また、なぜオリジナルを使用しないのでしょうか。 プロキシを必要とする理由 基本的には、他のオブジェクトの代理をするオブジェクトを作成することになります。以下のような理由により、プロキシオブジェクトの作成が必要となります。 本当に必要になるまで、大きなオブジェクトのインスタンス化を遅らせるリモートのオリジナルオブジェクトにアクセスを提供するオリジナルオブジェクトに対するアクセスを制御する 仮想プロキシ 仮想プロキシは、上のリストの最初のケースに相当し、大きなオブジェクトのインスタンス化を遅らせます。仮に、コード内に巨大なオブジェクトがあるとします。ここでの巨大オブジェクトとは、長く複雑なロジックを持つ機能を多数備えたオブジェクトか、あるいは膨大なデータを持つオ
JavaScript におけるクラスの作成と継承 - vivid memo
JavaScript はプロトタイプベースのオブジェクト指向言語であり、クラスという概念を持っていない *1、というのはよく言われることですが、new 演算子とコンストラクタとプロトタイプを使うことでクラスのようなものを作ってインスタンス化することが可能です。 さらに、プロトタイプを使ってクラスの継承も実現できます。 この記事では、JavaScript においてクラスベースの言語と似たようなことをする方法について説明します。 用語 まずは用語の説明をします。 ECMAScript (5th edition) *2 に書かれているものを訳しました。 コンストラクタ (constructor) オブジェクトを生成し、初期化する関数オブジェクト プロトタイプ (prototype) 別のオブジェクトに共有されたプロパティを提供するオブジェクト プロパティ (property) オブジェクトの一部
無効なURLです
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる 学習内容は全部で以下の7つのレベルに分かれており、17本のビデオと、レベルごとに用意された、実際に自分で操作して解いてみる75以上の例題から構成されています。レベルをクリアするとバッジがもらえるようになっています。 Level 1: Getting Started & Basic DOM and Styles Level 2: Advanced DOM and Styles Level 3: Working With the Console Level 4: Debugging JavaScript Level 5: Improving Network Performance Level 6: Improving Performance Level 7: Memo
Tearable Cloth
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
第2回 パッケージ管理npmとアプリケーションの永続化 | gihyo.jp
はじめに 前回は、Node.jsについての説明から、モジュール参照の仕組みや最もシンプルなHTTPサーバの実装についてまで紹介しました。今回はパッケージ管理ツールのnpmとNode.jsアプリケーションの永続化について紹介します。前回記事に引き続く内容になっていますので、未読の際はそちらからなるべくご覧ください。 予期せぬ例外に備える 前回の記事で、どんなリクエストにも「Hello World」を出力するだけの、単純なHTTPサーバの実装を紹介しました。そして、アプリケーションとそれを動作させるHTTPサーバがJavaやPHPなどと異なり、オールインワンの1つのプロセスで動くことも述べました。 このため、単にnode app.jsのように動作させた場合、例外が発生すると、サーバ機能ごとプロセスが終了してしまいます。そのため、サーバ機能まで道連れにしないように、アプリケーション側で例外処理を
jQuery UI 1.10 日本語リファレンス | js STUDIO
このサイトについて jQuery UIの日本語リファレンスです。 jQuery UIの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 このリファレンスではjQuery UIのバージョンは1.8以上を対象としていますので、それ以前のバージョンについては当てはまらない 箇所もあると思いますので注意してください。 また、1.8以降のバージョンによる違いについて、なるべく記述しているようにはしていますが、内部処理やclass名の変更等、全ては書ききれてはいないので、 詳細について知りたい場合は公式サイトでの確認をお願いします。 jQuery UI 1.9アップグレードガイド(英文) jQuery UI 1.10アップグレードガイド(英文)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - erosb/jquery.observable: A plugin that changes a data structure built from plain JS objects into an observable structure with jQuery-style accessors and event listeners.
GitHub - BorisMoore/jsviews: Interactive data-driven views, MVVM and MVP, built on top of JsRender templates
PhoneGapで手軽にiPhone/Androidアプリを作ろう 記事一覧 | gihyo.jp
PhoneGapで学ぶマルチスクリーン対応ハイブリッドアプリ開発
WEBアプリケーションビルド・ テストツール YEOMAN
