JavaScript配列の空要素の話 - NullPointer's
gfx.hatenablog.com 配列の空要素の問題ですね。容量は確保されてるが値が（undefinedさえも）入っていない状態。 $ node -p -e "new Array(3)" [ <3 empty items> ] この配列のlengthは3になるのだが、forEachなどのイテレーション関数では空要素は列挙されない。 $ node -p -e "new Array(3).length" 3 $ node -e "new Array(3).forEach(i => console.log(i))" # 何も出力されない リンク先ではArray.fromやスプレッド演算子を使って、undefinedをセットするコードが紹介されているが、自分はこういうときはfillを使っている。 $ node -p -e "new Array(2).fill()" [ undefined, u
なぜ JavaScript か? | TechWave（テックウェーブ）
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 シリコンバレー流のプログラミング教室の記事「3か月間103万円、シリコンバレー式ブートキャンプ「コードクリサリス」日本初上陸」は大きな反響を呼びました。手順を学ぶ日本のプログラミング教室とは全く違う概念と方法。そして集中的に鍛錬を積む、いわば特訓とも取れる
You Don't Know JS 読書メモ [ 読書中、随時更新 ] - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? You Don't Know JS 読書メモ ※ このメモでは JavaScript のことを JS と書く。 YDKJS を読み始めた。 勉強しながら、自分の頭の混乱を整理するための完全な個人メモ。 間違っていること多々ありだから参考にしないように。 ただ、公開しながらメモを書くと自分自身がよりまともに整理が出来る気がするのであえて公開する。 このメモは本で書いて理解したことと、俺の過去の知識をつなげつつ、ごちゃ混ぜにして書いているので、すべてが本に書いてあることと思わないように。 すべて自分理解の為なので、あなたの為になると思って参
![You Don't Know JS 読書メモ [ 読書中、随時更新 ] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/466955f5fbbce8d65dea533cce158e468f8f49b5/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzA3NTglMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODU1NTA_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MzBkNGE1ODM5YzgwNjBhYzU5NzcwMzEzOTIyNjk4NTY%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dde0f249fd8e385c7ecd98be648334150%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9WW91JTIwRG9uJTI3dCUyMEtub3clMjBKUyUyMCVFOCVBQSVBRCVFNiU5QiVCOCVFMyU4MyVBMSVFMyU4MyVBMiUyMCU1QiUyMCVFOCVBQSVBRCVFNiU5QiVCOCVFNCVCOCVBRCVFMyU4MCU4MSVFOSU5QSU4RiVFNiU5OSU4MiVFNiU5QiVCNCVFNiU5NiVCMCUyMCU1RCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTcxZTllZGY0YWRiNTQzODUxZTMzZGE2MWZlMTIwODVl%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB0OW1kJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9MTY5ZjIxYzUzOTA1YTY2ZTI5ZTM3NDllZjhmZmUyOGE%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D1a410aa85fe1c7c6d4d137e1c549e8e0)
2017年度版 細かすぎて伝わらないJavaScriptの速度の話 - Qiita
概要 コードを書いていると誰もが気になってくる「どっちのほうがパフォーマンスに優れているの？」で、眠れない日々を過ごす人達のために、比較結果をまとめてみました。 実行環境 OS: macOS Sierra 10.12.5 Chrome: 58.0.3029.110 (64-bit) Safari: 10.1.1 計測方法 10 回実行した結果の平均値です。 比較 シングルクオート VS ダブルクオート コード start = () => { const retryCount = 1000000; const startTime = new Date(); for (let i = 0; i < retryCount; i = i + 1) { /* ダブルクオート const text = "abcde" + "fghij" + "klmno" + "pqrst" + "uvwxy" +
ES/JavaScriptのthisとアロー演算子について知っておくべきこと - それマグで！
this. この便利でハマりどころの多い変数 Array.forEach / map 系 のthisArg が安定しない。 this 変数の紹介 this 変数の例 apply , call window オブジェクト コールバック イベントハンドラ Array.forEach 個人的な結論 this はできるだけ避ける 調べたキッカケは Array.forEach arr = ["A","B","C"] arr.forEach( function ( x ) { console.log ( this ) } ) このthisとして this => [“A”,“B”,“C”] を期待したわけです。 でも、this = window arr = ["A","B","C"] arr.forEach( function ( x ) { console.log ( this ) } ) //=>
プロトタイプベースのオブジェクト指向言語が広く使われていない理由は?
プロトタイプベースのオブジェクト指向言語は私の知る限り、JavaScriptぐらいしか広く使われているものはないんじゃないかと思います。 しかもJavaScriptもES6からclass構文というシンタックスシュガーを導入しましたし、altJSの一種のTypeScriptも広く使われていますし。 プロトタイプベースという概念を勉強している時に、「この概念、クラスベースと違って難しすぎね？」という感情を抱いていて、今もそれは変わらないです。 ただ勉強を進めているうちに、実はプロトタイプベースの方が概念としてはすごくシンプルで柔軟性があるのではないかという思いも募ってきました。 でも明らかにみんなプロトタイプベースでプログラミングをしたがっていませんよね？それどころかプロトタイプベースという概念を理解していない、しようともしていない人が多いように思います。JavaScriptの文脈で「クラスを
JavaScript のもう一つの「関数名」 —— name プロパティ - Qiita
「関数名」と name プロパティ JavaScript において「関数名」あるいは「メソッド名」というと何を指すでしょうか。 関数オブジェクトを参照している変数名やプロパティ名を指すことが多いと思います。 しかし、もう一つ「関数の名前」と言える物として、関数オブジェクトの name プロパティがあります。 これは関数オブジェクトの生成時に決定される、文字列のプロパティです。 function foo() { // do something } let bar = foo let baz = foo let qux = [foo, foo] console.log( foo.name ) // 出力 -> "foo" console.log( bar.name ) // 出力 -> "foo" console.log( baz.name ) // 出力 -> "foo" console.l
JavaScript - 式の展開の注意点 - 浮動小数点数、数値計算、正確性、誤差 - ( @h_okumura 、 @shora_kujira16 ) Haruhiko Okumura さん、しょラーさんのツイートより | Kamimura's blog
JavaScript - 式の展開の注意点 - 浮動小数点数、数値計算、正確性、誤差 - ( @h_okumura 、 @shora_kujira16 ) Haruhiko Okumura さん、しょラーさんのツイートより
JavaScript で記号プログラミング - Qiita
JavaScript で記号プログラミング JavaScript も他の言語と同様に記号($=_-+~[]{}()*/<!\;"',.)のみを使ったプログラミングが可能です。 以下に console.log("Hello World") を実行するための手順を説明します。 コードに出てくる $0 や $a などの変数は、読者への説明のために可読性のある形で記述しています。 もちろん、これらの変数は記号のみを使った形に書き下すことが可能です。 まずは記号から数値を導出します。 $0 = +[]; // 0 (-[] or +"") でも可能 $1 = -~[]; // 1 $2 = $1+$1; // 2 (1+1) $3 = $2+$1; // 3 (2+1) $4 = $3+$1; // 4 (3+1) $5 = $4+$1; // 5 (4+1) $6 = $3<<$1; // 6 (
nvm（Node Version Manager）でWindowsにNode.jsをインストールする - JavaScript勉強会
WindowsにNode.jsをインストールするとき、Node.jsのバージョン管理ツールとして「nodist」を使ってみました。 「nvm」（Node Version Manager）というツールもあるので、nvmの使い方も調べてみました。 nodistの使い方 nvmとは？ nvmw nvm-windows nvm-windowsのインストール nvm-windowsインストーラーのダウンロード nvm-windowsのインストール nvm-windowsの動作確認 再インストール nvmでNode.jsをインストール nvmのコマンド Node.js 32ビット版を指定する方法 まとめ nodistの使い方 nodistによるNode.jsのバージョン管理は、こちらを参照してください。 jsstudy.hatenablog.com nvmとは？ Windows ではじめてみる Nod
Javascriptでよく使う処理をスニペットにしてみた - Qiita
SnippetsLabにいつも使う関数まとめるついでにQiitaにもメモっとく。 汎用関数 Htmlタグを除去 /** * Htmlタグを除去 * @param {string} str Htmlタグが含まれた文字列(<h1>サンプル文字列</h1>) * @returns {string} Htmlタグ除去された文字列(サンプル文字列) */ const removeHtmlTag = function (str) { return String(str).replace(/<("[^"]*"|'[^']*'|[^'">])*>/g, ''); }; /** * URLをパースしてGET値のオブジェクトにする * @returns {{}} GET値のオブジェクトです。 */ const purseQuery = function () { const result = {}; cons
JavaScriptの関数で何ができるのか、もう一度考える
関数（Function）は、ほぼ全ての現代的なプログラミング言語が備えている、プログラミングにおける基本的な構成要素です。もちろんJavaScriptも関数を備えています。 関数はシンプルで強力です。ですが、それゆえに多くの人を混乱させることもあります。私が大学のプログラミング実習のティーチングアシスタントを担当していたときも、「関数」でつまずく学生が少なくありませんでした。 関数は普段何気なく呼吸をするように使っているものです。ですが、改めて、関数とは何か、何ができるのか、ということを考え出すと、意外と難しいことに気がつきます。そこで、JavaScriptにおける関数について、いったい何ができるのか、もう一度ゆっくり考え直してみることにしましょう。 関数って何ができるんだっけ 複数の命令をまとめて名前をつける 関数の最も基本的な機能は、複数の命令をひとつにまとめて、名前をつけることです。
Riot.js 2.0 を触ってみた — まだReactで消耗しているの? - Qiita
楽すぎてどうしよう。が最初の感触。まだ3時間しか触ってないけど、もうこれでいいや感が半端ない、深夜2時です。 Angularなのか、Reactなのか、2015年が明けても毎週のように新しいJSフレームワークが出る中で、もう正直どうでもよくなってませんか? でも、これは触って楽しいはず。 Riotって何? Riotは、公式ページに A REACT- LIKE, 2.5KB USER INTERFACE LIBRARY とあるように、Reactを意識して作られた超軽量のUIライブラリで、ビュー部分(コンポーネント)に特化しているのが特長です。Vue.jsとかとも同類です。Riot 1.0も「超軽量」という点で、一時注目を集めました。 そのRiotが、2.0で趣向を変えてJSX的なプリコンパイルの仕組みを取り入れて、ReactとPolymerのいいとこ取りのような感じになっています。ただし、次の
ソースマップの自作は割とコワくない。 - Qiita
「めんどくさそう」先入観で敬遠していたのですが、仕様を見たらそんなでもなかったので書き残しておきます。手っ取り早くコードを見たい方はこちらをどうぞ。 ユーザとして、ソースマップに接する機会は多いですが、AltJSを作るとかでもない限り、あまり提供側に回ることはないかもしれません。私自身、次のような疑問というか誤解を抱えたまま、深入りしなかったクチです...。 誤解1: ソースマップを作るにはASTを作る必要がある → 実際はもっとシンプル 誤解2: なんかすごいエンコード(AAAA;AACA;AACA;AACA...)がされてる → ただのBase64 よく見かけるソースマップの説明記事(というほど、記事自体ないけれど)では、「ソースを構文解析してASTを構築して...」という手順が出てくるのですが、 ソースマップにASTは必要ありません。 もちろん、実際にAltJSを作るならASTの作成
JavaScriptのES2015クラスでmixinを実装する世界一美しい方法 - Qiita
こいつまた煽りっぽいタイトル書いてるな？ 皆さんES2015のclass使ってますか？ ES2015のクラス、prototypeを利用したり、{}を利用したりして、様々な書き方で実現できるクラスっぽい何かを、単一の記述でまとめた偉業は素晴らしいですよね。 でも、反面まだまだ機能が全然足りません。本当に足りません。 そこで今回は足りない機能をなんとかしよう、みたいな話です。 まずは基本的な継承の振り返り ES2015クラスでは、「extends」を用いることで、継承を実現することが出来ます。 class Swimmable{ swim(){ console.log("すいすいっ"); } } class Fish extends Swimmable{} const fish = new Fish(); fish.swim(); // "すいすいっ"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WanaKana.js
javascriptのキーボードイベントで質問があります。
JavaScript 関数の練習問題 - Qiita
GitHub - prettier/prettier: Prettier is an opinionated code formatter.
Site is undergoing maintenance
