TypeScript and Babel 7 - TypeScript
Today we’re excited to announce something special for Babel users.Over a year ago, we set out to find what the biggest difficulties users were running into with TypeScript, and we found that a common theme among Babel users was that trying to get TypeScript set up was just too hard. The reasons often varied, but for a lot of developers, rewiring a build that’s already working can be a daunting tas
PhobosLab
Decode It Like It's 1999 A few years ago I started to work on an MPEG1 Video decoder, completely written in JavaScript. Now, I finally found the time to clean up the library, improve its performance, make it more error resilient and modular and add an MP2 Audio decoder and MPEG-TS demuxer. This makes this library not just an MPEG decoder, but a full video player. In this blog post I want to talk a
ゼãƒã‹ã‚‰å§‹ã‚ã‚‹JavaScript生活 - Qiita
（訳者注: ã“ã‚Œã¯ã€JavaScript Stack from Scratchを翻訳ã—ã€ã¾ã¨ã‚ã¦èªã‚るよã†ã«1ファイルã«ã—ãŸã‚‚ã®ã§ã™ã€‚å…ƒã®ç¿»è¨³ã¨å„種ファイルã«ã¤ã„ã¦ã¯ã€æ—¥æœ¬èªžè¨³forkリãƒã‚¸ãƒˆãƒªã‚’å‚ç…§ã—ã¦ãã ã•ã„。ã¾ãŸã€åŽŸæ–‡ãŒæ´»ç™ºã«æ›´æ–°ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€è¨³æ–‡ã‚‚追従ã—ã¦æ›´æ–°ã•ã‚Œã¾ã™ã€‚ã”了承ãã ã•ã„。） ゼãƒã‹ã‚‰å§‹ã‚ã‚‹JavaScript生活 モダンJavaScriptスタックãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€ã‚¼ãƒã‹ã‚‰å§‹ã‚ã‚‹JavaScript生活ã¸ã‚ˆã†ã“ã。 âš ï¸ï¸ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ã‚¢ãƒƒãƒ—デート版を3月åˆæ—¬ã«å…¬é–‹ã™ã‚‹äºˆå®šã§ã™ã€‚ã”期待下ã•ã„! より詳ã—ã(英語). ã“ã‚Œã¯JavaScriptスタックを使ã„始ã‚ã‚‹ãŸã‚ã®æœ€çŸæœ€é€Ÿã®ã‚¬ã‚¤ãƒ‰ã§ã™ã€‚ã“ã®ã‚¬ã‚¤ãƒ‰ã¯ä¸€èˆ¬çš„ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çŸ¥è˜ã¨JavaScriptã®åŸºç¤Žã‚’å‰æã¨ã—ã¦ã„ã¾ã™ã€‚ã“れら全ã¦ã®ãƒ„ールを一緒ã«ã¤ãªãŽåˆã‚ã›ã‚‹ã“ã¨ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦ãŠã‚Šã€å„ツールã«ã¤
Modern JavaScript概観ã€ãã—ã¦Electron㸠| ã•ã«ã‚らãš
ã“ã®ä¸€ã‹æœˆåˆ†ã®å¦ç¿’æˆæžœã‚’æ•´ç†ã—ãŸãƒªãƒã‚¸ãƒˆãƒªã‚’作ã£ãŸã®ã§ã€ãã®æˆæžœã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠã。 作ã£ãŸã‚µãƒ³ãƒ—ルプãƒã‚¸ã‚§ã‚¯ãƒˆã ã‘を手軽ã«æ¬²ã—ã‘ã‚Œã°ã€ã“ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’ clone ã—ã¦ã»ã—ã„。 taichi/js-boilerplatemaster ブランãƒã«ã¯ã€ãƒŸãƒ‹ãƒžãƒ 㪠JavaScript 開発環境ãŒã‚µãƒ³ãƒ—ルコード付ãã§å…¥ã£ã¦ã„ã‚‹frontend ブランãƒã«ã¯ã€React/Redux/webpackãªã‚¦ã‚§ãƒ–アプリケーション用ã®é–‹ç™ºç’°å¢ƒãŒå…¥ã£ã¦ã„るデフォルトブランãƒã«ã—ã¦ã‚ã‚‹ electron ブランãƒã«ã¯ã€frontend ブランãƒã®å†…容ã«åŠ ãˆã¦Electronã§ã‚¢ãƒ—リケーションを開発ã™ã‚‹ãŸã‚ã®ç’°å¢ƒãŒå…¥ã£ã¦ã„ã‚‹ã¯ã˜ã‚ã«#最近㮠JavaScript ã«ã¤ã„ã¦#僕ã¯ä»•äº‹ã¨ã—㦠JavaScript を書ã„ã¦ã„る訳ã§ã¯ãªã„ã‘ã©ã‚‚ã€ã“ã®åŠå¹´ãらã„ã®é–“ã«ã¡ã‚‡ã£ã¨ã—ãŸãƒ„ールãªã‚‰ã„ãã¤ã‹ä½œã£ãŸã€‚ã©ã¡ã‚‰ã‚‚便利
Next.js – Vercel
This blog post will go into the philosophy and design decisions of the project. To learn how to use Next.js instead, please refer to the README, where you can learn the entirety of the tool's capabilities in just a few minutes. First we'll dive into the background of the project and then describe 6 basic principles: Zero setup. Use the filesystem as an APIOnly JavaScript. Everything is a functionA
GitHub - copy/v86: x86 PC emulator and x86-to-wasm JIT, running in the browser
or #v86 on irc.libera.chat v86 emulates an x86-compatible CPU and hardware. Machine code is translated to WebAssembly modules at runtime in order to achieve decent performance. Here's a list of emulated hardware: An x86-compatible CPU. The instruction set is around Pentium 4 level, including full SSE3 support. Some features are missing, in particular: Task gates, far calls in protected mode Some 1
Bringing ChakraCore to Linux and OS X
In January, we open-sourced ChakraCore, the core of the Chakra JavaScript engine that powers Microsoft Edge and Universal Windows Platform. We expressed our ambition to bring our best-in-class, but Windows-only, JavaScript engine to other platforms, with Linux as the prioritized target. Today at NodeSummit, we are delighted to share our progress – the first experimental implementation of ChakraCor
WebPack-Dev-Serverã‹ã‚‰Browsersyncã«ä¹—ã‚Šæ›ãˆãŸ | // sakura note
å‰ã€…回㫠モダンãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒã‚’ã¤ãã‚‹ ã¨ã„ã†è¨˜äº‹ã‚’書ãã¾ã—ãŸãŒã€ãã®ä¸ã§ä½¿ã£ãŸ WebPack-Dev-Server ã‚’æ¨ã¦ãŸã®ã§ãã®èƒŒæ™¯ã¨ã€Step-by-Stepã®å°Žå…¥ãƒ•ãƒãƒ¼ã‚’書ã„ã¦ã¿ã¾ã™ã€‚ WebPack-Dev-Server ã‚’æ¨ã¦ãŸç†ç”± 大ãã次ã®å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ Scssã§@importã•ã‚Œã¦ã„るファイルを変更ã—ã¦ã‚‚ã€æ£ã—ãビルドã•ã‚Œãªã„ TypeScriptã®importã¯å•é¡Œãªã„ ビルド時ã«ãƒžãƒƒãƒ—ファイルãŒç”Ÿæˆã•ã‚Œãšã€ãƒã‚°ãŒç™ºç”Ÿã—ãŸã¨ãã«ãã®ã¾ã¾èª¿æŸ»ã«å…¥ã‚Œãªã„ ビルドçµæžœãŒã‚¤ãƒ³ãƒ¡ãƒ¢ãƒªã§ã‚µãƒ¼ãƒ–ã•ã‚Œã‚‹ãŸã‚ã€ãƒ“ルドã•ã‚ŒãŸã‚½ãƒ¼ã‚¹ã‚’確èªã™ã‚‹ã«ã¯åˆ¥é€” webpack コマンドを打ãŸãªãã¦ã¯ã„ã‘ãªã„ 特ã«1番目ã®ã‚‚ã®ãŒã‚¯ãƒªãƒ†ã‚£ã‚«ãƒ«ã§ã€CSSã‚’é©ç”¨ã™ã‚‹æ®µéšŽã§ã¯æ¯Žå›žwebpackコマンドを打ã£ã¦å®Ÿéš›ã«ãƒ“ルドã—ãªãã¦ã¯ãªã‚‰ãšã€ä½¿ã„物ã«ãªã‚‰ãªã‹ã£ãŸãŸã‚ã§ã™ã€‚ ã“ã®3ã¤ã®å•é¡Œã‚’ã™ã¹ã¦
GitHub - seatgeek/react-infinite: A browser-ready efficient scrolling container based on UITableView
Coffee, jQueryã§æ›¸ã„ã¦ã„ãŸElectronアプリをES6, React, Reduxã§æ›¸ãç›´ã—㟠- k0kubun's blog
Electronベースã®Twitterクライアント: Nocturn Electronã§YoruFukurou風ã®Twitterクライアントを作ã£ãŸ - k0kubun's blog ã®æ™‚ã«CoffeeScriptã¨jQueryã§ä½œã£ã¦ã„ãŸNocturnã¨ã„ã†TwitterクライアントãŒã‚ã‚Šã€ã“れをES6, React, Reduxを使ã£ã¦æ›¸ãç›´ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ãã®æ™‚ã«å¾—ãŸçŸ¥è¦‹ã€æ„Ÿã˜ãŸäº‹ã‚’書ã„ã¦ãŠã。 移行ã—ãŸã‚¹ã‚¿ãƒƒã‚¯ã¨ç§»è¡Œæ™‚ã«æ„Ÿã˜ãŸã“㨠ã‚らã‹ã˜ã‚ãŠæ–ã‚Šã—ã¦ãŠãã¨ã€åƒ•ã¯æ™®æ®µã¯Rubyã§ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã®å®Ÿè£…ã‚„é‹ç”¨ã‚’ã‚„ã£ã¦ã„る人ã§ã‚ã‚Šã€JavaScriptã«é–¢ã—ã¦ã¯ã»ã¼ç´ 人ã®æ„見ãªã®ã§ã€ä»¥ä¸‹ã¯Reactã¨ã‹Redux興味ã‚ã‚‹ã‘ã©ã¾ã 触ã£ãŸã“ã¨ãªã„ã§ã™ã¿ãŸã„ãªäººå‘ã‘ã®å†…容ã«ãªã‚‹ã¨æ€ã†ã€‚ CoffeeScript → ES6 移行 å‚考: 春ã‹ã‚‰ã¯ã˜ã‚るモダンJavaScript / ES201
春ã‹ã‚‰ã¯ã˜ã‚るモダンJavaScript / ES2015 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 春ã§ã™ãï¼äººã®é…ç½®ãŒãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã•ã‚Œã€ã‚³ãƒ¼ãƒ‰ã‚‚リファクタリングã®å£ç¯€ã§ã™ã€‚ ã§ã¯åƒ•ãŒã“ã“ã§ãƒ¢ãƒ€ãƒ³ãªJavaScriptã¨ES2015ã®åˆ©ç‚¹ã‚’語る役をやるã®ã§ã€ã¿ãªã•ã‚“ã¯ãƒãƒ¼ãƒ を説得ã™ã‚‹å½¹ã‚’ã‚„ã£ã¦ãã ã•ã„。 JavaScriptã®æ´å² ã¾ãšæœ€åˆã«JavaScriptã®æ´å²ã‚’è¸ã¾ãˆã‚‹ã“ã¨ã§ã€ä»Šå¦ã¶ã¹ãã‚‚ã®ã¨ãã®ç†ç”±ã‚’確èªã—ã¾ã—ょã†ã€‚ ãªãœ2016å¹´ã®è¨˜äº‹ã§ES2016ã§ã¯ãªãã€ES2015ãªã®ã‹ã€ã¨ç–‘å•ã«æ€ã£ãŸæ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ãã‚Œã¯ã€ES2015ãŒãŸã ã®å¹´æ¬¡ã‚¢ãƒƒãƒ—デートã§ã¯ãªãã€ã“ã‚Œã‹ã‚‰å§‹ã¾ã‚‹æ¯Žå¹´ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã®èµ·ç‚¹
RxJSã§MVVMã‚„ã£ã¦ã‚‹ - @hadashiA
Rxã¯ã€ã™ã”ãUIを書ãã®ã«å‘ã„ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚アプリケーションã®çŠ¶æ…‹ã‚’山盛りã®å¤‰æ•°ã§ç®¡ç†ã™ã‚‹ã“ã¨ã‹ã‚‰è§£æ”¾ã•ã‚Œã€çŠ¶æ…‹ã‹ã‚‰çŠ¶æ…‹ã¸å¤‰æ›ã™ã‚‹é–¢æ•°ã‚’書ã‘ã°ã‚ˆããªã‚‹ã‹ã‚‰ã€‚ éžåŒæœŸå‡¦ç†ã‚’åŒæœŸã£ã½ã書ããŸã„ãªã‚‰await ã§ã„ã„ã˜ã‚ƒã‚“。UIイベントを宣言的ã«æ›¸ããŸã‘れ㰠2-wayãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãŒã‚ã‚Œã°è‰¯ã„ã˜ã‚ƒã‚“。ã¨ã„ã†è©±ã§ã¯çµ‚ã‚らãšã€ãã®è¾ºã®å•é¡Œè§£æ±ºã«åŠ ãˆã¦ã€å€¤ã®ç™ºç”Ÿå™¨ã‚’å…¨ã¦åŒã˜å®£è¨€ã«ã¾ã¨ã‚られã€çŠ¶æ…‹å¤‰æ•°ãŒãªããªã‚‹ã¨ã“ã‚ãŒæ›¸ã„ã¦ã„ã¦æ¥½ã—ã„ã¨ã“ã‚ã§ã™ã€‚ // ãŸã¨ãˆã°ã€ã€ Observable.fromEvent(searchBox, 'input') // 検索窓ã«å—ãŒæ‰“ã¡ã“ã¾ã‚ŒãŸã‚‰ .debounce(500) // 0.5秒ã”ã¨ã« .map(e => e.target.value) // 入力ã•ã‚ŒãŸãƒ†ã‚ストを .filter(q => q.length > 0) // 1æ–‡å—以上ã®å ´åˆã
React / Flux を実案件ã§ä½¿ã£ã¦ã¿ãŸ
自己紹介 Name : Takuto Wada github : twada twitter : t_wada hatena : t-wada TDD ã¨ãƒ©ã‚¤ã‚ªãƒ³ã®äºº power-assert ã®äºº React / Flux を知ã£ãŸãã£ã‹ã‘ mizchi ã•ã‚“ã®ã‚¨ãƒ³ãƒˆãƒª (ã‚ãªãŸãŒReactを使ã†ã¹ãç†ç”±) ã ã£ãŸã¨æ€ã† 日本語ã®æƒ…å ±ã¯ã»ã¨ã‚“ã©ç„¡ã‹ã£ãŸãŒã€ã‚¨ãƒƒã‚¸ç³»ã®äººãŸã¡ãŒé¨’ãŽå‡ºã—㟠& 海外ã§åœ§å€’çš„ã«äº‹ä¾‹ãŒå¢—ãˆå‡ºã—ãŸã®ã§èˆˆå‘³ã‚’æŒã£ãŸ Rendr ã® AirBnb ㌠React を使ã„始ã‚ãŸã“ã¨ã‚’知りã€ã“ã‚Œã¯æ±ºå®šçš„ã ã¨æ€ã£ãŸ React ã‚’ã©ã†å‹‰å¼·ã—ãŸã‹ å…¬å¼ãƒ‰ã‚ュメントã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå……実ã—ã¦ã„ã‚‹ ã¾ãš Tutorial ã‚’ãã®ã¾ã¾å†™çµŒ 次㫠browserify + reactify 㧠Tutorial ã‚’ã‚‚ã†ä¸€å‘¨ã‚„ã£ã¦ã¿ã‚‹ (showdownã¯browserify 対応ã—ã¦ã„
Flux reactç¾çŠ¶ç¢ºèªä¼š
2. å‰æã¨ãªã‚‹é©ç”¨å…ˆ • 管ç†ç”»é¢çš„ãªWebアプリケーションã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ« …ã ã£ãŸã‚‚ã®ï¼ˆä»®ï¼‰ • REST APIã‚’å‰æã¨ã—ãŸSingle Page Applicationã‚‚ã©ã （※ã™ã¹ã¦ãŒ1ページã§ã¯ãªã„ã‘ã©ï¼‰ • 機能・画é¢ãŒå¤šã„ • 複雑化ã™ã‚‹ã“ã¨ãŒã»ã¼ç¢ºå®Ÿ 3. Viewã¸ã®è¦æ±‚äº‹é … • 統一ã•ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã§UIã¨ãªã‚‹HTMLを生æˆã§ãã‚‹ • ãªã‚‹ã¹ãç°¡å˜ã«æ›¸ã‘ã‚‹ã“ã¨ï¼ˆå«ã‚»ã‚ュリティリスク回é¿ï¼‰ （生DOM・jQueryã¯ã‚ã‚Šå¾—ãªã„） • æ¥ç•Œã«ãŠã‘るパラダイムãŒéŽæ¸¡æœŸã®ãŸã‚〠巨大フレームワークã«ä¹—ã£ã‹ã‚ŠãŸãã¯ç„¡ã„ （交æ›å¯èƒ½ãªéƒ¨å“ã®çµ„ã¿åˆã‚ã›ã§ãƒ—レーンã«ï¼‰ • å›°ã£ã¦ã‚‚ãªã‚“ã¨ã‹å‡ºæ¥ã‚‹ãŸã‚ã®ç·Šæ€¥ãƒãƒƒãƒã‚‚å¿…è¦
Amaze: Empowering Creators to Sell Anything, Anywhere
Create any product you can imagine and sell it everywhere. We remove the roadblocks—supply chain, global shipping, and customer service—so you can focus on your creativity. With automatic storefronts on platforms like YouTube, TikTok and more, your fans can easily buy what they love from you. You create. We handle the rest.
Promises: ブラウザーJavaScriptã®æ–°ã—ã„éžåŒæœŸæ¨™æº–ã«ãªã‚‹ã‹ï¼Ÿ
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ 第2版 何åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ック「Practical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootを使ã£ãŸREST API構築ã®åŸºç¤Žã‚’å¦ã‚“ã 。ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ãリリースã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 を使用ã—ã¦ã„る。ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘リリースã•ã‚Œã€é‡è¦ãªå¤‰...
pushState()ã¨headè¦ç´ ã®å
ページã®ä¸€éƒ¨ã ã‘å·®ã—替ãˆã¦pushState()ã§è¡¨ç¤ºã•ã‚Œã‚‹URLã ã‘ã‚’æ›´æ–°ã¨ã„ã†æ‰‹æ³•ãŒåºƒã¾ã‚Šã—ã°ã‚‰ã経ã£ãŸã€‚全般的ã«ç´ 晴らã—ã„仕組ã¿ã§ã€ã¿ã‚“ãªã©ã‚“ã©ã‚“使ãˆã°è‰¯ã„ã¨æ€ã†ã®ã ã‘ã©ã€headè¦ç´ ã®åã®ã“ã¨ã‚’ã¡ã‚‡ã£ã¨æ°—ã«ã—ã¦æ¬²ã—ã„ã‹ãªã¨æ€ã†ã€‚ よã見る駄目ãªã‚±ãƒ¼ã‚¹ã¯RSS Auto-discoveryãŒæ»ã¬ã‚‚ã®ã€‚例ãˆã°Mediumã®ãƒˆãƒƒãƒ—ページã«ã¯RSS Auto-discoveryã¯ãªã„ã®ã§ã€Firefoxã®è³¼èªãƒ„ールãƒãƒ¼ãƒ»ãƒœã‚¿ãƒ³ã¯ã‚‚ã¡ã‚ん無効ã®ã¾ã¾ã€‚ãã“ã‹ã‚‰ã‚«ãƒ†ã‚´ãƒªã‚„ユーザーã®ãƒšãƒ¼ã‚¸ã«ç§»å‹•ã—ã¦ã‚‚無効ã®ã¾ã¾ãªã®ã§ã€RSSãŒç„¡ã„よã†ã«è¦‹ãˆã‚‹ãŒå®Ÿéš›ã¯ã‚る。コンテンツ部分ã®å·®ã—替ãˆã®ã¿ã§ã€rel="alternate"を指定ã—ãŸlinkè¦ç´ ãŒè¿½åŠ ã•ã‚Œãªã„ãŸã‚ã€æœ‰åŠ¹ã«ãªã‚‰ãªã„。ã“ã‚Œã§ã¯RSSã‚’è³¼èªã—よã†ã¨æ€ã£ã¦ã‚‚ãªã‹ãªã‹é›£ã—ã„。 ã¾ãŸã€Firefoxã§Mediumã§ç‰¹å®šã®ã‚«ãƒ†ã‚´ãƒªã‚’直接開ã„ãŸå ´åˆã¯è³¼èª
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - krasimir/react-in-patterns: A free book that talks about design patterns/techniques used while developing with React.
http://blog.axross.org/entry/2014/12/25/100000
Introduction to React
{{#tags}}- {{label}}
{{/tags}}