[B! JavaScript][javascript][Javascript] [14ページ] n2sのブックマーク

起きる！メモリーリーク（javascriptクロージャー編）

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

n2s 2015/07/25

リンク

[JavaScript]使い分けるだけで今すぐデバッグ効率を上げる、consoleオブジェクトの関数 - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

n2s 2015/07/24

javascript

リンク

ECMAScript 6 Tutorial

In this tutorial, you create a Mortgage Calculator with amortization table using many of the ECMAScript 6 (aka ECMAScript 2015) features. You use Babel and Webpack to transpile the ECMAScript 6 application and run it in current browsers.

n2s 2015/07/23

リンク

クラスの落とし穴1 - プロパティの初期化 - Qiita

クラスの落とし穴1 - プロパティの初期化 (この投稿) クラスの落とし穴2 - メソッドとクロージャクラスの落とし穴3 - 継承クラスの落とし穴4 - プライベート変数の実装はじめに javascriptでもクラスを作成する事が多くなってきました。しかし、「javascriptにはクラスがない」とよく言われ、実装側が擬似的にクラスを定義しています。クライアントサイドで大規模開発が増えてきたため、オブジェクト指向の概念で実装したいと思っているのでしょう。 javascriptでは安易な疑似クラスの作成によって見事落とし穴にはまる事があります。ここでは、本来javascriptにはないクラスをうまく実装する方法を順に追って説明します。 "落とし穴とは、うまく動いているけど気がついていないだけで実はマズい実装の事とします簡単なクラスの実装クラスの定義には幾つかの方法がありま

n2s 2015/07/21

リンク

AngularJSではじめるJavaScriptフレームワーク開発スタイル一覧

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

n2s 2015/07/16

リンク

エステと皮膚科で行われる脱毛の違いって何？

脱毛を考えるとき、病院でおこなうかエステでおこなうかで悩むと思います、どちらで施術したらよいのでしょう。エステで脱毛をする場合と病院に行くのとは、違う特徴があります。お互いのメリットとデメリットを良く調査して賢く選びたいですよね、ご紹介します。続きを読む女性で肌を見せるような服を着たいと思っていても、毛深いと勇気がいりますよね、そこで考えられるのが脱毛や除毛といった作業なのではないでしょうか。しかし、こういった作業をしても「また生えてくるのでいちいち作業をするのが面倒」であったり「毛深くなるのではないか」といった心配が付きまといます。除毛の場合、肌が荒れるといった心配もあるでしょう。本当に毛深くなるのかという真偽のほどは今は置いておくとして、そんな時に考えられるのがエステでの脱毛や、医療機関での脱毛です。広告による影響かもしれませんが、意外と皮膚科での脱毛を知らない方もいら

n2s 2015/07/15

2013年2月の記事なのでIEは10まで。IE9滅びろと書いてある一方、Operaが載ってないのは直前に発表されたエンジン乗り換えをもって滅びたという認識のためのようだ。

リンク

jQuery 3.0 and jQuery Compat 3.0 Alpha Versions Released | Official jQuery Blog

It’s been a long time since we did a major release, and you certainly deserve one. So we’re glad to announce the first alpha of jQuery 3.0! Despite the 3.0 version number, we anticipate that these releases shouldn’t be too much trouble when it comes to upgrading existing code. Yes, there are a few breaking changes that justified the major version bump, but we’re hopeful these breakages don’t actua

n2s 2015/07/14

リンク

AngularJSをはじめる前に#AngularJS入門その1 | DevelopersIO

AngularJSをはじめようここにあるように、最近はWebアプリを作成する際にJavaScriptのフレームワークを使用するのが当たり前といっていいくらい、さまざまなフレームワークが存在します。弊社ブログでもember.jsの記事等、JavaScriptのいろいろなライブラリ・フレームワークを紹介していますが、私が近頃AngularJSを使用する機会があり、とても使いやすかったので、改めてここで紹介しようと思います。 AngularJSとはもう一度「AngularJSとはなにか」という部分を簡単におさらいを。 AngularJSはGoogleとコミュニティより開発しているオープンソース(MIT)のJavaScript用MVWフレームワークです。テンプレート言語としてHTMLを使用できたり、双方向データバインディングやDI(依存注入)が使用できたりと、近年複雑化するWebアプ

