[B! JS] seiunskyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

seiunsky id:seiunsky

JSã«é–¢ã™ã‚‹seiunskyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (29)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

2019å¹´ç‰ˆ: è„±Babel!ãƒ•ãƒãƒ³ãƒˆ/JSé–‹ç™ºã‚’TypeScriptã«ç§»è¡Œã™ã‚‹ãŸã‚ã®ç’°å¢ƒæ•´å‚™ãƒžãƒ‹ãƒ¥ã‚¢ãƒ« - Qiita
TL;DR ã„ã‚ã„ã‚æ›¸ã„ã¦ã„ã¾ã™ãŒã€ä¸€ç•ªæ›¸ããŸã‹ã£ãŸã®ã¯æœ€åˆã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨æœ€å¾Œã®React Componentã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½œã‚Šæ–¹ã§ã™ãã€‚ã±ã£ã¨npm installã—ã¦ã€æœ€åˆã‹ã‚‰åž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ãŒå…¥ã£ã¦ã„ã¦ã€@typesã‚’æŒã£ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æŽ¢ã—ãŸã‚Šã€è‡ªåˆ†ã§.d.tsã‚’æ›¸ã„ãŸã‚Šã—ãªãã¦ã‚‚ã„ã„ä¸–ç•ŒãŒã‚„ã£ã¦ãã¦æ¬²ã—ã„ãªã€ã¨ã„ã†æ°—æŒã¡ã‹ã‚‰æ›¸ã„ã¦ã„ã¾ã™ã€‚ ã“ã“ã§ç´¹ä»‹ã—ãŸTypeScriptç’°å¢ƒæ§‹ç¯‰ã¯ã™ã¹ã¦ã€è‡ªåˆ†ç”¨ã«Yeomanã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¨ã—ã¦ä½œæˆã—ãŸã®ã§ã€ä»¥ä¸‹ã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦é¸æŠžã—ãŸã‚‰ãã‚Œã§ãŠã—ã¾ã„ã§ã™ã€‚ @shibukawa/typescript (npmã«ã¯å…¬é–‹ã—ã¦ã„ãªã„ã®ã§ã€checkoutã—ã¦ãƒ“ãƒ«ãƒ‰ã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ãã ã•ã„) 2020/7/26: Reactå‘¨ã‚Šã‚’ç¾åœ¨ã®æœ€æ–°ã®æƒ…å ±ã«æ›´æ–° 2019/1/22: TSLintâ†’ESLintã«ä¿®æ£ 2019/8/1:
seiunsky 2019/01/22
js
ãƒªãƒ³ã‚¯
.mjs ã¨ã¯ä½•ã‹ã€ã¾ãŸã¯ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒ™ãƒ¼ã‚¹ JS ã¨ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã®ä»Šå¾Œ | blog.jxck.io
Intro é•·ã„ã“ã¨è°è«–ã«ãªã£ã¦ã„ãŸ ES Modules ã® Node ã«ãŠã‘ã‚‹æ‰±ã„ã«ä¸€å¿œã®æ±ºç€ãŒä»˜ãã€ .mjs ã¨ã„ã†æ‹¡å¼µåãŒæŽ¡æŠžã•ã‚ŒãŸã€‚ ã“ã®æ‹¡å¼µåã®æ„å‘³ã¨ã€ä»Šå¾Œãƒ–ãƒ©ã‚¦ã‚¶ã¨åˆã‚ã›ã¦ Universal JS ã‚’å®Ÿè£…ã—ã¦ã„ãä¸Šã§ã®ä½œæ³•ãŒè¦‹ãˆã¦ããŸã“ã¨ã«ãªã‚‹ã€‚ åˆã‚ã›ã¦ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ãŒå¯¾å¿œã—ã¦ã„ãã“ã¨ã§ã€é•·å¹´ã®å¤¢ã ã£ãŸ JS ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã‚’é€²ã‚ã¦ã„ãã“ã¨ãŒã§ãã‚‹ã ã‚ã†ã€‚ ES Modules å¾ã€…ã«æƒã„ã¤ã¤ã‚ã‚‹ ES Modules(ESM) ã®ä»•æ§˜ã¯ TC39 ã§è¡Œã‚ã‚Œã¦ãŠã‚Šã€ãã®ä»•æ§˜ã«ã¤ã„ã¦ã¯ä¸»ã«ä»¥ä¸‹ã®ã‚ˆã†ãªéƒ¨åˆ†ã«ãªã‚‹ã€‚ import ã‚„ export ã¨è¡Œã£ãŸæ§‹æ–‡ module å†…ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆ strict mode module ã§ã‚¹ã‚³ãƒ¼ãƒ—ã‚’é–‰ã˜ã‚‹ module å†…ã® this ã¯ undefined etc é€†ã«ä»¥ä¸‹ã¯ TC39 ã§ã®ç–å®šç¯„å›²å¤–ã¨ãªã‚‹ ã©ã† Module ã‚’èª
seiunsky 2018/06/26
ä¹…ã—ã¶ã‚Šã«èªã¿ç›´ã—ãŸã‚“ã ã‘ã©ã€ã“ã‚Œã£ã¦ä»Šã‚‚çµè«–ã¯å¤‰ã‚ã‚‰ãªã„æ„Ÿã˜ãªã®ã‹ãªï¼ˆæƒ…å¼±ãªã®ã§ç•Œéšˆã®é›°å›²æ°—ã‚’çŸ¥ã‚‰ãªã„ï¼‰

