BNN CAMP vol.3ã ã¤ã³ã¿ã©ã¯ã·ã§ã³ãã¶ã¤ã³ã®ç¾å¨âããã°ã©ãã³ã°åå¿è ã®ããã®openFrameworkså ¥é 2
ãã®æç¨¿ã¯ã JavaScript Advent Calendar 18æ¥ç®ã®è¨äºã§ãã æ´æ°å±¥æ´ ãã¡ã ãã覧ä¸ãã JavaScript ã®æ¸ãæ¹ãã¢ãããã¼ããã JavaScript Good Parts ã§æ¸ããã¦ãããã㪠JS ã®æ¸ãæ¹ã¯ãå¤ããªãã¤ã¤ããé¨åãå¤ãã§ãã æ£ç´ãªã¨ãããèªåã¯ãã®æ¬ããä»ã§ããè¯æ¸ã ã¨ã¯æã£ã¦ãã¾ããã åå¦è ã«å§ãããã¨ããã¾ãããã¾ãã¹ããªãã¨æ®éæ§ã¨å®¢è¦³æ§ããããã¼ãã§ã¯ã JavaScriptã ãå§ãã¦ãã¾ãã ãã®é ã¨æ¯ã¹ãã¨ã JavaScript ãã¨ãã¾ãç°å¢ã¯å¤ããã¾ãã JavaScript ã®é²åã«åããã¦æ¸ãæ¹ãã¢ãããã¼ããã¦ããã¹ããªã®ã§ãä»åã¯åããããããããå¤ã¨ã㦠ãIE10 以ä¸ãåããã¨ãããã ã¨ããåæã§ãåæãã¦ã¿ã¾ãã ãã¨ãã° XHR2 ã File API ã«ä¾åãããµã¼ãã¹ãããå ´åãª
JavaScriptã¯ç§»ãå¤ããã®æ©ãè¨èªã§ãã ãã1年以ä¸çµã£ã¦ãã¾ãããè¨äºã®ã¡ã³ããã¡ããã¨ã§ãã¦ããªãã®ã§ãæ¶ãç·ãå ¥ãããã¨ã«ãã¾ããã åèç¨åº¦ã®ããã«è¨äºã¯ä¸å¿æ®ãã¾ãããããæ°ããæ å ±ãèªã¾ãããã¨ããå§ããããã¾ãã ã¯ããã« --- æè¿ã§ã¯ JavaScript ã®å®è¡ç°å¢ã¯ãã©ã¦ã¶ã«éãã¾ãããï¼node.js, Web Workersï¼ ã¾ããæ§æ¥ã®ãã㪠<script> çµç±ã§ã®ãã¼ããã¨ãã«å¤ããªã£ã¦ãã¾ããä»ã¯ CommonJS ã¹ã¿ã¤ã«ã§ãrequire ãç¨ããã¢ã¸ã¥ã¼ã«ã®ãã¼ããè¡ãªããã¨ãããè¯ãã¨ããã¦ãã¾ãã ã§ããããæ¬¡ã®ãããªãã¨ã¯æ¹ããå¿ è¦ãããã¾ãã ~~- var YourModule = {}; ãªã©ã¨ãã¦ãå¤é¨ãã YourModule.hoge(); ãªã©ã¨å¼ã³åºãæ¸ãæ¹ this === window ã ã¨æããã¨~~ ä»å
JavaScriptçã®ããªã¼ããã¿ã¼ãã¨ãBrowserifyããæè¿å æ°ã§ãããNode.jsç㪠var myModule = require('myModule')å¼ã®è¨è¿°ãããã©ã¦ã¶ã®ã¹ã¯ãªããã§ã使ããããã«ãªã£ã¦ãã¤ãã§ã«1ãã¡ã¤ã«ã«ã¾ã¨ããã®ããã£ã¦ããããã¼ã«ã§ãããã¹ãRequireJSã¨ãã¦æå¾ ããã¦ãã¾ãã ãã ãå ¬å¼ããã¥ã¡ã³ããã³ãã³ãã©ã¤ã³ã®èª¬æã«éç¹ãç½®ãã¦ãã¦ãæåããã ãã ã¨ãã¾ãã¡åããã«ãã...ãããã§ãå®éã®éçºã§ä½¿ããããããã«ããã«ããã¼ã«(gulp.js)ããå®è¡ããããã®æå°æ§æãä½ã£ã¦ã¿ãããã¨æãã¾ãã(Gruntã§ãåæ§ã®ãã¨ã¯å¯è½ã§ã) require!: Bowerã使ãã¾ã 対象ã®ã¹ã¯ãªããã®ä¸èº«ã¯ãä¾ãã°ãããªæãããã®ä¾ã§ã¯ãModernizrã¨jQueryã¨ãç¬èªã¹ã¯ãªãããçµã¿è¾¼ãã§ãã¾ããå¤é¨ãã¡ã¤ã«ãæå®ããã ãã§
Weâre getting things ready Loading your experience⦠This wonât take long.
ç¡éã¹ã¯ãã¼ã«ã¾ãã¯auto pagingã¨å¼ã°ããUIã«ã¯ãèªã¿çµããã³ã³ãã³ããã©ãã©ãç»é¢ã®ä¸ã®ã»ãã«æºã¾ã£ã¦ãã£ã¦ã¡ã¢ãªã¼ãé£ãæ½°ãã¨ããåé¡ãããã ãªãã§ãTumblrã¯ç»åãªã©ã®ã³ã³ãã³ããå¤ããããããã·ã¥ãã¼ããã¤ãã¼ãã¡ã¯ç¡éTumblrã¦ã¼ã¶ã¼ã¹ã¯ãªãããªã©ã®ã¦ã¼ã¶ã¼ã¹ã¯ãªãããã¤ã³ã¹ãã¼ã«ãã¦ãèªã¿çµããã³ã³ãã³ãã宿çã«ãã¼ã¸ä¸ããèªååé¤ããã¨ãã£ã対çãè¬ãã¦ããã ã¨ãããæè¿ã®Tumblrã®ããã·ã¥ãã¼ãã§ã¯ããã¹ããç»é¢å¤ã«åºãã¨ãã®ä¸ã®è¦ç´ ã䏿çã«ãã¼ã¸ããåé¤ãããç»é¢å ã«è¡¨ç¤ºãããã¨è¦ç´ ãå度復å ãããããã«ãªã£ã¦ãããã©ãããããã«ãã£ã¦ç¡éã¹ã¯ãã¼ã«ã«ããã¡ã¢ãªã¼ã®å§è¿«ãæãããã¦ãããããã é¢é£ããã³ã¼ãã¯https://secure.assets.tumblr.com/assets/scripts/dashboard.jsã®/*! s
ãã®ãã¼ã¸ã¯ã³ãã¥ããã£ã¼ã®å°½åã§è±èªãã翻訳ããã¾ãããMDN Web Docs ã³ãã¥ããã£ã¼ã«ã¤ãã¦ãã£ã¨ç¥ãã仲éã«ãªãã«ã¯ãã¡ãããã ��X ��View in English ��� ��Always switch to English åã®ãã¼ã¸ 次ã®ãã¼ã¸ JavaScript ã®åä»ãé åã¯é å風ã®ãªãã¸ã§ã¯ãã§ãããã¡ã¢ãªã¼ãããã¡ã¼å ã®çã®ãã¤ããªã¼ãã¼ã¿ãèªã¿æ¸ãããææ®µãæä¾ãã¾ãã åä»ãé åã¯ããããã種é¡ã®æ©è½ã«ããã¦é åãç½®ãæãããã¨ãæå³ãããã®ã§ã¯ããã¾ããããã¤ããªã¼ãã¼ã¿ãæä½ããããã®ä½¿ãæ £ããã¤ã³ã¿ã¼ãã§ã¤ã¹ãéçºè ã«æä¾ãã¾ããããã¯ãé³å£°ã¨æ åã®æä½ã WebSockets ã使ç¨ãã¦çã®ãã¼ã¿ã«ã¢ã¯ã»ã¹ãããªã©ããã©ãããã©ã¼ã ã®æ©è½ã¨ããã¨ãããéã«å½¹ç«ã¡ã¾ãã JavaScript ã®åä»ãé åã®åé ç®ã¯ã対å¿ãã¦ããæ°å¤ãã®ãã©
There are three keys to effective AJAX-driven websites:  event delegation, History management, and effective app-wide communication with pub/sub.  This blog employs of all of these techniques, and I thought I'd share the simplest of them:  a tiny pub/sub module I use on this site. If you've not used pub/sub before, the gist is that you publish to a topic and anyone can subscribe, much like the way
æè¿ã®Chrome, Safariã®JavaScriptã«ã¯é³å£°åæAPIãå ¥ã£ã¦ãã¾ãã ä½¿ãæ¹ã¯ç°¡åã§ãJavaScriptã³ã³ã½ã¼ã«çã§ var msg = new SpeechSynthesisUtterance('ããã«ã¡ã¯!'); msg.lang = "ja-JP"; // è¨èªæå® window.speechSynthesis.speak(msg); ã®ããã«ããã ãã§åã£ã¦ããã¾ãã é³å£°ã¨ã³ã¸ã³ãå¤ãããã¨ãå¯è½ã§ãã使ããé³å£°ã®ä¸è¦§ã var voices = speechSynthesis.getVoices(); ã§åå¾ããã¨ãvoicesã«é³å£°ãªãã¸ã§ã¯ãã®ãªã¹ããè¿ã£ã¦ããã®ã§ããã®ä¸ã®langãnameãè¦ã¦ä½¿ããããã®ã msg.voice = voices[3]; ãªã©ã¨SpeechSynthesisUtteranceãªãã¸ã§ã¯ãã®voice屿§ã«æå®ã
Chrome ã® DevTools ã«ã¯ Code Snippets ã¨ããæ©è½ãããã¾ãã ããã¯ãDevTools ä¸ã§ãæ°ã«å ¥ãã®ã©ã¤ãã©ãªãç»é²ãã¦ããã¦ç°¡åã«å¼ã³åºãã¦ä½¿ããããã¨è¨ã£ãããããã¡ãªãã¼ãºã«ã´ã£ãããã£ããããæ©è½ã§ãã Chromeã®DevToolsã§jQueryããã¤ã§ã使ããããªããSource-Snippetsã§å³ã¯ãªãã¯ãã¦[New]é¸ãã§jQueryããã¿ãªãã¦ããã¨[Run]ããã ãã§jQueryãDevToolsã§å©ç¨å¯è½ã«ãªãã¾ããã http://t.co/SfLE4Sic39â ã³ã©ã¼ã²ã³ãã£ã·ããã (@uupaa) 2014, 5æ 15 http://t.co/Ee2keo5n7u ããè²ããªäºã«ã¤ããã¦ãDevTools ã® IDE ã¨ãã¦ã®æ©è½ããã¢ã¤ãã¢ãã ãã§æ¡å¼µã§ããã®ã§ããã¡ãã£ã¨åºãèªç¥ãããã¨ãããã ãã©ãã (ãã»âã»
The many »Talents« of JavaScript The many »Talents« of JavaScriptThe many talents of JavaScript for generalizing Role Oriented Programming approaches like Traits and MixinsTL;DR / Summary Implicit and Explicit DelegationFunctions as Roles (Traits and Mixins) Object Composition and Inheritance The difficulties with adapting established Role related terms and concepts to JavaScript»Mixins« »Traits«
Personal site of Andrew McCombe, UK based Experienced Full Stack Web Developer.
I need to write a function that "packs" an array of bytes (integers between 0 and 255) into a string. I also need to be able to perform the reverse operation, to get my byte array from the string that it was packed into. This needs to be done as fast as possible. Seeing as JavaScript has 16-bit strings, I packed two bytes per character. Here is my code and tests: function pack(bytes) { var str = "
ãµã³ãã«ãè¦ã¤ãããªãã£ã¦ãã¨ã¯ãæ®éã¯ãããªããã¨ããããã¨ãã¦ãããã ã¨æãã ã¨ãããã¨ã§ã以ä¸ã®ãããªãã¨ããã¦ã¿ããã£ãã®ã§ã試ãã¦ã¿ã¾ããã Client (JavaScript) å´ã§ RSA éµ (ç§å¯éµã»å ¬ééµ) ãçæ å ¬ééµã Server (Perl) ã« POST Server (Perl) å´ã¯åãåã£ãå ¬ééµãç¨ãã¦æå·åãéä¿¡ Client (JavaScript) ã¯åãåã£ãæå·æã 1 ã§çæããç§å¯éµã§å¾©å· ã¨ãããããµã³ãã«ã§ä½ã£ããã®ã¯ RSA éµãçæ (Client) å ¬ééµã POST (Client) UUID ãçæ (Server) POST ãããå ¬ééµã使ãæå·å (Server) åä¿¡ããæå·æãç§å¯éµã§å¾©å· (Client) ã¨ããåä½ããã¾ãã ã§ãããã®ãã½ã¼ã¹ã³ã¼ãã¯ãã¡ãã JP RSA http://jprsa.ma
ãã¡ãã§ã â JavaScript Libraries Playgroundï¼jQuery 2.1.0 㨠underscore ã®ä¾ï¼ jQuery ã underscore ãªã©ã® JavaScript ã©ã¤ãã©ãªãã¤ã³ã¿ã©ã¯ãã£ãã«è©¦ãããã¨ããæè¿ã¯ãã©ã¦ã¶ã§èªåã®ããã°ï¼ããï¼ã GitHub ãªã©ãå½è©²ã®ã©ã¤ãã©ãªããã¼ãããã¦ãããã¨ãç¥ã£ã¦ãããã¼ã¸ãéãã¦ããããã« ââJï¼Chromeï¼ï¼ããã¦ããã®ã§ããããã¯ç´æ¥çã§ã¯ãªããªã¨æã£ã¦ããå°ç¨ã®ãã¼ã¸ãä½ã£ã次第ã§ãã åé ã®ä¾ã«ãããããã« location.search é¨ã« library[@version],⦠形å¼ã§ã©ã¤ãã©ãªãä¸ãã¦ããã°ãã¼ã¸ã« <script> è¦ç´ ã追å ããã¦ããã¨ã¯éçºè ã³ã³ã½ã¼ã«ãªãã§ã楽ãã¿ãã ãããã¨ããä»çµã¿ã«ãªã£ã¦ãã¾ãã cdnjs ã«ã¯ããªãå¤ãã®ã©ã¤ãã©ãªããã¹ãã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}