opencv.js 4.4.0 を使ã£ã¦ãƒ–ラウザ上ã§ç”»åƒå‡¦ç†
知らãªã„ã†ã¡ã«opencvãŒjavascriptã§ã‚‚使ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ãŸã€‚ åŠ ãˆã¦opencv自体もã„ã¤ã®ã¾ã«ã‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã£ã¦4.4.0ã«ãªã£ã¦ã„ãŸã€‚ ブラウザã§ç°¡å˜ã«ç”»åƒå‡¦ç†ãŒã§ãã‚‹ã®ã¯æ¥µã‚ã¦ä¾¿åˆ©ã€‚ 試ã—ã¦ã¿ã‚‹ã€‚
4/5 JavaScriptを実行ã—ã¦å‡ºåŠ›ã•ã‚ŒãŸHTMLソースを見る方法 [ホームページ作æˆ] All About
åˆå¿ƒè€…å‘ã‘ã®ã€Œã‚ã‹ã‚Šã‚„ã™ã•ã€ã‚’é‡è¦–ã—ãŸè§£èª¬ã«å®šè©•ãŒã‚るウェブ系テクニカルライター。ウェブã®é»Žæ˜ŽæœŸã«è¶£å‘³ã§å§‹ã‚ãŸå€‹äººã‚µã‚¤ãƒˆè£½ä½œã‹ã‚‰ãã®ã€Œæ¥½ã—ã•ã€ã«é…了ã•ã‚Œã€ä½œæˆæ–¹æ³•ã«é–¢ã™ã‚‹æ§˜ã€…ãªæƒ…å ±ã‚’ç™ºä¿¡ã€‚ä¼æ¥ã‚„団体ã®ã‚¦ã‚§ãƒ–サイト製作・解説書ç±ã®åŸ·ç†ãªã©ã‚‚è¡Œã£ã¦ã„る。 ...続ãã‚’èªã‚€ JavaScriptを実行ã—ã¦å‡ºåŠ›ã•ã‚ŒãŸHTMLソースを見る方法：Chrome版 次ã«ã€Chromeã§ã®æ“作方法をã”紹介ã„ãŸã—ã¾ã™ã€‚下図ã¯ã™ã¹ã¦Chromeã®ç”»é¢ã§ã™ãŒã€Operaã§ã‚‚ã»ã¼åŒæ§˜ã«æ“作ã§ãã¾ã™ã€‚例示ã«ä½¿ã£ã¦ã„るサンプルページや他ã®ãƒ–ラウザã«é–¢ã—ã¦ã¯ã€æœ¬è¨˜äº‹ã®1ページ目をã”覧下ã•ã„。 ã€Chrome版ã®ç›®æ¬¡ã€‘ JavaScriptを実行ã—ã¦å‡ºåŠ›ã•ã‚ŒãŸHTMLソースをChromeã§è¡¨ç¤ºã™ã‚‹æ–¹æ³• JavaScriptを実行ã—ã¦å‡ºåŠ›ã•ã‚ŒãŸHTMLソースをChromeã§ä¿å˜ã™ã‚‹æ–¹æ³• å‹•çš„ã«å‡ºåŠ›ã•ã‚ŒãŸHTMLソースã ã‘ã§ãª
![4/5 JavaScriptを実行ã—ã¦å‡ºåŠ›ã•ã‚ŒãŸHTMLソースを見る方法 [ホームページ作æˆ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/40e1f4046c7d718bb6e42ca478c73770dc538138/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F5%2F9%2F3%2F6%2F9%2F201510241419%2Ftopimg_original.png)
ã€Javascript】new Array()ã§é…列を定義ã™ã‚‹æ™‚ã¯æœ€å¤§æ•°ã«æ³¨æ„
先日ã€ã¨ã‚る案件ã§ä»–ã®ãƒ™ãƒ³ãƒ€ã•ã‚“ãŒæ›¸ã„ãŸãƒ—ãƒã‚°ãƒ©ãƒ を検証ã™ã‚‹æ©Ÿä¼šãŒã‚ã‚Šã¾ã—ãŸã€‚ ãã®ãŠå®¢ã•ã‚“ã«ã‚ˆã‚‹ã¨ã€æœ€åˆã¯å‹•ã„ã¦ã„ãŸãŒã€ã‚ã‚‹æ—¥çªç„¶å‹•ã‹ãªããªã£ãŸã¨ã®ã“ã¨ã€‚ 調ã¹ã¦ã¿ã‚‹ã¨ã€Chromeã§ã©ã†ã‚‚以下ã®ã‚ˆã†ãªã‚¨ãƒ©ãƒ¼ãŒå‡ºã¦ã„ã¾ã™ã€‚ ãªã‚“ã ？ã¨æ€ã£ã¦å½“該行を見ã¦ã¿ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã—ãŸï¼ˆã¡ãªã¿ã«ä»Šå›žã¯javascriptã§ã™ï¼‰ã€‚ var data = new Array( '100', '200', ・・・ // 以é™ä½•ä¸‡è¡Œã¨ç¶šã ); for(var i = 0; i < data.length; i++){ // â†data.lengthã‚’å‚ç…§ã™ã‚‹ã¨æ€’られる // å‡¦ç† } ã¸ãƒ¼ã¨æ€ã£ã¦ã€ã¨ã‚Šã‚ãˆãšé…列ã®è¦ç´ 数を減らã—ã¦ã„ãã¨ã€ã¡ã‚‡ã†ã©41,912個ã®ã¨ã“ã‚ã§ã‚¨ãƒ©ãƒ¼ãŒç™ºç”Ÿã™ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸï¼ˆchromeã®å ´åˆï¼‰ã€‚ ãªã®ã§ã€chromeã®å ´åˆã€new Array()ã§é…列をåˆæœŸåŒ–ã™ã‚‹
Regex Tester – RegexPal
RegexPal is a tool to learn, build, & test Regular Expressions (RegEx / RegExp). Results update in real-time as you type. Roll over a match or expression for details. Save & share expressions with others. Explore the Library for help & examples. Undo & Redo with {{getCtrlKey()}}-Z / Y. Search for & rate Community patterns.
æ£è¦è¡¨ç¾ã‚’ç†è§£ã—ã¦ã¿ã‚‹ - Qiita
ä»»æ„ã®1æ–‡å—ã¨ä½ç½®æŒ‡å®š 「.ã€â€¦ã¨ã«ã‹ããªã‚“ã§ã‚‚ã„ã„１文å—(改行以外) æ£è¦è¡¨ç¾ ã¿.ã‚“ å¯¾è±¡æ–‡å— ã¿ã‹ã‚“ ã¿ã—ã‚“ ã¿ã‚Šã‚“ 「^ã€â€¦å…ˆé ã«ãƒžãƒƒãƒ 呼ã³å：ãƒãƒƒãƒˆ æ£è¦è¡¨ç¾ ^ã¿ã‹ã‚“ å¯¾è±¡æ–‡å— ã¿ã‹ã‚“ ã¿ã‹ã‚“ ã¿ã‹ã‚“ 「$ã€â€¦æœ«å°¾ã«ãƒžãƒƒãƒ æ£è¦è¡¨ç¾ ã¿ã‹ã‚“$ å¯¾è±¡æ–‡å— ã¿ã‹ã‚“ ã¿ã‹ã‚“ ã¿ã‹ã‚“ åŒã˜æ–‡å—ã®ç¹°ã‚Šè¿”㗠「*ã€â€¦ç›´å‰ã®æ–‡å—ã‚’ 0 回以上ã«ãƒžãƒƒãƒ æ£è¦è¡¨ç¾ ãŠãƒ¼*ㄠ ※数é‡è©žè¡¨ç¾ï¼š ãŠãƒ¼{0,}ã„ å¯¾è±¡æ–‡å— ãŠã„ ãŠãƒ¼ã„ ãŠãƒ¼ãƒ¼ã„ 「+ã€â€¦ç›´å‰ã®æ–‡å—ã‚’ 1 回以上ã«ãƒžãƒƒãƒ æ£è¦è¡¨ç¾ ãŠãƒ¼+ㄠ※数é‡è©žè¡¨ç¾ï¼š ãŠãƒ¼{1,}ã„ å¯¾è±¡æ–‡å— ãŠã„ ãŠãƒ¼ã„ ãŠãƒ¼ãƒ¼ã„ 「?ã€â€¦ç›´å‰ã®æ–‡å—ã‚’ 0 回åˆã¯ 1 回ã«ãƒžãƒƒãƒ æ£è¦è¡¨ç¾ ãŠãƒ¼?ㄠ※数é‡è©žè¡¨ç¾ï¼š ãŠãƒ¼{0,1}ã„ å¯¾è±¡æ–‡å— ãŠã„ ãŠãƒ¼ã„ ãŠãƒ¼ãƒ¼ã„ 「.*〠…ãªã‚“ã§ã‚‚ã„ã„æ–‡å—ã®é€£ç¶š(最長) æ£è¦è¡¨ç¾ JR.*駅 å¯¾è±¡æ–‡å— JRé™å²¡é§…ã‹ã‚‰æµœ
æ•°å—を指定ã—ãŸæ¡æ•°ã¾ã§0埋ã‚ã™ã‚‹ | GRAYCODE JavaScript
æ•°å—を指定ã—ãŸæ¡æ•°ã«ãªã‚‹ã¾ã§ã€Œ0ã€ã§åŸ‹ã‚る方法ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã®ãƒã‚¤ãƒ³ãƒˆ 指定ã—ãŸæ¡æ•°ã¾ã§0埋ã‚ã™ã‚‹æ–¹æ³•ã¯padStartメソッドを使ã†æ–¹æ³•ã¨sliceメソッドを使ã†æ–¹æ³•ã®2種類 0以外ã®æ–‡å—ã§åŸ‹ã‚ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ æ•°å—ã‚’0埋ã‚ã—ãŸæ¡æ•°ã«ã™ã‚‹ JavaScriptã§æ—¥ä»˜ã‚’扱ã†ã¨ããªã©ã«ã€æ—¥ä»˜ãªã©ã®1æ¡ã®ã€Œæœˆã€ã‚„「日ã€ã‚’「04月01æ—¥ã€ã®ã‚ˆã†ã«0埋ã‚ã—ãŸ2æ¡ã®æ•°å—ã«ã™ã‚‹æ–¹æ³•ã‚’解説ã—ã¾ã™ã€‚ 以下ã®ã‚³ãƒ¼ãƒ‰ä¾‹ã§ã¯ãƒ‘ターン1ã¯padStartメソッドを使ã†æ–¹æ³•ã€ãƒ‘ターン2ã¯sliceメソッドを使ã†æ–¹æ³•ã«ãªã‚Šã¾ã™ã€‚ ã„ãšã‚Œã‚‚0ã§åŸ‹ã‚ãŸä»»æ„ã®æ¡æ•°ã®æ•°å—ã‚’å–å¾—ã§ãã‚‹ãŸã‚ã€ä½¿ã„ã‚„ã™ã„方法をé¸æŠžã—ã¦ãã ã•ã„。 値ã®åž‹ã«ã¤ã„ã¦ã¯ã€æ•°å€¤ï¼ˆNumber）ã®ã¾ã¾ã§ã¯0埋ã‚ã™ã‚‹ã“ã¨ãŒã§ããªã„ãŸã‚ã€ä¸Šè¨˜ã®ã„ãšã‚Œã®æ–¹æ³•ã‚‚æ–‡å—列（String）ã«å¤‰æ›ã—ã¦ã„ã¾ã™ã€‚ パターン1：padStartメソッドを使ã£ã¦0埋ã‚
kuromojiを使ã£ãŸJavaScriptã ã‘ã®å½¢æ…‹ç´ è§£æž - Qiita
ã¯ã˜ã‚ã« å½¢æ…‹ç´ è§£æžã¨ã„ã†ã¨ã€Pythonを使ã£ã¦mecabã¨ã„ã†ã®ãŒé‰„æ¿ã§ã—ょã†ã‹ã。辞書ã¯neologdã§ã€‚ ã§ã‚‚ã»ã‹ã®ç’°å¢ƒã§ã‚‚å½¢æ…‹ç´ è§£æžã—ãŸã„å ´é¢ãŒã‚ã‚Šã€ä»Šå›žã¯JavaScriptã§ã‚„ã£ã¦ã¿ã‚‹ãŠè©±ã§ã™ã€‚使ã†ãƒ©ã‚¤ãƒ–ラリã¯kuromojiã®JavaScript版。 ã¡ãªã¿ã«ã€mecabã‚‚neologdã‚‚kuromojiã‚‚ã€æ›´æ–°ãŒæ¢ã¾ã£ã¦ã„ã¾ã™ã€‚mecabã¯ã€2013/02/18 MeCab 0.996 ãŒæœ€æ–°ã€neologdã¯2020/08/20 v0.0.7ãŒæœ€æ–°ã€kuromojiã¯2018/11/24ãŒæœ€çµ‚æ›´æ–°æ—¥ã§ã™ã€‚（2022/5/28時点） 最新ã®å˜èªžã«å¯¾å¿œã—ã¦ã„ãªã„ç‰ã®å•é¡ŒãŒå‡ºã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã®ã§ã€ã”使用ã®éš›ã«ã¯ã¡ã‚‡ã£ã¨ã”注æ„ãã ã•ã„。 作ã£ãŸã‚‚ã® å‹•ãã‚‚ã®ã‚’ç½®ã„ã¦ãŠãã¾ã™ã€‚å…¬å¼ã®ãƒ‡ãƒ¢ã¨ã»ã¼åŒã˜ã§ã™ãŒã€è‡ªåˆ†ã§æ–‡ç« を作れるã®ãŒã»ã—ã‹ã£ãŸã€‚ ソースã¯githubã«ç½®ã„ã¦ãŠãã¾ã™ã€‚
javascriptã§URLå…ˆãŒå˜åœ¨ã—ã¦ã„ã‚‹ã‹ç¢ºèªã™ã‚‹æ–¹æ³• - Bluebear I/O: 技術備忘録
javascriptを使用ã—ã¦URLå…ˆãŒå˜åœ¨ã—ã¦ã„ã‚‹ã‹ç¢ºèªã™ã‚‹æ–¹æ³•ã¯ä»¥ä¸‹ã®é€šã‚Š function load(_url){ var xhr; xhr = new XMLHttpRequest(); xhr.open("HEAD", _url,false); xhr.send(null); return xhr.status; } var url = "https://www.example.com/xxxxxx"; if(load(url) == 200){ //å‡¦ç† } XMLHttpRequestを利用ã—ã¦è¿”り値ãŒ200ã§ã‚ã‚‹ã‹ã‚’確èªã—ã¦ã„ã‚‹ 実行ã™ã‚‹ã¨éžåŒæœŸã®XMLHttpRequestã¯éžæŽ¨å¥¨ã¨å‡ºã¦ãã‚‹ãŒã€åŒæœŸãƒ¢ãƒ¼ãƒ‰ã«ã™ã‚‹ã¨200ãŒè¿”ã‚‹å‰ã«å‡¦ç†ãŒé€²ã‚€ã®ã§éžåŒæœŸã§å®Ÿè¡Œã™ã‚‹å¿…è¦ãŒã‚ã‚‹
ã€JS】undefinedã«ã¤ã„ã¦ã¾ã¨ã‚ã¿ãŸï¼
undefinedã¨ã¯ undefiendã¯ã€ã€Œæœªå®šç¾©ã€ã§ã‚る事を示ã™å€¤ã§ã™ã€‚ undefinedã«ãªã‚‹ã‚±ãƒ¼ã‚¹ 以下ãŒundefinedã«ãªã‚‹ã‚±ãƒ¼ã‚¹ã§ã™ã€‚ åˆæœŸåŒ–ã•ã‚Œã¦ã„ãªã„変数ã®å€¤ オブジェクトã«æŒ‡å®šã•ã‚Œã¦ã„ãªã„ã‚ーã®å‘¼ã³å‡ºã— 関数ã®returnを書ã‹ãªã‹ã£ãŸå ´åˆã®æˆ»ã‚Šå€¤ 引数ã®ã‚る関数を呼ã³å‡ºã™ã¨ãã«å¼•æ•°ã‚’与ãˆãªã‹ã£ãŸå ´åˆã®å€¤ 以下ãŒã‚³ãƒ¼ãƒ‰ã«ãªã‚Šã¾ã™ã€‚ Javascriptを実行出æ¥ã‚‹ç’°å¢ƒã§è©¦ã—ã¦ã¿ã¦ãã ã•ã„ï¼ï¼ // åˆæœŸåŒ–ã•ã‚Œã¦ã„ãªã„変数ã®å€¤ let testUndefined; console.log(testUndefined); // undefined // オブジェクトã«æŒ‡å®šã•ã‚Œã¦ã„ãªã„ã‚ーã®å‘¼ã³å‡ºã— const test = {}; console.log(test.name); // undefined // 関数ã®`return`を書ã‹ãªã‹ã£ãŸå ´åˆã®æˆ»ã‚Šå€¤ func
Javascriptã£ã¦2次元ã®é€£æƒ³é…列ã§ããªã„ã®ï¼Ÿ « ウップス!!ãªã‹ã‚ã‘
ã“ã‚“ã«ã¡ã¯ã€ãªã‹ã‚ã‘ã§ã™ã€‚ 今日仕事ä¸ã«Javascriptã«ãƒãƒ¡ã‚‰ã‚ŒãŸã“ã¨ã‚’メモ。 メモã—ã¦ãŠã‘ã°åŒã˜éŽã¡ã‚’ã—ãªã„ã¨æ€ã£ãŸã®ã§ã€‚ 2次元ã®é€£æƒ³é…列ãŒä½œã‚ŠãŸãã§ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ãã¾ã—ãŸã€‚ //TypeA TypeA = {}; TypeA['hoge']['fuga'] = 'piyo'; alert(TypeA['hoge']['fuga']); ã“ã†ã™ã‚‹ã¨ã€alertã¯ã§ãªã„ã—ã€ãªã‹ã‚ã‘ã®ç’°å¢ƒã§ã¯ã‚¹ã‚¯ãƒªãƒ—トエラーも出ã¾ã›ã‚“ã§ã—ãŸã€‚ ãŠã‹ã—ã„ãªã‚ã¨æ€ã£ã¦ã€ãã®æ™‚ã¯ã¨ã‚Šã‚ãˆãš1次元ã®é€£æƒ³é…列ã§ã‚„ã‚ŠéŽã”ã—ã¾ã—ãŸã€‚ ãŠå®¶å¸°ã£ã¦æ€ã„ã¤ãã¾ã—ãŸã€‚ TypeA = {}; ã¯Objectã§ã‚ã£ã¦ã‚‚〠TypeA['hoge'] ã¯Objectã§ã¯ãªã„ã®ã§fugaプãƒãƒ‘ティãŒè¿½åŠ ã§ããªã„（é…列的ã«æ‰±ãˆãªã„ï¼‰ï¼ ã¦ã“ã¨ã§ã€ä»¥ä¸‹ //TypeB TypeB = {}; TypeB['hoge'] = {fu
ã€JavaScript入門】sort()ã«ã‚ˆã‚‹é…列・文å—列・オブジェクトã®ã‚½ãƒ¼ãƒˆæ–¹æ³• | ä¾ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
今回ã¯ã€JavaScriptã§æ•°å€¤ã‚„æ–‡å—列ãªã©ã‚’æ˜‡é †ãƒ»é™é †ã§ä¸¦ã³æ›¿ãˆã‚‹ã“ã¨ãŒã§ãる「sort()ã€ãƒ¡ã‚½ãƒƒãƒ‰ã«ã¤ã„ã¦å¦ç¿’ã—ã¦ã„ãã¾ã—ょã†ï¼ sort()ã¨ã¯ï¼Ÿ sort()ã¯ã€JavaScriptã§ä¸¦ã³æ›¿ãˆã‚’実ç¾ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã«ãªã‚Šã¾ã™ã€‚æ–‡å—åˆ—é †ã‚„æ•°å—ã®å¤§å°ãªã©ã«ã‚ˆã‚‹æ˜‡é †ãƒ»é™é †ã§å¯¾è±¡ã®å€¤ã‚’並ã³æ›¿ãˆã‚‹ã“ã¨ãŒã§ãるよã†ã«ãªã‚‹ã®ã§ã€ãƒ‡ãƒ¼ã‚¿ã®æ“作ãªã©ã§ã‚ˆã使ã‚ã‚Œã¾ã™ã€‚ ã¾ãŸã€é…列ã«æ ¼ç´ã•ã‚ŒãŸãƒãƒ©ãƒãƒ©ã®å€¤ã‚„オブジェクトã®ã‚ー（プãƒãƒ‘ティ）を対象ã«ã—ã¦ä¸¦ã³æ›¿ãˆã‚‹ã“ã¨ã‚‚å¯èƒ½ãªã®ã§ã€æ´»ç”¨ç¯„囲ã¯ã¨ã¦ã‚‚広ã„ã¨è¨€ãˆã¾ã™ã€‚ ãŸã ã—ã€sort()ã¯å…ƒã®é…列データを変更ã—ã¦ã—ã¾ã†ç ´å£Šçš„メソッドã§ã‚‚ã‚る点ã«ã¯æ³¨æ„ãŒå¿…è¦ã§ã™ã€‚本記事ã§ã¯ã“ã®ã‚ˆã†ãªæ³¨æ„点もå«ã‚ã¦åŸºæœ¬ã‹ã‚‰å¿œç”¨ã¾ã§è§£èª¬ã—ã¦ã„ãã¾ã™ã®ã§ã€ãœã²å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ æ–‡å—列ã®ã€Œsort()ã€ã«ã¤ã„㦠ã“ã®ç« ã§ã¯ã€æ–‡å—列ãŒæ ¼ç´ã•ã‚ŒãŸé…列ã®ã‚½ãƒ¼ãƒˆæ–¹æ³•ã«ã¤ã„ã¦è¦‹ã¦ã„ãã¾ã—
JavaScriptã®try~catchæ–‡ã§ä¾‹å¤–処ç†ã‚’ã™ã‚‹æ–¹æ³• - TECH PLAY Magazine
try~catchæ–‡ã¯JavaScriptã«ãŠã‘る例外処ç†ãŒè¨˜è¿°ã§ãã¾ã™ã€‚例外処ç†ã¨ã¯ä½•ãªã®ã‹ï¼Ÿã©ã®ã‚ˆã†ãªå ´é¢ã§ä½¿ã†ã®ã‹ï¼Ÿã¨ã„ã£ãŸåŸºæœ¬ã®çŸ¥è˜ã‹ã‚‰ã€å®Ÿéš›ã®è¨˜è¿°æ–¹æ³•ãªã©ã«ã¤ã„ã¦ã€ã‚³ãƒ¼ãƒ‰ã®å®Ÿä¾‹ã¨ã¨ã‚‚ã«ä¾‹å¤–処ç†ã‚’åˆã‚ã¦å¦ç¿’ã™ã‚‹åˆå¿ƒè€…ã«ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„よã†ã«è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ プãƒã‚°ãƒ©ãƒ を実行ã™ã‚‹éš›ã«ã‚¨ãƒ©ãƒ¼ï¼ˆä¾‹å¤–）ãŒèµ·ã“ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚通常ã¯ã‚¨ãƒ©ãƒ¼ãŒèµ·ã“ã£ãŸéš›ã€ãã“ã§ãƒ—ãƒã‚°ãƒ©ãƒ ã¯æ¢ã¾ã‚Šã¾ã™ã€‚ã—ã‹ã—ã€å®Ÿéš›ã®å ´é¢ã§ã¯ã‚¨ãƒ©ãƒ¼ãŒèµ·ã“ã£ã¦ã‚‚プãƒã‚°ãƒ©ãƒ ã«æ¢ã¾ã£ã¦æ¬²ã—ããªã„å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ãã‚“ãªæ™‚ã«ä½¿ãˆã‚‹ã®ãŒtry~catchæ–‡ã§ã™ã€‚ 今回ã¯JavaScriptã§ã®ä¾‹å¤–処ç†ã«åˆ©ç”¨ã•ã‚Œã‚‹try~catchæ–‡ã«ã¤ã„ã¦ã€æ¦‚è¦ã‚„使ã„æ–¹ã€ãƒ‡ãƒãƒƒã‚°ã«ä½¿ç”¨ã™ã‚‹æ–¹æ³•ãªã©ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ JavaScriptã§ä¾‹å¤–処ç†ã‚’ãŠã“ãªã†try~catchæ–‡ã¨ã¯ try~catch文を使ã†ã“ã¨ã§ã€ä¾‹å¤–処ç†ã‚’記述ã§ãã¾ã™ã€‚ 例外処ç†
é…列ã®æœ€å¤§å€¤ã‚’å–å¾—ã™ã‚‹ã€€ES2015版 - 30æ³ã‹ã‚‰ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
JavaScriptã§ã€é…列ã®æœ€å¤§å€¤ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã€‚ 最åˆã«ç”ãˆã‚’書ã„ã¦ãŠãã¨ã€Math.max(...targetArray)。 æ—§æ¥ã¯applyを使ã†ã®ãŒä¸»æµã ã£ãŸï¼Ÿ Math.max()を使ã†ã¨ã€æ•°å€¤ã®ä¸ã‹ã‚‰æœ€å¤§ã®ã‚‚ã®ã‚’å–å¾—ã§ãる。 Math.max(6, 8, 9, 7); // 9 ã—ã‹ã—ã“ã‚Œã¯ã€ä¸€ã¤ãšã¤æ•°ã‚’渡ã™å¿…è¦ãŒã‚ã‚Šã€é…列を渡ã™ã“ã¨ã¯å‡ºæ¥ãªã„。 é…列ã§Math.max()を使ã†ã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã®ã‹ã€‚ applyを使ãˆã°è§£æ±ºã™ã‚‹ã€‚ const array = [3, 8, 7, 2, 5]; Math.max.apply(null, array); // 8 applyã®ç¬¬äºŒå¼•æ•°ã«ã¯é…列を渡ã—ã¦ä½¿ã†ãŒã€ã“ã®é…列ã®è¦ç´ ãŒ1ã¤ãšã¤å¼•æ•°ã¨ã—ã¦æ¸¡ã•ã‚Œã‚‹ã€‚ ãã®ãŸã‚ã€é…列を展開ã—ã¦ãれを引数ã¨ã—ã¦æ¸¡ã™æ‰‹æ®µã¨ã—ã¦ã€applyãŒæœ‰ç”¨ãªã®ã 。 ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯æœ‰åらã—ãã€Math.
ã€Javascript】スマホ・タブレット・PCをユーザーエージェント判定ã§åˆ¤åˆ¥ã™ã‚‹æ–¹æ³•
「ã“ã®Javascriptã®æŒ‡å®šã¯PCã®å ´åˆã®ã¿åˆ©ç”¨ã§ãるよã†ã«ã—ãŸã„。ã€ã€ã€Œã“ã®æŒ‡å®šã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã®ã¿ä½¿ç”¨ã§ãるよã†ã«ã—ãŸã€‚ã€ãªã©ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–レットã€PCã€ãã‚Œãžã‚Œã®ç«¯æœ«ã«å¯¾ã—ã¦å®Ÿè¡Œã™ã‚‹Javascriptã‚’é™å®šã—ãŸã‚Šã€å¤‰æ›´ã—ã¦ã„ã¨ã„ã£ãŸã“ã¨ãŒã‚ˆãã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ä»Šå›žã¯Javascriptを使ã£ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚’判別ã—ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–レットã€PCã€ãã‚Œãžã‚Œã«æ¡ä»¶åˆ†å²ã—ã¦ã€Javascriptを指定ã™ã‚‹æ–¹æ³•ã‚’ã”紹介ã„ãŸã—ã¾ã™ã€‚
動画を指定ã—ãŸæ™‚é–“ã‹ã‚‰å†ç”Ÿã•ã›ã‚‹HTMLã¨JavaScript
ä¿å˜ã—ãŸå‹•ç”»ã‚’å†ç”Ÿã•ã›ã‚‹ãƒšãƒ¼ã‚¸ã‚’作る必è¦ãŒã‚ã£ã¦ã€ãƒªãƒ³ã‚¯ã‚’押ã™ã¨æŒ‡å®šã—ãŸç§’æ•°ã‹ã‚‰å†ç”Ÿã™ã‚‹ã‚ˆã†ã«ã—ãŸã„ã€ã¨æ€ã£ã¦ã—ã¾ã„作ã£ã¦ã¿ã¾ã—ãŸã€‚ 2度ã¨ä½œã‚Œã‚‹æ°—ãŒã—ãªã„ã®ã§ã€å‚™å¿˜ãƒã‚°ã¨ã—ã¦æ®‹ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã§ãã‚ãŒã‚‹ãƒšãƒ¼ã‚¸ã®ç”»é¢ã‚¤ãƒ¡ãƒ¼ã‚¸ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚何も装飾ã—ã¦ã„ãªã„ã‹ã‚‰ãƒ€ã‚µã„ã§ã™ãŒã€åƒ•ãŒå…¨èƒ½åŠ›ä½¿ã£ã¦è£…飾ã—ã¦ã‚‚ã€ã‚«ãƒƒã‚³ã‚ˆããªã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“。ã¨ã¦ã‚‚残念ã§ã™ã€‚。 実際ã«ä½¿ã†ã¨ãã«ã¯ã€ç¬¬â—‹â—‹ç« æ—…ç«‹ã¡ ã¿ãŸã„ãªç« ç«‹ã¦ã‚’書ãã¨ã¯æ€ã†ã®ã§ã™ã‚ˆã€‚ 00：10ã¨ã„ã†ãƒªãƒ³ã‚¯ã‚’押ã™ã¨å†ç”Ÿæ™‚é–“10秒ã®ã¨ã“ã‚ã‹ã‚‰å§‹ã¾ã‚Šã¾ã™ 20秒ã‹ã‚‰å§‹ã¾ã‚Šã¾ã™ã€‚ã¯ã„。ãã‚Œã ã‘ã§ã™ã€‚æ¥ãšã‹ã—ã„ã§ã™ã€‚ ã“ã¡ã‚‰ãŒHTMLã§ã™ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de
橋本商会 » 別ドメインã®iframeã®ä¸èº«ã‚’フレーム外ã‹ã‚‰ã‚¹ã‚¯ãƒãƒ¼ãƒ«
諸事情ã‚ã£ã¦ã€iframeã®ä¸èº«ã‚’フレーム外å´ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰JavaScriptã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã‚‹ã®ã‚’作ã£ãŸã€‚ ãµã¤ã†ã¯åˆ¥ãƒ‰ãƒ¡ã‚¤ãƒ³ã®ãƒšãƒ¼ã‚¸ã‚’iframeã«èªã¿è¾¼ã‚€ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ããªã„ã‚“ã ã‘ã©ã€ï¼ˆmarginã«è² ã®å€¤ã‚’入れãŸã‚Šã—ã¦ï¼‰iframeã”ã¨ä¸Šä¸‹å·¦å³ã«å‹•ã‹ã—ãŸã‚Šã€iframeã®å¤–å´ã«boxè¦ç´ 2ã¤ä»˜ã‘ã¦ã¯ã¿ã ã—ãŸéƒ¨åˆ†ã‚’表示ã—ãªã„よã†ã«cssã§ãªã‚“ã‹è‰²ã€…ã‚„ã£ãŸã‚Šã—ãŸã‚‰ãれらã—ã„物ãŒã§ããŸã€‚ デモ XFrame.js shokai/xframe.js · GitHub 使ã„æ–¹ã¯ç°¡å˜ã§ã‚ã‚‹ jsèªã¿è¾¼ã‚“㧠<script src="xframe.js"></script> XFrameを出ã—ãŸã„箱を作ã£ã¦ <div id="tv"></div> èªã¿è¾¼ã‚€ var xframe = new XFrame("div#tv"); xframe.load("http://shokai.org"); ã‚
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
break - JavaScript | MDN
JavaScriptを高速化ã™ã‚‹Facebook製Prepackを試ã—ã¦ã¿ãŸ - Qiita
[JavaScript] ç”»é¢ã®å†æ画を待ã¤ãƒ»ç”»é¢ã‚’強制的ã«å†æç”»ã™ã‚‹ - Qiita![[JavaScript] ç”»é¢ã®å†æ画を待ã¤ãƒ»ç”»é¢ã‚’強制的ã«å†æç”»ã™ã‚‹ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e205d28abec3db93c7b059787c13e5884d0129f0/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMjMyMDY3JTJGcHJvZmlsZS1pbWFnZXMlMkYxNTE2Mjk0Njc1P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz00ZGJmYmRkN2VlN2YzNWRiYzQ0NTk4Y2Y3Y2E5OGY1Yw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dede8a8a86fa8d3497afe13e4fec117f4%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMCVFNyU5NCVCQiVFOSU5RCVBMiVFMyU4MSVBRSVFNSU4NiU4RCVFNiU4RiU4RiVFNyU5NCVCQiVFMyU4MiU5MiVFNSVCRSU4NSVFMyU4MSVBNCVFMyU4MyVCQiVFNyU5NCVCQiVFOSU5RCVBMiVFMyU4MiU5MiVFNSVCQyVCNyVFNSU4OCVCNiVFNyU5QSU4NCVFMyU4MSVBQiVFNSU4NiU4RCVFNiU4RiU4RiVFNyU5NCVCQiVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTc4MmY1NTM2YmQyZmM1ZmJiMzAxYWJkMWQ1OGU3ZTY4%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrZXJ1cGFuaTEyOSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWEzNmFiNDIwMjg4YjFiMjJkZDZhYzQwYmY1MmQzNGI0%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Def73f583770e7b8fe88b147659497d98)
js/jqueryã§æŒ‡å®šã—ãŸURLã®ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å–å¾—ã—ãŸã„
{{#tags}}- {{label}}
{{/tags}}