js
ãƒªãƒ³ã‚¯
ã™ã¹ã¦ã‚’jsã«ã¾ã¨ã‚ã‚‹æ€æƒ³ã‚’ç†è§£ã™ã‚‹ - webpackãƒãƒ³ã‚ºã‚ªãƒ³ã‚·ãƒªãƒ¼ã‚ºï½œã“ã‚“ã´ã‚…
javascriptã®é–‹ç™ºã§ã¯ã€sassã‚„typescriptãªã©ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã€minifyã‚„autoprefixerã§ã®æœ€é©åŒ–ã€ä¾å˜é–¢ä¿‚ã‚’è§£æ±ºã—bundleã™ã‚‹ãªã©å¤šæ§˜ãªå·¥ç¨‹ãŒã‚ã‚‹ã®ã§ã€å±žäººåŒ–ãƒ»è·äººä¾å˜ã‚’é¿ã‘ã‚‹ãŸã‚ã«ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã§ã®è‡ªå‹•åŒ–ãŒæ˜”ã‹ã‚‰å½“ãŸã‚Šå‰ã«è¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ webpackã¯ã“ã®æ‰‹ã®ãƒ„ãƒ¼ãƒ«ã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã§ã™ã€‚webpackã¯ã‚¿ã‚¹ã‚¯ã®è‡ªå‹•åŒ–æ”¯æ´ã§ã¯ãªãã€ãªã‚“ã§ã‚‚jsã«ã¾ã¨ã‚ã‚‹ã¨ã„ã†ä»•äº‹ã‚’ã†ã¾ãã‚„ã‚‹äº‹ã«ç‰¹åŒ–ã—ã¦ã„ã¾ã™ã€‚gulpã‚„browserifyã§è¡Œãªã£ã¦ã„ãŸã‚ˆã†ãªã‚¿ã‚¹ã‚¯ã®è‡ªå‹•åŒ–ã¯npm scriptã§ååˆ†ã‚„ã‚“ã€ã¨ã„ã†å‰²ã‚Šåˆ‡ã‚Šã‚’æ„Ÿã˜ã¾ã™ã€‚ ãªã‚“ã§ã‚‚jsã§æ‰±ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã®ã§ã€cssã‚„ç”»åƒã‚„htmlã‚‚jså†…ã«ãƒãƒ¼ãƒ‰ã§ãã€è¨å®šãŒç…©é›‘ã«ãªã‚Šã«ãããªã‚Šã¾ã™ã€‚ webpackã®loaderã¨ã„ã†ä»•çµ„ã¿ãŒjsã¸ã®çµ„ã¿è¾¼ã¿ã‚„æœ€é©åŒ–ã‚’ã†ã¾ãã‚„ã£ã¦ãã‚Œã‚‹ã®ã§ã™ãŒã€ã©ã†ã„ã†ã‚‚ã®ã‹æ¤œè¨¼ã—ã¦ã„ãã¾ã—
seiunsky 2018/03/19
JS

