JSer.info 8周年
2019å¹´1月16æ—¥ã§JSer.infoãŒ8周年を迎ãˆã¾ã—ãŸã€‚ 8周年以外ã§ã¯ã€ä»Šå¹´åº¦ã¯JSer.info 400回記念イベントを行ãªã„ã¾ã—ãŸã€‚ 最近ã®JavaScriptã¯å¤‰åŒ–ãŒæ—©ã„ã¨ã‚‚ã€å¤‰åŒ–ã¯ã‚ã¾ã‚Šã—ã¦ãªã„ã¨ã‚‚言ã‚ã‚Œã¾ã™ã€‚ MSEdgeãŒChromiumベースã¸ç§»è¡Œã™ã‚‹ã“ã¨ã‚’発表ã—ãŸã‚Šã€webpackã«æ±‚ã‚られる役割ãŒå¤‰åŒ–ã—ã¦ã„ã¾ã™ã€‚ 一方ã€ã“ã“æ•°å¹´ã§ä¸»è¦ã¨ãªã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯ã‚ã¾ã‚Šå¤‰åŒ–ã—ã¦ã„ã¾ã›ã‚“。 ãã®åˆ†Create React Appã€Vue CLIã€Angular CLIãªã©ã®CLIや関連エコシステムãŒé›†ä¸ã™ã‚‹ã“ã¨ã§å……実ã—ã¦ã„ã¾ã™ã€‚ エコシステムãŒå……実ã™ã‚‹ã“ã¨ã§å‡ºæ¥ã‚‹ã“ã¨ã®ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³ã¯ä¸ŠãŒã£ã¦ã„ãã¾ã™ã€‚ 一方ã§å¤šãã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã¯ä½•ã‹ã—らã®æŠ€è¡“ã‚’ã†ã¾ãéš è”½ã™ã‚‹ãŸã‚ã€åŸºç¤Žçš„ãªéƒ¨åˆ†ã‚’知らãªãã¦ã‚‚å‹•ã‹ã™ã“ã¨ãŒã§ãるよã†ã«ãªã‚Šã€ãã‚Œã«ã¯è‰¯ã„点も悪ã„点もã‚ã‚Šã¾ã™ã€‚ (特ã«
Commons Clause License
The Commons Clause. “Commons Clause†License Condition v1.0 The Software is provided to you by the Licensor under the License, as defined below, subject to the following condition. Without limiting other conditions in the License, the grant of rights under the License will not include, and the License does not grant to you, the right to Sell the Software. For purposes of the foregoing, “Sell†mean
Why I've stopped exporting defaults from my JavaScript modules - Human Who Codes
Last week, I tweeted something that got quite a few surprising responses: In 2019, one of the things I’m going to do is stop exporting things as default from my CommonJS/ES6 modules. Importing a default export has grown to feel like a guessing game where I have a 50/50 chance of being wrong each time. Is it a class? Is it a function? — Nicholas C. Zakas (@slicknet) January 12, 2019 {: .twitter-twe
GitHub - Bloomca/welgo: Library to render your server-side templates using react-like components
const Welgo = require("welgo"); const htm = require("htm"); const html = htm.bind(Welgo.createElement); const express = require("express"); const app = express(); async function Page(props, { getTopics }) { // you can call async functions inside components const topics = await getTopics(); return html` <ul> ${topics.map( topic => html` <li><${Topic} ...${topic} /></li> `)} </ul> `; } function Topi
Clean Architectureã¨Hanamiã§ã™ã£ãã‚Šã—ã¦ããŸ
デザインパターンã®ã‚ˆã•ãŒåˆ†ã‹ã‚‰ãªã„人ã¯è¨è¨ˆã«è‡ªä¿¡ãŒæŒã¦ã‚‹ã‚ˆã†ã«ãªã‚‹ã®ã‹å•é¡Œè‡ªåˆ†èªžã‚Šã‚’少々。1 ç›®ã®å‰ã«ã‚ã£ãŸ HTML 㨠JavaScript 㨠PHP 㨠SQL ãŒæ¸¾ç„¶ä¸€ä½“ã¨ãªã£ãŸã‚³ãƒ¼ãƒ‰ã¨æˆ¦ã†ã“ã¨ã‹ã‚‰å§‹ã‚ã€ãƒ†ã‚¹ã‚¿ãƒ–ルãªã‚³ãƒ¼ãƒ‰ã‚’自分ãŒæ»ãªãªã„よã†ã«ç¿’å¾—ã—ã¦ã„ã£ãŸè‡ªåˆ†ã«ã¨ã£ã¦ã€é¬¼é–€ã®ä¸€ã¤ã¯ å†åˆ©ç”¨ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターン ã ã£ãŸã€‚ 何ã—ã‚å†åˆ©ç”¨å¯èƒ½ãªã‚³ãƒ¼ãƒ‰ãªã‚“ã¦ã»ã¨ã‚“ã©ä½•ã‚‚ãªã‹ã£ãŸã®ã 。ãã‚“ãªã‚‚ã®åˆ†ã‹ã‚‹ã‚ã‘ãŒãªã„。 ã¨ã“ã‚ãŒä¸–ã®ä¸ã®ã€ŒãŸã‚ã«ãªã‚‹æœ¬ã€ã¯ã‚ªãƒ–ジェクト指å‘やデザインパターンã®çŸ¥è˜ãŒå‰æã«ãªã£ã¦ã—ã¾ã£ã¦ã„ã‚‹ã¨ã“ã‚ãŒçµæ§‹ã‚ã£ã¦ã€æ¯ãŒã‚†ã„æ€ã„ã‚’ã™ã‚‹ã“ã¨ã‚‚ãã‚Œãªã‚Šã«å¤šã‹ã£ãŸã€‚ ãã‚“ãªã¨ã“ã‚ã«ã€å°‘ãªã„è¨å®šã€å°‘ãªã„知è˜ã§ã‚‚プãƒãƒ€ã‚¯ãƒ†ã‚£ãƒ–ãªé–‹ç™ºãŒã§ãã‚‹ Ruby on Rails ã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒç™»å ´ã—ãŸã“ã¨ã§ã€è‡ªåˆ†ã«ã§ãã‚‹ã“ã¨ãŒåºƒãŒã£ãŸã€‚2 Rails ã®æ”¯æ´ã—ã¦ã„ãªã„ã‚‚ã®ã®ã†ã¡ã€
Chromium Docs - Guidelines for URL Display
This document covers the best practices and pitfalls for building UI to display URLs in browsers and other apps. It covers the main categories of problems and challenges that we’ve seen in building Chrome. The guidance is intended to be generally applicable, but includes some Chrome-specific notes throughout. BackgroundThe URL displayed in a user agent's address bar is often the only security cont
クリーンアーã‚テクãƒãƒ£ã§å€¤ã‚ªãƒ–ジェクトをユースケースã®ã‚¢ã‚¦ãƒˆãƒ—ットã«ä½¿ã£ã¦ã‚‚ã„ã„ã‹ï¼Ÿ - Qiita
ç–‘å•ã ã£ãŸã“㨠クリーンアーã‚テクãƒãƒ£ã§Enterprise Business Rules層ã®å€¤ã‚ªãƒ–ジェクトをã€Interface Adapter層ã«ã‚¢ã‚¦ãƒˆãƒ—ットã¨ã—ã¦ç›´æŽ¥æ¸¡ã—ã¦ã„ã„ã‹ï¼Ÿ ãã‚Œã¨ã‚‚ã€Application Business Rules層ã§å€¤ã‚ªãƒ–ジェクトã®ä¸èº«ã‚’データストラクãƒãƒ£ã‚ªãƒ–ジェクト(図2ã®Output Data)ã«ç§»ã—替ãˆã¦Interface Adapter層ã«æ¸¡ã—ãŸã»ã†ãŒã„ã„ã‹ï¼Ÿ 図1 図2 ç–‘å•ã®èƒŒæ™¯ 今回悩んã§ãŸã®ã¯Enterprise Business Rules層ã«å€¤ã‚ªãƒ–ジェクトãŒ20個ãらã„ã‚ã‚Šã€ãれをApplication Business Rules層ã§ãƒ‡ãƒ¼ã‚¿ã‚¹ãƒˆãƒ©ã‚¯ãƒãƒ£ã«å¤‰æ›ã—ã¦ã‚¢ã‚¦ãƒˆãƒ—ットã«è¿”ã™ã‹ã©ã†ã‹ã¨ã„ã†ç‚¹ã§ã™ã€‚実装コードを想åƒã™ã‚‹ã¨ã€åŒã˜ã‚³ãƒ¼ãƒ‰ã®ã‚¯ãƒ©ã‚¹ãŒã„ãã¤ã‚‚ã§ãã¦ã—ã¾ã†æ°—ãŒã—ã¦ã€ã©ã¡ã‚‰ã«ã™ã‚‹ã‹æ‚©ã‚“ã§ã¾ã—ãŸã€‚ 値オブジェクトをデータストラ
混在ã—ãŸãƒ¢ãƒ‡ãƒªãƒ³ã‚°ãƒ‘ラダイムã®ä¸ã§å¦ã¶é‡è¦ãªã“㨠- Qiita
ã¾ãšã¯ãƒ¢ãƒ‡ãƒªãƒ³ã‚°ãƒ‘ラダイムã«ã¤ã„ã¦è€ƒãˆã¾ã—ょã†ã€‚ 目的 「モデリングパラダイムã€ã¨ã„ã†è¨€è‘‰ã‚’ã©ã†ã„ã†æ„味をæŒã¤ã®ã§ã—ょã†ã‹ã€‚ãã‚Œã¯ã€ä»¥ä¸‹ã®äºŒã¤ã®å˜èªžã§æ§‹æˆã•ã‚Œã¾ã™ã€‚ モデリング 広義ã®æ„味ã§ã®æ¨¡åž‹ï¼ˆãƒ¢ãƒ‡ãƒ«ï¼‰ã‚’組ã¿ç«‹ã¦ã‚‹äº‹ã‚’言ã†ã€‚ パラダイムã‚る時代ã®ã‚‚ã®ã®è¦‹æ–¹ãƒ»è€ƒãˆæ–¹ã‚’支é…ã™ã‚‹èªè˜ã®æž 組ã¿ã€‚ 「モデルを組ã¿ç«‹ã¦ã‚‹ãŸã‚ã®èªè˜ã®æž 組ã¿ã€ã¨è€ƒãˆã¦ã‚ˆã„ã§ã—ょã†ã€‚ DDD本ã®ç”¨èªžè§£èª¬ã§ã¯ã€ä»¥ä¸‹ã®èª¬æ˜ŽãŒã‚ã‚Šã¾ã™ã€‚モデリングã®ã€Œæž 組ã¿ã€ã‚„「スタイルã€ã¨è§£é‡ˆã—ã¦å•é¡Œãªã•ãã†ã§ã™ã€‚ ドメインã«ãŠã‘る諸概念を切りå–る特定ã®ã‚¹ã‚¿ã‚¤ãƒ«ã€‚ツールを組ã¿åˆã‚ã•ã‚Œã¦ã€ãれらã®æ¦‚念ã«é¡žä¼¼ã—ãŸã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’作æˆã™ã‚‹(例ãˆã°ã€ã‚ªãƒ–ジェクト指å‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„è«–ç†ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°) ãã—ã¦ã“ã®ãƒ¢ãƒ‡ãƒªãƒ³ã‚°ãƒ‘ラダイムã«åŸºã¥ãã€åˆ‡ã‚Šå–ã£ãŸãƒ¢ãƒ‡ãƒ«ã‚’プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã‚’使ã£ã¦ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã«åæ˜ ã—ã¾ã™ã€‚ã“ã®åæ˜ ã®ã—ã‚„ã™ã•ã¨ã„ã†ã®ã¯ã€ãƒ—ãƒã‚°ãƒ©
React.js, Vue.jsãŒä½¿ãˆãªã„状æ³ã§ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã®é«˜ã„JavaScriptを書ã3ã¤ã®ãƒã‚¤ãƒ³ãƒˆ - エムスリーテックブãƒã‚°
エムスリー エンジニアã®å²©æœ¬ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ エムスリー Advent Calendar 2018 ã®23日目ã®è¨˜äº‹ã§ã™ã€‚ React.jsã‚„Vue.jsを使ãˆã‚Œã°ã€é–‹ç™ºã®ãƒ™ã‚¹ãƒˆãƒ—ラクティスãªã©ãŒã‚ã‚‹ã®ã§ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã®é«˜ã„プãƒã‚°ãƒ©ãƒ ã¯ãšã„ã¶ã‚“ã¨æ›¸ãã‚„ã™ããªã£ãŸã¨æ€ã„ã¾ã™ã€‚本当ã«ä»®æƒ³DOMã®åŠŸç¸¾ã¯å¤§ãã„ã§ã™ã。 ã—ã‹ã—ã€ä¸–ã®ä¸ã«ã¯ãã†ã„ã£ãŸãƒ©ã‚¤ãƒ–ラリを使ã†ã“ã¨ãŒã§ããªã„プãƒã‚¸ã‚§ã‚¯ãƒˆã‚‚ã‚ã‚‹ã‚ã‘ã§ã™ã€‚å¤ã™ãŽã¦ã€ä¸€éƒ¨åˆ†ã ã‘最新ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«ã™ã‚‹ã“ã¨ãŒæ†šã‚‰ã‚ŒãŸã‚Šã€ã‚µã‚¤ã‚ºã®å•é¡Œã§ãƒ©ã‚¤ãƒ–ラリを入れるã“ã¨ãŒã§ããªã‹ã£ãŸã‚Šã€‚。。 ãã®å ´åˆã©ã®ã‚ˆã†ã«æ›¸ã‘ã°ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã®é«˜ã„プãƒã‚°ãƒ©ãƒ を書ãã“ã¨ãŒã§ãã‚‹ã®ã§ã—ょã†ã‹ã€‚ãã“ã§IE6時代ã‹ã‚‰JavaScriptã‚’ã‚‚ã‚Šã‚‚ã‚Šã¨æ›¸ã„ã¦ã„ã‚‹ç§ãªã‚Šã®ãƒ™ã‚¹ãƒˆãƒ—ラクティスを紹介ã—ã¾ã™ã€‚ ãã‚‚ãã‚‚ãªãœãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã®æ‚ªã„コードã¨ãªã£ã¦ã—ã¾ã†ã®ã‹ jQueryã§ã¯ã‚»ãƒ¬ã‚¯ã‚¿ã§
Fast GIF parsing on the web with WASM + Wuffs
Sam Thorogood for Google Web Dev Posted on Jun 28, 2018 • Updated on Sep 18, 2018 GIFs, or JIFs, are one of those strange oddities of the internet. The format is slow, inefficient, and from the 80s (!)- did we even have color screens then? Yet today, they're everywhere. But if you want to work with this format on the web—rather than just displaying it in an <img>—the best practice is to read a GIF
Front-End Performance Checklist 2021 (PDF, Apple Pages, MS Word) — Smashing Magazine
Let’s make 2021… fast! An annual front-end performance checklist (available as PDF, Apple Pages, MS Word), with everything you need to know to create fast experiences on the web today, from metrics to tooling and front-end techniques. Updated since 2016. Ah, you can also get useful front-end tips in our email newsletter. This guide has been kindly supported by our friends at LogRocket, a service t
2018 JavaScript Rising Stars
After 2016 and 2017, welcome to the third edition of the JavaScript Rising Stars! It's time to look back at the JavaScript landscape in 2018. Let's see by the numbers which projects got traction in 2018 by comparing the numbers of stars added on GitHub over the last 12 months, and find out who are 2018's JavaScript Rising Stars. The following graphs compare the number of stars added on GitHub over
How To Learn CSS — Smashing Magazine
You don’t need to commit to memorizing every CSS Property and Value, as there are good places to look them up. There are some fundamental things, however, which will make CSS much easier for you to use. In this article, Rachel Andrew aims to guide you along your path of learning CSS and outline resources for further reading on key areas of modern CSS development. Many of those are things right her
Creating a typed "compose" function in TypeScript
I recently wrote a couple of small utility functions that turned into a deep exploration of TypeScript generics, as well as the new typed tuples in TypeScript 3. This post assumes you know at least a bit about generics in TypeScript. If you don't, I highly recommend reading up on them, as they're one of the most powerful features in the language. It assumes no prior knowledge of functional program
Blobmaker - Make organic SVG shapes for your next design
Blobmaker is a free generative design tool made with 💕 by z creative labs, to help you quickly create random, unique, and organic-looking SVG shapes. From landing pages to illustrations, blobs are everywhere! Creating smooth, organic-looking shapes can be difficult, especially when you need many different ones. Blobmaker makes it easy to create unique blob shapes based on random data. Modify the
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Apple Maps on the Web - Maps - Apple Developer
Intent to Ship: Long Task API - Google Groups
GitHub - vislyhq/stretch: High performance flexbox implementation written in rust
GitHub - rust-lang/rust-clippy: A bunch of lints to catch common mistakes and improve your Rust code. Book: https://doc.rust-lang.org/clippy/
GitHub - rust-lang/rustfmt: Format Rust code
[RFC] Migrate Jest to TypeScript by SimenB · Pull Request #7554 · jestjs/jest![[RFC] Migrate Jest to TypeScript by SimenB · Pull Request #7554 · jestjs/jest](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc437f179079b68c1bc7e2471024fab183e2d43f/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F89778bd573135b796f1e54b2f2c98e26f02405b768d6f4bdcbe7cd9bf7f6cb35%2Fjestjs%2Fjest%2Fpull%2F7554)
GitHub - tc39/proposal-freeze-prototype: TC39 for some method to freeze object prototypes
DoneJS 3
GitHub - aceakash/string-similarity: Finds degree of similarity between two strings, based on Dice's Coefficient, which is mostly better than Levenshtein distance.
GitHub - vaheqelyan/karin: An elegant promise based HTTP client for the browser and node.js [WIP]![GitHub - vaheqelyan/karin: An elegant promise based HTTP client for the browser and node.js [WIP]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c132fbc3fc626342aea38f1232c953d6dfd586cd/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Fe79f9ff63515d1a81bd6e4b1accffd1de72dc253dbafed444539edafa495dabc%2Fvaheqelyan%2Fkarin)
{{#tags}}- {{label}}
{{/tags}}