Announcing Rome Tools, Inc.
The JavaScript ecosystem has undergone rapid evolution in the last decade. I started Babel in 2014 not knowing what I was getting myself into, and have been offered a unique perspective watching it grow. Since then we’ve had an explosion in developer tooling and seen the web take an even bigger role in application development. Our tools haven’t caught up with this evolution though. They struggle t
GitHub - samuelgoto/proposal-optional-types: A proposal for an optional type system for JS.
Authors: @samuelgoto, @dimvar, @gbracha Early Reviewers: @adamk, @domenic, @waldemarhorwat, @erights, @slightlyoff, @dherman (mozilla), @avikchaudhuri (flow), @danielrosenwasser (typescript) This is a stage-0 proposal to add Optional Types to JS and bake them into the open web platform. For prior art (e.g. other languages, past proposals), alternatives considered (e.g. the status quo, gradual soun
Javascript Performance
We've been busy Perf Prereqs Common Perf Strategies Perf Mechanics What's Next in JS Perf?
React, Relay and GraphQL: Under the Hood of the Times Website Redesign
The New York Times website is changing, and the technology we use to run it is changing too. As the new site rolls out over the next several months, a look under the hood will reveal a number of modern technologies designed to make the site faster and easier to use — for readers, most importantly, but also for our developers. At the center of this has been our adoption of React, Relay and GraphQL.
Prepack · Partial evaluator for JavaScript
*Prepack is still in an early development stage and not ready for production use just yet. Please try it out, give feedback, and help fix bugs. What does it do? Prepack is a tool that optimizes JavaScript source code: Computations that can be done at compile-time instead of run-time get eliminated. Prepack replaces the global code of a JavaScript bundle with equivalent code that is a simple sequen
JavaScript 㧠クラスベースã®è¨è¨ˆã‚ˆã‚Šé–¢æ•°æŒ‡å‘ã®å®Ÿè£…ã‚’è–¦ã‚ã‚‹ç†ç”± + GraphQL ã«ã¤ã„㦠- mizchi's blog
最åˆã«: 「Functional Programming 最高ï¼ã€ã¨ã„ã†è©±ã§ã¯ãªã„ã§ã™ JSã¯é€šä¿¡ã‚„ストレージã«ä¿å˜ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã®æ‰±ã„ã®é–¢ä¿‚ã§ã€JSONã«ã‚·ãƒªã‚¢ãƒ©ã‚¤ã‚ºã§ãã‚‹ã“ã¨ãŒè‡³ä¸Šå‘½é¡Œã«ãªã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šã„ã®ã§ã€ã‚¯ãƒ©ã‚¹ãƒ™ãƒ¼ã‚¹ã®è¨è¨ˆã§è‡ªèº«ã«å‰¯ä½œç”¨ã‚’èµ·ã“ã™ãƒ¡ã‚½ãƒƒãƒ‰ã‚ˆã‚Šã€ã‚¤ãƒŸãƒ¥ãƒ¼ã‚¿ãƒ–ル㪠T => T ãªstatic methodã¨ã—ã¦åˆ‡ã‚Šé›¢ã—ã¦ãŠãã¨æ‰±ã„ã‚„ã™ã„ケースãŒå¤šã„— ç¾å ´ã®å£° (@mizchi) 2016å¹´9月6æ—¥ 複雑ãªã‚ªãƒ–ジェクトã®ã‚·ãƒªã‚¢ãƒ©ã‚¤ã‚ºã¯ç°¡å˜ã ã‘ã©ã€é€†ã«ã‚·ãƒªã‚¢ãƒ©ã‚¤ã‚ºã•ã‚ŒãŸã‚ªãƒ–ジェクトã‹ã‚‰ãƒ“ルダを構築ã™ã‚‹ã®ãŒé›£ã—ã„ã®ã§ã€JSONã®æ§‹é€ 体自身ã¨ã¯åˆ¥ã«ç‹¬ç«‹ã—ã¦ç‹¬ç«‹ã—ãŸãƒ¡ã‚½ãƒƒãƒ‰ã¨ã—ã¦ãƒ“ルダãŒåˆ‡ã‚Šé›¢ã•ã‚Œã¦ã„ã‚‹æ–¹ãŒæ‰±ã„ã‚„ã™ã„— ç¾å ´ã®å£° (@mizchi) 2016å¹´9月6æ—¥ 一応コンストラクタåã‚’ä¿å˜ã—ã¦ã‚·ãƒªã‚¢ãƒ©ã‚¤ã‚º/復元ã™ã‚‹æ–¹æ³•ã¯ã‚ã£ã¦ã€RPGツクールMVã®ã‚³ãƒ¼ãƒ‰ã‚’èªã‚€ã¨ãã†ã„ã†æ„Ÿã˜ã«
JavaScriptãƒãƒ£ãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ラリをé¸ã¶ã«ã‚ãŸã£ã¦è€ƒãˆãŸã“㨠- クックパッド開発者ブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒˆãƒ¬ãƒ³ãƒ‰èª¿æŸ»ãƒ©ãƒœã®äº•ä¸Šå¯›ä¹‹ï¼ˆ@inohiro）ã§ã™ã€‚ クックパッドã®æ¤œç´¢ãƒã‚°ã‚’基ã«ã—ãŸæ³•äººå‘ã‘データサービス「ãŸã¹ã¿ã‚‹ã€ã®é–‹ç™ºã‚’担当ã—ã¦ã„ã¾ã™ã€‚ 本稿ã§ã¯ã€ç¾åœ¨é–‹ç™ºã‚’è¡Œã£ã¦ã„るスマートフォンå‘ã‘ウェブアプリケーション（Rails）ã§æŽ¡ç”¨ã—ãŸã€ JavaScriptãƒãƒ£ãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ラリをé¸å®šã™ã‚‹ã«ã‚ãŸã£ã¦æ¤œè¨Žã—ãŸè¦³ç‚¹ã«ã¤ã„ã¦è¿°ã¹ã¾ã™ã€‚ ã¾ãŸã€å®Ÿéš›ã«æŽ¡ç”¨ã—ãŸãƒ©ã‚¤ãƒ–ラリã¨ã€ãã®åˆ©ç”¨ä¾‹ã‚’ç°¡å˜ã«ç´¹ä»‹ã—ã¾ã™ã€‚ ウェブ上ã«ç„¡æ•°ã«ã‚ã‚‹JavaScriptãƒãƒ£ãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ラリã‹ã‚‰ã€æœ€é©ãªã‚‚ã®ã‚’一ã¤é¸æŠžã™ã‚‹ã®ã¯ ãªã‹ãªã‹é›£ã—ã„作æ¥ã§ã¯ãªã„ã‹ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ãŠãらãã€ã“ã‚Œã‹ã‚‰è¨˜è¿°ã™ã‚‹æ¡ä»¶ã‚’満ãŸã™ãƒ©ã‚¤ãƒ–ラリã¯æ•°å¤šãå˜åœ¨ã—〠今回ç§ãŒé¸æŠžã—ãŸãƒ©ã‚¤ãƒ–ラリ以上ã«è‰¯ã„ã‚‚ã®ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ 「何を以ã£ã¦è‰¯ã„ライブラリã¨ã™ã‚‹ã‹ã€ã¨ã„ã†è°è«–ã‚‚ã¾ãŸé›£ã—ã„話題ã§ã™ã€‚ ãã®ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ラリã«ã¤ã„ã¦ã¯ã€ã¯ã¦ãƒ–コメ
Goodbye CoffeeScript, Hello TypeScript
Web apps are becoming increasingly feature-rich, and the Heap frontend is no different. We expose an interface that lets users organize their data and build custom visualizations. Nearly every interaction changes an underlying model and there are subtle rules around how the UI behaves. Our previous stack of Backbone and CoffeeScript wasn’t scaling well to a lot of common UI challenges, such as dat
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠- ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠以下ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’目処ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—を終了予定ã§ã‚る旨をãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019年末を目処ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æ供を終了ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã“ã®ãŸã³ã€æ£å¼ã«çµ‚了日を決定ã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”確èªãã ã•ã„。 終了日: 2020å¹´1月31æ—¥(金) エクスãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1月31æ—¥(金) 終了日以é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“。日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„。 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„㦠- ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã”利用ã®ã¿ãªã•ã¾ã«ã¯ã”迷惑をãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 追記 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2月28
ã•ã‚ˆãªã‚‰ CoffeeScript - mizchi's blog
prototype.js ㌠jQuery ã«ç½®ãæ›ãˆã‚‰ã‚ŒãŸæ™‚ã€é–‹ç™ºè€…ãŒæ°—ã¥ã„ãŸã®ã¯ã€è‡ªåˆ†ã«æœ¬å½“ã«å¿…è¦ã ã£ãŸã®ã¯prototypeã®ãƒ¡ã‚½ãƒƒãƒ‰æ‹¡å¼µãªã©ã§ã¯ãªãã€ã‚¯ã‚¨ãƒªã‚¨ãƒ³ã‚¸ãƒ³ã ã£ãŸã¨ã„ã†ã“ã¨ã€‚ coffeescriptãŒå½“åˆã€ç†±ç‹‚çš„ã«æ”¯æŒã•ã‚ŒãŸèƒŒæ™¯ã¯ãªã‚“ã ã£ãŸã ã‚ã†ã€‚今æ€ãˆã°ã€ãã‚Œã¯ã‚¢ãƒãƒ¼è¨˜æ³•ã¨ã‚¯ãƒ©ã‚¹æ§‹æ–‡ã ã£ãŸã¨æ€ã†ã€‚ javascriptã®é–¢æ•°åž‹ã¸ã®æ†§ã‚Œã€prototypeベースã®é™ç•Œ javascript ã¯æ–ã˜ã¦é–¢æ•°åž‹è¨€èªžã§ã¯ãªã„ãŒã€ä»–ã®è¨€èªžã¨åŒã˜ãらã„関数型言語ã«æ†§ã‚Œã¦ã„ãŸã®ã‚‚ã€ã¾ãŸäº‹å®Ÿã ã‚ã†ã€‚ã—ã‹ã—ビルトイン関数ãŒé«˜éšŽé–¢æ•°ã‚’è¦æ±‚ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã—ã¦ã¯ function ã¨ã„ã†ã‚ーワードã¯ãªãŒã™ãŽãŸã—ã€ãã® function ãŒæš—é»™ã«ä½œã‚Šå‡ºã™ this スコープã®è¤‡é›‘ãªæŒ¯ã‚‹èˆžã„も開発者ã®æ‚©ã¿ã®ç¨®ã ã£ãŸã€‚「ã‚らゆる関数スコープã§çŠ¶æ…‹ã‚’æŒã¤ã“ã¨ãŒ"ã§ãã™ãŽã‚‹"ã€ã¨ã„ã†å‰²ã‚Œçª“ã ã£ãŸã€‚ ES5
Optimize JavaScript execution  | Articles  | web.dev
Optimize JavaScript execution Stay organized with collections Save and categorize content based on your preferences. JavaScript often triggers visual changes. Sometimes that's directly through style manipulations, and sometimes it's calculations that result in visual changes, like searching or sorting data. Badly-timed or long-running JavaScript is a common cause of performance issues. You should
Rx.js, Immutable.js ã«ã¤ã„㦠- mizchi's blog
自分ã¯Immutable.jsã¨Rxã‚’ãªãœæŽ¡ç”¨ã—ãªã‹ã£ãŸã‹ã€è‡ªåˆ†ã®è€ƒãˆã‚’æ•´ç†ã™ã‚‹ãŸã‚ã«æ›¸ã出ã—ã¦ã¿ã‚‹ã€‚ 僕ã®ç†è§£ãŒåŠã‚“ã§ã„ãªã„無知ã®ã‚†ãˆã®ã‚¢ãƒ¬ã‚‚ã‚ã‚‹ã¨æ€ã†ã®ã§é–“é•ã£ã¦ã„ãŸã‚‰ç½µå€’ブコメãŠé¡˜ã„ã—ã¾ã™ã€‚ Immutalbe(.js) 扱ã†å¯¾è±¡ã‚’イミュータブルã«ã™ã‚‹ã®ã¯ãŸã¶ã‚“é–“é•ã„ãªãæ£ã—ã„。æ£ã—ã„ãŒã€ç¾æ™‚点ã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã«ãŠã„ã¦ãã®å¿…è¦æ€§ã‚’示ã›ã¦ãªã„。具体的ã«è¨€ã†ã¨ã€Immutable.jsã®110kbã®ã‚ªãƒ¼ãƒãƒ¼ãƒ˜ãƒƒãƒ‰ã®é…ä¿¡è² è·ã€èªã¿è¾¼ã¿è² è·ã€é–‹ç™ºè€…ã®å¦ç¿’コストを支払ã£ãŸã¨ãã€ãã‚Œã«è¦‹åˆã†ä¾¡å€¤ã‚’æ示ã§ãã¦ã„ã‚‹ã®ã‹ï¼Ÿã«ã¾ã ç–‘å•ãŒæ®‹ã‚‹ã€‚ PureãªJSã§ã‚‚ã€ãŸã å˜ã«ç›®çš„ã®ãƒ‡ãƒ¼ã‚¿ã‚’作るã ã‘ãªã‚‰ã€ã»ã¨ã‚“ã©ã®ã‚±ãƒ¼ã‚¹ã§çµ„ã¿è¾¼ã¿ã®array.mapã¨Object.assign(ã¾ãŸã¯ãã®ãƒãƒªãƒ•ã‚£ãƒ«)ã§ä»£ç”¨ã§ãる。(勿論生æˆã—ãŸã‚ªãƒ–ジェクトã«å‰¯ä½œç”¨ã‚’åŠ ãˆãªã„ã“ã¨ãŒå‰æã«ãªã‚‹ãŒ) ã‚ã¨åž‹ãŒãªã„環境ã§Immutab
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 対応ã—ã¦ã„
Wysihtml editor
THIS is the typewriter for the modern web.Go on, start typing here ... 1. get scriptsbower install wysihtml or download the latest release  from Github. 2. include the scripts in your HTML<!-- wysihtml core javascript with default toolbar functions --> <script src="bower_components/wysihtml/dist/wysihtml-toolbar.min.js"></script> <!-- rules defining tags, attributes and classes that are allowed --
インタラクティブ・データビジュアライゼーション
D3ã¯ã€ã‚¦ã‚§ãƒ–ページã«ãƒãƒ¼ãƒ‰ã—ãŸãƒ‡ãƒ¼ã‚¿ã‹ã‚‰ãƒ“ジュアルを生æˆã™ã‚‹JavaScriptベースã®ãƒ„ールã§ã™ã€‚本書ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒžã§ã¯ãªã„人々を対象ã¨ã—ã¦ã€D3を使ã£ãŸãƒ‡ãƒ¼ã‚¿ãƒ“ジュアライゼーションã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ビジュアルã®ã‚¹ã‚ルã¯ã‚ã‚‹ã‚‚ã®ã®ãƒ‡ãƒ¼ã‚¿ã‚„コードをã„ã˜ã£ãŸã“ã¨ãŒãªã„アーティストやグラフィックデザイナã€ã¾ãŸã¯å¤§é‡ã®ãƒ‡ãƒ¼ã‚¿ã‚’æŒã£ã¦ã„ã‚‹ãŒãƒ“ジュアルやコードを相手ã«ã—ãŸã“ã¨ãŒãªã„ã‚¸ãƒ£ãƒ¼ãƒŠãƒªã‚¹ãƒˆã‚„ç ”ç©¶è€…ãªã©ã«ã¯ã€æœ¬æ›¸ãŒå¤§ã„ã«å½¹ç«‹ã¤ã§ã—ょã†ã€‚ã‚‚ã¡ã‚ã‚“ã€ãƒ‡ãƒ¼ã‚¿ã®å¯è¦–化ã«ã¤ã„ã¦å¦ã³ãŸã„èªè€…ã«ã‚‚ãŠã™ã™ã‚ã—ã¾ã™ã€‚ ã¯ã˜ã‚㫠本書ã§ã®è¡¨è¨˜ サンプルコードã®å¼•ç”¨ã«ã¤ã„㦠å•ã„åˆã‚ã›å…ˆ è¬è¾ž 1ç« ã€€ã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ 1.1　ãªãœãƒ‡ãƒ¼ã‚¿ãƒ“ジュアライゼーションãªã®ã‹ 1.2　ãªãœã‚³ãƒ¼ãƒ‰ã‚’書ãã®ã‹ 1.3　ãªãœå¯¾è©±çš„ã«ã—よã†ã¨ã„ã†ã®ã‹ 1.4　ãªãœã‚¦ã‚§ãƒ–上ã§ãªã®ã‹ 1.5　ã“ã®æœ¬ã¯ä½•ãªã®ã‹ 1.
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - thejsway/thejsway: The JavaScript Way book
Large resolve.extensions make build process slower significantly · Issue #5205 · webpack/webpack
Backbone, Chaplin, Marionette ãã—㦠React - Quipper ã«ãŠã‘ã‚‹ Single Page Application 開発ã®å¤‰é· - Ginza.rb #26
In which 10 days of May did Brendan Eich write JavaScript (Mocha) in 1995?
Summon - コードテンプレートジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã§é–‹ç™ºç’°å¢ƒã‚’効率化ã™ã‚‹ - Qiita
{{#tags}}- {{label}}
{{/tags}}