webpack
ãƒªãƒ³ã‚¯
JavaScript ã«ãŠã‘ã‚‹æ–‡å—ã‚³ãƒ¼ãƒ‰ã¨ã€Œæ–‡å—æ•°ã€ã®æ•°ãˆæ–¹ | blog.jxck.io
Intro textarea ãªã©ã«å…¥åŠ›ã•ã‚ŒãŸæ–‡å—æ•°ã‚’ã€ JS ã§æ•°ãˆãŸã„å ´åˆãŒã‚ã‚‹ã€‚ ã“ã“ã§ .length ã‚’æ•°ãˆã‚‹ã ã‘ã§ã¯ãƒ€ãƒ¡ãªç†ç”±ã¯ã€æ–‡å—ã‚³ãƒ¼ãƒ‰ã‚„ JS ã®å†…éƒ¨è¡¨ç¾ã®è©±ã‚’ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ å¤šè¨€èªžã‚„çµµæ–‡å—å¯¾å¿œãªã©ã‚‚è¸ã¾ãˆãŸä¸Šã§ã€ã©ã†å‡¦ç†ã™ã‚‹ã¹ããªã®ã‹ã€‚ ãã‚Œè‡ªä½“ã¯æž¯ã‚ŒãŸè©±é¡Œã§ã¯ã‚ã‚‹ãŒã€è¿‘å¹´ ECMAScript ã«è¿½åŠ ã•ã‚ŒãŸæ©Ÿèƒ½ãªã©ã‚’äº¤ãˆã¦è§£èª¬ã™ã‚‹ã€‚ ãªãŠã€æ–‡å—ã‚³ãƒ¼ãƒ‰ã®ä»•çµ„ã¿ã‚’è©³è§£ã™ã‚‹ã“ã¨è‡ªä½“ãŒç›®çš„ã§ã¯ç„¡ã„ãŸã‚ã€ BOM, UCS-2, Endian, æ´å²çš„çµŒç·¯ãªã©ã€ã“ã®æ‰‹ã®è©±é¡Œã«ã¤ãç‰©ãªè©±ã®ä¸€éƒ¨ã¯çœãã“ã¨ã¨ã™ã‚‹ã€‚ 1 æ–‡å—ã¨ã¯ä½•ã‹ Unicode ã¯å…¨ã¦ã®æ–‡å—ã« ID ã‚’æŒ¯ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã„ã‚‹ã€‚ ä¾‹ãˆã° ðŸ˜ (loudly crying face) ãªã‚‰ 0x1F62D ã ã€‚ 1 ã¤ã®æ–‡å—ã« 1 ã¤ã® ID ãŒå‰²ã‚Šå½“ã¦ã‚‰ã‚Œã¦ã„ã‚‹ã®ã ã‹ã‚‰ã€æ–‡å—ã®æ•°ã‚’æ•°ãˆã‚‹å ´åˆã¯ã€ã“ã® ID
seiunsky 2018/01/18
code

ã‚µãƒã‚²ãƒ¼ãƒˆãƒšã‚¢

JS
ãƒªãƒ³ã‚¯
Electronã§Gyazoã£ã½ã„UIã‚’å®Ÿç¾ã™ã‚‹ - Qiita
Electron (æ—§atom-shell)ã‚’ä½¿ãˆã°ã€JSã‚„ãƒ¢ãƒ€ãƒ³ãªWebæŠ€è¡“ã‚’æ´»ã‹ã—ã¦ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ãªPCã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ APIãŒå……å®Ÿã—ã¦ã„ã¦ã€Webãƒšãƒ¼ã‚¸ã‚’ãŸã ç§»æ¤ã—ãŸã ã‘ã®å˜ç´”ãªã‚¢ãƒ—ãƒªã ã‘ã§ãªãã€å‰²ã¨æ‰‹ã®è¾¼ã‚“ã UIã‚‚å®Ÿç¾ã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚ ãŸã¨ãˆã°ã€Gyazoã®ã‚ˆã†ãªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’æ’®ã‚‹ãŸã‚ã®é ˜åŸŸé¸æŠžã®UIã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ å®Ÿè£…æ–¹æ³• ç”»é¢ã®å…¨ä½“ã«é€æ˜Žãªã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’ä½œã£ã¦ã€ãã®ä¸Šã®é€æ˜ŽãªWebãƒšãƒ¼ã‚¸ã§mousedownãªã©ã®ã‚¤ãƒ™ãƒ³ãƒˆã«ã‚ã‚ã›ã¦å¿…è¦ãªUIè¦ç´ ã‚’æç”»ã™ã‚‹ã€‚ https://github.com/uiureo/electron-crop-rect/blob/master/main.js app.on('ready', function () { const Screen = require('screen') const size = Scree
seiunsky 2015/05/12
JS

electron
ãƒªãƒ³ã‚¯
ä»Šè©±é¡Œã®React.jsã¯ã©ã®ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To Reactâ”€ Frontrend Conference
ä»Šè©±é¡Œã®React.jsã¯ã©ã®ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To Reactâ”€ Frontrend Conference å¤–æ‘ å’Œä»ï¼ˆæ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ æœ¬è¨˜äº‹ã¯ã€2015/2/21ã«è¡Œã‚ã‚ŒãŸFrontrend Conferenceã®ã€ŒIntroduction To Reactã€ã®å†…å®¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å½“æ—¥ã®è³‡æ–™ã¯ä»¥ä¸‹ã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã“ã¡ã‚‰ã‚‚å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Introduction To React // Speaker Deck React.jsã¨ã¯ä½•ã‹ React.jsã¯Facebookè£½ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ http://facebook.github.io/react/ å…¬å¼ã‚µã‚¤ãƒˆã«ã€ã€ŒA JavaScript library for building user interfacesã€ã¨ã‚ã‚‹ã‚ˆã†ã«ã€R
seiunsky 2015/03/04
JS

