Openbase: discover the best open-source packagesOpenbase helps you choose packages with reviews, metrics & categories. Learn more
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
Written by Cody Lindley Sponsored by Frontend Masters, advancing your skills with in-depth, modern front-end engineering courses Download: PDF | epub Overview: This is a guide that everyone can use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2019. It is s
Callback を撲滅ã›ã‚ˆ
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog ã“ã‚“ã«ã¡ã¯ã€‚言語サãƒãƒ¼ãƒˆï¼ˆNode.js）ãƒãƒ¼ãƒ ã®ä¼Šè—¤ï¼ˆ@koh110）ã§ã™ã€‚ Node.js v10 ã‚‚10月ã«LTSã¨ãªã‚Š async/await ã«ã‚ˆã‚‹ãƒ•ãƒãƒ¼åˆ¶å¾¡ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«åˆ©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚JavaScriptã®éžåŒæœŸå‡¦ç†ã¯ async/await ã‹ã‚‰è¦šãˆã‚‹äººã‚‚今後増ãˆã¦ã„ãã§ã—ょã†ã€‚今回ã¯ãã‚“ãªéžåŒæœŸå‡¦ç†ã«ã¤ã„ã¦ã€ç¤¾å†…ã§ã®äº‹ä¾‹ã‚’交ãˆã¦è¨˜äº‹ã‚’書ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ index Promise 化ãŒãªãœé‡è¦ãªã®ã‹ ユーザー㫠promisify ã‚’ã•ã›ã‚‹è½ã¨ã—ç©´ Road to Promise ã¾ã¨ã‚ Promise 化ãŒãªãœé‡è¦ãªã®ã‹ ã¡ã‚‡ã†ã©3å¹´å‰ã®ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã§ã€ä»Šå¾Œã¯ã„ã‚ã„ã‚ãªãƒ¢ã‚¸ãƒ¥ãƒ¼
GitHub - facebook/jscodeshift: A JavaScript codemod toolkit.
$ jscodeshift --help Usage: jscodeshift [OPTION]... PATH... or: jscodeshift [OPTION]... -t TRANSFORM_PATH PATH... or: jscodeshift [OPTION]... -t URL PATH... or: jscodeshift [OPTION]... --stdin < file_list.txt Apply transform logic in TRANSFORM_PATH (recursively) to every PATH. If --stdin is set, each line of the standard input is used as a path. Options: "..." behind an option means that it can be
Socket.IO: the cross-browser WebSocket for realtime apps.
Socket.IOBidirectional and low-latency communication for every platform PerformantIn most cases, the connection will be established with WebSocket, providing a low-overhead communication channel between the server and the client. ReliableRest assured! In case the WebSocket connection is not possible, it will fall back to HTTP long-polling. And if the connection is lost, the client will automatical
2018å¹´ã®â€JavaScript†å†å…¥é–€/re-learning-about-js-in-2018
KMC春åˆå®¿2018ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™
Webpackã®ãƒ“ルド時間をçŸãã™ã‚‹ãŸã‚ã®å–り組㿠- freee Developers Hub
メリークリスマス。freeeã§ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ã¾ã™ @yo_waka ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ freee Developers Advent Calendar 2017 ã®25日目ã§ã™ã€‚ Webpack ã§ãƒ“ルドã—ã¦ã¾ã™ã‹ï¼Ÿåƒ•ã¯ä»Šæ—¥ã‚‚ビルドã—ã¦ã„ã¾ã™ã€‚ 弊社ã§ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ルド㫠Webpack を用ã„ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã‚µãƒ¼ãƒ“スã®è¦æ¨¡ãŒå¤§ãããªã‚‹ã¨ã¨ã‚‚ã«ãƒ“ルド時間ãŒé•·ããªã£ã¦ãã¦å›°ã£ã¦ãã¾ã—ãŸã€‚ 会計freee ã¨ã„ã†ã‚µãƒ¼ãƒ“スã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è¦æ¨¡çš„ã«ã¯ã“ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ JSコード行数: 275421è¡Œ Webpack エントリãƒã‚¤ãƒ³ãƒˆæ•°: 108 ãã“ãã“ã§ã™ã。 ç…©æ‚©ã®æ•°ã ã‘JSã®ã‚¨ãƒ³ãƒˆãƒªãƒã‚¤ãƒ³ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ エントリãƒã‚¤ãƒ³ãƒˆãŒå¤šã„ç†ç”±ã¯ã€å…ƒã€…㯠Rails ã®æ¨™æº–ã§ã‚ã‚‹ Sprockets ã®ã¿ã§ãƒ“ルドã—ã¦ã„ãŸã‚‚ã®ã‚’å°‘ã—ãšã¤ç§»è¡Œã—ã¦ã„ã£ãŸãŸã‚ã§ã™ã€‚ 元々SPAã§ä½œã‚‰ã‚Œã¦ã„るアプ
xoã¨avaã§ãŠæ‰‹è»½ãƒªãƒ³ãƒˆãƒ»ãƒ†ã‚¹ãƒˆç’°å¢ƒæ§‹ç¯‰ - MOL
元旦ã«StyleStats v7.0をリリースã—ãŸã€‚ã‚ã§ãŸã„ã“ã¨ã （知らんã‘ã©ï¼‰ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—作æ¥ã¯ä¾‹ã®ã”ã¨ãä¾å˜ã™ã‚‹npm modulesをアップデートã—ã¦çµ‚ã‚ã‚Šã¨ã„ã†ã®ãŒt32kã®ä¼å®¶ã®å®åˆ€ã ãŒã€ã›ã£ã‹ããªã®ã§ä»Šå›žã¯ES6ã«æ›¸ãæ›ãˆã‚ˆã†ã¨æ€ã£ãŸã€‚ ã—ã‹ã—ã€ãれもfunctionã‚’ã‚¢ãƒãƒ¼é–¢æ•°ã«å¤‰æ›´ã™ã‚‹ãらã„ã ã‚ã†ã¨ã€ã‚¿ã‚«ã‚’ããã£ã¦ã„ãŸãŒã€æ›¸ã出ã—ã¦ã¿ã‚‹ã¨ã€1000chå›ãƒ‘イセンã®ç…½ã‚Šæ„è˜é«˜ã„レビューコメントã®ãŠã‹ã’ã§ã€ã„ã‚ã„ã‚勉強ã•ã›ã¦ã‚‚らã£ãŸã€å¤šè¬( ˘ω˘)ï¼ ESLint ESLint - Pluggable JavaScript linter ã‚¢ãƒãƒ¼é–¢æ•°ã«å¤‰æ›´ã™ã‚‹ã ã‘ã£ã¦ã®ã‚‚ã‚ã‚Œã ã‹ã‚‰ã€ã¡ã‚ƒã‚“ã¨ESlintã‚‚ES6用ã®è¨å®šã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—よã†ã¨æ€ã„å¿…æ»ã“ã„ã¦.eslintrcã¨ã«ã‚‰ã‚ã£ã“ã—ã¦ã„ãŸã€‚ã¨ã„ã£ã¦ã‚‚下記ã®è¨˜äº‹ã‚’å‚考ã«ã—ãŸã ã‘ã ãŒã€‚ ESLint 最åˆã®ä¸€æ© - Qii
Storybook Driven Development
Style-guide driven development is a fantastic idea about how to keep a style guide from becoming outdated due to neglect. developed the idea while working at Pivotal Labs in New York. The idea is simple: Build your User Interface in your style guide first What this means is that when building new features or updating existing components, you open up your style guide and write the code you need to
Server.js
server.js for Node.js Powerful server for Node.js that just works so you can focus on your awesome project: // Include it and extract some methods for convenience const server = require('server'); const { get, post } = server.router; // Launch server with options and a couple of routes server({ port: 8080 }, [ get('/', ctx => 'Hello world'), post('/', ctx => { console.log(ctx.data); return 'ok'; }
lodash
A modern JavaScript utility library delivering modularity, performance & extras.
deeplearn.jsã‚’é ãã‹ã‚‰ãã£ã¨çœºã‚ã¦ã¿ãŸ | adamrocker
Googleã‹ã‚‰ç™ºè¡¨ã•ã‚ŒãŸæ©Ÿæ¢°å¦ç¿’ã®ãŸã‚ã®JavaScriptライブラリã®deeplearn.jsを眺ã‚ã¦ã¿ãŸã®ã§ã€çºã‚ã¦ãŠãã¾ã™ã€‚ オフィシャルをèˆã‚ã¦ã€ã©ã†ã„ã†ã‚‚ã®ã‹ã€ã“ã‚Œã‹ã‚‰ã©ã‚“ãªæ„Ÿã˜ã«ãªã£ã¦ã„ãã‹ï¼ˆã„ã£ã¦ã»ã—ã„ã‹ï¼‰ã‚’ダラã£ã¨ã‚¿ãƒ¬ã¾ã™ã€‚ æ³¨æ„ çœºã‚ãŸã®ã¯v0.1.0ãªã®ã§ã€å†…容ãŒä»Šå¾Œå¤§å¹…ã«å¤‰æ›´ã«ãªã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ï¼ˆã¨ã„ã†ã‹ã‚る）。 触ã£ãŸç’°å¢ƒ MacBook Pro (Retina, 15-inch, Mid 2015) - プãƒã‚»ãƒƒã‚µ: 2.5GHz Intel Core i7 - メモリ: 16GB 1600 MHz DDR3 - グラフィックス: AMD Radeon R9 M370X 2048 MB Chrome 60.0.3112.101 (Official Build) (64ビット) deeplearn.js v0.1.0 Exampleを眺ã‚ã‚‹ 何ãŒã§ãã‚‹ã‹ã‚’眺ã‚ã‚‹
Wallaby - Immediate JavaScript test feedback in your IDE as-you-type
Wallaby.js runs your JavaScript and TypeScript tests as you type, streaming results next to your code. It also feeds rich runtime context to AI tools to help you write and fix code faster. Instant Actionable Feedback Time Travel Debugger Practical Test Insights Test run results and coverage update in real time, right next to your code. Tools like time travel debugging and value explorer help you f
2017å¹´JavaScriptã®ãƒ†ã‚¹ãƒˆæ¦‚è«– | POSTD
本稿ã¯ã€JavaScriptã®ãƒ†ã‚¹ãƒˆã«ã¤ã„ã¦æœ€ã‚‚é‡è¦ãªæ ¹æ‹ ã€ç”¨èªžã€ãƒ„ールã€ã‚¢ãƒ—ãƒãƒ¼ãƒãªã©ã®çŸ¥è˜ã‚’身ã«ç€ã‘ã‚‹ã“ã¨ã‚’目的ã¨ã—ãŸç°¡ç•¥ç‰ˆã‚¬ã‚¤ãƒ‰ãƒ–ックã§ã™ã€‚本稿ã§æ¤œè¨Žã™ã‚‹æ•°ã€…ã®å´é¢ã«é–¢ã™ã‚‹æœ€æ–°ã®ç§€é€¸ãªè¨˜äº‹ã‚‚紹介ã—ã¤ã¤ã€ç§ãŸã¡ãŒçµŒé¨“çš„ã«å¾—ãŸã“ã¨ã‚‚多少付ã‘åŠ ãˆãŸã„ã¨æ€ã„ã¾ã™ã€‚ Facebookã«ã‚ˆã‚‹ãƒ†ã‚¹ãƒˆç”¨ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã‚ã‚‹Jestã®ãƒã‚´ã‚’ã”覧ãã ã•ã„。 見ã¦ãŠåˆ†ã‹ã‚Šã®ã‚ˆã†ã«ã€ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯ã€Œè‹¦ç—›ã®ãªã„ã€JavaScriptã®ãƒ†ã‚¹ãƒˆã‚’スãƒãƒ¼ã‚¬ãƒ³ã«æŽ²ã’ã¦ã„ã¾ã™ã€‚ã—ã‹ã—〠“次ã®ã‚ˆã†ã«è¨€ã†äººâ€ ã‚‚ã„ã¾ã™ã€‚ 苦痛ã®ãªã„テストãªã‚“ã¦ã‚ã‚Šå¾—ãªã„。 実際ã€Facebookã¯ã“ã®ã‚¹ãƒãƒ¼ã‚¬ãƒ³ã‚’掲ã’ã‚‹ã ã‘ã®ç´ 晴らã—ã„ç†ç”±ãŒã‚ã‚Šã¾ã™ã€‚一般的ã«JSã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘㯠Webサイトã®ãƒ†ã‚¹ãƒˆã«ã‚ã¾ã‚Šæº€è¶³ã—ã¦ã„ã¾ã›ã‚“ 。JSã®ãƒ†ã‚¹ãƒˆã«ã¯åˆ¶é™ãŒã‚ã‚Šã€å®Ÿè£…ãŒé›£ã—ãã€ä½Žé€Ÿã§ã‚る傾å‘ãŒã‚ã‚Šã¾ã™ã€‚ 一方ã€æ£ã—ã„戦略を立ã¦ã¦é©åˆ‡ã«ãƒ„ールを
Visualization of npm dependencies
Visualization of npm dependencies
Modern JavaScript概観ã€ãã—ã¦Electron㸠| ã•ã«ã‚らãš
ã“ã®ä¸€ã‹æœˆåˆ†ã®å¦ç¿’æˆæžœã‚’æ•´ç†ã—ãŸãƒªãƒã‚¸ãƒˆãƒªã‚’作ã£ãŸã®ã§ã€ãã®æˆæžœã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠã。 作ã£ãŸã‚µãƒ³ãƒ—ルプãƒã‚¸ã‚§ã‚¯ãƒˆã ã‘を手軽ã«æ¬²ã—ã‘ã‚Œã°ã€ã“ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’ clone ã—ã¦ã»ã—ã„。 taichi/js-boilerplate master ブランãƒã«ã¯ã€ãƒŸãƒ‹ãƒžãƒ 㪠JavaScript 開発環境ãŒã‚µãƒ³ãƒ—ルコード付ãã§å…¥ã£ã¦ã„ã‚‹ frontend ブランãƒã«ã¯ã€React/Redux/webpackãªã‚¦ã‚§ãƒ–アプリケーション用ã®é–‹ç™ºç’°å¢ƒãŒå…¥ã£ã¦ã„ã‚‹ デフォルトブランãƒã«ã—ã¦ã‚ã‚‹ electron ブランãƒã«ã¯ã€frontend ブランãƒã®å†…容ã«åŠ ãˆã¦Electronã§ã‚¢ãƒ—リケーションを開発ã™ã‚‹ãŸã‚ã®ç’°å¢ƒãŒå…¥ã£ã¦ã„ã‚‹ ã¯ã˜ã‚ã«â€‹ 最近㮠JavaScript ã«ã¤ã„ã¦â€‹ 僕ã¯ä»•äº‹ã¨ã—㦠JavaScript を書ã„ã¦ã„る訳ã§ã¯ãªã„ã‘ã©ã‚‚ã€ã“ã®åŠå¹´ãらã„ã®é–“ã«ã¡ã‚‡ã£ã¨ã—ãŸãƒ„ールãªã‚‰ã„ãã¤ã‹ä½œã£ãŸã€‚
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
npm semantic version calculator
https://renovateapp.com/
Monaco Editor
GitHub - enzymejs/enzyme: JavaScript Testing utilities for React
{{#tags}}- {{label}}
{{/tags}}