[B! JavaScript][ES6] hg_kosukeのブックマーク

hg_kosuke id:hg_kosuke

JavaScriptとES6に関するhg_kosukeのブックマーク (9)

jQueryを使わずにJavaScriptだけでDOM操作
とても便利で初心者でも導入しやすいJavaScriptのライブラリ、jQuery。しかし、読み込み速度に影響が出るのと処理速度が遅いため、最近ではjQueryを使わない人も増えたのではないでしょうか。 jQueryを使えば簡単にDOM操作を行うことができますが、素のJavaScriptでも慣れればそこまで難しくありません。要素の取得基本的な要素の取得方法 document.getElementById('id-name'); //id名で取得 document.getElementsByClassName('class-name'); // クラス名で取得 document.getElementsByTagName('div'); // タグ名で取得 document.querySelector('#menu li'); // 最初にヒットした要素が取得される document.qu
hg_kosuke 2020/05/11
JavaScript

jQuery無し

ES6
リンク
(初心者向け) JavaScript のクラス (ES6 対応) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
hg_kosuke 2020/01/17
JavaScript

ES6
リンク
オブジェクトリテラルのプロパティ/メソッドのいろんな書き方（ES6版） - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
hg_kosuke 2020/01/06
JavaScript

ES6
リンク
JavaScript のジェネレータを極める！ - Qiita
ECMAScript 6（2015年6月に公開され、今もなお比較的新しい JavaScript）の大目玉であるイテレータとジェネレータ。なかなかに複雑で巨大な仕組みになっていてややこしいです。そこで今回はジェネレータを、順を追って理解できるように解説したいと思います。 Qiita: JavaScript のイテレータを極める！ ←こちらから読むのがオススメです Qiita: JavaScript のジェネレータを極める！（この記事）また、実用的なサンプルを「3. 実用サンプル」に示しました。初めにこちらを見て、何ができるのかを知ってから読み始めるのもオススメです。（2017年3月現在、オープンなページでの使用はまだ避けたほうがいいかもしれませんが、実装は確実に進んでいます。ECMAScript 6 compatibility table） 1. ジェネレータ、ジェ
hg_kosuke 2020/01/06
ES6

JavaScript
リンク
JavaScript のイテレータを極める！ - Qiita
ECMAScript 6（2015年6月に公開され、今もなお比較的新しい JavaScript）の大目玉であるイテレータとジェネレータ。なかなかに複雑で巨大な仕組みになっていてややこしいです。そこで今回はイテレータを、順を追って理解できるように解説したいと思います。 Qiita: JavaScript のイテレータを極める！（この記事） Qiita: JavaScript のジェネレータを極める！また、実用的なサンプルを「3. 実用サンプル」に示しました。初めにこちらを見て、何ができるのかを知ってから読み始めるのもオススメです。（2017年3月現在、オープンなページでの使用はまだ避けたほうがいいかもしれませんが、実装は確実に進んでいます。ECMAScript 6 compatibility table） 1. ことばの定義 1.1. イテレータ (Iterator
hg_kosuke 2020/01/06
ES6

JavaScript
リンク
ES2015/2016+ 記法個人的メモ - Qiita
以前社内向けに書いていた個人的メモをせっかくなので公開します。昔ながらのJavaScriptなら分かるけど、暫くフロントエンドから離れてた人向けな記事です。と言いつつ自分もまだ経験浅いので間違っていたら指摘お願いします。モダンなフロントエンドフレームワークはES2015/2016+の記述が当たり前のように出てきます。 reactとかangular2とか触る前に新しい記法を頭に入れておきましょう。そもそもECMAScript is 何って話はしないです。文字読むのが面倒な人はこの辺をどうぞ。(解説動画) Learn ES6 (ECMAScript 2015) - Course by @johnlindquist @eggheadio ES2015 Crash Course ブラウザ対応状況ブラウザの対応状況は以下のサイトで確認できます。 ECMAScript 6 compatib
hg_kosuke 2020/01/06
ES6

JavaScript
リンク
もうはじめよう、ES6~ECMAScript6の基本構文まとめ(JavaScript)~ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
hg_kosuke 2019/02/10
ES6

JavaScript
リンク
イマドキのJavaScriptの書き方2018
PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい
hg_kosuke 2018/10/13
ES6

JavaScript

あとで読む
リンク
JavaScriptを言語仕様から把握し、ライブラリに振り回されない漢を目指す人に贈るJavaScriptの基礎 - Qiita
個人的に本とかネットで勉強していたものを、ここにまとめていたのですが、せっかくなのでQiitaにも投稿します。間違いなどお気付きの点があればご指摘をお願いいたします。 JavaScript(以下JS) ES6 = ES2015 とする(呼び方多すぎ) 変数と定数の定義基本的に const で定義するようにし、どうしても必要な時だけ let を使うと事故を減らせる var はES6で書けるのであればもう使わなくて良い let 変数を宣言する。宣言できるのは一度だけ宣言時に初期化を行わなくてもエラーにはならない(中身はundefinedとなる) 値の再代入は可能だが、再宣言はエラーになる const 定数を宣言する。宣言と同時に必ず初期化する必要がある値の再代入も再宣言も不可能定数名は大文字とアンダースコアを組み合わせた名前を使うことが多い模様識別子変数名、定数名として使われる文
hg_kosuke 2018/08/29
JavaScript

あとで読む

ES6
リンク
1