Vue.js ã‚’ vue-cli を使ã£ã¦ã‚·ãƒ³ãƒ—ルã«ã¯ã˜ã‚ã¦ã¿ã‚‹ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Firebaseã§æ¥½ã€…シグナリング──WebRTC入門2016番外編
ã“ã‚“ã«ã¡ã¯ï¼ 2014å¹´ã«é€£è¼‰ã—ãŸã€ŒWebRTCを使ã£ã¦ã¿ã‚ˆã†ï¼ã€ã‚·ãƒªãƒ¼ã‚ºã®ã‚¢ãƒƒãƒ—デートã¨ã—ã¦ãŠé€ã‚Šã—ã¦ã„ã‚‹ã“ã®é€£è¼‰ã§ã™ãŒã€ä»Šå›žã¯ã‚‚ã¨ã®é€£è¼‰ã«ã¯ãªã‹ã£ãŸå†…容を番外編ã¨ã—ã¦ãŠå±Šã‘ã—ã¾ã™ã€‚ httpsã®ãƒãƒ¼ãƒ‰ãƒ« å‰å›žã¯è¤‡æ•°äººã€è¤‡æ•°ä¼šè°å®¤ã§åˆ©ç”¨ã§ãるよã†ã«ã—ã¦ã€å®Ÿç”¨çš„ãªã‚¢ãƒ—リを作る準備ãŒã§ãã¾ã—ãŸã€‚ã¨ã“ã‚ãŒå®Ÿéš›ã«ä½¿ãŠã†ã¨ã™ã‚‹ã¨ã€Chromeã®ã‚»ã‚ュリティãƒãƒªã‚·ãƒ¼ã¨å‘ãåˆã‚ãªãã¦ã¯ãªã‚Šã¾ã›ã‚“。 「getUserMedia()ã‚„Service Workerãªã©ã®å¼·åŠ›ãªAPIã¯ã€ã‚»ã‚ュアãªç’°å¢ƒã§ãªãã¦ã¯åˆ©ç”¨ã§ããªã„ã€ã¨ã„ã†ãƒãƒªã‚·ãƒ¼ã¯ä»Šã®Webã®çŠ¶æ³ã«åˆã‚ã›ãŸã‚‚ã®ã ã¨æ€ã„ã¾ã™ã€‚ã§ã¯ã€ãã®ç’°å¢ƒã‚’ã©ã†ã‚„ã£ã¦ç”¨æ„ã™ã‚Œã°ã‚ˆã„ã®ã§ã—ょã†ã‹ï¼Ÿ ã‚‚ã¡ã‚ん証明書をå–å¾—ã—ã¦ã€ãã¡ã‚“ã¨ã‚µãƒ¼ãƒãƒ¼ã‚’ç«‹ã¦ã‚‹ã®ãŒã¾ã£ã¨ã†ãªã‚„ã‚Šæ–¹ã§ã™ã€‚最近ã¯Let’s Encryptãªã©ç„¡æ–™ã§è¨¼æ˜Žæ›¸ã‚’発行ã™ã‚‹ã‚µãƒ¼ãƒ“スもã‚ã‚Šã¾ã™ï¼ˆå‚考：“Let’s
最近ã®jséžåŒæœŸå‡¦ç† Promiseã¨Generatorã®å…±å˜ - Qiita
（2015/10/21追記） 記事を書ã„ã¦ã‹ã‚‰åŠå¹´çµŒã¡ã¾ã—ãŸãŒã€æœ€è¿‘ã¯Rxã®è‰¯ã•ã‚’ç†è§£ã—ãŸã‚Šã€ES7ã®async/awaitãŒbabelã«ã‚ˆã£ã¦å®Ÿç”¨çš„ã«ãªã‚Šã¤ã¤ã‚ã£ãŸã‚Šç‰ã€ã¾ãŸã‚‚やベストプラクティスã¨ã¯ãªã‚“ã ã£ãŸã®ã‹çŠ¶æ…‹ã§ã™ã€‚ã¨ã¯ã„ãˆã€ã„ã¾ã®ã¨ã“ã‚Promiseã¯éžåŒæœŸå‡¦ç†ã®åœŸå°ã§ã‚り続ã‘ãã†ã§ã™ã—ã€Generatorã‚‚async/awaitã¸ã®è¶³ãŒã‹ã‚Šã¨ã—ã¦çŸ¥ã£ã¦ãŠãã“ã¨ã®ãƒ¡ãƒªãƒƒãƒˆã¯å¤§ãã„ã‹ã¨æ€ã„ã¾ã™ã®ã§ã€å¼•ã続ã公開ã•ã›ãŸã¾ã¾ã¨ã•ã›ã¦é ‚ãã¾ã™ã€‚ （追記ã“ã“ã¾ã§ï¼‰ æ•°ã‚ã‚‹éžåŒæœŸå‡¦ç†ã®ãƒ—ラクティスを試ã—ã¦ã¿ã¦ã€ã ã„ãŸã„ã“ã‚ŒãŒè‰¯ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã„ã†ãƒ‘ターンãŒå›ºã¾ã£ãŸã®ã§æ›¸ãã¾ã™ã€‚効用ã¯ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã‹ã‚‰ã®è„±å‡ºã¨çµå±€éžåŒæœŸã©ã‚ŒãŒè‰¯ã„ã®æ„Ÿã®æ‰•æ‹ã€‚ES6寄りã§ã™ã€‚ å‰æçŸ¥è˜ JavaScript Promiseã®æœ¬ http://azu.github.io/promises-book/ ジェãƒãƒ¬
HTML5 Canvasã«JavaScriptã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«å‹•ç”»ã‚’æ画。é€éŽãƒ¬ã‚¤ãƒ¤ã§å‹•ç”»ã®é‡ãåˆã‚ã›ãªã©ã€æ–°ãŸãªè¡¨ç¾ãŒå¯èƒ½ãªPCï¼ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œã‚³ãƒ¼ãƒ‡ãƒƒã‚¯ã€ŒH2MDã€ï¼»PRï¼½
Webã®è¡¨ç¾åŠ›ã¯ã€æ–‡å—ã®å¤§ãã•ã‚„色をä¸å¿ƒã«ä¿®é£¾ã—ã¦ã„ãŸæ™‚代ã‹ã‚‰ç¾Žã—ã„グラフィックやアニメーションã®æ´»ç”¨ã¸ã¨é€²ã¿ã€ã„ã¾ã§ã¯å¤§ããªå‹•ç”»ã‚‚ç©æ¥µçš„ã«å–り入れãŸã€è±Šã‹ãªè¡¨ç¾åŠ›ã¨æƒ…å ±é‡ã‚’å‚™ãˆã‚‹WebãŒæ•°å¤šã見られるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 最近ã§ã¯åºƒå‘Šã‚„解説動画ã¨ã„ã£ãŸä¾‹ã ã‘ã§ãªãã€èƒŒæ™¯ã„ã£ã±ã„ã«å‹•ç”»ã‚’使ã†ã¨ã„ã£ãŸä¾‹ã‚‚ã‚ã‚Šã¾ã™ã€‚モãƒã‚¤ãƒ«ã§ã‚‚ゲームやソーシャルメディアãªã©ã‚’ä¸å¿ƒã«ç©æ¥µçš„ã«å‹•ç”»ã‚’用ã„ãŸè¡¨ç¾ãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ GIFã‚„H.264ã«è¶³ã‚Šãªã„ã‚‚ã® ã“ã†ã—ãŸå‹•ç”»è¡¨ç¾ã‚’実ç¾ã™ã‚‹æŠ€è¡“ã«ã¯è¤‡æ•°ã®é¸æŠžè‚¢ãŒã‚ã‚Šã¾ã™ãŒã€ãƒ¢ãƒã‚¤ãƒ«ã¨Webサイトã®ä¸¡æ–¹ã§ã®å¯¾å¿œã‚’考ãˆã‚‹ã¨ã€GIFアニメーションã‹H.264ã®ã„ãšã‚Œã‹ã‚’é¸æŠžã™ã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã—ょã†ã€‚ã—ã‹ã—GIFアニメーションã¯è‰²æ•°ãŒ256色ã¨é™ã‚‰ã‚Œåœ§ç¸®çŽ‡ã‚‚低ã„ãŸã‚ã€å°ã•ãªã‚µã‚¤ã‚ºã§æ•°ç§’程度ã¨ã„ã£ãŸæœ€å°é™ã®å‹•ç”»å†ç”Ÿã«ã—ã‹å‘ãã¾ã›ã‚“ã—ã€éŸ³å£°ã¨ã®åŒæœŸã‚‚困難ã§ã™ã€‚一方ã€H.264ã¯é«˜ç²¾ç´°
今話題ã®React.jsã¯ã©ã®ã‚ˆã†ãªWebアプリケーションã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To React─ Frontrend Conference
今話題ã®React.jsã¯ã©ã®ã‚ˆã†ãªWebアプリケーションã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To React─ Frontrend Conference å¤–æ‘ å’Œä»ï¼ˆæ ªå¼ä¼šç¤¾ ピクセルグリッド） 本記事ã¯ã€2015/2/21ã«è¡Œã‚ã‚ŒãŸFrontrend Conferenceã®ã€ŒIntroduction To Reactã€ã®å†…容を紹介ã—ã¾ã™ã€‚ 当日ã®è³‡æ–™ã¯ä»¥ä¸‹ã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã“ã¡ã‚‰ã‚‚å‚ç…§ã—ã¦ãã ã•ã„。 Introduction To React // Speaker Deck React.jsã¨ã¯ä½•ã‹ React.jsã¯Facebook製ã®JavaScriptライブラリã§ã™ã€‚ http://facebook.github.io/react/ å…¬å¼ã‚µã‚¤ãƒˆã«ã€ã€ŒA JavaScript library for building user interfacesã€ã¨ã‚るよã†ã«ã€R
[AngularJS] $q サービスã§è¦šãˆã‚‹ Promise | DevelopersIO
車輪開発大好ããŠãŸã„ãŒã§ã™ã€‚ã“ã‚“ã«ã¡ã¯ã€‚（挨拶） 今回㯠JavaScript ã§éžåŒæœŸå‡¦ç†ã‚’実施ã™ã‚‹ã¨ãã«ç”¨ã„られる Promise ( プãƒãƒŸã‚¹ ) ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚Promise ã¨ã¯ã€ŒéžåŒæœŸå‡¦ç†ã‚’抽象化ã—ãŸã‚ªãƒ–ジェクトã¨ã€ãã®ã‚ªãƒ–ジェクトをæ“作ã™ã‚‹ä»•çµ„ã¿ã€ã®ã“ã¨ã‚’指ã—ã¾ã™ã€‚ 引用 : https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise より Promise インターフェースã¯ä½œæˆæ™‚点ã§ã¯åˆ†ã‹ã‚‰ãªãã¦ã‚‚よã„値ã¸ã®ãƒ—ãƒã‚ã‚·ã§ã™ã€‚プãƒãƒŸã‚¹ã‚’用ã„ã‚‹ã“ã¨ã§ã€éžåŒæœŸã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®æˆåŠŸã‚„失敗ã«å¯¾ã™ã‚‹ãƒãƒ³ãƒ‰ãƒ©ã‚’関連付ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã‚Œã«ã‚ˆã‚Šã€éžåŒæœŸãƒ¡ã‚½ãƒƒãƒ‰ã¯ã€æœ€çµ‚çš„ãªå€¤ã‚’è¿”ã™ã®ã§ã¯ãªãã€æœªæ¥ã®ã‚る時点ã§å€¤ã‚’æŒã¤ãƒ—ãƒãƒŸã‚¹ã‚’è¿”ã™ã“ã¨ã§ã€åŒæœŸãƒ¡ã‚½ãƒƒãƒ‰ã¨åŒã˜ã‚ˆã†ã«å€¤ã‚’è¿”ã™
![[AngularJS] $q サービスã§è¦šãˆã‚‹ Promise | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/648e11f84f388126ccfdea056ad86ba379173295/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F09%2Fangularjs.png)
æŒèˆžä¼Žåº§.tech#6「VirtualDOMã¨React〠アウトラインメモ
æŒèˆžä¼Žåº§.tech#6「VirtualDOMã¨React〠- connpass ã«å‚åŠ ã—ã¦æ¥ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ã™ã¹ã¦ã®CSSã«æ»ã‚’ï¼ã“ã‚Œã¯JSerã®å«ã³ï¼- @kyo_ago スライド: CSSã«æ»ã‚’ï¼ã“ã‚Œã¯JSerã®å«ã³ï¼ #kbkz_tech CSSãŒè¾›ã„ CSSã¯ã‚«ãƒ—セル化ã¨ã‹ç¶™æ‰¿ã¨ã‹ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã‹ã‚‰ã®æ¦‚念ãŒãã®ã¾ã¾æŒã£ã¦ã“ã‚Œãªã„ ReactStyle js-next/react-style JS内ã«Styleを埋ã‚込むã“ã¨ãŒã§ãã‚‹ ãã®ã¾ã¾ã‚ªãƒ–ジェクト的ã«å…¥ã‚Œã‚‰ã‚Œã‚‹ Template Stringsã¨åˆã‚ã›ã‚Œã°ãã®å ´ã§CSSを入れるã“ã¨ãŒã§ãã‚‹ styles=ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’入れる セレクタをã‚ã¾ã‚Šè€ƒãˆãªãã¦ã„ã„ style属性ã§ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ 擬似è¦ç´ ã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ãŒå…¨æ»… :hover :active ãªã©ãŒä½¿ãˆãªã„。 CSSã®ç¶™æ‰¿ãªã©ã®æ¦‚念ãŒæ¶ˆãˆã‚‹ 自分ã§é ‘張る必è¦ãŒã‚ã‚‹ ユーザプレ
AngularJSã®Directiveã‚’ç†è§£ã™ã‚‹. - Qiita
ã¯ã˜ã‚㫠ディレクティブã¯ã€AngularJSã«ãŠã„ã¦ã€Viewã¨Modelã®åŒæ–¹å‘ãƒã‚¤ãƒ³ãƒ‰ã‚’実ç¾ã™ã‚‹ãŸã‚ã®æ ¹å¹¹çš„ãªä»•çµ„ã¿ã§ã‚る。 ディレクティブã¯ã€é–‹ç™ºè€…ã‹ã‚‰è¦‹ã‚‹ã¨ã€Templateã®è¦ç´ ・属性ã¨ã—ã¦ç¾ã‚Œã‚‹ã€‚ 例ãˆã°ã€ãƒ†ã‚ストボックスã®å…¥åŠ›å€¤ã¨scope.nameã‚’ç´ä»˜ã‘ã‚‹å ´åˆã€Angularã§ã¯htmlã«ä¸‹è¨˜ã‚’記述ã™ã‚‹ã ã‘ã§ã€ãƒ¦ãƒ¼ã‚¶ã®å…¥åŠ›å€¤ãŒscopeã¸å³æ™‚åæ˜ ã•ã‚Œã‚‹ã€‚ 上記コードã®"ng-model"ã¯Angularã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§çµ„ã¿è¾¼ã¾ã‚ŒãŸãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã§ã‚る。 ã‚‚ã¡ã‚ã‚“ã€htmlã®æ–‡æ³•ä¸Šã¯ã€ng-modelã¨ã„ã†å称ã®å±žæ€§ã¯inputã‚¿ã‚°ã«ã¯å˜åœ¨ã—ãªã„。AngularãŒç‹¬è‡ªã«ng-model属性を解釈ã—ã¦ã€åŒæ–¹å‘ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã®æ©Ÿèƒ½ã‚’実ç¾ã—ã¦ã„ã‚‹ã®ã§ã‚ã‚‹(Angularã§ã¯ã€ã“れを「html文法ã®æ‹¡å¼µã€ã¨å‘¼ã‚“ã§ã„ã‚‹)。 ディレクティブã«ã¯ã€ng-repeatã‚„{{...}}ç‰ã€æ§˜
JavaScriptã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ã®æ´å²ã¨ç¾çŠ¶ - Qiita
社内å‘ã‘資料。自分ãŒæ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã‚’説明ã™ã‚‹ãŸã‚ã«è³‡æ–™ä½œã‚‹ç¾½ç›®ã«ãªã£ãŸã€‚ 昔ã®ã“ã¨ã¯ã†ã‚覚ãˆã§é›°å›²æ°—ã§æ›¸ã„ã¦ã‚‹éƒ¨åˆ†ã‚‚ã‚ã‚‹ã®ã§ã€ãã“らã¸ã‚“勘å¼ã€‚ å¤ã®æ™‚代(~2010) å‰æã¨ã—ã¦JavaScriptã¯åå‰ç©ºé–“ãŒwindowã®ä¸€ã¤ã—ã‹ãªã„。 昔Prototype.jsãŒã‚ã£ãŸã€‚ã‚‚ã†ã¿ã‚“ãªå¿˜ã‚ŒãŸã‘ã©ã‚ã®æ™‚期ã¯ãƒ—リミティブãªã‚ªãƒ–ジェクトã®prototypeを生やã—ã¾ãã£ã¦ã€ãã‚ŒãŒè¡çªã—ã¾ãã£ã¦prototype良ããªã„çš„ãªé›°å›²æ°—ãŒç”Ÿã¾ã‚ŒãŸã‚Šç”Ÿã¾ã‚Œãªã‹ã£ãŸã‚Šã—ãŸã€‚ ãã®åçœãŒã‚ã£ã¦ã‹(æ´å²çš„ã«è‹¥å¹²å¾®å¦™ãªæ°—ãŒã™ã‚‹ãŒ) jQueryã¯åå‰ç©ºé–“を一ã¤ã«é›†ç´„ã—ãŸã€‚ã„ã‚ゆる jQueryPlugin ã¯ã€jQueryã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã«ãƒ˜ãƒ«ãƒ‘を生やã—ã¾ãã£ã¦ã„ãŸã€‚ã‚°ãƒãƒ¼ãƒãƒ«ã‚’汚ã™ã®ã¯é§„ç›®ã ã‘ã©jQueryã®åå‰ç©ºé–“を汚ã™ã®ã¯ã„ã„よãã€ãらã„ã®è€ƒãˆã€‚ jQueryéžä¾å˜ãªãƒ©ã‚¤ãƒ–ラリã¯ã€ã€ŒGoodPartsã€ã¨ã—ã¦ã€
VOYAGE GROUP　エンジニアブãƒã‚° : 今ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®JavaScriptを書ãå‰ã«çŸ¥ã£ã¦ãŠããŸã„ã“㨠~ 2014年トレンドç·ã¾ã¨ã‚
2015å¹´02月05æ—¥16:34 カテゴリ 今ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®JavaScriptを書ãå‰ã«çŸ¥ã£ã¦ãŠããŸã„ã“㨠~ 2014年トレンドç·ã¾ã¨ã‚ 皆ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚adingoã«ã¦Fluctã¨ã„ã†åºƒå‘Šé…信システムã®ç®¡ç†ç”»é¢ã‚’ä¸å¿ƒã«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®é–‹ç™ºã‚’è¡Œã£ã¦ãŠã‚Šã¾ã™ã€å¤§é–¢ã§ã™ã€‚ 今回ã¯ã€å…ˆæ—¥ã€ç¤¾å†…ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ã«é–‹å‚¬ã—ãŸã€Œ2014å¹´ã®JavaScriptã®ãƒˆãƒ¬ãƒ³ãƒ‰ç·ã¾ã¨ã‚ã€ã¨ã„ã†ã‚³ãƒ³ã‚»ãƒ—トã®å‹‰å¼·ä¼šã®å†…容ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ JavaScriptトレンドç·æ‹¬ï¼ˆ2014） from Tetsuharu OHZEKI ãã‚Œã§ã¯ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã«æ›¸ããã‚Œãªã‹ã£ãŸå‰æäº‹é …ã«ã¤ã„ã¦ã€ä½•ç‚¹ã‹è£œè¶³ã¨è§£èª¬ã‚’ã—ã¾ã™ã€‚ 補足ã¨è§£èª¬ å‰æ: ãªãœã€Œ2014å¹´ã€ãªã®ã‹ JavaScriptを用ã„ãŸé–‹ç™ºã€ç‰¹ã«Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ã‚‚呼称ã•ã‚Œã‚‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰JSã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¯ã€éžå¸¸ã«é€Ÿã„サイクルã§ã®é€²åŒ–を見ã›ã¦
[Angular.js]factoryã¨serviceã®ä½¿ã„分ã‘ã«ã¤ã„ã¦
最近ã€ãƒ—ライベートã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã§Angular.jsを勉強ãŒã¦ã‚‰ä½¿ã£ã¦ã„る。 Yeomanã§generator-angularを使ã†æ–¹æ³•ã§ã‚„ã£ã¦ãŸã‚Šã€‚ ã§ã€çµæ§‹æ‚©ã‚“ã§èª¿ã¹ãŸã“ã¨ãŒã‚ã£ãŸã®ã§ã€ãƒ¡ãƒ¢ã€‚ ※使ã„始ã‚ã¦é–“ã‚‚ãªã„ã®ã§ã€é–“é•ã„ãŒã‚ã£ãŸã‚‰ã”指摘ãã ã•ã„。 サービスを作るやり方ã€Angular.jsã ã¨è‰²ã€…ã‚ã‚Šã¾ã™ã€‚ yeoman-generatorã®READMEã‚’å‚考ã«æŒ™ã’る㨠https://github.com/yeoman/generator-angular#service service, factory, provider, value, constant ã¨ã€å®Ÿã«ãŸãã•ã‚“。 providerã¨valueã¨constantã¯ã€åå‰ã‹ã‚‰ãªã‚“ã¨ãªã使ã„分ã‘ãŒåˆ¤ã‚‹ã‚“ã ã‘ã©ã€ serviceã¨factoryã®é•ã„ã£ã¦ä½•ã‚ˆï¼Ÿã£ã¦çµæ§‹æ‚©ã‚“ã 。 ç°¡å˜ãªå®Ÿè£…例ã ã¨ã€ã€Œçµå±€ã©ã£ã¡ã‚‚書ãæ–¹ãŒé•ã†ã
ES6時代ã®JavaScript - クックパッド開発者ブãƒã‚°
ã“ã‚“ã«ã¡ã¯ä¼šå“¡äº‹æ¥éƒ¨ã®ä¸¸å±±@h13i32maruã§ã™ã€‚ 最近ã®Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å¤‰åŒ–ã¯éžå¸¸ã«æ¿€ã—ãã€ã¡ã‚‡ã£ã¨ç›®ã‚’離ã—ãŸé–“ã«ã©ã‚“ã©ã‚“æ–°ã—ã„ã‚‚ã®ãŒå‡ºã¦ãã¾ã™ã‚ˆã。ãã‚“ãªæ¿€ã—ã„変化ã®ä¸€ã¤ã¨ã—ã¦ES6ã¨ã„ã†æ¬¡æœŸJavaScriptã®ä»•æ§˜ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ES6ã¯ç¾åœ¨ç–定ä¸ã§ã€åŸ·ç†æ™‚点ã§ã¯Draft Rev31ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ JavaScriptã¯ECMAScript(ECMA262)ã¨ã„ã†ä»•æ§˜ã‚’ã‚‚ã¨ã«å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç¾åœ¨ã®ãƒ¢ãƒ€ãƒ³ãªWebブラウザã¯ECMAScript 5.1th Editionã‚’ã‚‚ã¨ã«ã—ãŸJavaScript実行エンジンをæ載ã—ã¦ã„ã¾ã™ã€‚ ãã—ã¦æ¬¡ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ECMAScript 6th EditionãŒç¾åœ¨ç–定ä¸ã§ã€ç•¥ç§°ã¨ã—ã¦ES6ã¨ã„ã†åå‰ãŒã‚ˆã使ã‚ã‚Œã¾ã™ã€‚ 今回ã¯ã€ä»–ã®è¨€èªžã«ã¯ã‚ã£ã¦JavaScriptã«ã‚‚欲ã—ã„ãªã¨æ€ã£ã¦ã„ãŸæ©Ÿèƒ½ã‚„ã€JavaScriptã§ã‚ˆ
TypeScriptã§å§‹ã‚ã‚‹Node.js入門 - ICS MEDIA
ã¿ãªã•ã‚“ã¯æ™®æ®µNode.jsã‚’ã©ã®ã‚ˆã†ã«ä½¿ã£ã¦ã„ã¾ã™ã‹ï¼ŸÂ サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã§å‹•ãJavaScriptã§ã‚ã‚‹Node.jsã¯ã€Socket.IOã¨é€£æºã—ã¦ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªã‚¦ã‚§ãƒ–コンテンツを作ã£ãŸã‚Šã€webpackã‚„gulpã®ã‚ˆã†ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãƒ„ールã¨ã—ã¦ä½¿ã‚ã‚ŒãŸã‚Šã¨ã•ã¾ã–ã¾ãªå ´é¢ã§æ´»ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ Node.jsã§å¤§è¦æ¨¡ãªé–‹ç™ºã‚’ã™ã‚‹å ´åˆã€TypeScriptを採用ã—ã¦é–‹ç™ºã®ç”Ÿç”£åŠ¹çŽ‡æ€§ãƒ»ä¿å®ˆæ€§ã‚’上ã’ã‚‹ã®ã‚‚オススメã§ã™ã€‚WebStormã‚„Visual Studio Codeを使ãˆã°ã‚³ãƒ¼ãƒ‰è£œå®ŒãŒåŠ¹ããŸã‚プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®åŠ¹çŽ‡ãŒåŠ‡çš„ã«å‘上ã—ã€TypeScriptã®é™çš„型付ã‘ã«ã‚ˆã£ã¦ã‚³ãƒ³ãƒ‘イル時型ãƒã‚§ãƒƒã‚¯ãŒè¡Œã‚れるã®ã§å®‰å…¨æ€§ãŒå¢—ã—ã¾ã™ã€‚Node.jsを使ã£ã¦ä¸ãƒ»å¤§è¦æ¨¡ãªã‚·ã‚¹ãƒ†ãƒ を構築ã™ã‚‹ã¨ãã¯TypeScriptを検討ã™ã‚‹ã¨ã„ã„ã§ã—ょã†ã€‚ 今回ã¯Node.jsã‚’TypeScriptã§è¨˜è¿°ã™ã‚‹
最近ã®è¡Œå„€ã®ã‚ˆã„ JavaScript ã®æ›¸ãæ–¹ - Qiita
JavaScriptã¯ç§»ã‚Šå¤‰ã‚ã‚Šã®æ—©ã„言語ã§ã™ã€‚ ã‚‚ã†1年以上経ã£ã¦ã„ã¾ã™ã—ã€è¨˜äº‹ã®ãƒ¡ãƒ³ãƒ†ã‚‚ã¡ã‚ƒã‚“ã¨ã§ãã¦ã„ãªã„ã®ã§ã€æ¶ˆã—線を入れるã“ã¨ã«ã—ã¾ã—ãŸã€‚ å‚考程度ã®ãŸã‚ã«è¨˜äº‹ã¯ä¸€å¿œæ®‹ã—ã¾ã™ãŒã€ã‚ˆã‚Šæ–°ã—ã„æƒ…å ±ã‚’èªã¾ã‚Œã‚‹ã“ã¨ã‚’ãŠå‹§ã‚ã„ãŸã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« --- 最近ã§ã¯ JavaScript ã®å®Ÿè¡Œç’°å¢ƒã¯ãƒ–ラウザã«é™ã‚Šã¾ã›ã‚“。（node.js, Web Workers） ã¾ãŸã€æ—§æ¥ã®ã‚ˆã†ãª <script> 経由ã§ã®ãƒãƒ¼ãƒ‰ã‚‚ã¨ã†ã«å¤ããªã£ã¦ã„ã¾ã™ã€‚今㯠CommonJS スタイルã§ã€require を用ã„ãŸãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ãƒãƒ¼ãƒ‰ã‚’è¡Œãªã†ã“ã¨ãŒã‚ˆã‚Šè‰¯ã„ã¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã§ã™ã‹ã‚‰ã€æ¬¡ã®ã‚ˆã†ãªã“ã¨ã¯æ”¹ã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ - var YourModule = {}; ãªã©ã¨ã—ã¦ã€å¤–部ã‹ã‚‰ YourModule.hoge(); ãªã©ã¨å‘¼ã³å‡ºã™æ›¸ãæ–¹ - this === window ã ã¨æ€ã†ã“㨠今回ã¯ã€
Ractive.js ã®ç´¹ä»‹ — KaoriYa
HTML ã® DOM æ“作を良ã„æ„Ÿã˜ã§éš 蔽ã—ã¦ãれる Ractive.js ã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリを紹介ã—ã¾ã™ã€‚ 本記事㯠VirtualDOM Advent Calendar 2014 ã®13日目ã®è¨˜äº‹ã§ã™ã€‚ VirtualDOM ã¨ã„ãˆã° React ã ã€ã¨è¨€ã‚ã‚“ã°ã‹ã‚Šã®æµã‚Œã§ã™ãŒã€æœ¬è¨˜äº‹ã§ã¯æ•¢ãˆã¦ Ractive.js ã‚’å–り上ã’ã¾ã™ã€‚Ractive.js ㌠VirtualDOM ã‹ã£ã¦? 確ã‹ã‚ã¦ã¿ã¾ã—ょã†ã€‚ 良ã—ã€å¤§ä¸ˆå¤«ã€‚VirtualDOMã§ã™ã€‚ Ractive.js ã¨ã¯? Ractive.js ã¯æœ¬å®¶ã‚µã‚¤ãƒˆã®èª¬æ˜Žã‚’借りれã°ã€ãƒ†ãƒ³ãƒ—レートドリブンãªUIライブラリã§ã™ã€‚ãªã‚“ã®ã“ã£ã¡ã‚ƒã‚ã‹ã‚‰ãªã„ã§ã—ょã†ã。 ã¾ãšVirtualDOMã®ãƒ¡ãƒªãƒƒãƒˆã¨ã¯ 生ã®DOMを直接æ“作ã—ãªãã¦ã‚‚ã€JavaScriptã®ã‚ªãƒ–ジェクトã ã‘ã‚’æ“作ã™ã‚Œã°ã€ä¸Šæ‰‹ã„ã“ã¨è‡ªå‹•çš„ã«æ›¸ãæ›ãˆã¦ãれる ã“ã¨ã ã¨è¨€ãˆã¾ã™ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
anime.js
How to retain scroll position of ng-repeat in AngularJS?
https://h2md.axell-embedded.com/
Hello, ES6 ~ã“ã‚Œã‹ã‚‰è¿Žãˆã‚‹JSã®ãƒŸãƒ©ã‚¤~ - @yoshiko_pg
AngularJS使ã„方メモ - Qiita
{{#tags}}- {{label}}
{{/tags}}