backbone

React.js
ãƒªãƒ³ã‚¯
ä¸€äººReact.js Advent Calendar 2014 - Qiita
React.jsã«ã¤ã„ã¦ã®åŸºæœ¬çš„ãªã¨ã“ã‚ã‚’æ›¸ã„ã¦ã„ãã¾ã™ï¼ å…¬å¼èªã‚ã°ã‚ã‹ã‚‹ã‚ˆã†ãªã“ã¨ãŒå¤šã„ã§ã™ãŒReact.jsã«èˆˆå‘³ã‚’ã‚‚ã¤ãã£ã‹ã‘ã«ã§ã‚‚ãªã‚Œã°...ã€‚ v0.12.1ã§ç¢ºèªã—ã¦ã„ã¾ã™ã€‚ ã“ã£ã¡ã¯ä¸€äººã§æ›¸ãã‚ˆã†ã«ä½œã£ãŸã‚‚ã®ãªã®ã§æ›¸ããŸã„äººã¯VirtualDOMã«æ›¸ãã¨ã„ã„ã¨æ€ã„ã¾ã™ã€‚ (æ›¸ãäººãŒã„ãªãã¦1äººã§æ›¸ã„ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„) ã“ã®è¨˜äº‹ã¯å¤ã„ã®ã§ä¸‹è¨˜ã®æ›´æ–°æƒ…å ±ã‚‚å‚è€ƒã«ã—ã¦ãã ã•ã„ http://blog.koba04.com/post/2015/03/05/react-js-v013-changes/ http://blog.koba04.com/post/2015/09/22/react-js-v014-changes/ http://blog.koba04.com/post/2016/03/09/react-js-v15-changes/ http://blog.koba04.
seiunsky 2014/11/28
ã¤ã‚ˆã„ï¼ˆç¢ºä¿¡ï¼‰

advent calendar

JS
ãƒªãƒ³ã‚¯
LGTMç”»åƒä½œæˆãƒ„ãƒ¼ãƒ«ã®LGTM Editorã‚’ä½œã£ãŸã½ã‚ˆã€œã€œ - uzullaãŒãƒ–ãƒã‚°
ã€Œã‚„ã£ãŸãƒ¼ JS ã§ LGTM ã‚¸ã‚§ãƒãƒ¬ã‚¿ãƒ¼ã§ããŸã‚ˆãƒ¼ï¼ #HTML5 #File_APIã€ http://blog.hateblo.jp/entry/2014/02/10/193257 http://ochinchin.org/~udonchan/lgtm_gen/ ã“ã‚ŒãŒã¨ã¦ã‚‚ã„ã„ãªã¨æ€ã£ãŸã‘ã©ã€æ•°å—ã‚’æ¯Žå›žã„ã‚Œã‚‹ã®ãŒçµæ§‹ã ã‚‹ã‹ã£ãŸã®ã§ã‚ã‚“ã©ãã¦æ”¾ç½®ã—ã¦ãŸEaselJSã®å‹‰å¼·ã®ãŸã‚ã«ä½œã£ãŸã€‚ ï¼ˆLGTM.inã¿ãŸã„ãªã‚µã‚¤ãƒˆã‚’ä½œã‚ŠãŸã„ã¨ã‚‚æ€ã£ã¦ã„ã‚‹ï¼‰ ã©ã“ã«ã‚ã‚‹ã®ï¼Ÿ http://s.cfe.jp/lgtm/ æ¦‚è¦ Javascriptã§å…¨éƒ¨å‹•ä½œã—ã¦ã„ã¾ã™ã€‚ æ–‡å—ã‚’ãƒ‰ãƒ©ãƒƒã‚°ã§ç§»å‹•ã§ãã¾ã™ã€‚ ã‚ã¨ã¯ãƒ‘ã‚¯ã‚Šã§ã™ã€å¤§å¤‰ã‚‚ã†ã—ã‚ã‘ãªã„ã€‚ 20140211 17:40è¿½è¨˜ DnDã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã€URLæŒ‡å®šãƒãƒ¼ãƒ‰ã‚’è¿½åŠ ã—ãŸ iPhoneã¨ã‹ã§ã‚‚ã†ã”ã‹ã›ã‚‹ã‚ˆã†ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’è¿½åŠ ã—ãŸ ã‚„ã‚ŠãŸã„ã“ã¨ Fontã‚’
seiunsky 2014/02/11
uzulla

