JavaScript ã§è¨€èªžå‡¦ç†100本ノック2015 第1ç« : 準備é‹å‹• - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Textwell アクション「Javascript Consoleã€
PC å‘ã‘ Web ブラウザã®ãƒ‡ãƒãƒƒã‚°ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚’é–‹ã„ã¦å°ã•ãª Javascript コードを試ã—打ã¡ã—ã¦ã„ã‚‹ã¨ãã®æ„Ÿè¦šã‚’〠Textwell ã«æŒ‡ã‚’這ã‚ã›ãªãŒã‚‰æ„Ÿã˜ã‚‹ãŸã‚ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã§ã™ã€‚
JavaScript ã«ã‚ˆã‚‹æ—¥ä»˜ãƒ»æ™‚刻・時間ã®è¨ˆç®—・演算ã®ã¾ã¨ã‚ - hoge256ブãƒã‚°
JavaScript ã§ã„ã‚ã„ã‚ãªæ—¥ä»˜ã®è¨ˆç®—関係をã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚å‰å›žã®æ—¥ä»˜é–¢ä¿‚ã®ã¾ã¨ã‚エントリ㮠JavaScript版ã§ã™ã€‚ 日付ã®å˜ä½ã«ã¤ã„㦠基本的ãªã“ã¨ã§ã™ãŒã€ä¸€å¿œã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ 1秒ã¯1000ミリ秒 1分ã¯60秒 1時間ã¯60分 よã£ã¦ 1時間=60分=3600秒=3600000ミリ秒 1æ—¥=24時間=1440分=86400秒=86400000ミリ秒 ç¾åœ¨æ™‚刻ã®å–å¾— ã¾ãšã¯ã€æœ€ã‚‚よã使ã†å‡¦ç†ã§ã™ã€‚ //今日ã®æ—¥æ™‚を表示 var date = new Date(); document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.get
Data URI scheme - Wikipedia
データURIスã‚ーム（英語: data URI scheme）ã¨ã¯ã€ã‚ãŸã‹ã‚‚外部リソースをèªã¿è¾¼ã‚€ã®ã¨åŒã˜ã‚ˆã†ã«ã€ã‚¦ã‚§ãƒ–ページã«ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã«ãƒ‡ãƒ¼ã‚¿ã‚’埋ã‚ã“む手段をæä¾›ã™ã‚‹URIスã‚ームã§ã‚る。ファイルリテラルã€ã‚ã‚‹ã„ã¯ãƒ’アドã‚ュメントã®ä¸€å½¢æ…‹ã§ã‚る。ã“ã®æŠ€è¡“を利用ã™ã‚‹ã“ã¨ã§ã€é€šå¸¸ã¯åˆ¥ã®ãƒ‡ãƒ¼ã‚¿ã«åˆ†ã‹ã‚Œã¦ã„ã‚‹ç”»åƒã‚„スタイルシートãªã©ã®è¦ç´ ã‚’ã€1ã¤ã®HTTPリクエストã«ã‚ˆã£ã¦èªã¿è¾¼ã‚€ã“ã¨ãŒå¯èƒ½ã«ãªã‚‹ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€HTTPリクエスト数ãŒå‰Šæ¸›ã•ã‚Œã€ãƒ‡ãƒ¼ã‚¿ã®è»¢é€åŠ¹çŽ‡ãŒæ”¹å–„ã•ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹[1]。ã¾ãŸã€ä¸€éƒ¨ã®ãƒ–ラウザ拡張機能ã§ã‚‚ã€ç”»åƒãªã©ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å˜ä¸€ã®HTMLファイル内ã«ãƒ‘ッケージングã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å±Šã‘ã‚‹ãŸã‚ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹[2][3]。2018å¹´ç¾åœ¨ã€ãƒ‡ãƒ¼ã‚¿URIã¯ä¸»è¦ãªã»ã¨ã‚“ã©ã®ãƒ–ラウザã§å®Œå…¨ã«ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„る。ãŸã ã—ã€Internet Explorerã¨Microsoft Edgeã§ã¯ã€
setTimeout, setIntervalã‚’ä¹—ã£å–ã£ã¦çˆ†é€Ÿã«ã™ã‚‹ - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’勉強ã—ã¦ã„ãŸãƒ–ãƒã‚°
setTimeout() vs ãƒãƒƒã‚«ãƒ¼ã€ä»ç¾©ãªã戦ã„ã«ã‚ˆã‚‹ã¨ function isNativeFunction(func, name) { for (var o in func) { if (o === "toString") return false; } var match = func.toString().match(/^function (\S+)\(\)\s*{\s*\[native code\]\s*}$/); return (match && match[1] === name); } setInterval = function(){}; isNativeFunction(setInterval, 'setInterval'); // false ã§setIntervalãŒå½è£…ã•ã‚Œã¦ã„ã‚‹ã‹èª¿ã¹ã‚‰ã‚Œã‚‹ã¨æ›¸ã„ã¦ã‚ã‚‹ãŒã€ãã‚“ãªã“ã¨ã¯ãªã„。 自分ãŒæ™®æ®µä½¿ã£ã¦ã„るブラウザã¯Sa
JavaScriptã®reduce関数ãŒä¾¿åˆ©ã€ã‘ã©å‹•ããŒç†è§£ã—ã¥ã‚‰ã„ã®ã§ã‚µãƒ³ãƒ—ルを列挙 - @ledsun blog
JavaScriptã®reduce関数ãŒã¨ã¦ã‚‚便利ãªã®ã§ã™ã€‚ ãŸã¨ãˆã° ユニークã¯ã“ã‚“ãªæ„Ÿã˜ var unique = function(array) { return array.reduce(function(a, b) { if (a.indexOf(b) === -1) { a.push(b); } return a; }, []); }; 関数ã®å¤–部ã«çµæžœã‚’æ ¼ç´ã™ã‚‹å¤‰æ•°ã‚’作らãªãã¦ã„ã„ã®ãŒè‰¯ã„ã§ã™ã€‚ *1 メジャーãªä¾‹ 集計 reduce関数ã¯çµæ§‹æœ‰ç”¨ã£ã¦ã„ã†ãŠè©± - ã‚ã¨å‘³ ã«åˆè¨ˆã€æœ€å¤§å€¤ã€æœ€å°å€¤ã€å¹³å‡ã®ä¾‹ãŒã‚ã‚Šã¾ã™ã€‚ ユニーク How to get an array of unique values from an array containing duplicates in JavaScript? - Stack Overflow ã«ã¯é‡è¤‡é™¤åŽ»ã®ä¾‹ã¯ã“ã“ã‹ã‚‰ãƒ‘クリã¾ã—ãŸã€‚
JavaScript 1.7 ã®æ–°æ©Ÿèƒ½: Days on the Moon
Firefox 2 ã®æ–°æ©Ÿèƒ½ã®ä¸€ã¤ã« JavaScript 1.7 ã¸ã®å¯¾å¿œãŒã‚る。Firefox 2 Beta 2 ã®ãƒªãƒªãƒ¼ã‚¹ã‚‚è¿‘ã¥ã JavaScript 1.7 ã®æ–°æ©Ÿèƒ½ã‚‚ã»ã¨ã‚“ã©ãŒå®Ÿè£…ã•ã‚Œã¦ããŸã®ã§ã“ã“ã«ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ã¨ã„ã£ã¦ã‚‚ New in JavaScript 1.7 ã«å¤§ä½“ã¯ã¾ã¨ã¾ã£ã¦ã„ã‚‹ã®ã§è£œè¶³çš„ãªéƒ¨åˆ†ãªã©ã€‚ è˜åˆ¥åã®æ‰±ã„ ブãƒãƒƒã‚¯ã‚¹ã‚³ãƒ¼ãƒ— 分割代入 イテレータ ジェãƒãƒ¬ãƒ¼ã‚¿ é…列内包 å‚考 ãªãŠã€ãƒ–ラウザ上ã§ã‚¹ã‚¯ãƒªãƒ—トを実行ã™ã‚‹å ´åˆã¯ã€JavaScript ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’明記ã—ãªã„㨠let ã€yield ãŒã‚ーワードã¨ã—ã¦èªè˜ã•ã‚Œãªã„ (Bug 351515) 。 <script type="text/javascript; version=1.7"> JavaScript shell を使ã†å ´åˆã¯èµ·å‹•æ™‚ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’指定ã™ã‚‹ã‹ version 関数を使ã†ã€‚ $ js
reduce関数ã¯çµæ§‹æœ‰ç”¨ã£ã¦ã„ã†ãŠè©± - ã‚ã¨å‘³
JavaScriptã«é™ã£ãŸè©±ã§ã¯ãªã„ã®ã§ã™ãŒã€reduce関数をæŒã¤ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžãŒã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ JavaScriptã«é–¢ã—ã¦ã¯ã€ä¸€å¿œã€ECMAScript5ã®ä»•æ§˜ã«ç™»å ´ã™ã‚‹ã‚ˆã†ã§ã€å°†æ¥çš„ã«ã¯ã©ã®ãƒ–ラウザã§ã‚‚使ãˆã‚‹ã‚ˆã†ã«ãªã‚Šãã†ãªæ°—é…ã¯ã‚ã‚Šã¾ã™ã€‚ Standard ECMA-262 ã¾ãŸã€MDCã§ã¯reduceã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã“れを利用ã™ã‚Œã°ç¾æ™‚点ã§ã‚‚ã©ã®ãƒ–ラウザã§ã‚‚reduce関数を利用ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ reduce関数ã¨ã¯ï¼Ÿ MDCã«æŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹æ–‡ç« ã‚’å¼•ç”¨ã—ã¾ã™ã€‚ é…列ã®ï¼ˆå·¦ã‹ã‚‰å³ã¸ï¼‰ 2 ã¤ã®å€¤ã«å¯¾ã—ã¦åŒæ™‚ã«é–¢æ•°ã‚’é©ç”¨ã—ã€å˜ä¸€ã®å€¤ã«ã—ã¾ã™ã€‚ JavaScriptã®reduceã¯ã€é…列ã®ãƒ¡ã‚½ãƒƒãƒ‰ã§ã™ã€‚左らå³ã¸ã¨ã‚ã‚Šã¾ã™ãŒã€å³ã‹ã‚‰å·¦ã¸é–¢æ•°ã‚’é©ç”¨ã™ã‚‹reduceRightã¨ã„ã†é–¢æ•°ã‚‚ã‚ã‚Šã¾ã™ã€‚*1 ã©ã†ã„ã†æ™‚ã«ä½¿ãˆã‚‹ã‹ å…ƒã¨ãªã‚‹é…列ãŒã‚ã£ã¦ã€ãれを累ç©
JavaScriptã®ã‚¤ãƒ†ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ã‚½ãƒƒãƒ‰ã¾ã¨ã‚(forEach,map,reduce…)
ã¾ãŸã€HTML5 テクニックãƒã‚¤ãƒ–ルã§çŸ¥ã£ãŸã“ã¨ã€‚ ECMAScript5ã§ã¯ã„ã‚ã„ã‚ãªé…列æ“作メソッド(イテレーションメソッド)ãŒè¿½åŠ ã•ã‚ŒãŸã‚‰ã—ãã€ä½¿ã£ã¦ã¿ã‚‹ã¨ä¾¿åˆ©ãã†ãªã®ã§å‹‰å¼·ç”¨ã«ã„ã‚ã„ã‚触ã£ã¦ã¿ãŸã®ã§ãã®ãƒ¡ãƒ¢ã€‚ 以下ã€HTML5 テクニックãƒã‚¤ãƒ–ルã«æ›¸ã„ã¦ã‚ã£ãŸã‚¤ãƒ†ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ã‚½ãƒƒãƒ‰ã®èª¬æ˜Žã®å¼•ç”¨ã¨MDLã®ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯(ãŸã ã—英語。英語ãŒèªã‚ãªã„自分ãŒç´¹ä»‹ã™ã‚‹ã®ã‚‚ãªã‚“ã§ã™ãŒãƒ»ãƒ»ãƒ»)。 forEach å„è¦ç´ ã«ä»»æ„ã®å‡¦ç†ã‚’é€æ¬¡å®Ÿè¡Œã™ã‚‹ å‚考：Array.prototype.forEach() – JavaScript | MDN map å„è¦ç´ ã«ä»»æ„ã®å‡¦ç†ã‚’実行ã—ãŸã‚Šè¿”り値ã§æ§‹æˆã•ã‚Œã‚‹é…列を返㙠å‚考：Array.prototype.map() – JavaScript | MDN filter æ¡ä»¶ã‚’満ãŸã™è¦ç´ ã®ã¿ã§æ§‹æˆã•ã‚Œã‚‹é…列を返㙠å‚考：Array.prototype.fil
Cre » JavaScriptã®forEach,map,filter,every,some
Web制作åˆå¿ƒè€…ã«ã‚ˆã‚‹WebデザインやWebプãƒã‚°ãƒ©ãƒ を扱ã£ãŸå¿˜å´ãƒã‚°å‰ã«JavaScriptã§ã¯é€šå¸¸é…列ã«for inã¯ä½¿ç”¨ã—ã¦ã¯ã„ã‘ãªã„ã¨æ›¸ã„ãŸã€‚ãã‚Œãªã‚‰ã°é€šå¸¸é…列用ã®ãƒ«ãƒ¼ãƒ—メソッドã¯ã‚ã‚‹ã®ã‹ãªï¼Ÿã¨æ€ã„調ã¹ã¦ã¿ãŸã‚‰ã€ä¼¼ãŸã‚ˆã†ãªã“ã¨ãŒã§ãるメソッドãŒã„ãã¤ã‹ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã€‚今回ã¯ãã“ら辺ã®ãƒ¡ãƒ¢ã€‚ forEachメソッド 例ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ãªé…åˆ—ã‚’é †ç•ªã«å–り出ã™ã‚³ãƒ¼ãƒ‰ã€‚ var ch = ["a", "b", "c", "d"]; for (var i=0; i<ch.length; i++) { console.log(ch[i]); //a b c d } ã“れをforEachã§æ›¸ãã¨ä»¥ä¸‹ã«ãªã‚‹ã€‚ var ch = ["a", "b", "c", "d"]; ch.forEach(function(elem, index, array) { console.log(elem) //
tamanegiage ブãƒã‚° ニコニコ動画 Qwatch JavaScript
ã‚‚ã†ã‚ã¾ã‚Šè§¦ã£ã¦ãªã„ã‘ã©æ›¸ã„ã¦ãŠã“ã†Â´Ï‰`) 基本的ãªæƒ…å ± ã¨ã„ã†ã‹ã“れを見ãŸã»ã†ãŒã‚ˆã„・・・ 原宿・Q共通 http://d.hatena.ne.jp/kiyo_hoge/20100819/1282240857 zeroä»¥é™ http://blog.guron.net/2012/05/04/891/ WatchItLater http://userscripts.org/scripts/show/151269 Nicovideo Controller for Qwatch http://userscripts.org/scripts/review/136812 åŸºæœ¬äº‹é … åŒã˜æ“作をã™ã‚‹ã®ã«è¤‡æ•°ã®æ–¹æ³•ãŒã‚る。ã©ã‚Œã§ã‚‚よã„ã¨æ€ã†=w= 大ã¾ã‹ã«è¨€ã£ã¦ã€ WatchApp.namespace.model.player.NicoPlayerConnector document.getElemen
ニコニコ動画Qã‚’JavaScriptã‹ã‚‰æ“作ã™ã‚‹ - Qiita
var player = document.getElementById("flvplayer");
Actionscript3.0 㨠Javascript ã®é€£æº ExternalInterface ã®å€‹äººçš„ã¾ã¨ã‚。 | Vitalify Inc. staffblog
投稿ナビゲーション ↠å‰ã¸ 次㸠→ Actionscript3.0 㨠Javascript ã®é€£æº ExternalInterface ã®å€‹äººçš„ã¾ã¨ã‚。 ãŠä¹…ã—ã¶ã‚Šã§ã™ã€å¹¸è„‡ã§ã™ã€‚ 生ãã¦ã¾ã™ã€‚ 娘ãŒã‹ã‚ã„ã„ã§ã™ã€‚ 最近ã¯Javascriptã®æ¡ˆä»¶ã°ã‹ã‚Šã§ã™ãŒã€ Flash案件もã¾ã ã¾ã ã‚„ã£ã¦ã¾ã™ã€‚ ãã‚“ãªFlashã§ã™ãŒã€ JSONã®å–り扱ã„ãªã©ã¯Javascriptã®ã»ã†ãŒã‚„ã£ã±ã‚Šæ¥½ã ã£ãŸã‚Šã—ã¦ã€ 今回ã¯Actionscript3.0ã¨Javascriptã®é€£æºã‚’ã—ãŸã®ã§ãã®å€‹äººçš„ã¾ã¨ã‚。 Actionscript3.0ã¨Javascriptã®é€£æºã‚’è¡Œã„å ´åˆã¯ã€ ASã®API ExternalInterface を使用ã—ã¾ã™ã€‚ â– Actionscriptã‹ã‚‰Javascriptを呼ã³å‡ºã™å ´åˆ
JavaScriptエンジニア養æˆèªæœ¬ã‚’書ãã¾ã—㟠- watilde's blog
PHPエンジニアをやã£ã¦ã„ãŸåå‹•ã§JavaScriptエンジニア養æˆèªæœ¬ã‚’書ãã¾ã—ãŸã€‚ 10/18ã«ç™ºå£²ã ãã†ã§ã™ã€‚ 背景ã€è€ƒãˆãŸã“㨠@kyo_ago ã•ã‚“ã«èª˜ã£ã¦é ‚ãã€ä¼ç”»æ®µéšŽã‚ˆã‚Šå‚åŠ ã—ã¦ å¤§æž ã®ç›®æ¬¡è‰æ¡ˆä½œæˆã¨Grunt特集ã®åŸ·ç†ã‚’担当ã—ã¾ã—ãŸã€‚ JavaScript界隈ã®æŠ€è¡“ã¯æµè¡Œã‚Šå»ƒã‚ŠãŒé¡•è‘—ãªã“ã¨ã‚‚ã‚り〠テーマã¨ãªã‚‹æŠ€è¡“é¸å®šã¯æœ¬å½“ã«æ‚©ã¿ã¾ã—ãŸã€‚ 想定èªè€…を「ã“ã‚Œã‹ã‚‰JavaScriptã‚’ã¯ã˜ã‚る人ã€ã¨è¨å®šã—ã¦ã„ãŸã®ã§ æ–°ã—ã„技術ãŒå‡ºãŸéš›ã«ã‚‚良ã„ベンãƒãƒžãƒ¼ã‚¯ã¨ãªã‚‹ã‚ˆã†ãª å„レイヤーã«ãŠã„ã¦ã€ä¸€åº¦ã¯æž¯ã‚ŒãŸã“ã¨ã®ã‚ã‚Šãã†ãªæŠ€è¡“ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦ã¿ã¾ã—ãŸã€‚ 目次 å·»é 特集 JavaScriptã«ã‚ˆã‚‹é–‹ç™ºã®ç¾å ´ 〜10分ã§ã‚ã‹ã‚‹æœ€æ–°å‹•å‘ã¨æ´å² Chapter 1：JavaScriptを書ã“ã†ï¼ 〜本書ã®å¯¾è±¡èªè€…ã¨å‰æçŸ¥è˜ Chapter 2：JavaScriptã®æ´å² 〜Ajaxï¼HTML5
JavaScript style guide - Mozilla | MDN
else ã¯ä¸Šã§ç¤ºã—ãŸã‚ˆã†ã«å¸¸ã«å˜ç‹¬ã®è¡Œã«æ›¸ã„ã¦ãã ã•ã„。 return ã®å¾Œã«ã¯ else を使ã‚ãªã„ã§ãã ã•ã„。 if (x < y) return -1; if (x > y) return 1; return 0; i++ ã‚‚ ++i も使用å¯èƒ½ã§ã™ã€‚ インライン関数ã¯ãã®ãƒ‡ãƒãƒƒã‚°ãŒæ¥½ã«ãªã‚‹ã‚ˆã†ã«åå‰ã‚’付ã‘ã¦ãã ã•ã„。関数をプãƒãƒ‘ティã«ä»£å…¥ã—ãŸã ã‘ã§ã¯ãã®é–¢æ•°ã«åå‰ã‚’付ã‘ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“。次ã®ã‚ˆã†ã«ã—ã¦ãã ã•ã„。 var offlineObserver = { observe: function OO_observe(aSubject, aTopic, aState) { if (aTopic == "network:offline-status-changed") setOfflineUI(aState == "offline"); } }; åå‰ã‚„列挙値ã«ã¯ interCap
Truth, Equality and JavaScript
You don’t have to be a JavaScript novice to get confused by this… if ([0]) { console.log([0] == true); //false console.log(!![0]); //true } or this… if ("potato") { console.log("potato" == false); //false console.log("potato" == true); //false } The good news is that there is a standard and all browsers follow it. Some authors will tell you to fear coercion and and code against it. I hope to persu
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
JavaScriptã®ã€Œåž‹ã€ã®åˆ¤å®šã«ã¤ã„㦠- Qiita
GitHub - mozilla/BrowserQuest: DEPRECATED - A HTML5/JavaScript multiplayer game experiment
Safariã§ã‚‚エラーã«ãªã‚‰ãªã„Javascriptã®ãƒ’アドã‚ュメントã®æ›¸ãæ–¹ - Qiita
Arrayã®åŸºç¤ŽçŸ¥è˜ã¨å„メソッドã®ä½¿ç”¨æ–¹æ³• - Qiita
{{#tags}}- {{label}}
{{/tags}}