Snowpack
Update (April 20, 2022): Snowpack is no longer actively maintained and is not recommended for new projects. Check out Vite for a well-maintained Snowpack alternative. See also: esbuild, parcel What is Snowpack?Snowpack is a lightning-fast frontend build tool, designed for the modern web. It is an alternative to heavier, more complex bundlers like webpack or Parcel in your development workflow. Sno
Testing Frameworks for Javascript | Write, Run, Debug | Cypress
design-system assets cypress e2eAuthentication.cy.ts src componentsButton.cy.tsxButton.tsx describe('Auth', () => { it('user should be able to log in', () => { cy.visit('/') // open the login modal cy.get('button').contains('Login').click() // fill in the form cy.get('input[type="email"]').type('[email protected]') cy.get('input[type="password"]').type('test123') // submit the form
Vueを昔触ã£ãŸå¾ŒReactã‚’ã©ã£ã·ã‚Šè§¦ã£ã¦ã‚‚ã†ä¸€å›žVueを触ã£ã¦Reactã«æˆ»ã£ã¦å¾—ãŸæ„Ÿæƒ³
最近Reactã¨Vueã‚’ã©ã£ã¡ã‚‚触る機会ãŒã‚ã£ãŸã‚Šã€ã€ŒReactã¨Vueã©ã†é¸å®šã™ã‚‹ã®ï¼Ÿã€ã¨ã„ã†å•ã„を投ã’られã€ã‚¹ãƒƒã¨ç”ãˆã‚‰ã‚Œãªã‹ã£ãŸãªã€ã¨å¾Œæ‚”ãŒã‚ã£ãŸã‚Šã—ã¦ã„ãŸã®ã§ã€Vueを触ã£ã¦å¾—られãŸæ„Ÿæƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ çµè«–ã¨ã—ã¦ãªã«ã‹æ–°ã—ã„ã“ã¨ã‚’発見ã—ãŸã¨ã„ã†ã‚‚ã®ã§ã¯ãªãã€ä¸–é–“ã§è¨€ã‚ã‚Œã¦ã„る事を自分ãªã‚Šã«å†æ§‹ç¯‰ã—ãŸã ã‘ã®çµè«–ã«ãªã£ãŸã¨æ€ã†ã€‚ TL; DRVueã‹ã‚‰ã¯å…¨ä½“çš„ã«å„ªã—ã•ï¼ˆGentleã•ï¼‰ã‚’æ„Ÿã˜ã‚‹äº‹ãŒå¤šãã€è‰¯ã„点ã ã¨æ„Ÿã˜ãŸå¤§è¦æ¨¡ã«ãªã‚‹ã¨ãReactã®å …牢ã•ã¯é…力的。VueãŒå¤§ãããªã£ãŸæ™‚ã«æ”¯ãˆã‚‰ã‚Œè¨è¨ˆãŒå‡ºæ¥ã‚‹ã‹ã¯å€‹äººçš„ã«ã¯æ‡ç–‘的。「ã“ã†ã ã£ãŸã‚‰Vueã€ã“ã†ã ã£ãŸã‚‰Reactã€ã¿ãŸã„ãªåˆ†å²ç‚¹ãŒã‚ã‚‹ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ã®ã§ã€æœ€çµ‚çš„ã«ã¯å¥½ã¿ã«ãªã£ã¦ãã‚‹ã¨æ€ã†ã€‚ãžã†ã•ã‚“ãŒå¥½ãã‹ãã‚Šã‚“ã•ã‚“ãŒå¥½ãã‹ã€‚ã“ã‚Œã¾ã§ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークéæ´ä»Šå›žã®è©±ã‚’ã™ã‚‹ã«ã‚ãŸã£ã¦ã€åƒ•ã¨å„フレームワークã®ä»˜ãåˆã„ã‚’ã¾ã¨ã‚ã¦ãŠãã¨ã€
JavaScriptフレームワークé¸å®šã®è°è«– - Qiita
相談内容 æ—¢å˜ã®ç®¡ç†ãƒ„ールを新ã—ã作り直ã™ãŸã‚ã«æ–°ã—ã„JSフレームワーク/言語使ã„ãŸã„ã®ã§ã™ãŒã€ä½•ã‚’é¸ã‚“ã らよã„ã§ã—ょã†ã‹ï¼Ÿ ã“ã“ã§é¸ã‚“ã ã‚‚ã®ã¯ä»Šå¾Œæ–°ã—ã作る時ã«ã‚‚使用ã—ã¦ã„ã予定ã®ãŸã‚ã€å¦ç¿’コストよりメンテナンスã—ã‚„ã™ã„ã‚‚ã®ã‚’é¸ã³ãŸã„ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ 利用者ã¯ç¤¾å†…外ã§ç‰¹å®šã®æ¨©é™ã‚’æŒã£ãŸäººã®ã¿ã§ã‚ã‚‹ãŸã‚ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¯ã—ãªã„予定ã§ã™ã€‚ 言語ã¯åž‹ãŒã‚ã‚‹ã‚‚ã®ã‚’利用ã—ãŸã„ã®ã§ã™ãŒã€TypeScriptã¨Flowã®ã©ã¡ã‚‰ãŒã‚ˆã‚ã—ã„ã§ã—ょã†ã‹ï¼Ÿ 時間ã«ä½™è£•ãŒã‚ã‚Œã°ã€ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ワークやビルドツールã«ã¤ã„ã¦ã‚‚ãŠèžãã—ãŸã„ã§ã™ã€‚ ç¾åœ¨ã®ãƒšãƒ¼ã‚¸/ãƒãƒ¼ãƒ jQueryãªã©ã§æ›¸ã‹ã‚Œã¦ã„る部分ãŒå¤šã„ã§ã™ãŒã€å¤‰æ›´ã‚’åŠ ãˆã‚‹ã“ã¨ãŒé›£ã—ãメンテナンスコストãŒé«˜ã„ã§ã™ã€‚ サーãƒã‚µã‚¤ãƒ‰ã‚’ã‚„ã£ã¦ã‚‹äººãŒç‰‡æ‰‹é–“ã§æ›¸ãJavaScriptã¨ã„ã£ãŸçŠ¶æ³ã§ã™ã€‚ 今回新è¦ã§æ•°ãƒšãƒ¼ã‚¸ã‚’è¿½åŠ ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚ã€ä½•ã‚’利用ã™ã‚Œã°è‰¯
Learn ES2015 · Babel
This document was originally taken from Luke Hoban's excellent es6features repo. Go give it a star on GitHub! Introduction​ ECMAScript 2015 is an ECMAScript standard that was ratified in June 2015. ES2015 is a significant update to the language, and the first major update to the language since ES5 was standardized in 2009. Implementation of these features in major JavaScript engines is underway no
RailsãŒ5.1ã«ãªã‚‹ã“ã¨ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºãŒæœ¬å½“ã«æ¥½ã—ããªã‚Šã¾ã—㟠- ãƒãƒ©ã‚·è£æ—¥è¨˜ä¸Šç‰ï¼ï¼æ–°é¤¨
Ruby on Rails ã® 5.1.0.beta1ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸãï¼ weblog.rubyonrails.org 仕事ã§Railsを使ã†ã‚‚ã®ã¨ã—ã¦ã¡ã‚ƒã‚“ã¨è§¦ã£ã¦ãŠã‹ãã°ã¨æ€ã„ã€ã¾ãšã¯è‡ªåˆ†ã®å¥½ããªJavaScript周りãŒã©ã‚Œãらã„良ããªã£ãŸã®ã‹è¦‹ã¦ã¿ãŸã¨ã“ã‚ã‹ãªã‚Šã³ã£ãã‚Šã—ã¾ã—ãŸã€‚JavaScriptã™ã”ã開発ã—ã‚„ã™ã„ã§ã™ã€‚ webpack ãŒã‚ã£ã¦ yarn ãŒã‚ã‚Šã¾ã™ã—ã€Reactã‚„Vueã€angular ã¾ã§ rake タスクã§ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã§ãã¾ã™ã€‚ã¡ã‚‡ã£ã¨å‰ã¾ã§Railsã§JavaScriptã‚„ã‚‹ã®ãŒè¾›ã„ãªã‚“ã¦è¨€ã£ã¦ã„ãŸã®ãŒå˜˜ã¿ãŸã„ã§ã™ãƒ»ãƒ»ãƒ»ã€‚ 今回ã¯Rails 5.1.0 㧠Vue.js を使ã£ã¦æ–°ã—ãプãƒã‚¸ã‚§ã‚¯ãƒˆã‚’作るã¨ã“ã‚ã¾ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ rails new rails webpacker:install:vue Webpackã§ã®ãƒ“ルド Hot Modul
春ã‹ã‚‰ã¯ã˜ã‚るモダン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ãŒãŸã ã®å¹´æ¬¡ã‚¢ãƒƒãƒ—デートã§ã¯ãªãã€ã“ã‚Œã‹ã‚‰å§‹ã¾ã‚‹æ¯Žå¹´ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã®èµ·ç‚¹
Cycle.js
A functional and reactive JavaScript framework for predictable code Read the docs
Learn Web Frontend with Electron
Slide at #nodefest
PACE — Automatic page load progress bars
What is Pace? Include pace.js and a CSS theme of your choice, and you get a beautiful progress indicator for your page load and ajax navigation. No need to hook into any of your code, progress is detected automatically. Download If you’re a developer, download Pace directly here: Pace.js Themes Enter a color:
News, Views, and How-Tos from NGINX, Inc. | NGINX
F5 Sites DevCentral Connect & learn in our hosted community F5 Labs The latest threat intel and research to help protect your apps MyF5 Your key to everything F5, including support, registration keys, and subscriptions Partner Central Research and support for partners LearnF5 Guidance, insights, and how to use F5 products Contact F5 Contact F5 Sales Talk to an F5 sales representative Contact F5 Su
イントãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ - Mithril.js
Mithrilã¯Vimeoã‚„Nikeã¨ã„ã£ãŸä¼æ¥ã‚„ã€Lichessã®ã‚ˆã†ãªã‚ªãƒ¼ãƒ—ンソースプラットフォームã§åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚‚ã—ã€ã™ã§ã«JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã®é–‹ç™ºçµŒé¨“ãŒã‚ã‚Šã€ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ãªã«ãŒé•ã†ã®ã‹ã‚’知りãŸã‘ã‚Œã°ã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークã®æ¯”較ã®ãƒšãƒ¼ã‚¸ã‚’見ã¦ãã ã•ã„。 Mithrilã¯Polyfillãªã—ã§IE9以é™ã®ã™ã¹ã¦ã®ãƒ–ラウザã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚よㆠCDNを使ã£ã¦Mithrilã‚’èªã¿è¾¼ã‚“ã§ã€ã“ã‚Œã‹ã‚‰èª¬æ˜Žã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ãªãžã‚‹ã®ãŒã€Mithrilを試ã™ã‚‚ã£ã¨ã‚‚ç°¡å˜ãªæ–¹æ³•ã§ã™ã€‚ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯ãƒ©ã‚¦ãƒ†ã‚£ãƒ³ã‚°ã‚„XHRã‚‚å«ã‚ã¦ã€ä¸»è¦ãªAPIを紹介ã—ã¾ã™ãŒã€10分程度ã—ã‹ã‹ã‹ã‚Šã¾ã›ã‚“。 ãã‚Œã§ã¯æ¬¡ã®ã‚ˆã†ãªHTMLファイルを作ã£ã¦ã¿ã¾ã—ょã†: <body> <script src="//unpkg.com/mithril/mithril.js"></scrip
Shibu's Diary: 世界最速ã§Mithril本をリリースã—ãŸè©±
渋日記@shibu.jp 渋å·ã‚ˆã—ãã®æ—¥è¨˜ã§ã™ã€‚ソフトウェア開発ã¨ã‹ã€ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ã‚’ä¸å¿ƒã«è¨˜äº‹ã‚’書ã„ã¦ã„ãã¾ã™ã€‚ オライリー・ジャパンã‹ã‚‰ã€Mithrilã®æœ¬ã‚’出ã—ã¾ã—ãŸã€‚今ã¾ã§æœ¬ã¯ä½•å†Šã‚‚出ã—ã¦ãã¾ã—ãŸãŒã€ä»Šå›žãŒåˆã®å˜è‘—ã§ã™ã€‚O'reilly Authorã®å¸½åã‚‚ã„ãŸã ãã¾ã—ãŸã€‚出版ã«ã‚ãŸã£ã¦ã¯ã„ã‚ã„ã‚ãªæ–¹ã€…ã«ãŠä¸–話ã«ãªã‚Šã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ã‚‚ã¡ã‚ã‚“ã€è³¼å…¥ã—ã¦ã„ãŸã ã„ãŸæ–¹ã€èˆˆå‘³ã‚’ã‚‚ã£ã¦ã‚·ã‚§ã‚¢ã—ã¦ã„ãŸã ã„ãŸæ–¹ã€…ã‚‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ãŠé…’ãŒå…¥ã£ã¦é…”ã£ã±ã‚‰ã£ã¦ã„る状æ³ã§ã™ãŒã€æœ¬ã«ã¤ã„ã¦ç´¹ä»‹ã—よã†ã¨æ€ã„ã¾ã™ã€‚ Mithrilã®ã©ã“ã«æƒ¹ã‹ã‚ŒãŸã®ã‹ï¼Ÿ ã“ã®æ¥ç•Œã¯å¸¸ã«æ–°ã—ã„ã‚‚ã®ãŒãŸãã•ã‚“ã§ã¦ãã¾ã™ã€‚本当ã«ã‚¨ãƒãƒƒã‚¯ãƒ¡ã‚¤ã‚ングãªã‚‚ã®ã‚‚ã‚ã‚Œã°ã€è»Šè¼ªã®å†ç™ºæ˜Žçš„ãªã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ã¨ã¯ã„ãˆã€ãれらã¯0/1ã§åŒºåˆ‡ã‚‹ã“ã¨ã¯ã§ããªãã¦é€£ç¶šçš„ãªã‚‚ã®ã§ã™ã—ã€ã•ã‚‰ã«è¤‡æ•°ã®é …ç›®ãŒé–¢é€£ã—ã‚ã£ã¦ã„ãŸã‚Šçµ¡ã¾ã£ã¦
Ampersand.js - Home
A highly modular, loosely coupled, non-frameworky framework for building advanced JavaScript apps. What is Ampersand.js? Imagine a version of Backbone.js where each piece (model, view, collection, etc) is its own GitHub repository and npm module with good, unified documentation (and yes, npm is wonderful for frontend code). But, it’s not just that. We added features to some of those pieces and rep
俺ã®æœ€è¿‘ã®Railsã®JS開発環境を教ãˆã¦ã‚„ã‚‹ - Qiita
ã“ã†ã‚„ã£ã¦ã‚‹ã ã‘ã§ã‚‚出力ã•ã‚ŒãŸhtmlã«ã¯scriptã‚¿ã‚°ãŒ30個ãらã„ãªã‚‰ã‚“ã§ã¦ã€ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ã«10sec以上ã‹ã‹ã‚‹ã€‚ ã ã‘ã©ã€å˜ã«app/assets/javascriptsã‚’gulp watchã¨ã‹ã¯ã—ãŸããªã„。 ãªãœãªã‚‰ãƒ“ルドã¯ãƒ–ラウザã®ãƒªãƒãƒ¼ãƒ‰æ™‚ã«å¤‰æ›´ãŒã‚ã‚‹å ´åˆã ã‘ã—ã¦æ¬²ã—ã‹ã£ãŸã€‚ ã‚ã¨window.AppNamespace以下ã«ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«è¿½åŠ ã—ã¦ã„ãã®ã‚‚è¾›ã„。 モジュールåŒå£«ã®ä¾å˜é–¢ä¿‚もよãã‚ã‹ã‚“ãªã„ã—ã€ä½•ã‚ˆã‚Šwindow.AppNamespace.Modules.UserList.ItemViewã¨ã‹é•·ã™ãŽï¼ browserify-railsã£ã¦ã‚„ã¤ä½¿ã£ã¦ã¿ãŸ browserifyãŒrailsã®ä»•çµ„ã¿ã®ä¸ã§å‹•ãよã†ã«ãªã‚‹ã€‚ browserify-rails/browserify-rails https://github.com/browserify-rails/brows
Introduction - Mithril.js
Getting Started Introduction What is Mithril.js? Getting started Hello world DOM elements Components Routing XHR Installation Tutorial Learning Resources Getting Help Resources JSX ES6+ on legacy browsers Animation Testing Examples 3rd Party Integration Path Handling Key concepts Vnodes Components Lifecycle methods Keys Autoredraw system Social Mithril.js Jobs How to contribute Credits Code of Con
Isomorphic Survival Guide
isomorphic tokyo meetup http://nodejs.connpass.com/event/13363/
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Effective ES6
30分ã§å‡ºæ¥ã‚‹ã€JavaScript (Electron) ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリを作ã£ã¦é…布ã™ã‚‹ã¾ã§ - Qiita
Reactã¨Fluxã®ã“㨠// Speaker Deck
{{#tags}}- {{label}}
{{/tags}}