n2s 2015/07/11

リンク

橋本商会 » ES6の勉強をした

Web DB Press vol.87のES6の特集を読みながら、ES6を勉強した。とてもわかりやすかった。紹介されている機能をちょこちょこと試す細かいスクリプトを色々書いたりメモを取ったりしたのでまとめておく。色々な機能があった。 https://github.com/shokai/es6-study 最近Web MIDI APIを使ってたんだけど、そのインタフェースがES6のPromiseとfor-ofで回す新しいIteratorとTypedArrayで実装されていたので、今後ブラウザに増える新しいAPIがES6前提で作られるなら普段からES6で書くようにしたほうがいいかなと思った。個人的にはcoffeeの方がES6よりちょっと好き。でもfor-of文がES6で新しく増えたMapやIteratorを使う時に重要なんだけど、coffeeのfor-of文は別の意味があるので、coffe

n2s 2015/07/06

リンク

9 JavaScript Libraries for Working with Local Storage — SitePoint

Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. The HTML5 Local Storage API (part of Web Storage) has excellent browser support and is being used in more and more applications. It has a simple API and certainly has its drawbacks, similar to cookies. Over the

n2s 2015/06/29

リンク

どうやってECMAScript 6を学び始めるか

どうやってECMAScript 6を学び始めるか ^ 自分でちゃんと見て読んで大丈夫というものしか出してないので、かなり最小限の紹介です。 ^ azuです。JSer.infoなどをやっています。 ES6的にはPromise本を書いたり、日本のISO/IEC JTC 1 SC22でES6のレビューに参加してます。 ECMAScript 5を知る ^ ES6の話をする前にES5の話です。 ES6 の前に ES5 大丈夫? Property Descriptor Object.create() Strict Mode Thinking About ECMAScript 5 Parts - Tech.pro ^ ES5はマイナーアップデート的な感じなので増えた機能としてはそこまで多くはありませんが、Object.definePropertyなどかなり重要な機能が増えています。 Speaking J

n2s 2015/06/27

リンク

JavaScript初心者脱却への道のりを考える - Qiita

最も誤解されているプログラム言語として名高いJavaScriptの誤解を解きつつ、中級者（プログラム開発においてある程度戦力として計算できる）になるためには何から抑えればいんだろう、というのを考えた記録とリンク集です。考えたというか、自分が勉強中です。 ※追記 KENJUさんが完全に上位互換な内容の投稿を公開されていましたので紹介。中上級者になるためのJavaScript【知識編】対象何かしらのプログラム言語は書ける多少JavaScriptを書いたことはあれど、言語の仕様はよく知らないレベルの基準中級ってどんな人なのさ？ JavaScriptの業務スキルレベル　判別表　（５段階）あなたはJavaScriptを知らない JavaScriptでよく使われるクロージャやプロトタイプの考え方を理解すること代表的なライブラリ（jQueryとか）が使えること、最近ならNode.jsな

n2s 2015/06/26

javascript

リンク

中上級者になるためのJavaScript【知識編】 - Qiita

【News】電子書籍化しました！ Gitbook Read Online Download PDF Download EPUB Download MOBI この記事は、敷居が低いもののなかなか中上級に進めず困っているJavaScript学習者の方を対象としています。よりJavaScriptに対する理解を深める際に気を付けるべき事柄、知っておくべきキーワードの提供をゴールとします。「クロージャーについてもっと知りたい！」「カリー化なるものがあるのか、知らなかった！」といったきっかけになれば幸いです。 JavaScriptは書ける人が多く、ベストプラクティスが整ってあるものの、逆に間口が広すぎてコピペで済ませてしまったり（場合によってはしょうがないことですが）基礎を学ぶ機会がなくなんとなく現場に出てしまったりすることがありますので、ぜひこの機会にJavaScriptを復習してみてください。

