javascriptのデバッグでobjectの中身を文字列として展開する方法
javascriptで開発をしていると、オブジェクトをブラウザの開発ツール上のコンソールに出力してデバッグする機会が多いかと思います。 例えば、このようなオブジェクトをFireFoxのFirebug に出力すると、下記画像のように表示されます。 var obj = {"Name":"John","Hobby":[{"Hobby1":"Tennis"},{"Hobby2":"Golf"}]}; console.log(obj); こちらの例のように中身が少なく階層の浅いオブジェクトであればこのまま表示しても問題ありませんが、 階層がもっと深かったり、オブジェクトのテキストをコピーしたい場合にはこのままでは望ましくありません。 ——————————————————————– 本ブログは移転しました。記事の全文はこちら↓↓↓ http://www.infoscoop.org/blogjp/201
JavaScriptのslice()とsubstring()とsubstr()
JavaScriptには、部分文字列を取得するメソッドが3つある。slice()とsubstring()とsubstr()である。 なんで似ているメソッドが3つもあるのか不明だけど、整理する意味でちゃんと書いておく。 String.prototype.slice (start, end) 引数startから引数endまでの部分文字列を新しい文字列値で返す。 endは省略でき、その場合は末尾を指定したのと同様になる。 負数の場合は末尾からのインデックス値となる。 '0123456789'.slice(2, 8); // 234567 '0123456789'.slice(2); // 23456789 '0123456789'.slice(-5, -2); // 567 String.prototype.substring (start, end) 引数
ビット反転演算子（~）でindexOfの判定 - hokaccha memo
nodeのqsモジュールのコード読んでたらよくわからん書き方があった。 if (~key.indexOf(']')) { ... } って感じだったんだけど、チルダってなんだっけと思って。 チルダはビット反転演算子で、整数をビット反転させると符号を反転させて1引いた数になる。こんな感じ。 console.log(~-4); // 3 console.log(~-3); // 2 console.log(~-2); // 1 console.log(~-1); // 0 console.log(~0); // -1 console.log(~1); // -2 console.log(~2); // -3 console.log(~3); // -4 console.log(~4); // -5 つまり-1のときだけ0になるので、indexOfと組み合わせるとあんな感じに書けるというわけみた
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方
Pusher | HTML5 WebSocket Powered Realtime Messaging Service
Powering realtime experiences for mobile and webBi-directional hosted APIs that are flexible, scalable and easy to use. We create and maintain complex messaging infrastructure so you can build the realtime features your users need, fast. Bi-directional hosted APIs that are flexible, scalable and easy to use. Get started today and find out what you can build with Pusher
ScaleOut | Supership
日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipの“BE SUPER”なストーリーをシェアしています。
qooxdoo
Build rich, single page applications Build rich, Single Page Applications using OO development, with no CSS or HTML required - Qooxdoo applications are cross platform, run on any browser or NodeJS, and can be coded in latest ES6 everywhere (including server and mobile) Versatile and powerful Qooxdoo offers a wide range of widgets and UI components, plus powerful server I/O communication. Extensive
表紙を写すと本のレビューが読めたりするHTML5アプリを作ってみた - デー
最近のブラウザはgetUserMediaという機能でJavaScriptからカメラを操作してリアルタイムに動画を読んだりできるようなので、画像認識のデモ的なものを作ってみた。 表紙検索 PCのGoogle Chrome、Opera、AndroidのOpera Mobileの場合 動画が読めるといっても実際のところ一部のブラウザでしか使えなかったので段階的に対応してみた。 まず、PCのGoogle ChromeとOpera、AndroidのOpera Mobileの最新バージョンが全ての機能が使えるブラウザです。 これらのブラウザで hyoushi.me というドメインを開くと、サイトのトップに「カメラ起動」というでかいボタンが表示されています。 IS05 + Opera Mobile （僕はウェブカメラを持っていないのでこれはIS05 + Opera Mobileのキャプチャです） カメラ
いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記
外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。 上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。 結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省
Web Components普及の夜明け！？Polymerを試してみた。 | OpenWeb
今、Google I/Oに来ています！ そこで参加したWeb Components in Actionというセッションで、以前から注目していたWeb Componentsについて、大きな動きがあったことを知りました。 Polymer.jsというライブラリにより、Web Components仕様の大部分が動作させられるだけではなく、様々なカスタムコンポーネントを既に利用可能とのことなのです！ ちなみに、Web Components仕様について多少詳しく知りたい方は、昔白石が書いたこちらの記事を参考にするといいんじゃないでしょうか。 Polymerのコードを取得 PolymerはGitHubでコードが公開されています。まずは適当な空ディレクトリに移動し、そのコードを手元にクローンします。 このコマンドを実行すると、Polymer本体だけではなく、依存しているいくつかのモジュールも同時にクローン
Bradley Sepos — Design & User Experience Meets Code & Common Sense
Bradley Sepos — Design & User Experience Meets Code & Common Sense
Heritage Consultants Melbourne | Heritage Architects
Bryce Raworth Conservation & Heritage is an award winning practice with broad expertise in the planning, design and heritage fields. Having dealt with over 3500+ projects to date spanning almost 30 years, the practice has proven expertise in technical, legal and philosophical issues associated with the conservation and management of heritage places. The company provides a range of heritage service
クリップボードにコピー - 素人がプログラミングを勉強していたブログ
Chromeのcopyは, たしか, 隠しinput[type=text]作ってcopyさせたいものをvalueにいれて, selectionStart/Endをいじって, focusあてて, document.execCommand('copy')すればJSだけでできる. http://twitter.com/Constellation/status/7188365498 これを参考にcopy関数を作ってみた。Internet Explorer、Safari、Google Chromeで動く。FirefoxとOperaで上手くいく方法は発見できず。 おまけでFirebugの入ってるFirefoxでも動くようにしてみた。 function copy(text) { var input, success; if ("console" in window && "notifyFirebug"
JavaScript Garden
JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献
JavaScriptの文法規則 文、式、演算子
Tweet Tweet前回は、５つの基本型とオブジェクト型 JavaScriptの型についてまとめた。ここでは、JavaScriptの文法規則 文、式、演算子について解説する。 １ 式と文の構造 JavaScriptのソースコードは文の集まりである。文は文と式から構成される。式は式と演算子から構成される。 式を最後まで分解すると、識別子（変数名や関数名）とリテラル値（数値や文字列の直接表記）と演算子（記号が予約語）になる。 ２ 予約語 予約語（reserved word）はECMAScript第5版は以下の5つに分解される。 キーワード：break、do、instanceofなど 将来の予約語：class、enum、extendsなど null：リテラル値 true：リテラル値 false：リテラル値 ３ 識別子 識別子は変数名や関数名など、開発者がプログラムの中で定義する単語である。識別
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Parse Platform
What does the exclamation mark do before the function?
: 画面をスクロールするとオナラの音が出るJavaScriptライブラリfartscroll.js
長文日記
長文日記