WebGLを使ã£ãŸãƒžãƒ³ã‚¬ãƒ“ューワを作ã£ã¦ã„ã‚‹ - daiizhttps://gyakky.herokuapp.com/capture/twitter/1030059159431999488#.png
ç´ ã®JavaScriptプãƒã‚¸ã‚§ã‚¯ãƒˆã«tsconfig.jsonã‚’ç½®ã„ã¨ã„ã¦VSCodeã®ä¾¿åˆ©ã•ã‚’享å—ã™ã‚‹ - Qiita
VSCodeã®ä¾¿åˆ©ã•ã‚’使ã„ãŸã„ãŒTypeScript化ã™ã‚‹ã»ã©æ‰‹é–“ã‹ã‘ã‚Œãªã„ã€ã¿ãŸã„ãªã¨ãã«tsconfig.jsonã ã‘作ã£ã¦ãŠãã¨ã¡ã‚‡ã£ã¨ä¾¿åˆ©ã«ãªã‚Šãã†ã ã£ãŸã®ã§ãƒ¡ãƒ¢ã‚‹ã€‚ 追記： TypeScriptã¸ç§»æ¤ã™ã‚‹äºˆå®šãŒç„¡ã„å ´åˆã§ã‚ã‚Œã°ã€jsconfig.jsonã‚’é…ç½®ã™ã‚‹ã§ã‚‚å分ãã†ã§ã™ï¼ˆé•ã„ã¯allowJSãŒdefaultã§trueãªã“ã¨ã¨ãらã„。ã‚ã¨ã¯tsconfig.jsonã¯å¾Œè¿°ã®ã‚³ãƒžãƒ³ãƒ‰ã§ãƒœã‚¤ãƒ©ãƒ¼ãƒ—レートを生æˆã§ãã‚‹ã¨ã„ã†ç‚¹ãらã„ã¨æ€ã‚ã‚Œã¾ã™ï¼‰ 具体的ã«ã¯ã“ã®ã¸ã‚“ã¨ã‹ä½¿ãˆã‚‹ 未使用ã®import検出 ライブラリã®åž‹æƒ…å ±ã‚’åˆ©ç”¨ã—ãŸæ¤œå‡º JSDocãŒã‚ã‚Œã°ãれを利用ã—ãŸåž‹æ¤œè¨¼ ã‚„ã‚Šæ–¹ ã¾ãštsconfig.jsonを生æˆã™ã‚‹ã€‚npx使ã†
ESLintã®ãƒ«ãƒ¼ãƒ«ã‚’全部手動ã§è¨å®šã™ã‚‹ã®ã¯å¤§å¤‰ã ã‹ã‚‰ã‚„ã‚ã¦ãŠã‘ - Qiita
よãæ¥ãŸãªã€‚ ãŠå‰ãŒã“ã®è¨˜äº‹ã‚’見ã¦ã„ã‚‹ã¨ã‚†ã†ã“ã¨ã¯ã€ã‚„ã‚ã¦ãŠã‘ã¨ã‚†ã‚ã‚ŒãŸã“ã¨ã‚’ã‚ãˆã¦ã‚„ã‚ã†ã¨ã™ã‚‹çœŸã®ç”·ãŸã‚‰ã‚“ã¨ã™ã‚‹ã‚‚ã®ã ã‚ã†ã€‚ 軟弱ãªç”·ãŸã¡ãŒã‚¹ãƒžãƒƒãƒ›ã®äºˆæ¸¬å¤‰æ›ã«éª¨æŠœãã«ã•ã‚Œã¦ã„ã‚‹é–“ã«ãŠå‰ã¯å骨もã‚らã‚ã«ã“ã“ã«æ¥ãŸã€‚ ãŠã¾ãˆã®ãã†ã‚†ã†è² ã‘ã‚“æ°—ã¯å®Ÿéš›å¤§äº‹ã 。強ããªã‘ã‚Œã°ãŠå‰ã¯ãƒ¡ã‚シコã§é‡Žåž‚ã‚Œæ»ã¬ã ã‚ã†ã€‚ ã ãŒçœŸã®ç”·ã¨ç„¡è¬€ã¯é•ã†ã€‚ ã¨ãã«ãŠå‰ã¯çŸ¥ã®é«˜é€Ÿé“路をもã†ãƒ€ãƒƒã‚·ãƒ¥ã™ã‚‹ã²ã¤ã‚ˆã†ãŒã‚る。 ã¤ã¾ã‚Šä»ŠãŒãã®ã¨ãã¨ã‚†ã†ã“ã¨ã 。 ESLintを入れ゠ãŠå‰ã®JavaScriptãŒãã¡ã‚ƒãã¡ã‚ƒãªã“ã¨ã‚’ãŠã‚Œã¯ã—ã£ã¦ã„る。 ãªãœãªã‚‰ãŠã¾ãˆã¯ESLintを使ã£ã¦ã„ãªã„ã‹ã‚‰ã 。 ãŠå‰ã¯ã‚³ãƒ¼ãƒ‰ã®è’野をè¸ç ´ã§ãるタフãªç”·ã‚’æ°—å–ã£ã¦ã„ã‚‹ãŒã€ãã‚Œã«ã‚‚é™ç•ŒãŒæ¥ã‚‹ã ã‚ã†ã€‚ 今ã®ã¾ã¾ã§ã¯ãŠå‰ãŒå€’れ目をä¼ã›ã‚‹ã®ã¯ãƒ™ã‚¤ãƒ–ã®éš£ã§ã¯ãªã混沌ã¨ã—ãŸã‚³ãƒ¼ãƒ‰ã®æŽƒã溜ã‚ã 。 ã¾ãšã¯ESLintを入れã‚。 ç°¡å˜ã 。 ãŠå‰ã®ãã®ç›®ã®å‰ã®æ¿ã®é»’
俺ãŒè€ƒãˆãŸæœ€å¼·ã® Reactã®ã‚¹ãƒ†ãƒ¼ãƒˆãƒ¬ã‚¹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®æ›¸ãæ–¹ - Qiita
/* @flow */ import React from "react" import styled from "styled-components" import pure from "recompose/pure" type Props = {| value: string |} export default pure(function Example(props: Props) { const { value } = props return ( <Container> <Value>{value}</Value> </Container> ) }) const Container = styled.div` width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
Vueを昔触ã£ãŸå¾ŒReactã‚’ã©ã£ã·ã‚Šè§¦ã£ã¦ã‚‚ã†ä¸€å›žVueを触ã£ã¦Reactã«æˆ»ã£ã¦å¾—ãŸæ„Ÿæƒ³
最近Reactã¨Vueã‚’ã©ã£ã¡ã‚‚触る機会ãŒã‚ã£ãŸã‚Šã€ã€ŒReactã¨Vueã©ã†é¸å®šã™ã‚‹ã®ï¼Ÿã€ã¨ã„ã†å•ã„を投ã’られã€ã‚¹ãƒƒã¨ç”ãˆã‚‰ã‚Œãªã‹ã£ãŸãªã€ã¨å¾Œæ‚”ãŒã‚ã£ãŸã‚Šã—ã¦ã„ãŸã®ã§ã€Vueを触ã£ã¦å¾—られãŸæ„Ÿæƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ çµè«–ã¨ã—ã¦ãªã«ã‹æ–°ã—ã„ã“ã¨ã‚’発見ã—ãŸã¨ã„ã†ã‚‚ã®ã§ã¯ãªãã€ä¸–é–“ã§è¨€ã‚ã‚Œã¦ã„る事を自分ãªã‚Šã«å†æ§‹ç¯‰ã—ãŸã ã‘ã®çµè«–ã«ãªã£ãŸã¨æ€ã†ã€‚ TL; DRVueã‹ã‚‰ã¯å…¨ä½“çš„ã«å„ªã—ã•ï¼ˆGentleã•ï¼‰ã‚’æ„Ÿã˜ã‚‹äº‹ãŒå¤šãã€è‰¯ã„点ã ã¨æ„Ÿã˜ãŸå¤§è¦æ¨¡ã«ãªã‚‹ã¨ãReactã®å …牢ã•ã¯é…力的。VueãŒå¤§ãããªã£ãŸæ™‚ã«æ”¯ãˆã‚‰ã‚Œè¨è¨ˆãŒå‡ºæ¥ã‚‹ã‹ã¯å€‹äººçš„ã«ã¯æ‡ç–‘的。「ã“ã†ã ã£ãŸã‚‰Vueã€ã“ã†ã ã£ãŸã‚‰Reactã€ã¿ãŸã„ãªåˆ†å²ç‚¹ãŒã‚ã‚‹ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ã®ã§ã€æœ€çµ‚çš„ã«ã¯å¥½ã¿ã«ãªã£ã¦ãã‚‹ã¨æ€ã†ã€‚ãžã†ã•ã‚“ãŒå¥½ãã‹ãã‚Šã‚“ã•ã‚“ãŒå¥½ãã‹ã€‚ã“ã‚Œã¾ã§ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークéæ´ä»Šå›žã®è©±ã‚’ã™ã‚‹ã«ã‚ãŸã£ã¦ã€åƒ•ã¨å„フレームワークã®ä»˜ãåˆã„ã‚’ã¾ã¨ã‚ã¦ãŠãã¨ã€
PWAãŒæ¥ã‚‹ã£ã¦è¨€ã£ã¦ã„るエンジニアã¯ä»Šã™ã辞ã‚ã‚
PWAã¨ã‹ã„ã†html5ã®ãƒªãƒ–ランドãŒæŠ€è¡“者界隈ã§é¨’ã„ã§ã‚‹ãŒã€ã“ã‚“ãªã®å—ã‘入れられãªã„ã ã‚。 PWAã®å®Ÿç‰©è¦‹ãŸï¼Ÿè§¦ã£ãŸï¼Ÿï¼Ÿ instagramã®PWAãŒæœ€é«˜ã€œï¼ãƒã‚¤ãƒ†ã‚£ãƒ–ã¨è¦‹åˆ†ã‘ã¤ã‹ãªã„ï¼ï¼ã¨ã‹ã»ã–ã„ã¦ã„るグー○ルã®ã‚¨ãƒãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã ã‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒé¨’ã„ã§ã„ãŸã®ã§è§¦ã£ã¦ã¿ãŸã®ã ãŒã€ オワコンã§ã‚ã£ãŸã€‚ ãƒã‚¤ãƒ†ã‚£ãƒ–ã¨è¦‹åˆ†ã‘ã¤ã‹ãªã„ã‚“ã ã£ãŸã‚‰æœ¬å½“ã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢è¾žã‚ãŸã»ã†ãŒã„ã„よ。 ã¾ãšã€ã‚¿ã‚¤ãƒ ライン上ã§è¤‡æ•°æŠ•ç¨¿ãŒã‚ã£ãŸæ™‚ã«ã‚¹ãƒ¯ã‚¤ãƒ—ã§åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œãªã„。 ãªã‚“ã¨å·¦å³ã‚’タップã™ã‚‹ã®ã§ã‚る。 HTMLã‚’æ“作ã—ã¦ã‚‹æ„Ÿæº€è¼‰ã®ã‚¬ã‚¯ã‚¬ã‚¯ã®æ„Ÿã˜ã€‚ ユーザーã£ã¦ã“ã†ã„ã†äº›ç´°ãªã‚¬ã‚¯ã‚¬ã‚¯ã«æ•æ„Ÿã よã。マーケット感ã‚る人ãªã‚‰ã‚ã‹ã‚‹ã‚ˆã。 ãã‚“ã§ã‚‚ã£ã¦ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚ºã€‚ ã‚‚ã†æœ€ä½Žã€‚ å‹•ç”»ãŒè‡ªå‹•å†ç”Ÿã—ãªã„ã®ã€‚æ¢ã¾ã‚‹ã¯æ¢ã¾ã‚‹ã¯ã€‚ã‚‚ã†ä½•ãªã®ï¼Ÿï¼Ÿï¼Ÿã£ã¦æ„Ÿã˜ã€‚ ã“ã‚“ãªã®å—ã‘入れられãªã„ã§ã—ょ。 カメラã¯ç›´æŽ¥èµ·å‹•ã§ããªã„ã—ã€ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚‚å°‘ãª
Storybookã‚’ã¾ãšå‹•ã‹ã™ï¼Reactã¨Vueã®æœ€å°ç’°å¢ƒã‚’作ã£ãŸ - zuckey blog
最近Storybookを会社ã§å°Žå…¥ã—ã¦ã„ã¦ã€ç’°å¢ƒè¨å®šã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ 基本的ã«ã¯ã€å…¬å¼ã‚µã‚¤ãƒˆã®ã¨ãŠã‚Šã§ã™ãŒã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ä¾‹ã®è¨˜è¼‰ãŒãªã‹ã£ãŸã‚Šã€Reactã¨Vueã§ã§ãã‚‹ã‚‚ã®ãŒç•°ãªã£ãŸã‚Šã—ã¦ã€å›°ã£ãŸéƒ¨åˆ†ãŒåˆã£ãŸã®ã§ã€ã™ãã«å‹•ã環境を作りã¾ã—ãŸã€‚ github.com 本エントリã®ã‚³ãƒ¼ãƒ‰ã¯Node v8.9.4ã®ç’°å¢ƒã§å‹•ä½œã‚’確èªã—ã¦ã„ã¾ã™ã€‚ Storybook？ https://storybook.js.org/ The UI Development Environment Reactã‚„Vueãªã©ã®UIライブラリã§ä½œæˆã—ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®å‹•ä½œã‚„デザインをエンジニアã€ãƒ‡ã‚¶ã‚¤ãƒŠé–“ã§å…±æœ‰ã€é–²è¦§ã§ãるツールã§ã™ã€‚ Storybookã¨ã„ã†åå‰ã®é€šã‚Šã€ã‚るコンãƒãƒ¼ãƒãƒ³ãƒˆã‚„コンãƒãƒ¼ãƒãƒ³ãƒˆã®é›†åˆã«å¯¾ã—ã¦ã€storyを複数用æ„ã—ã€storyã”ã¨ã®æŒ¯ã‚‹èˆžã„を閲覧ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 環境構築 Stor
Blotter.js
Production Version Minified, 402kb Development Version Uncompressed, 752kb Overview When applying effects to text on the web, designers have traditionally been constrained to those provided by CSS. In the majority of cases this is entirely suitable – text is text right? Yet still, there exist numerous examples of designers combining CSS properties or gifs and images to create effects that evoke so
“Web Componentsã 㑆ã§æ–°ã‚µãƒ¼ãƒ“スを実装ã—ã¦è¦‹ãˆãŸã“㨠- Qiita
Double O ã¨ã„ã†ã‚µãƒ¼ãƒ“スを作りã¾ã—ãŸã€‚ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯ãƒ”ュア㪠Web Components を採用ã—ã¦ã„ã¦ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã¯ Lambda 㨠DynamoDB ã®ã¿ã§æ§‹æˆã—ã¾ã—ãŸã€‚ (厳密ã«ã¯ CloudFront ã¨ã‹ API Gateway ã¨ã‹ã‚‚ã‚ã‚‹ã‘ã©ãã“ã¯çœã„ã¦ã„ã„よã？) REST API 以外㮠Util 系㮠Lambda 関数ã¯ã™ã¹ã¦ AWS Cloud9 ã§ç®¡ç†ã™ã‚‹ã“ã¨ã§ç’°å¢ƒæ§‹ç¯‰ã‚‚ä¸è¦ãª Lambda ãŒã§ãã¦æ¥½ã§ã—ãŸã€‚ TL;DR サーãƒãƒ¼ãƒ¬ã‚¹ã«ã¤ã„ã¦ã¯ã”ã普通ã®ã“ã¨ã—ã‹ã—ã¦ã„ãªã„ã®ã§ã€è©³ã—ãã¯è§¦ã‚Œãªã„ã§ãŠãã¾ã™ã€‚ ピュア㪠Web Components ã ã‘ã§ã‚µãƒ¼ãƒ“スをæˆç«‹ã•ã›ã‚‹ã“ã¨ãŒã§ããŸã€‚ HTMLElement クラスを継承ã™ã‚‹ã ã‘ãªã®ã§ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒ©ã‚¤ãƒ–ラリã¯ä¸è¦ã«ãªã£ãŸã€‚ Web Components ã® Custom Elements ã¯æ¨™æº–仕様
ãªãœãƒ—ãƒãƒ€ã‚¯ãƒˆã« Vue.js を採用ã—ãŸã®ã‹? é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã£ã ã£ãŸ? ã¨ã„ã†è©± | Nagisaã®ã™ã‚ã‚
2018å¹´2月6æ—¥ ãªãœãƒ—ãƒãƒ€ã‚¯ãƒˆã« Vue.js を採用ã—ãŸã®ã‹? é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã£ã ã£ãŸ? ã¨ã„ã†è©± 余り知られã¦ã„ã¾ã›ã‚“㌠Nagisa ã§ã¯ã‚¢ãƒ—リã ã‘ã§ãªã Web ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚„サービスもã‚ã‚Šã¾ã™ã€‚マンガZERO ã‚„ UPTOON! ã‚„ 月刊コミックジヘン 辺りãŒãã†ã§ã™ã€‚ 何れも Vue.js ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ SPA ã§ã€ç¤¾å†…・外両方ã‹ã‚‰ “ãªã‚“㧠Vue.js ãªã®?†ã¨ã‹ã‚ˆãèžã‹ã‚Œã¾ã™ã€‚ãã“ã§ã€ä»Šå›žã¯ã©ã†ã—㦠Vue.js ã‚’é¸æŠžã—ãŸã®ã‹ã€Vue.js ã®ä½•ãŒã„ã„ã®ã‹ã€Vue.js ã§é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã ã£ãŸã‹ã®è©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« Vue.js ã‚’å°Žå…¥ã™ã‚‹å‰ã®ãƒžãƒ³ã‚¬ ZERO Web 㯠2.0系㮠Riot ã§ä½œã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚今ã‚ã‚‹ SPA ã®ã‚ˆã†ãªå½¢ã§ã¯ãªãサーãƒã‚µã‚¤ãƒ‰ (Go) ã«ã¦ãƒ¡ã‚¿ã‚¿ã‚°ã‚’生æˆã€ç©ºã®ãƒžã‚¦ãƒ³ãƒˆãƒã‚¤ãƒ³ãƒˆ <div id="app"><
NaN === NaN ㌠false ãªç†ç”±ã¨util.isDeepStrictEqual - from scratch
NaN === NaN 㯠false NaNã€ã¤ã¾ã‚Šã¯ Not a Number åŒå£«ã®åŒå€¤æ¯”較㌠false ã«ãªã‚‹ã®ã¯ã€ã‚ˆã JavaScript ã¨ã‹ã§ç½ ã ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ãŒã€ç½ ã§ã‚‚ãªã‚“ã§ã‚‚ãªã„ã§ã™ã€‚ false ãŒè¿”ã‚‹ã¨ã„ã†ä»•æ§˜ã§ã™ã€‚仕様ã®çµŒç·¯ã‚’追ã†ã¨ã™ãã«ã€Ž IEEE754 ã¨ã„ã†æµ®å‹•å°æ•°ç‚¹ã®æ¨™æº–è¦æ ¼ã§æ±ºã‚られã¦ã„ã‚‹ã‹ã‚‰ã€ã€ã¨ã„ã†ç†ç”±ãŒãƒ’ットã—ã¾ã™ã€‚ ã§ã¯ IEEE754 ã§ã¯ãªã‚“㧠NaN == NaN ã‚’ false ã«ã—よã†ã¨ã„ã†è©±ã«ãªã£ãŸã®ã‹ã€ã¨ã„ã†ã®ã‚’調ã¹ã¦ã¿ã¾ã—ãŸã€‚ 今回ã¯ãã†ã„ã†æ´å²ã®è©±ã§ã™ã€‚ IEEE754 ç¾åœ¨ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®å‡¦ç†ç³»ã®å¤šããŒæŽ¡ç”¨ã—ã¦ã„る浮動å°æ•°ç‚¹ã®æ¨™æº–è¦æ ¼ã§ã™ã€‚ ã“ã®æ¨™æº–è¦æ ¼ã¯ä»¥ä¸‹ã®ã“ã¨ã‚’定義ã—ã¦ã„る。 - 基本形å¼: 二進ãŠã‚ˆã³å進ã®æµ®å‹•å°æ•°ç‚¹æ•°ãƒ‡ãƒ¼ã‚¿ã®é›†åˆã€‚有é™ãªæ•°ï¼ˆç¬¦å·ä»˜ã‚¼ãƒã¨éžæ£è¦åŒ–æ•°ã‚’å«ã‚€ï¼‰ã€ç„¡é™ã€ç‰¹æ®Šãªã€Œæ•°ã§ã¯ãªã„ã€å€¤ï¼ˆNaN
æ–°Qiitaã§Reactã‚’ã‚„ã‚ã¦hyperappを採用ã—ãŸèƒŒæ™¯ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 12/1 ã« Qiita ã®ãƒˆãƒƒãƒ—ページをリニューアルã—ã¾ã—ãŸã€‚ã“ã‚Œã¾ã§ React を使ã£ã¦ã„ã¾ã—ãŸãŒã€ãれをやã‚㦠hyperapp を採用ã—ã¾ã—ãŸã€‚ã¾ã‚りを見ã¦ã‚‚ã‚ã¾ã‚ŠæŽ¡ç”¨äº‹ä¾‹ãŒè¦‹å½“ãŸã‚‰ãªã„ã®ã§ã€ã“ã®è¨˜äº‹ã§ã¯ä¸€ä½“ãªã‚“ã§ä»Šã‚’ã¨ãã‚ã React ã§ã¯ãªã hyperapp ã‚’é¸æŠžã—ãŸã®ã‹ã€ã©ã†ã„ã†ã¨ã“ã‚ãŒé…力的ãªã®ã‹ã«ã¤ã„㦠プレゼンテーション層を実装ã™ã‚‹ãŸã‚ã®ãƒ„ールã¨ã—㦠å¦ç¿’コスト ã®è¦³ç‚¹ã‹ã‚‰æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ãªãŠã“ã®è¨˜äº‹ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹ã“ã¨ã¯å…¨ã¦å€‹äººã®æ„Ÿæƒ³ã§ã‚ã‚Šã€ã¯ã£ãã‚Šã„ã£ã¦å€‹äººã®æ—¥è¨˜ãƒ¬ãƒ™ãƒ«ã§ã™ã€‚ ãれ㨠hyperapp
イマドã‚ã®JavaScriptã®æ›¸ãæ–¹2018
PySpaçµ±åˆæ€å¿µä½“ã§ã™ã€‚ã“ã‚Œã‹ã‚‰JavaScriptを覚ãˆã‚‹ãªã‚‰ã€ã€Œã“ã®æ›¸ãæ–¹ã¯ã‚‚ã†è¦šãˆãªãã¦ã„ã„ã€ï¼ˆã‚ˆã‚Šã‚ˆã„代替ãŒã‚る）ã¨ã„ã†ã‚‚ã®ã‚’集ã‚ã¦ã¿ã¾ã—ãŸã€‚ ES6以é™ã®é›£ã—ã•ã¯ã€æ—§æ¥ã®æ›¸ãæ–¹ã«ãƒ—ラスãŒå¢—ãˆãŸã ã‘ã§ã¯ãªãã€å¤§é‡ã®ã€Œæ—§æ¥ã®æ›¸ãæ–¹ã¯é–“é•ã„を誘発ã—ã‚„ã™ã„ã‹ã‚‰éžæŽ¨å¥¨ã€ã¨ã„ã†ã‚‚ã®ã‚’作り出ã—ãŸç‚¹ã«ã‚ã‚Šã¾ã™ã€‚5å¹´å‰ã€10å¹´å‰ã®æœ¬ã‚„ウェブãŒã‚ã¾ã‚Šå½¹ã«ç«‹ãŸã¡ã¾ã›ã‚“。ãªãŠã€æ›¸ãæ–¹ãŒè¤‡æ•°ã‚ã‚‹ã‚‚ã®ã¯ã€å¥½ãå«Œã„ã¯å½“然ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã‚ãˆã¦éŽæ¿€ã«1ã¤ã«çµžã£ã¦ã„ã‚‹ã¨ã“ã‚ã‚‚ã‚ã‚Šã¾ã™ã€‚ãªãŠã€ã“ã‚Œã¯ã“ã‚Œã‹ã‚‰æ–°è¦ã«å¦ã¶äººãŒã€éŽåŽ»ã®ãƒ‰ã‚ュメントやコードを見ãŸæ™‚ã«å¤ã„æƒ…å ±ã‚’é¸åˆ¥ã™ã‚‹ãŸã‚ã®ã¾ã¨ã‚ã§ã™ã€‚残念ãªãŒã‚‰ã€ä»Šæ™‚ã®æ›¸ãæ–¹ã®ã¿ã§æ§‹æˆã•ã‚ŒãŸæ›¸ç±ãªã©ãŒå˜åœ¨ã—ãªã„ã‹ã‚‰ã§ã™ã€‚ ãŸã¶ã‚“明示的ã«æ›¸ã„ã¦ã„ã¦ã‚‚èªã¿é£›ã°ã™äººã¯ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã™ã§ã«æ›¸ã„ã¦ã„る人å‘ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã‚Œã‹ã‚‰æ›¸ãコードをã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã«ã—ã¦ã„ãã®ã¯åˆ¥ã«ã„ã„
よã使ã†æ£è¦è¡¨ç¾ã¯ã‚‚ã†ã‚°ã‚°ã‚ŠãŸããªã„ï¼ - Qiita
タイトル通りã«ã‚ˆã使ã†æ£è¦è¡¨ç¾ã‚’毎回ググるã®ãŒåŠ¹çŽ‡æ‚ªã„ã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚å„言語ã§æ£è¦è¡¨ç¾ã®ã‚µãƒ³ãƒ—ルを書ã„ã¦ã¿ã¾ã—ãŸã€‚ æ£è¦è¡¨ç¾å¼ Emailアドレス ^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$ ドメインå ^[a-zA-Z0-9][a-zA-Z0-9-]{1,61}[a-zA-Z0-9]\.[a-zA-Z]{2,}$ インタãƒãƒƒãƒˆURL ^(http|https)://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ ユーザーå (Twitter username) ^[a-zA-Z0-9_\-.]{3,15}$ 固定電話 ^0\d-\d{4}-\d{4}$ æºå¸¯é›»è©± ^(070|080|090)-\d{4}-\d{4}$ IP電話 ^050-\d{4}-\d{4}$ フリーダイヤル ^0120-\d{3}-\d{3}
モãƒã‚¤ãƒ«é–‹ç™ºã«å½¹ç«‹ã¤JSデãƒãƒƒã‚°è¡“ | メルカリエンジニアリング
Mercari Advent Calendar 2017 13日目㯠フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¼ãƒ ã® @sottar ㌠web アプリã®é–‹ç™ºï¼ˆç‰¹ã«ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºï¼‰ã§å½¹ç«‹ã¤ Chrome DevTools ã®ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’紹介ã—ã¾ã™ã€‚ ã¯ã˜ã‚㫠メルカリã§ã¯ PC ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚ˆã‚Šã‚‚モãƒã‚¤ãƒ«ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ãŒå¤šã„ãŸã‚ã€web アプリもモãƒã‚¤ãƒ«ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚’æ„è˜ã—ãŸã‚³ãƒ¼ãƒ‰ã‚’書ãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã—ã‹ã—モãƒã‚¤ãƒ«å‘ã‘ã®ã‚³ãƒ¼ãƒ‰ã‚’書ãéš›ã«ã€æ¯Žå›žå®Ÿæ©Ÿã‚’接続ã—ã¦ç¢ºèªã™ã‚‹ã®ã¯é¢å€’ã§ã™ã€‚ãã“ã§æœ€è¿‘ã®ãƒ–ラウザã«ä»˜å±žã—ã¦ã„る開発者ツールã«ã¯ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é–‹ç™ºã«å½¹ç«‹ã¤æ©Ÿèƒ½ãŒæ載ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€ãã®æ©Ÿèƒ½ã‚’使ã„ã“ãªã™ã“ã¨ã§ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®é–‹ç™ºã‚’ã—ã¤ã¤ã€é–‹ç™ºã®ã‚¹ãƒ”ードを上ã’る事ãŒå¯èƒ½ã§ã™ã€‚ ãã“ã§æœ¬æ—¥ã¯ Chrome DevTools 内ã«ã‚ã‚‹ã€ç‰¹ã«ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹å‘ã‘ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„開発ã«å½¹ç«‹ã¤æ©Ÿèƒ½ã‚’紹介ã—ã¾ã™ã€‚ Dev
今ã•ã‚‰èžã‘ãªã„SPAã®CORS対ç–ã®è©±
æ±äº¬Nodeå¦åœ’2017ã«ã¦ç™ºè¡¨ã—ã¾ã—ãŸã€‚
絵文å—ãŒã‚る種ã®Unicodeãƒã‚°ã‚’世界ã‹ã‚‰ä¸€æŽƒã—ã¤ã¤ã‚る件ã«ã¤ã„ã¦ï½œRui Ueyama
Unicodeã®UTF-16エンコーディングã§ã¯ã»ã¨ã‚“ã©ã®æ–‡å—（コードãƒã‚¤ãƒ³ãƒˆï¼‰ã¯2ãƒã‚¤ãƒˆã§è¡¨ç¾ã•ã‚Œã‚‹ãŒã€Unicodeã«å¾Œã‹ã‚‰è¿½åŠ åŽéŒ²ã•ã‚ŒãŸæ–‡å—ã®å¤šãã¯4ãƒã‚¤ãƒˆã§è¡¨ç¾ã•ã‚Œã‚‹ã€‚4ãƒã‚¤ãƒˆæ–‡å—ãŒã†ã¾ã扱ãˆãªã„プãƒã‚°ãƒ©ãƒ ã¨ã„ã†ã®ã¯ã‚ã‚Šã¨ã‚ˆãã‚る。ã—ã‹ã—世界ä¸ã§åºƒã使ã‚れるよã†ã«ãªã£ãŸçµµæ–‡å—ãŒã‚ˆã‚Šã«ã‚ˆã£ã¦4ãƒã‚¤ãƒˆæ–‡å—ã§ã‚ã‚‹ã›ã„ã§ã€ãã®ã‚ˆã†ãªæ–‡å—ãŒæ‰±ãˆãªã„å•é¡ŒãŒã‚ˆã„ペースã§è§£æ±ºã«å‘ã‹ã„ã¤ã¤ã‚る。ãã‚Œã«ã¤ã„ã¦å°‘ã—説明ã—ã¦ã¿ã‚ˆã†ã¨æ€ã†ã€‚ UnicodeãŒ80年代ã‹ã‚‰90年代åˆé ã«ã‹ã‘ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã¨ãã®ç›®æ¨™ã®ä¸€ã¤ã¯ã€Unicodeã«å«ã¾ã‚Œã‚‹æ–‡å—æ•°ã‚’65536個以内ã«åŽã‚ã‚‹ã“ã¨ã ã£ãŸã€‚ç¾ä»£ã®æ–‡ç« を実用的ãªãƒ¬ãƒ™ãƒ«ã§è¡¨ã™ãŸã‚ã«ã¯ã€æ¼¢å—ãªã©ã‚’å«ã‚ã¦ã‚‚ãã‚Œã ã‘ã®ç¨®é¡žã®æ–‡å—ãŒã‚ã‚Œã°å分ã ã¨è€ƒãˆã‚‰ã‚ŒãŸã®ã 。当然ã“ã‚Œã¯1æ–‡å—ã‚’2ãƒã‚¤ãƒˆã§è¡¨ã™ã“ã¨ã‚’念é ã«ç½®ã„ã¦ã„ãŸã€‚ã¤ã¾ã‚Šã‚³ãƒ³ãƒ”ュータã®æºç±ƒæœŸã‹ã‚‰å½“時ã«è‡³ã‚‹ã¾ã§å˜ç´”ã«è‹±èªž
Rubyã®åž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸å¤®repoã«ã—ãªã„ã»ã†ãŒã„ã„ç†ç”± - Islands in the byte stream
ã‚ã‚‹ã„ã¯ç§ãŒDefinitelyTyped (DT) ãŒå¤±æ•—ã ã¨æ€ã£ã¦ã„ã‚‹ç†ç”±ã€ã§ã™ã€‚ DefinitelyTypedã¯æ˜Žç¢ºã«å¤±æ•—ã ã¨æ€ã£ã¦ã„ã‚‹ã®ã§ã€ã‚れをé¿ã‘ã‚‹ã®ã¯ãã‚“ãªã«é›£ã—ããªã„ã‹ãªã¨ã€‚ã¾ãš (1) anyã‚’èªã‚ã¦ã€Œåž‹ãŒãªãã¦ã‚‚ã„ã„ã‚„ã€ã¨ã„ã†æ°—æŒã¡ã§ã„ã (2) ä¸å¤®repoã¯ä½œã‚‰ãšãã‚Œãžã‚Œã®gemã«å¯¾ã—ã¦åž‹å®šç¾©ãƒ‘ッãƒã‚’ãŠãã‚Šã¤ã‘ã‚‹ ã§ãªã‚“ã¨ã‹ãªã‚‹ã£ã—ょ。— FUJI Goro (@__gfx__) September 19, 2017 ã‚ãŸã‚ŠãŒè©±ã®ç™ºç«¯ã§ã™ã€‚ DTã«ã¤ã„ã¦ã¯ä»¥å‰ã„ã¾ã„ã¡ã‚¤ã‚±ã¦ãªã„ç†ç”±ã‚’書ã„ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ TypeScriptã®DefinitelyTypedã¯ã€Œãƒ€ãƒ¡ã§ã‚‚ã¨ã‚‚ã¨ã€ã†ã¾ã使ãˆã‚Œã°ãƒ©ãƒƒã‚ーã€ãらã„ã®è·é›¢æ„ŸãŒã‚ˆã„ - Islands in the byte stream ã“ã®æ™‚ã®è©±ã‚’一言ã§ã¾ã¨ã‚ã‚‹ã¨ã€Œãƒ©ã‚¤ãƒ–ラリã®ä½œè€…ã§ã¯ãªã„第三者ãŒãƒ¡ãƒ³ãƒ†ã—ã¦ã„ã‚‹ã“ã¨ãŒå¤šã
自社ã®ä»ŠæœŸæŒ¯ã‚Šè¿”ã‚Šã¨æ¥æœŸã«å‘ã‘ã¦
自社ã®æ±ºç®—㌠9 末ã€ã‚㨠2 週間ã¨ã„ã†ã“ã¨ã§æŒ¯ã‚Šè¿”ã£ã¦ã¿ãŸã„。 å‰æœŸãŒæŠ•è³‡æœŸã§ã€ 今期ã¯ç¨®è’”ã期ãªã‚“ã¦è€ƒãˆã¦ã„ãŸãŒã€é‹è‰¯ã回åŽæœŸã«ã‚‚ãªã£ãŸã€‚æ£ç›´è‰²ã€…ã¨æƒ³å®šå¤–ã®æœŸã ã£ãŸã‚ˆã†ã«æ€ãˆã‚‹ã€‚ 自社製å“ã‚’ä¸å¿ƒã«æŒ¯ã‚Šè¿”ã£ã¦ã€ãƒ€ãƒ©ãƒ€ãƒ©æ›¸ã„ã¦ã„ã。 é‹è‰¯ã自社製å“ãŒå£²ã‚Œå§‹ã‚ã‚‹å–¶æ¥ãŒã„ãªã„ã®ã§ã€å®Œå…¨ã«å•ã„åˆã‚ã›ã‚’å£ã‚’é–‹ã‘ã¦å¾…ã¤ã‚¹ã‚¿ã‚¤ãƒ«ãªã®ã§ã€ã„ã¤å£²ã‚Œã‚‹ã‹ã‚‚é‹é ¼ã¿ã€‚ ãれ㌠2017 å¹´ã«å…¥ã£ã¦ã‹ã‚‰ã¯ã»ã¼æ¯Žæœˆå£²ã‚Œã¦ã€ç¤¾å¤–ã®ãŠæ‰‹ä¼ã„ã®å£²ä¸Šã‚ˆã‚Šã‚‚多ã„ã“ã¨ã‚‚ã‚ã£ãŸã‚Šã—ãŸã€‚ 自社製å“ã®å£²ä¸Šã¯ã‚ャッシュフãƒãƒ¼çš„ã«ã¨ã¦ã‚‚安定ã™ã‚‹ã¨ã„ã†äº‹ã‚’ã€å®Ÿæ„Ÿã—㟠1 å¹´ã ã£ãŸã€‚ 大手ã«æŽ¡ç”¨ã•ã‚Œå§‹ã‚る公開ã§ãる範囲ã ã¨ãƒªã‚³ãƒ¼ã€ã‚¹ã‚¯ã‚¨ãƒ‹ã€ã‚½ãƒ•ãƒˆãƒãƒ³ã‚¯ï¼ˆæ•¬ç§°ç•¥ï¼‰ã¨ã„ã†å¤§æ‰‹ã«æŽ¡ç”¨ã•ã‚ŒãŸã®ã¯ç¤¾ä¼šçš„信用ã¨ã„ã†é¢ã§å¤§ãã‹ã£ãŸã€‚打ã¡åˆã‚ã›ã§ã‚‚ã†ã¡ãŒå°ã•ã„会社ã ã‹ã‚‰å¿ƒé…ã¨ã„ã†è©±ãŒãªããªã£ãŸã€‚ 製å“ã®æ€§èƒ½ã‚„機能ã€å“質ãªã©ã ã‘ã§å‹è² ãŒã§ãるよã†ã«ãªã£ãŸã€‚
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ユーザã®ãƒ–ラウザã§èµ·ã㟠JavaScript ã®ã‚¨ãƒ©ãƒ¼ã‚’åŽé›†ã™ã‚‹ - Qiita
{{#tags}}- {{label}}
{{/tags}}