Promise - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月. * Some parts of this feature may have varying levels of support. Learn more See full compatibility Report feedback 解説 プロミス (Promise) は、作成された時点では分からなくてもよい値へのプロキシーです。非同期のアクションの成功値または失敗理由にハンドラーを結びつけることができます。これにより、非同期メソッドは結果の値を返す代わりに、未来のある時点で値を提供するプロミスを返すことで、同期メソッドと
SPAフレームワーク戦争後期にReactでもVue.jsでもなく、Aureliaを選んだ理由 (2019年所信表明)
はじめに所信表明フロントエンド界隈でAureliaの布教活動を行います。 そして2019年の終わり頃には・・・ 日本で”Aureliaの人”と呼ばれるようになる！！ 具体的には下記のKPIを2019年の目標とします。 月に2本以上Aureliaに関するブログを書く勉強会やLT大会で4回以上登壇（機会に恵まれなければ、自分で勉強会を開催する）そしてここから先は、なぜReactでもVue.jsでもAngularでもなく、Aureliaを選んだのか？ その理由を自分のバックグランドも含めて、書き綴っていきます。 Aurelia is 何？を3行でそもそもなのですが、”Aurelia”自体を知らない人が多いのではないでしょうか？ このエントリーでは深くは触れませんが、3行で簡潔に紹介したいと思います。 元Angular開発チームのRob Eisenberg氏らによって創られたSPA用のJavaSc
jQuery オブジェクトと DOM エレメントの変換
ジェイクエリーすぐ忘れる DOM エレメント -> jQuery オブジェクト $() 関数に入れてあげれば OK var sample = document.querySelector('#sample'); var jq_obj = $(sample); jQuery オブジェクト -> DOM エレメント jQuery オブジェクトのインデックス 0 らしい var dom_element = jq_obj[0]; 検証 var body = document.querySelector('body'); var jq_obj = $(body); var dom_elm = jq_obj[0]; body === dom_elm // true
要素の取得方法まとめ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに JavaScriptで要素を取得する時に使う時 jQuery などの便利系を除いていろいろありますが、それらの関係情報や使い方のメモです。 前知識 要素を取得する前にいろいろ知っておきましょう。 噛み砕いた簡単な説明なので、ツッコミはなしの方向で…… Node ノードとは、簡単に言うとDOMを構成する文字列、コメント、タグなどを扱うためのインターフェース（様々な処理を行うメソッドが含まれたオブジェクトと考えるといいかも）です。 <!DOCTYPE html> も <!-- コメント --> も <span>Text</span
javascript取得したDOM要素の使い方、HTMLCollectionとNodeList【脱jQuery】 | フロントエンドな日々
2018年の夏、連日の猛暑日、40度を超えるような地域もあるようです。 熱中症にはお気をつけください。 皆さんこんにちは。 脱jQueryの第三弾！ 今回は、第一弾の ネイティブjavascriptでHTMLの要素を取得する！脱jQueryはじめの一歩 で取得したDOM要素、HTMLCollectionやNodeListの使い方です。 そもそもHTMLCollection、NodeListとは どちらも配列っぽいオブジェクトで、 どちらもプロパティとして「length」が提供されています。 arrayでは無いので同じ様に扱うにはひと工夫必要な場合もあります。 HTMLCollectionはDOMに対する変更が随時反映され、 NodeListは反映されません。 HTMLCollectionにアクセスする HTMLCollectionに直接アクセスする HTML <ul> <li class=
.mjs とは何か、またはモジュールベース JS とエコシステムの今後 | blog.jxck.io
Intro 長いこと議論になっていた ES Modules の Node における扱いに一応の決着が付き、 .mjs という拡張子が採択された。 この拡張子の意味と、今後ブラウザと合わせて Universal JS を実装していく上での作法が見えてきたことになる。 合わせてエコシステムが対応していくことで、長年の夢だった JS のモジュール化を進めていくことができるだろう。 ES Modules 徐々に揃いつつある ES Modules(ESM) の仕様は TC39 で行われており、その仕様については主に以下のような部分になる。 import や export と行った構文 module 内はデフォルト strict mode module でスコープを閉じる module 内の this は undefined etc 逆に以下は TC39 での策定範囲外となる どう Module を読
JavaScript | モジュール化(importとrequireの違い) - わくわくBank
外部ファイル(モジュール)を読み込むことを目的に「import」と「require」が利用されているのを目にする機会があります。ここでは、それぞれの「違い」と「使い方」について整理します。 importとrequireの違い require構文 CommonJSの仕様でnode.jsがサポートしている書き方です。 Node.jsで実行するなら、そのまま利用できます。 ブラウザで実行するならWebpackなどを通じて依存関係を解決する必要があります。 module構文( import ) es2015 から利用できる書き方です。 対応ブラウザがまだ少ないです。 Babelを通じてrequire構文に変換後Webpackなどを通じて依存関係を解決する必要があります。 モジュールの種類 Node.jsを利用している際、以下のモジュールの違いを意識すると良いです。 コアモジュール Node.jsが
ECMAScript 6 compatibility table
V8 SpiderMonkey JavaScriptCore Chakra Carakan KJS Other ⬤ Minor difference (1 point) ⬤ Small feature (2 points) ⬤ Medium feature (4 points) ⬤ Large feature (8 points) Compilers/polyfills Desktop browsers Servers/runtimes Mobile Feature name Current browser ES6 Trans- piler Traceur Babel 6 + core-js 2 Babel 7 + core-js 2 Babel 7 + core-js 3 Closure 2020.09 Closure 2021.08 Closure 2021.09 Closure 20
JavaScriptで変数に代入するテキストを複数行にする方法まとめ - みかづきブログ その3
var txt = "ふるいけや。かわずとびこむ。みずのおと。"; を読みやすくしようと思って、 var txt = "ふるいけや。 かわずとびこむ。 みずのおと。"; と書いてしまうとシンタックスエラーになるのは火を見るより明らかです。 改行方法を考えましょう。 +演算子で結合 その1 var txt = "ふるいけや。" + "かわずとびこむ。" + "みずのおと。"; 個人的にはこれが好きなんでこう書いてます。 "=" と "+" を揃えるのがこだわりです。 非常に見やすいですね（主観）。 +演算子で結合 その2 var txt = "ふるいけや。" + "かわずとびこむ。" + "みずのおと。"; と書くひともいますね。 セミコロンの自動挿入を必要以上に恐れた結果と思われます（主観）。 \でエスケープ var txt = "ふるいけや。"\ "かわずとびこむ。"\ "みずのおと。"
window.onloadとjQueryの$(document).ready等の比較
Comparison of window.onload and jQuery's $(document).ready B! 39 0 0 0 JavaScriptでページを読み込み後に何かを行いたいときは window.onload = function()を使ったり、jQueryを使っていれば $(document).ready(function())を使ったりしますが、 これらはちょっと違うものです。 特にjQuery無しで$(document).ready(function)的な事をするのが ちょっと面倒ですがその辺について。 window.onload $(document).ready jQuery無しで$(document).readyな呼び出しをする onload時に行う物を複数登録する 実行される順序 window.onload window.onloadメソッドはonlo
株式会社エイチームホールディングス（Ateam）
野菜が主役・低カロリーの“犬のための副菜”誕生！OBREMO初のウェットフード「とろとろ野菜煮込み~夏の彩りパプリカ~」限定発売
【JavaScript】（基礎）親要素・子要素の取得まとめ② | unitopi - ユニトピ -
こんにちは！ unitopi新米ライターの、ケインでございます。 前回に引き続き、JavaScriptにおいて基本的だけど忘れがちな、JavaScript（jQuery）における「親要素・子要素の取得」について、今回は「親要素の取得」のお話をさせていただきます！ ※サンプルコードは、「JS」タブや「HTML」タブなどを交互に見ていってくださいね！ ※前回の記事はこちらになります。まだご覧になっていない方で、合わせて勉強したい方はぜひご覧くださいね！ 【JavaScriptの場合】※下記サンプルコードを使用し説明 下記のサンプルを使い、h1（id=”hTitle”）の親要素を取得したい場合を例にしてお話していきます！ See the Pen GgMgvM by Tatsuya Kosuge (@castero) on CodePen. 11535 ①parentNode（※記載方法：elem
Event: preventDefault() メソッド - Web API | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月. Learn more See full compatibility Report feedback preventDefault() は Event インターフェイスのメソッドで、ユーザーエージェントに、このイベントが明示的に処理されない場合に、その既定のアクションを通常どおりに行うべきではないことを伝えます。 このイベントは通常、イベントリスナーの 1 つが stopPropagation() または stopImmediatePropagation() を呼び出し、いずれかが一度に伝播を終了しない限り、伝播し続けま
Jest · 🃏 Delightful JavaScript Testing ドキュメント
スナップショット機能で大きなオブジェクトを容易に追跡できるテストを作成できます。スナップショットはテストと一緒に、あるいはインラインに埋め込んだ状態で表示できます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Document: querySelectorAll() メソッド - Web API | MDN
ES6の import / export - Qiita
JavaScriptが辿った変遷 - Qiita
Introduction | Aurelia 1 Docs
Aurelia
jQueryでリンク先への遷移直前にいろんな機能をつけてみる | オウンドメディア | 大阪市天王寺区ホームページ制作｜合同会社デザインサプライ-DesignSupply.LLC-