JS
ãƒªãƒ³ã‚¯
ãŠæ‰‹è»½ã«ç”»åƒã®èªã¿è¾¼ã¿ã‚’ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã™ã‚‹ã€ä»Šã©ããªæ–¹æ³• - latest log
2008å¹´ã®ã‚¨ãƒ³ãƒˆãƒª http://d.hatena.ne.jp/uupaa/20080413/1208067631 ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ç‰ˆã§ã™ã€‚ (Îµãƒ»â—‡ãƒ»)Ð· o O ( 2018å¹´é ƒã«ã§ã‚‚ã€ã‚‚ã†ä¸€åº¦èª¿ã¹ã¦æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚
seiunsky 2013/12/18
javascript

uupaa

js
ãƒªãƒ³ã‚¯
æ™®é€šã®railsã‚¢ãƒ—ãƒªã«backboneé©ç”¨ã—ã¦æ€ã£ãŸäº‹ - lxyuma BLOG
æ™®é€šã®railsã®webã‚¢ãƒ—ãƒªã«backboneã‚’åŸ‹ã‚è¾¼ã‚“ã§ã¿ã¦æ€ã£ãŸäº‹ç‰ã‚’æ›¸ãã€‚ è³›å¦ã‚ã‚‹ã‹ã‚‚ã ãŒã€ã‚ãã¾ã§å€‹äººçš„ãªæ„è¦‹ã€‚ ï¼‘ï¼‰ã‚¦ãƒã®ç¾å ´ã§Backboneã‚’ä½¿ã†ã¹ãã‹å¦ã‹ï¼Ÿ ã©ã“ã‚‚åˆã‚ã«è€ƒãˆã‚‹äº‹ã€‚ å¤§è¦æ¨¡ã«ãªã£ãŸã‚‰ä½¿ãˆã¨ã‹ã€Single Page Applicationãªã‚‰ä½¿ãˆã¨ã‹ã€è‰²ã€…æ„è¦‹ã‚ã‚‹ã¨æ€ã†ãŒã€ ä»Šæ™‚ã®æ™®é€šã®webã‚¢ãƒ—ãƒªãªã‚‰jsã‚¬ãƒªã‚¬ãƒªå‹•ãã®ã§ã€è¿·ã‚ãšBackboneä½¿ã£ã¦ã„ã„ã¨æ€ã†ã€‚ â€»å˜èª¿ãªBå‘ã‘ã®åŸºå¹¹ã‚·ã‚¹ãƒ†ãƒ ä½œã£ã¦ã‚‹ã¨ã‹ã¯ä¾‹å¤–ã¨ã—ã¦ã€‚ ã©ã“ã§ä½¿ã†ï¼Ÿ åˆ¥ã«å…¨ã¦ã®pageã§Backboneä½¿ã†å¿…è¦ã¯ç„¡ã„ã‘ã©ã€ ãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ç³»ã§è‰²ã€…jså‹•ã‹ã™æ‰€ã¨ã‹ã€æ¤œç´¢æ¡ä»¶æŒ‡å®šã€çµžã‚Šè¾¼ã¿ã¨ã‹ã€ ç”»åƒ/è©³ç´°è¡¨ç¤ºã€LightBoxã¨ã‹ã€ ã“ã†ã„ã†æ‰€ã§jsã‚¬ãƒªã‚¬ãƒªæ›¸ã‹ãªã„ã¨è¡Œã‘ãªããªã£ãŸã‚‰ Backboneã§ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’æ•´ç†ã—ã¦ã„ã‘ã°ã„ã„ã¨æ€ã†ã€‚ å®Ÿéš›ä½¿ã£ã¦ã¿ã¦ã©ã†ã ã£ãŸã‹ï¼Ÿ before å…ƒã€…ã€
seiunsky 2013/10/21
backbone

