JavaScriptã®ã€Œthisã€ã¯ã€Œ4種類ã€ï¼Ÿï¼Ÿ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
javascript:fire_click_event [Ore Base]
ã“ã®ãƒšãƒ¼ã‚¸ã¯å‰Šé™¤ã•ã‚Œã¾ã—ãŸã€‚以å‰ã®ãƒªãƒ“ジョンã®ä¸€è¦§ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ã€ã„ã¤ãƒ»ãªãœå‰Šé™¤ã•ã‚ŒãŸã®ã‹ç¢ºèªã—ãŸã‚Šã€éŽåŽ»ã®ç‰ˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã‚Šã€å…ƒã«æˆ»ã—ãŸã‚Šå‡ºæ¥ã¾ã™ã€‚
JavaScriptã«ãŠã‘る数値ã¨æ–‡å—列ã®ç›¸äº’変æ›
JavaScriptã«ãŠã‘る（変ãªï¼‰æ•°å€¤ã¨æ–‡å—列ã®ç›¸äº’変æ›ã®æ–¹æ³•ã®ã¾ã¨ã‚。 使ã„å¤ã•ã‚ŒãŸã‚‚ã®ã°ã‹ã‚Šãªã®ã§ã€ã‹ãªã‚Šæ—¢å‡ºã€‚ 基本ã®æ–¹æ³•ã ã‘使ã£ãŸã»ã†ãŒã€å®‰å…¨ã‹ã¤ç¾Žã—ã„コードãŒæ›¸ã‘ã‚‹ã®ã§ãƒˆãƒªãƒ“ア扱ã„ã§ã€‚ 数値→整数編 ビット演算ã¯ç¬¦å·ä»˜ã32bitæ•´æ•°ã¨ã—ã¦æ‰±ã‚れるã“ã¨ã‚’利用ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ 一æ©é–“é•ã†ã¨å°æ•°ã®èª¤å·®ã‚„らオーãƒãƒ¼ãƒ•ãƒãƒ¼ã«ã¯ã¾ã£ã¦ã—ã¾ã†ã€è«¸åˆƒã®åˆƒã€‚ //基本 Math.floor(n); //-1ã¨AND n&-1; -1&n; //0ã¨OR n|0; 0|n; //0ã¨XOR n^0; 0^n; //0回シフト n>>0; n<<0; //2回補数をå–る（ï¼ã‚‚ã¨ã«æˆ»ã‚‹ã®ã§æ•´æ•°åŒ–ã®åŠ¹æžœã®ã¿æ®‹ã‚‹ï¼‰ ~~n; æ–‡å—列→数値編 算術演算を行ã„ã€æ¼”ç®—åã®å‰å¾Œã®é …ãŒæ•°å€¤ã§ã‚ã‚‹ã¨ã„ã†ä»®å®šã‹ã‚‰æ•°å€¤åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ //基本 Number(str); parseFloat(str); //0を引ã
TodoMVC
Introduction Developers have a number of choices today when it comes to selecting a JavaScript framework or UI library for building scalable web apps. React / Next.js, Vue / Nuxt, Angular…the list of solutions continues to grow, but just how do you decide on which to use in a sea of so many options? To help you understand the options, we created TodoMVC - a project which has offered the same Todo
[JavaScript]　猿ã§ã‚‚ã‚ã‹ã‚‹ã‚¯ãƒãƒ¼ã‚¸ãƒ£è¶…入門　１　å•é¡Œ - DQNEOèµ·æ¥æ—¥è¨˜
å•é¡Œã§ã™ã€‚ å•é¡Œï¼šã€€å‘¼ã³å‡ºã™ãŸã³ã«ã€1,2,3,...ã‚’è¿”ã™ã‚ˆã†ãªé–¢æ•° f(　)を定義ã›ã‚ˆã€‚ f(); // 1 f(); // 2 f(); // 3 ã“ã®å•é¡Œã€è§£ã‘ã¾ã™ã§ã—ょã†ã‹ï¼Ÿ 普通ã®é–¢æ•°ã§ã¯ã€ã§ããªã„ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—「クãƒãƒ¼ã‚¸ãƒ£ã€ã¨ã„ã†ã®ã‚’使ãˆã°ã€ã“ã®ã‚ˆã†ãªã“ã¨ãŒã§ãã¾ã™ã€‚ クãƒãƒ¼ã‚¸ãƒ£ã£ã¦ä½•ã ？ 「クãƒãƒ¼ã‚¸ãƒ£ã€ã¨ã„ã†è¨€è‘‰ã‚’ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®æœ¬ã‚„サイトã§ç›®ã«ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã‚ˆã。 ç§ãŒæœ€åˆã«è¦‹ãŸã®ã¯ç¶šãƒ»åˆã‚ã¦ã®Perl 改訂版（アルパカ本）ã§ã—ãŸã€‚ ã¾ã£ãŸãç†è§£ã§ãã¾ã›ã‚“ã§ã—ãŸã€‚ ãã®å¾Œã€404　Blog not foundã‚„naoyaã•ã‚“ã®ãƒ–ãƒã‚°ãªã©ã§ã€Œã‚¯ãƒãƒ¼ã‚¸ãƒ£ã€ã¨ã„ã†å˜èªžã‚’ç›®ã«ã—ã¾ã—ãŸã€‚ ã‚„ã¯ã‚Šã€ã¾ã£ãŸã分ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã¨ã©ã‚ã®ä¸€æ’ƒã¯Wikipediaã®è§£èª¬è¨˜äº‹ã€‚ クãƒãƒ¼ã‚¸ãƒ£ (クãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã€Closure) ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«ãŠã„ã¦å¼•æ•°ä»¥å¤–ã®å¤‰æ•°ã‚’実行時ã®ç’°å¢ƒ
![[JavaScript]　猿ã§ã‚‚ã‚ã‹ã‚‹ã‚¯ãƒãƒ¼ã‚¸ãƒ£è¶…入門　１　å•é¡Œ - DQNEOèµ·æ¥æ—¥è¨˜](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f7de7c0278993661a11fbc3637f96292ba773aa/height=288;version=1;width=512/http%3A%2F%2Fdqn.sakusakutto.jp%2Fimages%2Fkali.jpg)
ブックマークレットã®ä½œã‚Šæ–¹ã¨å€‹äººçš„ã«ãƒãƒžã£ãŸã¨ã“ã‚（Internet Explorer編） - å°ã•ã„é ƒã¯ã‚¨ãƒ©å‘¼å¸
ã¯ã˜ã‚ã« InternetExplorer（以下IE）ã«ãŠã‘るブックマークレットã®ä½œã‚Šæ–¹ã¨å€‹äººçš„ã«ãƒãƒžã£ãŸã¨ã“ã‚ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 2009.10.12追記 å°‘ã—èª¬æ˜Žã‚’åŠ ç†ã—ã€è¡¨ç¾ã‚’ç›´ã—ã¾ã—ãŸã€‚ ブックマークレットã®ä½œã‚Šæ–¹ スクリプトを実行ã™ã‚‹ãŸã‚ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’作æˆã™ã‚‹ ブックマークレットã¯ãã®åã®ã¨ãŠã‚Šã€IEã®ãŠæ°—ã«å…¥ã‚Šã«ç™»éŒ²ã—ã¦åˆ©ç”¨ã—ã¾ã™ã€‚ãã®ãŸã‚ã€IEã®ãŠæ°—ã«å…¥ã‚ŠãŒæ ¼ç´ã•ã‚Œã¦ã„ã‚‹C:\Documents and Settings\xxx\Favoritesé…下ã«æ–°ã—ã„インターãƒãƒƒãƒˆã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’作æˆã—ã¾ã™ã€‚（xxx.urlã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ 以下ã¯ã€hogeã¨ã„ã†æ–‡å—列をアラートã™ã‚‹ãƒ–ックマークレットã§ã™ã€‚ hoge.url [InternetShortcut] URL=javascript:(function(){alert("hoge");})(); 作æˆæ™‚ã®
Bookmarklet - ブックマークレットを作æˆã™ã‚‹éš›ã®ãƒã‚¤ãƒ³ãƒˆ
Updated: 2003-09-28 05:44:07+0900 [Home] 値を返ã—ã¦ã¯ã„ã‘ãªã„ 値を返ã™å¼ã‚’使ã†ã¨ãƒšãƒ¼ã‚¸ã‚’移動ã—ã¦ã—ã¾ã„ã¾ã™ã€‚ javascript:contents='aaa' ã“ã‚Œãªã‚‰OK javascript:void(contents='aaa') 変数ã¯ãƒšãƒ¼ã‚¸å†…ã§ã‚°ãƒãƒ¼ãƒãƒ«ã«ãªã£ã¦ã—ã¾ã† varã‚’ã¤ã‘ã¦ã‚‚ã€ãƒ–ックマークレットã§ä½¿ç”¨ã—ãŸå¤‰æ•°ã¯ã€ãƒšãƒ¼ã‚¸å†…ã§ã‚°ãƒãƒ¼ãƒãƒ«ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚表示ä¸ã®ãƒšãƒ¼ã‚¸ã®å‹•ä½œã‚„ã€ä»–ã®ãƒ–ックマークレットã®å‹•ä½œã‚’変ãˆã¦ã—ã¾ã†å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ javascript:var contents='abc' javascript:var contents='123' 上ã®ãƒªãƒ³ã‚¯ã‚’クリックã—ãŸã‚ã¨ã€ä»¥ä¸‹ã‚’クリックã™ã‚‹ã¨contentsã®ä¸èº«ãŒå¤‰ã‚ã£ã¦ã„ã‚‹ã®ãŒè¦‹ãˆã¾ã™ã€‚ javascript:alert(contents) ã“ã‚Œã¯ãƒšãƒ¼ã‚¸ã«æ›¸ã‹ã‚Œ
æ„外ã¨è¦æ³¨æ„ HTML5データ属性ã¨jQuery Data APIã®é–¢ä¿‚ã¾ã¨ã‚ | ゆã£ãã‚Šã¨â€¦
å‰ã®è¨˜äº‹ã€ŒHTML5ã§ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã®CSS3ãƒã‚°ã‚’回é¿ã™ã‚‹ãŸã‚ã®ãƒãƒƒã‚¯æ–¹æ³•ã€ã«é–¢é€£ã—ã¦ã€jQuery 㧠HTML5 データ属性ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¸ã‚§ãƒ³ãƒˆæ–‡å—åˆ—ã‚’æ ¼ç´ã™ã‚‹æ–¹æ³•ã‚’調ã¹ã¦ã„ã¾ã—ãŸã€‚ãã®çµæžœã€ã¡ã‚‡ã£ã¨æ•´ç†ã‚’ã—ã¦ãŠã„ãŸæ–¹ãŒè‰¯ã„ã‹ãªã¨æ€ã†ç‚¹ã‚’共有ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã”å˜çŸ¥ã®æ–¹ã‚‚多ã„ã¨æ€ã„ã¾ã™ãŒã€jQuery ã«ã¯ .data() ã‚„ jQuery.data() ã¨ã„ã†ã€DOM è¦ç´ 㫠データ ã‚’ç´ä»˜ã‘ã¦è¨˜æ†¶ã—ã¦ãŠã仕組ã¿ãŒå…ƒã€…ã‚ã‚Šã¾ã—ãŸã€‚jQuery 1.4.3 ã‹ã‚‰ã¯ã€ API レベルã§ã® 親和性 ãŒè€ƒæ…®ã•ã‚ŒãŸå½¢ã§ HTML5 data-* 属性をå–り込む仕様ãŒå°Žå…¥ã•ã‚Œã¾ã—ãŸã€‚ HTML5 時代ã§ã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ»ã‚µã‚¤ãƒ‰ã§å®Ÿè¡Œã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰é‡ã‚‚増ãˆã€ãƒ‡ãƒ¼ã‚¿å±žæ€§ã‚’扱ã†æ©Ÿä¼šã‚‚ã¡ã‚‡ãã¡ã‚‡ã出ã¦ãã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ãã“ã§ä»Šå›žã¯ã€ HTML5 data-* 属性ã®ãŠã•ã‚‰ã„ jQuery Da
第5回　DOMを使ã£ã¦HTMLを自由自在ã«æ›¸ãæ›ãˆã‚‹ï¼šITpro
第5回　DOMを使ã£ã¦HTMLを自由自在ã«æ›¸ãæ›ãˆã‚‹ ã“ã‚Œã¾ã§ã¯ï¼Œã™ã§ã«HTML上ã«å˜åœ¨ã—ã¦ã„ã‚‹è¦ç´ ã‚’DOMを使ã£ã¦å‚ç…§ã™ã‚‹æ–¹æ³•ã‚’見ã¦ãã¾ã—ãŸã€‚ã—ã‹ã—，å‚ç…§ã™ã‚‹ã ã‘ã§ã¯ãƒšãƒ¼ã‚¸ã«ä½•ã‚‚変化をã¤ã‘ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“。今回ã¯ï¼ŒHTML上ã«æ–°ãŸã«è¦ç´ ã‚’è¿½åŠ ã—ãŸã‚Šï¼Œå‰Šé™¤ã™ã‚‹æ‰‹æ³•ã‚’見ã¦ã„ãã¾ã—ょã†ã€‚ è¦ç´ ã‚’æ–°ãŸã«è¿½åŠ ã™ã‚‹ è¦ç´ ã‚’æ–°ãŸã«ä½œã‚‹ã«ã¯ï¼Œã¾ãšcreateElementメソッドを使ã„ã¾ã™ã€‚引数ã«è¦ç´ åを与ãˆã‚‹ã“ã¨ã§ï¼ŒæŒ‡å®šã®è¦ç´ ãŒä½œã‚‰ã‚Œï¼Œãã®è¦ç´ ノードオブジェクトãŒè¿”ã•ã‚Œã¾ã™ã€‚createElementメソッドã¯documentオブジェクトã«æ—¢å®šã•ã‚ŒãŸãƒ¡ã‚½ãƒƒãƒ‰ã§ã™ã®ã§ï¼Œæ¬¡ã®ã‚ˆã†ã«ä½¿ã„ã¾ã™ã€‚
第2回　JavaScriptã®é–¢æ•°ã‚’マスターã—ã‚ˆã† ï¼ ï¼ IT
JavaScriptãŒã€ã„ã¾æ³¨ç›®ã‚’æµ´ã³ã¦ã„る。 å‰å›žã‚‚紹介ã—ãŸã‚ˆã†ã«ã€JavaScriptãŒå¾©æ¨©ã‚’æžœãŸã—ãŸèƒŒæ™¯ã«ã¯ã•ã¾ã–ã¾ãªè¦å› ãŒè€ƒãˆã‚‰ã‚Œã‚‹ãŒã€ãã®å¥‘æ©Ÿã¨ã‚‚ãªã£ãŸã‚ーワードを1ã¤ã ã‘挙ã’ã‚‹ã¨ã™ã‚‹ãªã‚‰ã°ã€ã€ŒAjax（Asynchronous JavaScript And Xml）ã€ã‚’外ã™ã“ã¨ã¯ã§ããªã„ã ã‚ã†ã€‚Ajaxã¨ã„ã†æŠ€è¡“ã®ç™»å ´ã«ã‚ˆã£ã¦ã€JavaScriptã«ã‚ˆã‚‹ãƒªãƒƒãƒãªãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹æ§‹ç¯‰ã®å¯èƒ½æ€§ãŒç¤ºã•ã‚ŒãŸã“ã¨ã§ã€JavaScriptã®ä¾¡å€¤ã¯ç¢ºå®Ÿã«è¦‹ç›´ã•ã‚Œã¤ã¤ã‚る。 本連載ã¯ã€JavaScript復権ã®ã„ã¾ã“ã®æ™‚代ã«æ±‚ã‚られるã€JavaScriptã¨ã„ã†è¨€èªžã¸ã®ç†è§£ã‚’å†ç¢ºèªã—よã†ã¨ã„ã†ã‚‚ã®ã 。連載åˆå›žã§ã¯ã¾ãšJavaScriptã®è‹¦æ¸‹ã®10年間を振り返りãªãŒã‚‰ã€JavaScriptã¨ã„ã†è¨€èªžã«ã¾ã¨ã‚ã‚Šã¤ã誤解ã®æ‰•æ‹ã‚’試ã¿ãŸã€‚JavaScriptã¨ã„ã†ã€Œä¸é‡ãªã€è¨€èªžã«ã“ã‚Œã¾ã§å‘
制御フãƒãƒ¼ã¨ã‚¨ãƒ©ãƒ¼å‡¦ç† - JavaScript | MDN
JavaScript ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« åˆç´šç·¨ JavaScript ã®åŸºç¤Ž JavaScript ã®ç¬¬ä¸€æ© JavaScript ã®æ§‹æˆè¦ç´ JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法ã¨ãƒ‡ãƒ¼ã‚¿åž‹ 制御フãƒãƒ¼ã¨ã‚¨ãƒ©ãƒ¼å‡¦ç† ループã¨ã‚¤ãƒ†ãƒ¬ãƒ¼ã‚¿ãƒ¼ 関数 å¼ã¨æ¼”ç®—å æ•°ã¨æ—¥ä»˜ テã‚ã‚¹ãƒˆå‡¦ç† æ£è¦è¡¨ç¾ インデックス付ãコレクション ã‚ー付ãコレクション オブジェクトを利用ã™ã‚‹ Using classes プãƒãƒŸã‚¹ã®ä½¿ç”¨ JavaScript 型付ãé…列 イテレーターã¨ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ メタプãƒã‚°ãƒ©ãƒŸãƒ³ã‚° JavaScript モジュール ä¸ç´šç·¨ クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript ã®ãƒ‡ãƒ¼ã‚¿æ§‹é€ ç‰å€¤æ¯”較ã¨åŒä¸€æ€§ プãƒãƒ‘ティã®åˆ—挙å¯èƒ½æ€§ã¨æ‰€æœ‰æ¨© クãƒ
IT戦記 - JavaScript ã‚’å¦ã¶éš›ã«ä¸€ç•ªé‡è¦ãªã®ã«ã€èª¤è§£ã•ã‚ŒãŒã¡ãª setTimeout ç³»ã®æ¦‚念
ãŠãらãã€JavaScript を使ã„ã“ãªã™è‚㯠setIntervalã€setTimeoutã€ã‚¤ãƒ™ãƒ³ãƒˆã«ã‚ˆã‚‹é–¢æ•°ã®å®Ÿè¡Œã‚’ç†è§£ã™ã‚‹ã“ã¨ã ã¨æ€ã† 例ãˆã° 次ã®ã‚³ãƒ¼ãƒ‰ã®çµæžœã‚’考ãˆãŸã¨ã document.write("hoge\n"); setTimeout(function(){ document.write("fuga\n") }, 1000); document.write("piyo\n");普通㫠JavaScript を使ã„ã“ãªã—ã¦ã‚‹äººãªã‚‰ã€hoge → piyo ã¨è¡¨ç¤ºã—ã¦ã€ 1 秒後㫠fuga ãŒè¡¨ç¤ºã•ã‚Œã‚‹ãªã€‚ã£ã¦æ€ã†ã¯ãšãªã‚“ã§ã™ã€‚ ã§ã‚‚〠JavaScript を始ã‚ãŸã°ã£ã‹ã‚Šã®äººã®ä¸ã«ã¯ã€ hoge ã¨è¡¨ç¤ºã—ãŸã‚㨠1 秒後㫠fuga → piyo ã¨è¡¨ç¤ºã™ã‚‹ãªã€‚ã£ã¦æ€ã£ã¦ã‚‹äººãŒéžå¸¸ã«å¤šã„。(経験的ã«) 何故ã‹ï¼Ÿ ãŸã¶ã‚“ã€ã©ã®ã‚µã‚¤ãƒˆã® setTimeout ã®èª¬æ˜Žã‚’見ã¦
Collection & Copy - 月ã®æ—¥æ•°ã‚’求ã‚ã‚‹
JavaScriptãã—ã ã•ã‚“(id:nowokay)コメントã€ã‚¹ãƒˆãƒ©ã‚¤ã‚¯ã§ã™ã€‚ã“ã‚Œã ã€ã“ã‚Œã よー。0ã§å‰æœˆã®æœ€çµ‚æ—¥ã よ。 new Date(year, month+1, 0).getDate(); (found at Determining the Number of Days in a Month with Javascript) function daysInMonth(month, year){ return 32 - new Date(year, month, 32).getDate(); } ã“ã‚ŒãŠã—ゃれやã‚ã。日付をãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã•ã›ã¦åŸºç¤Žå€¤ã‹ã‚‰å¼•ãã‹ã‚“ã˜ã€‚日数ã®æœ€å¤§å€¤ã‚ˆã‚Šå¤šã‘ã‚Œã°ã€32ã§ã‚‚40ã§ã‚‚ã„ã„ã‚“ã ãªã€‚ ç§ãŒè€ƒãˆãŸã®ã¯ã€æœˆåˆã®å‰æ—¥ã®æ—¥ã‚’調ã¹ã‚‹ã‚„ã¤ã§ã€DateオブジェクトãŒç„¡é§„ã§ã—ãŸã€‚ function getLastDateOfMonth(year, month
[JavaScript]　猿ã§ã‚‚ã‚ã‹ã‚‹ã‚¯ãƒãƒ¼ã‚¸ãƒ£è¶…入門　ã¾ã¨ã‚ - DQNEOèµ·æ¥æ—¥è¨˜
クãƒãƒ¼ã‚¸ãƒ£ã¨ã¯ クãƒãƒ¼ã‚¸ãƒ£ã¯ã€è¨€è‘‰ã§èª¬æ˜Žã™ã‚‹ã®ãŒå¤§å¤‰é›£ã—ã„概念ã§ã™ã€‚ ã‚ãªãŸã¯ã€è‡ªè»¢è»Šã®ä¹—り方をã€å£ã ã‘ã§èª¬æ˜Žã§ãã‚‹ã§ã—ょã†ã‹ï¼Ÿ ã‚ãªãŸã¯ã€èžºæ—‹(らã›ã‚“)ã®å½¢ã‚’ã€è¨€è‘‰ã ã‘ã§èª¬æ˜Žã§ãã‚‹ã§ã—ょã†ã‹ï¼Ÿ ãšã°ã‚Šã€ã§ããªã„ã§ã—ょã†ã€‚ ã—ã‹ã—ã€è‡ªè»¢è»Šã«ä¹—ã‚‹ã“ã¨ã¯ã§ãã¾ã™ã—ã€é‡é‡‘ã§èžºæ—‹ã®å½¢ã‚’作るã“ã¨ã¯ã§ãã‚‹ã§ã—ょã†ã€‚ 「クãƒãƒ¼ã‚¸ãƒ£ã€ã‚‚ã“ã‚Œã¨åŒã˜ã§ã™ã€‚ ã ã‹ã‚‰ã€Wikipediaã®ã“ã‚“ãªè§£èª¬ã‚’見ã¦ã‚‚è½ã¡è¾¼ã¾ãªã„ã§ãã ã•ã„。 クãƒãƒ¼ã‚¸ãƒ£ (クãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã€Closure) ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«ãŠã„ã¦å¼•æ•°ä»¥å¤–ã®å¤‰æ•°ã‚’実行時ã®ç’°å¢ƒã§ã¯ãªãã€è‡ªèº«ãŒå®šç¾©ã•ã‚ŒãŸç’°å¢ƒï¼ˆé™çš„スコープ）ã«ãŠã„ã¦è§£æ±ºã™ã‚‹é–¢æ•°ã®ã“ã¨ã§ã‚る。 ç†è§£ã§ããªã„ã§ã™ã‚ˆã？ ç§ã‚‚ãã†ã§ã—ãŸã€‚ クãƒãƒ¼ã‚¸ãƒ£ã‚’æ—¢ã«çŸ¥ã£ã¦ã„る人ã«ã—ã‹ã€ã“ã®æ–‡ç« ã¯ç†è§£ã§ããªã„ã§ã—ょã†ã€‚ クãƒãƒ¼ã‚¸ãƒ£ã‚’作るã®ã¯é›£ã—ããªã„ ã—ã‹ã—ã€èª¬æ˜Žã™ã‚‹ã®ã¯é›£ã—ãã¦ã‚‚ã€ä½œã‚‹ã®ã¯æ„外ã¨ç°¡å˜ã€‚ãã‚ŒãŒ
window.getSelection 㨠document.getSelection - hogehoge @teramako
window.getSelection()ã¨document.getSelection()ã§è¿”ã£ã¦ãる値ãŒé•ã†ã£ã¦äº‹ã§èª¿ã¹ã¦ã¿ãŸã€‚ <html> <head> <title>getSelection Test</title> <script type="text/javascript"> function reportSelection(){ var sels = { normal: getSelection(), win: window.getSelection(), doc: document.getSelection() }; var div = document.getElementById('div'); div.innerHTML = ''; for (var label in sels){ div.innerHTML += label + ': ' + (typeof sel
getComputedStyle ã«ã¤ã„ã¦èª¿ã¹ã¦ãŸã‚‰æ·±ã¿ã«ãƒãƒžã£ãŸã®ã§ãƒ¡ãƒ¢ - IT戦記
getComputedStyle ã¨ã¯ï¼ï¼Ÿ ã‚ã‚‹è¦ç´ ã«ã©ã‚“ãªã‚¹ã‚¿ã‚¤ãƒ«ãŒå½“ãŸã£ã¦ã„ã‚‹ã‹ã‚’計算ã—ã¦ãれる。便利ãªé–¢æ•°ã€‚ 使ã„ã‹ãŸã¯ã‚ã£ã¡ã‚ƒç°¡å˜ï¼ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ã¡ãªã¿ã«ç¬¬äºŒå¼•æ•°ã¯ç–‘ä¼¼è¦ç´ ã® style ã‚’å–ã‚ŠãŸã„å ´åˆã«ä½¿ã„ã¾ã™ã€‚通常ã¯ç©ºæ–‡å—列ã§ã„ã„。 ã§ã‚‚〠getComputedStyle ã¯ã“ã®ã¾ã¾ã§ã¯ IE, Safari ã§ã¯å‹•ã‹ãªã„。 Safari ã§ã¯ window(ã‚°ãƒãƒ¼ãƒãƒ«é ˜åŸŸ) ã« getComputedStyle ã¯å®šç¾©ã•ã‚Œã¦ãªãã¦ã€ document.defaultView ã ã‘ã« getComputedStyle ãŒå®šç¾©ã•ã‚Œã¦ã„る。 ã¡ãªã¿ã«ã€ Firefox, Op
JSX - a faster, safer, easier JavaScript
JSX is a statically-typed, object-oriented programming language designed to run on modern web browsers. Being developed at DeNA as a research project, the language has following characteristics. faster JSX performs optimization while compiling the source code to JavaScript. The generated code runs faster than an equivalent code written directly in JavaScript. The gain may vary, but even the optimi
impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz
impress.js is a presentation tool based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.Your browser doesn't support features required by impress.js, so are presented with simplified version of this presentation. For the best experience please use latest Chrome or Safari browser. Firefox 10 and Internet Explorer 10 should also handle it.
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Welcome to m-bsys.com
GitHub - dionyziz/canvas-tetris: A 2D tetris game in HTML5 canvas
{{#tags}}- {{label}}
{{/tags}}