n2s 2015/06/26

リンク

JavaScriptのカリー化について味見してみる - Qiita

JavaScriptには、「部分適用」や「カリー化」といった考え方が存在します。ココらへんは定義がわかりづらかったり、筆者自身も完璧に理解できているとは言いがたい部分もありますので、ざっくりと全体像でもお伝えできればと思います。関数の適用、部分適用、カリー化の順番でお話していきます。関数の適用とはそもそも、関数プログラミング言語においては、関数は「呼び出されるもの」というより、「適用されるもの」と捉えるほうが正確です。JavaScriptにはFunction.prototype.apply()メソッドがあります。つまり、関数の呼び出しはapply()メソッドの糖衣構文（シンタックスシュガー）である、ということです。実際にapply()を使ってみます。一つ目の引数には、関数の内部でthisに束縛されるオブジェクト、二つ目の引数には、引数の配列で、関数の内部で使用したい値の配列を

n2s 2015/06/26

javascript

リンク

pdfmake - クライアント/サーバサイド両方に対応したPDFジェネレータ MOONGIFT

Webシステムを作っていて、時々PDFの帳票が必要になることがあります。サーバサイドでPDF出力するツールは幾つかありますが、それらのセットアップは面倒ですし、サーバの負荷も気になるでしょう。そこで使ってみたいのがpdfmakeです。サーバ、クライアントサイド両方に対応したPDF作成ツールです。 pdfmakeの使い方 pdfmakeではJSONを使ってPDFの形式を定義します。スタイル設定も可能です。より複雑なスタイルを使った例です。段組のサンプル。テーブルも使えます。リスト。ネストもできます。より本格的な形式ですね。画像も使えます。 pdfmakeの良いところはJavaScriptによる生成なのでサーバサイドの負荷なく、かつ編集した内容をその場で反映して生成し直すこともできるということです。さらにnodeで動かすこともできるのでクライアントサイドのコードを使ってそのまま

n2s 2015/06/24

リンク

textarea要素の文字数の扱いについて - console.lealog();

textareaの闇を見たような気がした。これは、文字数のカウンターっぽいものを実装するときに気付いて調べたものです。いわゆるmaxlengthの敷居と、jsから文字列.lengthで取れる値で、文字数のカウントが違う・・ってなったところが事の発端。 20150624追記コメントで教えていただいたのですが、この挙動はどうやらWebkitのみだそうです。 DEMOみたく適当な実装すると、現状Webkit以外で困ることになるのでご注意ください。困ったこと Twitterみたく、いわゆる文字数をカウントしたい場合。楽できるところは楽したいので、こういう指定をしますよね。 <textarea maxlength="140" id="jsTweetArea"></textarea> 改行せずに文字を打った場合は、きっちり140字で打ち止めになってくれます。ペーストしても、はみ出る分はばっ

n2s 2015/06/24

リンク

ES6がリリースされたのでPromiseについて学びましょう

JavaScript Promiseの本去年の6月23日にJavaScript Promiseの本 Ver 1.0をリリースしてから今日でちょうど一年になります。 JavaScript Promiseの本を書きました | Web Scratch そして、ECMAScript 2015(aka. ES6)も2015年6月18日正式版がリリースされました。 ECMAScript 2015 is now an Ecma Standard これに合わせてES6の正式版に対応したPromise本 Ver 1.5をリリースしました。 1.4までの変更点は以下を参照してください。 JavaScript Promiseの本Ver1.2とAsciidoctor | Web Scratch Promise本 Ver1.4リリース | Web Scratch またリリースノート自体は以下にまとまっています。

n2s 2015/06/24

リンク

ECMAScript 2015は承認された

Spring BootによるAPIバックエンド構築実践ガイド第2版何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...