JS
ãƒªãƒ³ã‚¯
æœ€å¼·ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘è¨€èªž JavaScript å†å…¥é–€ï¼
2. è‡ªå·±ç´¹ä»‹ â€£ ãƒŽã‚¸ãƒžãƒ¦ã‚¦ã‚¸ @yuka2py â€£ æ ªå¼ä¼šç¤¾ãƒ•ã‚©ãƒ¼ã‚¨ãƒ³ã‚ãƒ¼ ä»£è¡¨å–ç· å½¹ â€£ ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã€ ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã€ DTPã‚„å°åˆ·ãªã©ã‚‚ â€£ Pythonã¨JavaScriptãŒå¤§å¥½ ãï¼ˆDartã«èˆˆå‘³æ·±ã€…ï¼‰ â€£ æ§˜ã€…ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ è¨è¨ˆãƒ»æ§‹ç¯‰ãƒ»é‹ç”¨ã€‚ã¾ãŸWP ã«ã‚ˆã‚‹ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã€ãƒ—ãƒ©ã‚° ã‚¤ãƒ³é–‹ç™ºãªã©ãŒä¸»ãªãŠä»•äº‹ â€£ ãŠã—ã‚ƒã‚Œã‚‚å¤§å¥½ãâ˜† ãƒªãƒœãƒ³ã‚„ãŠèŠ±ãŒå¥½ãâ˜† â€£ å‚åŠ ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ â— WordBench ç¥žæˆ¸ â— HTML5-WEST.jp â— æ—¥æœ¬Androidã®ä¼š ç¥žæˆ¸æ”¯éƒ¨ çµ¶è³› ãŠä»•äº‹å‹Ÿ é›†ä¸ 3. åŽ»å¹´ã®ãƒœã‚¯ Python 1%Design 15% iOS 4% Android 10% Web(PHP/JS) 10% Windows(C#) 20% ãŠå« 40% ãŠ å« W i n d o w s ( C # ) W e b ( P H P / J S
seiunsky 2013/07/03
ã‚ã£ã¡ã‚‡ã‚ã‹ã‚Šã‚„ã™ã„ã‚„ã‚“ã‘

JS
ãƒªãƒ³ã‚¯
ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCã«ã¯ä½•ãŒå¿…é ˆ? - ã¯ã“ã¹ã«ã£ã â™¨
æœ€è¿‘ä½•åº¦ã‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹ã¨ã“ã‚ã®ã€Backbone.jsã‚’ä½¿ã£ã¦ã‚³ãƒ¼ãƒ‰ã‚’ã‹ã„ãŸã‚Šã—ã¦ã„ãŸã®ã§ã€ãã®æ™‚ã«æ„Ÿã˜ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¦ Kyoto.js ã§è©±ã—ã¦ã¿ã¾ã—ãŸã€‚ ç™ºè¡¨è³‡æ–™ "ä½•ãŒMVCã‚’ã¤ãªã’ã¦ã„ã‚‹ã®ã‹" Backbone.jsã§ã¯MVCã®å„å±¤ã‚’ã¤ãªã’ã‚‹ãŸã‚ã«ã€Backbone.Eventsã¨ã„ã†ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚Backbone.jsã®Modelã¨Viewã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã¯ã€ãƒ™ãƒ¼ã‚¹ã«ãªã£ã¦ã„ã‚‹Backbone.Eventsã«ã‚ˆã‚‹Observerãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã‚ˆã£ã¦å®Ÿç¾ã•ã‚Œã¦ã„ã¾ã™ã€‚å®Ÿéš›ã«Backbone.jsã§ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã¿ã‚‹ã¨ã€ä¾¿åˆ©ãªæ©Ÿèƒ½ã¯ã„ã‚ã„ã‚ã‚ã‚‹ã‚‚ã®ã®Backbone.Eventsã®å˜åœ¨ãŒMVCã‚’å®Ÿç¾ã™ã‚‹ã®ã«é‡è¦ã§ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ ãã“ã¤ãã¤ã‚ã‚‹ã¨ã€Backbone.Eventsã®ã‚ˆã†ãªObserverãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç°¡å˜ã«å®Ÿç¾ã§ãã‚‹ã‚ˆ
seiunsky 2013/03/22
mvc

backbone

backbone.js

JS
ãƒªãƒ³ã‚¯
Tincrã‚’ä½¿ã£ã¦ã€Chrome Developer Toolsã§ã®å¤‰æ›´ã‚’ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«åæ˜ ã™ã‚‹
--> tree app app â”œâ”€â”€ 404.html â”œâ”€â”€ favicon.ico â”œâ”€â”€ index.html â”œâ”€â”€ robots.txt â”œâ”€â”€ scripts â”‚ â”œâ”€â”€ main.js â”‚ â””â”€â”€ vendor â”‚ â”œâ”€â”€ jquery.min.js â”‚ â””â”€â”€ modernizr.min.js â””â”€â”€ styles â””â”€â”€ main.css Chrome Developer Toolsã®Tincrã‚¿ãƒ–ã§Project Typeã‚’é¸æŠžã€Http Serverã®å ´åˆã¯ãƒ«ãƒ¼ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã®è¨å®šã®ã¿ã€‚ Enable Loggingã«ãƒã‚§ãƒƒã‚¯ã‚’å…¥ã‚Œã¦ãŠãã¨Consoleã‚¿ãƒ–ã«ãƒã‚°ãŒå‡ºã¦ãã‚‹ã€‚ Content for url http://localhost:8000/scripts/main.js matches local file /Users/tnishibayashi/d
seiunsky 2013/02/18
chrome

JS

tools
ãƒªãƒ³ã‚¯
ãƒ‡ãƒ¼ã‚¿ã‚’åˆ†ã‹ã‚Šã‚„ã™ãã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ã«å¯è¦–åŒ–ã§ãã‚‹Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒD3.jsã€
ã©ã‚“ãªã«æƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã‚‚ã€ãã‚Œã‚’å¯è¦–åŒ–ã—ã¦è¦‹ã¦ã„ã‚‹äººã«ã†ã¾ãä¼ãˆã‚‹ã®ã¯è‡³é›£ã®æŠ€ã§ã™ã€‚ãã‚“ãªæ™‚ã«ãƒ‡ãƒ¼ã‚¿ã‚’ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ã‹ã¤è¦‹ã‚„ã™ã„ã‚°ãƒ©ãƒ•ã«ã—ã¦ãã‚Œã‚‹ã®ãŒã€æ§˜ã€…ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®JavascriptãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒD3.jsã€ã§ã™ã€‚ D3.js - Data-Driven Documents http://d3js.org/ D3.jsã‚’ä½¿ã£ã¦ä½œã£ãŸã‚°ãƒ©ãƒ•ã®äº‹ä¾‹ã‚’å…¬å¼ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‹ã‚‰è¦‹ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã€ã“ã‚Œã‚‰ã®ã‚°ãƒ©ãƒ•ã«ã‚‚ã¨ã«ãªã‚‹ç´ æ(ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚½ãƒ¼ã‚¹)ãŒGitHubã§å…¥æ‰‹å¯èƒ½ã§ã™ã€‚ Gallery Â· mbostock/d3 Wiki Â· GitHub ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸€ä¾‹ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ â—†:Bubble Chart ä½œæˆä¾‹ã«ã‚ˆã£ã¦ã¯ã€ãƒšãƒ¼ã‚¸ã«ç›´æŽ¥ã‚³ãƒ¼ãƒ‰ãŒè¨˜è¼‰ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ â—†:Four Ways to Slice Obamaâ€™s 2013 Budget Proposal - In
seiunsky 2013/01/21
ã‚¢ãƒ¼ãƒˆã£ã¦è¨€ãˆã°è¨±ã•ã‚Œã‚‹ã®ã‹â€¦â€¦

JS

javascript
ãƒªãƒ³ã‚¯
Meteor.js - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
http://www.meteor.com/ ã§å…¬é–‹ã•ã‚ŒãŸ Meteor.js ã‚’å°‘ã—è§¦ã£ã¦ã¿ã¾ã—ãŸã€‚TechCrunch ãªã‚“ã‹ã§ã‚‚è©±é¡Œã«ãªã£ã¦ã„ã¾ã—ãŸãã€‚ Meteor.js ã¯ JavaScript ã«ã‚ˆã‚‹ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ãŒã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ã‚‚ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ã‚‚ãªã„ã€"Isomorphic" ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ã‚³ãƒ³ã‚»ãƒ—ãƒˆã¨ã—ã¦ã„ãã¤ã‹ç‰¹å¾´ãŒã‚ã‚‹ã®ã§ã™ãŒã€ãã®æœ€ãŸã‚‹ã‚‚ã®ã¯ "Reactive Programming" ã§ã€ãƒ¢ãƒ‡ãƒ«ã‚„ã‚»ãƒƒã‚·ãƒ§ãƒ³ãªã©ã®ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’æ›´æ–°ã™ã‚‹ã¨ãã®æ›´æ–°å†…å®¹ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ã€ãã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ã„ã¦ã„ã‚‹å…¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ä¼ã‚ã‚‹ã‚ˆã†ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®è¾ºã¯å®Ÿä¾‹ã‚’è¦‹ã‚‹ã®ãŒæ—©ã„ã§ã™ã€‚ http://www.meteor.com/examples/leaderboard ã“ã“ã«ã‚ã‚‹å‹•ç”»ã§ã¯ã€ã‚ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã§
seiunsky 2012/04/23
JS

meteor.js
ãƒªãƒ³ã‚¯
Understanding MVVM - A Guide For JavaScript Developers
April 10, 2012 MVVM (Model View ViewModel) is an architectural pattern based on MVC and MVP, which attempts to more clearly separate the development of user-interfaces (UI) from that of the business logic and behaviour in an application. To this end, many implementations of this pattern make use of declarative data bindings to allow a separation of work on Views from other layers. This facilitates
seiunsky 2012/04/17
JSã«ãŠã‘ã‚‹MVVMã‚¬ã‚¤ãƒ‰

javascript

programming

MVVM

js
ãƒªãƒ³ã‚¯
JSã‚‚ã¤ã„ã«æœ€åˆã®è¨€èªžã¨ã—ã¦æŽ¨å¥¨ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸãžï¼ã¨ã„ã†BusterJSã®ç´¹ä»‹
è‡ªå·±ç´¹ä»‹ ã©ã‚‚ã€‚KAYACã§JSæ›¸ã„ã¦ã‚‹@kyo_agoã§ã™ æœ€è¿‘ã¯ã‚¹ãƒžãƒ›ç’°å¢ƒã§è‰²ã€…JSæ›¸ã„ã¦ã¾ã™ ä»Šå›žã¯ã‹ãªã‚Šå†…å®¹ã«ä¸»è¦³ãŒå…¥ã£ã¦ã¾ã™
seiunsky 2012/03/31
js

kyo_ago

busterjs
ãƒªãƒ³ã‚¯
Scaling Isomorphic Javascript Code | Nodejitsu Inc.
Nodejitsu has joined GoDaddy We are excited to join GoDaddy to help spearhead their largest Node.js product: Website Builder. Please read our blog post to learn more about customer transition plans and our continued support for Open Source within the node community. Want to know all the details? Read the full blog post or read the GoDaddy Announcement. Other popular posts - Scaling Isomorphic Java
seiunsky 2011/10/29
node.js

mvc

JS
ãƒªãƒ³ã‚¯
JavaScriptæœ€æ–°å‹•å‘ ã€œWebSocketç·¨ã€œ
Dev fest 2020 taiwan how to debug microservices on kubernetes as a pros (ht...
seiunsky 2011/09/20
api

html5

js

websocket
ãƒªãƒ³ã‚¯
[JS]JS/CSSã®ç®¡ç†ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ç’°å¢ƒã®æ¤œå‡ºãªã©ä¾¿åˆ©ãªæ©Ÿèƒ½ãŒã¤ã¾ã£ãŸè¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Head JS
è¤‡æ•°ã®JSãƒ•ã‚¡ã‚¤ãƒ«ã®ç®¡ç†ã€CSSã®ã‚µãƒãƒ¼ãƒˆãŒç•°ãªã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¸ã®å¯¾å¿œã€ãƒ–ãƒ©ã‚¦ã‚¶ã¨ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®è‡ªå‹•æ¤œå‡ºã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã®è‡ªå‹•æ¤œå‡ºãªã©ã€headã§åˆ¶å¾¡ã—ãŸã„ä¾¿åˆ©ãªæ©Ÿèƒ½ãŒã¤ã¾ã£ãŸè¶…è»½é‡ï¼ˆ2.3KBï¼‰ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Head JS [ad#ad-2] ä¸‹è¨˜ã«ã€Head JSã§ã§ãã‚‹ã“ã¨ã‚’ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ è©³ã—ã„ä½¿ã„æ–¹ã¯ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã§è§£èª¬ã•ã‚Œã¦ã„ã¾ã™ã€‚ Usage: Head JS å¤–éƒ¨JSãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ JavaScriptã®ç®¡ç† CSSã®ã‚µãƒãƒ¼ãƒˆãŒç•°ãªã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¸ã®å¯¾å¿œ HTML5éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¸ã®å¯¾å¿œ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã«åˆã‚ã›ãŸè¡¨ç¤º Dynamic CSS CSSã‚’ç‰¹å®šã®ãƒšãƒ¼ã‚¸ã®ã¿ã« CSSã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«æŒ‡å®š å¤–éƒ¨JSãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ é€šå¸¸ã€è¤‡æ•°ã®JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦èªã¿è¾¼ã¾ã›ã‚‹ã¨ãƒ–ãƒãƒƒã‚ãƒ³ã‚°ãŒç”Ÿã˜ã¾ã™ã€‚ ãã®ãƒ–ãƒãƒƒã‚ãƒ³ã‚°è§£æ¶ˆã—è¤‡æ•°ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸¦åˆ—
seiunsky 2010/12/02
ã“ã‚Œã¯ä¾¿åˆ©ãã†

js

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