ウェブワーカー API - Web API | MDN
ウェブワーカー (Web Worker) ã¨ã¯ã€ã‚¦ã‚§ãƒ–アプリケーションã«ãŠã‘るスクリプトã®å‡¦ç†ã‚’メインã¨ã¯åˆ¥ã®ã‚¹ãƒ¬ãƒƒãƒ‰ã«ç§»ã—ã€ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§ã®å®Ÿè¡Œã‚’å¯èƒ½ã«ã™ã‚‹ä»•çµ„ã¿ã®ã“ã¨ã§ã™ã€‚時間ã®ã‹ã‹ã‚‹å‡¦ç†ã‚’別ã®ã‚¹ãƒ¬ãƒƒãƒ‰ã«ç§»ã™ã“ã¨ãŒå‡ºæ¥ã‚‹ãŸã‚〠UI を担当ã™ã‚‹ãƒ¡ã‚¤ãƒ³ã‚¹ãƒ¬ãƒƒãƒ‰ã®å‡¦ç†ã‚’ä¸æ–・é…延ã•ã›ãšã«å®Ÿè¡Œã§ãã‚‹ã¨ã„ã†åˆ©ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ 概念ã¨ä½¿ã„æ–¹ ワーカーオブジェクトã¯ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ãƒ¼ï¼ˆWorker() ãªã©ï¼‰ã‚’用ã„ã¦ç”Ÿæˆã•ã‚Œã€åå‰ã‚’æŒã¤ JavaScript ファイルを実行ã—ã¾ã™ã€‚ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¯ãƒ¯ãƒ¼ã‚«ãƒ¼ã‚¹ãƒ¬ãƒƒãƒ‰ã§å®Ÿè¡Œã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ãŒæ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ ワーカースレッドã®ä¸ã§ã¯ã€ JavaScript ã®æ¨™æº–ã®ä¸€é€£ã®é–¢æ•°ï¼ˆStringã€Arrayã€Objectã€JSONã€ãªã©ï¼‰ã«åŠ ãˆã€ä»»æ„ã®ã‚³ãƒ¼ãƒ‰ã®ã»ã¨ã‚“ã©ã‚’実行ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã„ãã¤ã‹ã®ä¾‹å¤–ãŒã‚ã‚Šã¾ã™ã€‚例ãˆã°ã€ãƒ¯ãƒ¼ã‚«ãƒ¼å†…ã‹ã‚‰ç›´æŽ¥ DOM ã‚’æ“作ã™
Asynchronous vs Deferred JavaScript | bitsofcode
In my article on Understanding the Critical Rendering Path, I wrote about the effect JavaScript files have on the Critical Rendering Path. JavaScript is considered a "parser blocking resource". This means that the parsing of the HTML document itself is blocked by JavaScript. When the parser reaches a <script> tag, whether that be internal or external, it stops to fetch (if it is external) and run
Webpack: Import vs Require, and why
Last Updated Feb. 23, 2018 One of Webpack’s most impressive features is called tree shaking, a technique that it uses to reduce the size of your javascript bundle. Tree shaking is easy to understand. Imagine a bit of code that looks like this: file1.js exposes three different exports – the strings "a", "b", and "c". file2.js only imports the first item, export a. Since exports b and c are never us
イマドã‚ã®JavaScriptã®æ›¸ãæ–¹2018
PySpaçµ±åˆæ€å¿µä½“ã§ã™ã€‚ã“ã‚Œã‹ã‚‰JavaScriptを覚ãˆã‚‹ãªã‚‰ã€ã€Œã“ã®æ›¸ãæ–¹ã¯ã‚‚ã†è¦šãˆãªãã¦ã„ã„ã€ï¼ˆã‚ˆã‚Šã‚ˆã„代替ãŒã‚る）ã¨ã„ã†ã‚‚ã®ã‚’集ã‚ã¦ã¿ã¾ã—ãŸã€‚ ES6以é™ã®é›£ã—ã•ã¯ã€æ—§æ¥ã®æ›¸ãæ–¹ã«ãƒ—ラスãŒå¢—ãˆãŸã ã‘ã§ã¯ãªãã€å¤§é‡ã®ã€Œæ—§æ¥ã®æ›¸ãæ–¹ã¯é–“é•ã„を誘発ã—ã‚„ã™ã„ã‹ã‚‰éžæŽ¨å¥¨ã€ã¨ã„ã†ã‚‚ã®ã‚’作り出ã—ãŸç‚¹ã«ã‚ã‚Šã¾ã™ã€‚5å¹´å‰ã€10å¹´å‰ã®æœ¬ã‚„ウェブãŒã‚ã¾ã‚Šå½¹ã«ç«‹ãŸã¡ã¾ã›ã‚“。ãªãŠã€æ›¸ãæ–¹ãŒè¤‡æ•°ã‚ã‚‹ã‚‚ã®ã¯ã€å¥½ãå«Œã„ã¯å½“然ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã‚ãˆã¦éŽæ¿€ã«1ã¤ã«çµžã£ã¦ã„ã‚‹ã¨ã“ã‚ã‚‚ã‚ã‚Šã¾ã™ã€‚ãªãŠã€ã“ã‚Œã¯ã“ã‚Œã‹ã‚‰æ–°è¦ã«å¦ã¶äººãŒã€éŽåŽ»ã®ãƒ‰ã‚ュメントやコードを見ãŸæ™‚ã«å¤ã„æƒ…å ±ã‚’é¸åˆ¥ã™ã‚‹ãŸã‚ã®ã¾ã¨ã‚ã§ã™ã€‚残念ãªãŒã‚‰ã€ä»Šæ™‚ã®æ›¸ãæ–¹ã®ã¿ã§æ§‹æˆã•ã‚ŒãŸæ›¸ç±ãªã©ãŒå˜åœ¨ã—ãªã„ã‹ã‚‰ã§ã™ã€‚ ãŸã¶ã‚“明示的ã«æ›¸ã„ã¦ã„ã¦ã‚‚èªã¿é£›ã°ã™äººã¯ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã™ã§ã«æ›¸ã„ã¦ã„る人å‘ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã‚Œã‹ã‚‰æ›¸ãコードをã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã«ã—ã¦ã„ãã®ã¯åˆ¥ã«ã„ã„
JavaScriptã®èªã¿è¾¼ã¿ã«ãŠã‘ã‚‹éžåŒæœŸã‚¹ã‚¯ãƒªãƒ—ト注入ã®æ‚ªå½±éŸ¿ | POSTD
Synchronous（åŒæœŸï¼‰ã‚¹ã‚¯ãƒªãƒ—トã¯åŠ¹çŽ‡ãŒæ‚ªã„。ã¨ã„ã†ã®ã‚‚ã€ãƒ–ラウザã«DOM構築をã•ã›ã€ã‚¹ã‚¯ãƒªãƒ—トをèªã¿è¾¼ã¾ã›ã€æ®‹ã‚Šã®ãƒšãƒ¼ã‚¸ã‚’リãƒãƒ¼ãƒ‰ã™ã‚‹å‰ã«å®Ÿè¡Œã—ã¦ã—ã¾ã„ã¾ã™ã€‚今ã•ã‚‰ãªè©±ã§ã™ãŒã€ã“ã‚ŒãŒã‚ã‚Œã‚れプãƒã‚°ãƒ©ãƒžãŒasynchronous（éžåŒæœŸï¼‰ã‚¹ã‚¯ãƒªãƒ—トをよã使ã†ã‚ˆã†ã«ãªã£ãŸç†ç”±ã§ã™ã€‚ã“ã“ã«åˆ†ã‹ã‚Šã‚„ã™ã„例ãŒã‚ã‚Šã¾ã™ã€‚ <!-- BAD: blocking external script --> <script src="http://somehost.com/awesome-widget.js"></script> <!-- GOOD: remote script is loaded asynchronously --> <script> var script = document.createElement('script'); script.src = "http://somehos
RailsエンジニアãŒReactを始ã‚ã¦SSRã¨Reduxã¨TypeScriptã‚’å°Žå…¥ã™ã‚‹ã¾ã§ | bitjourney Kibela
RailsエンジニアãŒReactを始ã‚ã¦SSRã¨Reduxã‚’å°Žå…¥ã™ã‚‹ã¾ã§ Roppongi.rb #3 "Rails x Frontend-Tech" 自己紹介 github.com/gfx BitJourneyã§Kibelaを開発 Speee, Inc. ã§æŠ€è¡“顧å•ã‚’ã—ã¦ã‚‹ Reactã¯ç¾è·ã§åˆã‚ã¦è§¦ã£ãŸï¼ˆ2016å¹´8月~） 今日ã®è©± Kibelaã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è©±ã§ã™ã€‚ èªã¿ã¯ã‚ベラ Markdownã§æ›¸ã‘ã¦ã€ãƒ•ãƒãƒ¼æƒ…å ±ï¼ˆBlog）ã¨ã‚¹ãƒˆãƒƒã‚¯æƒ…å ±ï¼ˆWiki）を区別ã—ã¦æ•´ç†ã§ãã‚‹æƒ…å ±å…±æœ‰ãƒ„ãƒ¼ãƒ« ã“ã‚Œã¾ã§ã®è©± æ–°è¦Railsアプリã«å°ã•ãå°Žå…¥ã™ã‚‹React // Speaker Deck （dex1t, 2016/09/05） å°ã•ãå°Žå…¥ã—ã¦å¦ã³ãªãŒã‚‰é–‹ç™ºã‚’進ã‚ã‚‹ â• Interactive UI componentã‚’Reactã§ï¼†jQueryも併用 ⌠viewã‚’ã™ã¹ã¦Reactã§å®Ÿè£…
ajaxã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ã™ã‚‹æ–¹æ³•ï¼ˆãƒ¡ãƒ¢ï¼‰ - Qiita
<form action="" method="post"> <input type="file" name="hoge"> <input type="submit" name="upload" value="アップãƒãƒ¼ãƒ‰"> </form> <input id="hoge" type="hidden" value="hoge"> /* inputã«ãƒ•ã‚¡ã‚¤ãƒ«ãŒé¸æŠžã•ã‚ŒãŸæ™‚ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã€‚ アップãƒãƒ¼ãƒ‰ã‚’クリックã—ãŸæ™‚ã«å‹•ä½œã•ã›ã‚‹ãŸã‚ã«ã¯changeã‚’clickã«ã™ã‚‹ã€‚ $(document).onã¯ã‚ã¨ã‹ã‚‰è¿½åŠ ã—ãŸè¦ç´ ã«ã‚‚対応ã•ã›ã‚‹ãŸã‚。 */ $(document).on('change','input[name="hoge"]',function(){ var fd = new FormData(); if ($("input[name='hoge']").val()!== '')
JavaScriptã®æ–‡åŒ–ã¨leftpadã®è©±ã¨padStartã«ã¤ã„㦠- from scratch
無駄ã«ãƒ©ãƒŽãƒ™ã¿ãŸã„ã«é•·ã„タイトル書ã„ã¡ã‚ƒã£ãŸã‚“ã§ã™ãŒã€ã¾ãã‚„ã£ã±ã‚Šä¸€è¨€ãらã„ã¯æ®‹ã—ã¦ãŠãã‹ã¨æ€ã£ãŸã®ã§æ›¸ãã¾ã™ã€‚é•·ã„ã®ã§ã¾ã¨ã‚ã ã‘ã§ã‚‚見ã¦ã‚‚らãˆã‚‹ã¨è‰¯ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 leftpadã®è©±ã¯ã‹ãªã‚Šå¤§äº‹ã«ãªã£ã¦ã„ã¦ã€Node.js界隈をä¸å¿ƒã¨ã—ã¦ãã®ä»–ã®OSSã‚’ã‚„ã£ã¦ã„る全体的ã«è©±ãŒæ³¢åŠã—ã¦ã„ã¾ã™ã€‚å¹¾ã¤ã‹ã®è¨˜äº‹ã‚’èªã¿ã¾ã—ãŸã€‚今回ã¯JSã®æ–‡åŒ–ã¨æ´å²ã«ã¤ã„ã¦ã¡ã‚‡ã£ã¨ãšã¤æ›¸ã„ã¦ã„ã“ã†ã‹ãªã¨æ€ã„ã¾ã™ã€‚ 本ã®è™«: npmã‹ã‚‰kikã¨ãã®ä»–諸々ãŒæ¶ˆã•ã‚ŒãŸã¾ã¨ã‚ 江添ã•ã‚“ã®è©±ã¯ã™ã”ãよãã¾ã¨ã¾ã£ã¦ã„ã¦ã€ãƒã‚¿ã‚‚å«ã‚ãŸä¸Šã§ä¸€ç•ªé¢ç™½ã„話ã«ãªã£ã¦ã„ã¾ã—ãŸã€ã“ã“ã§è¨€ã‚ã‚Œã¦ã„る下記ã®ç–‘å•ã«ç”ãˆã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã‚‚ã£ã¨æ†‚ã†ã¹ãパッケージãŒã‚る。isArrayã 。ã“ã®ãƒ‘ッケージã¯ä¸€æ—¥88万回もダウンãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„ã¦ã€2016å¹´2月ã ã‘ã®ä¸€ãƒ¶æœˆé–“ã«1800万回もダウンãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„ã¦ã€72個もã®NPMパッケージãŒä¾å˜ã—
モダンJavaScript開発環境 on Rails - クックパッド開発者ブãƒã‚°
投稿推進部ã®å¤–æ‘（@hokaccha）ã§ã™ã€‚ クックパッドブãƒã‚°ã®é–‹ç™ºã§Rails上ã«ECMAScript6ãªã©ã®ãƒ¢ãƒ€ãƒ³ãªJavaScript開発環境を導入ã—ãŸçµŒé¨“ã‚’å…ƒã«ãƒŽã‚¦ãƒã‚¦ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Railsã¯Sprocketsã¨ã„ã†gemã§JavaScriptã‚„CSSをコンパイルã™ã‚‹ä»•çµ„ã¿ãŒæä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚Sprocketsã«ã‚ˆã‚‹asset管ç†ã®ä»•çµ„ã¿ã¯éžå¸¸ã«ã‚ˆãã§ãã¦ãŠã‚Šã€AltJSã®ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘イルやファイルã®çµåˆã€minifyãªã©ã€assetã®ã‚³ãƒ³ãƒ‘イルã«å¿…è¦ãªæ©Ÿèƒ½ã‚’一通り備ãˆã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€JavaScriptã«ãŠã‘るモジュールã®ä¾å˜é–¢ä¿‚ã®è§£æ±ºã‚„ã€ãƒ©ã‚¤ãƒ–ラリã®ç®¡ç†ãªã©ã«ã¤ã„ã¦ã¯ãƒ¢ãƒ€ãƒ³ãªJavaScript開発ã¨ä¹–離ã—ã¦ãã¦ã„ã‚‹ã®ãŒç¾çŠ¶ã§ã™ã€‚ãã“ã§ã€Railsã§ã‚‚以下ã®ã‚ˆã†ãªã“ã¨ã‚’実ç¾ã§ãã‚‹ã“ã¨ã‚’目標ã«ç’°å¢ƒã‚’作りã¾ã—ãŸã€‚ ECMAScript6ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã‚’使ㆠモジュ
Exploring ES6
This book is dedicated to the impossible girl, who has taught me so much about love and life.
Object.defineProperty 関数㧠Observable ãªã‚ªãƒ–ジェクトを作る - Qiita
JavaScript ã® Object.defineProperty 関数 (ãŠã‚ˆã³ Object.defineProperties 関数) ã¯ã€ã‚ªãƒ–ジェクトã«ãƒ—ãƒãƒ‘ティを動的ã«å®šç¾©ã—ã¾ã™ã€‚ ã“ã®é–¢æ•°ã®å¼•æ•° descriptor ã® get 属性㨠set 属性ã«ã€ãƒ—ãƒãƒ‘ティã¸ã®ã‚¢ã‚¯ã‚»ã‚µãƒ¼ã¨ãªã‚‹é–¢æ•°ã‚’指定ã§ãã‚‹ã‚ã‘ã§ã™ãŒã€ã“ã“ã«ä»»æ„ã®å‡¦ç†ã‚’è¿½åŠ ã§ãã¾ã™ã€‚ ã“ã®ä»•çµ„ã¿ã‚’利用ã—ã¦ã€Observable (監視å¯èƒ½) ãªã‚ªãƒ–ジェクトを作るã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã“ã§ã¯ã€Observable ãªã‚ªãƒ–ジェクトã¨ã¯ã€ãƒ—ãƒãƒ‘ティ値ã®å¤‰æ›´ã‚’通知ã™ã‚‹ã‚ªãƒ–ジェクトを指ã™ã“ã¨ã¨ã—ã¾ã™ã€‚ jQuery を活用ã—ã¦ã€æ¬¡ã®ã‚ˆã†ã«å®Ÿè£…ã§ãã¾ã™ã€‚ var obj = {}; Object.defineProperty(obj, "prop1", createDescriptor("prop1")); function cre
Elevator Saga - the elevator programming game
Made by Magnus Wolffelt and contributors Version 1.6.5 Source code on GitHub Run tests
MeteorãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³1.0ã«åˆ°é”
オープンソースã¨ã—ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹Webアプリケーションã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク「Meteorã€ãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³1.0ã«åˆ°é”ã—ãŸã¨ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ Meteorã®æœ€å¤§ã®ç‰¹å¾´ã¯ã€ŒLive updatesã€ã¨å‘¼ã°ã‚Œã‚‹ã€ã‚¢ãƒ—リケーション内ã®å¤‰æ•°ã®å†…容ãŒã‚µãƒ¼ãƒã¨å…¨ã¦ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã¤ãã«åŒæœŸã—ã¦ã„る点ã§ã™ã€‚ブラウザãªã©ã‹ã‚‰å…¥åŠ›ã‚„変更ã•ã‚ŒãŸå¤‰æ•°ã®å€¤ã¯ã€è‡ªå‹•çš„ã«ã‚µãƒ¼ãƒå†…ã®ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«åæ˜ ã•ã‚Œã€åŒæ™‚ã«ã»ã‹ã®ãƒ–ラウザ上ã§å®Ÿè¡Œä¸ã®åŒã˜ã‚¢ãƒ—リケーション内ã®å¤‰æ•°ã®å€¤ã«ã‚‚åæ˜ ã•ã‚Œã¾ã™ã€‚変数ã®å†…容を動的ã«ç”»é¢ã«åæ˜ ã™ã‚‹ãƒ†ãƒ³ãƒ—レートエンジンã®æ©Ÿèƒ½ã‚‚å‚™ãˆã¦ã„ã¾ã™ã€‚ ã¤ã¾ã‚Šãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã®é …目をアップデートã—ãŸã‚Šã€ãƒ‡ãƒ¼ã‚¿ã®å¤‰æ›´ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãŸã‚ã«å®šæœŸçš„ã«ãƒ–ラウザã‹ã‚‰ã‚µãƒ¼ãƒã¸ãƒãƒ¼ãƒªãƒ³ã‚°ã™ã‚‹ã¨ã„ã£ãŸã‚³ãƒ¼ãƒ‰ã¯ä¸€åˆ‡ä¸è¦ã§ã€ä¾‹ãˆã°ãƒãƒ£ãƒƒãƒˆã®ã‚ˆã†ãªã€åˆ©ç”¨è€…全員ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«æƒ…å ±ã‚’å…±æœ‰ã§ãるアプリケーションã®é–‹ç™ºãŒåŠ‡çš„ã«å®¹æ˜“ã«ã§ãるよã†ã«ãªã‚Šã¾
Repeat a string in JavaScript a number of times
In Perl I can repeat a character multiple times using the syntax: $a = "a" x 10; // results in "aaaaaaaaaa" Is there a simple way to accomplish this in Javascript? I can obviously use a function, but I was wondering if there was any built in approach, or some other clever technique.
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Javascript document.getSelection() not working on iOS devices
Selecting text in mobile Safari on iPhone
オブジェクトリテラルã®ãƒ—ãƒãƒ‘ティ/メソッドã®ã„ã‚ã‚“ãªæ›¸ã方（ES6版） - Qiita
AngularJSã®$watch登録数ãŒ60,000ã ã£ãŸ - @yoshiko_pg
Post by @swdyh
PDF.js - Home
{{#tags}}- {{label}}
{{/tags}}