[B! js] kimikimi714ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kimikimi714 id:kimikimi714

jsã«é–¢ã™ã‚‹kimikimi714ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (20)

${{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}}

Node.js ã¨ Deno ã¨ Bun ã®ã©ã‚Œã‚’ä½¿ãˆã°ã„ã„ã®ã‹ - Qiita
ç¾åœ¨æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScriptãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã¨ã„ãˆã°ã€Node.js ã¨ Deno ã¨ Bun ã®3ã¤ãŒæŒ™ãŒã‚‹ã¨æ€ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ãã‚Œãžã‚Œã®ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã‚’æ¯”è¼ƒã—ã€å°†æ¥çš„ã«ã©ã®ã‚ˆã†ãªä½¿ã„åˆ†ã‘ã‚’ã—ã¦ã„ã‘ã°ã„ã„ã®ã‹è€ƒãˆã¾ã™ã€‚ Node.js ã¨ Deno ã¨ Bun ã®ç¾åœ¨ npmãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¯ã™ã¹ã¦ã®ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ãŒå¯¾å¿œ Node.jsï¼šå½“ç„¶npmãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ Denoï¼šnpmãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’é…å¸ƒã™ã‚‹CDNã‚„ã€npmã‚¤ãƒ³ãƒãƒ¼ãƒˆã‚’ä½¿ã†ã“ã¨ã§å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ Bunï¼šå¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã€ŒDenoãŒæ€¥ã«æ–¹é‡è»¢æ›ã‚’ã—ã¦npmå¯¾å¿œã‚’å§‹ã‚ãŸã€ã¨ã„ã†ã®ã¯ã‚ˆãã‚ã‚‹é–“é•ã„ã§ã™ã€‚ Big Changes Ahead for Denoï¼ˆDenoã®ä»Šå¾Œã®å¤§ããªå¤‰åŒ–ï¼‰ã¨ã„ã†ãƒ–ãƒã‚°ã‚¿ã‚¤ãƒˆãƒ«ãŒã€ŒDenoãŒå¤§å¹…ãªæ–¹é‡å¤‰æ›´ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã«ç¿»è¨³ã•ã‚Œã¦æ—¥æœ¬èªžè¨˜äº‹ãŒå‡ºãŸãŸã‚ã€æ€¥ã«æ–¹é‡è»¢æ›ã‚’ã—ãŸã¨èª¤è§£ã•
kimikimi714 2023/09/27
js

npm

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

technology
ãƒªãƒ³ã‚¯
npm installã§ã®Could not resolve dependencyã‚¨ãƒ©ãƒ¼ã¨--legacy-peer-depsã«ã¤ã„ã¦
ã¯ã˜ã‚ã« npm installã‚’å®Ÿè¡Œã—ãŸã¨ãã«ä»¥ä¸‹ã®ã‚ˆã†ãªä¾å˜è§£æ±ºã‚¨ãƒ©ãƒ¼ãŒå‡ºã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚¨ãƒ©ãƒ¼ã¯--legacy-peer-depsã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’ä»˜ä¸Žã™ã‚‹ã“ã¨ã§è§£æ¶ˆã§ãã‚‹ã®ã§ã™ãŒã€ã‚¨ãƒ©ãƒ¼ã®å…·ä½“çš„ãªæ„å‘³ã‚„æœ¬ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®å†…å®¹ã‚’ã¡ã‚ƒã‚“ã¨ç†è§£ã—ã¦ã“ãªã‹ã£ãŸã®ã§ã€ã™ã“ã—èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: react [email protected] npm ERR! Found: react@18.2.0 npm ERR! node_modules/react npm ERR! react@"^18.2.0" from the root project npm ERR! peerOptional react@"^16.8.0 ||
kimikimi714 2023/07/15
npm

js
ãƒªãƒ³ã‚¯
PlayWright ã‚’ä½¿ã£ã¦E2Eãƒ†ã‚¹ãƒˆã‚’æ›¸ã„ã¦ã¿ãŸ | Tech Blog | CRESCO Tech Blog
ã“ã‚“ã«ã¡ã¯ã€‚ã‚¯ãƒã‚¹ãƒ†ãƒƒã‚¯ãƒ»ã‚ªãƒ•ã‚£ã‚¹ã® benishouga ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ã€ŒCRESCO Advent Calendar 2020ã€20æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ä»Šå›žã¯ PlayWright ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¤ã„ã¦ã€èª¿ã¹ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€PlayWright ã¨ã¯ï¼Ÿã¨ã„ã†èª¬æ˜Žã‚’å°‘ã—ã¨ã€ç°¡å˜ãªä½¿ã„æ–¹ã¨ã—ã¦ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼æ“ä½œã‚’è¨˜éŒ²ã—ã¦ã®ã‚³ãƒ¼ãƒ‰ç”Ÿæˆã€ã€Œãƒžãƒ«ãƒãƒ–ãƒ©ã‚¦ã‚¶å‘ã‘ã® E2E ãƒ†ã‚¹ãƒˆã€ã‚’è¡Œã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚
kimikimi714 2022/06/09
ãƒ†ã‚¹ãƒˆ

playwright

e2e

js
ãƒªãƒ³ã‚¯
webpack-bundle-analyzer
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; module.exports = { plugins: [ new BundleAnalyzerPlugin() ] } It will create an interactive treemap visualization of the contents of all your bundles. This module will help you: Realize what's really inside your bundle Find out what modules make up the most of its size Find modules that got there by mistake Optimi
kimikimi714 2017/10/06
ãŠã—ãˆã¦ã‚‚ã‚ãŸ

js

npm

technology
ãƒªãƒ³ã‚¯
Vue.js ã§ä½œã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«åŒæœŸåž‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
More than a doc, Dropbox Paper is a flexible workspace that brings people and ideas together.
kimikimi714 2017/02/20
ã‚ã¨ã§èªã‚€

js

vuejs
ãƒªãƒ³ã‚¯
ã¯ã¦ãªæ•™ç§‘æ›¸JavaScriptç·¨
Kyoto.js 11ã§ç™ºè¡¨ã—ãŸè³‡æ–™ã§ã™
kimikimi714 2016/10/24
ã¯ã¦ãª

programming

javascript

js
ãƒªãƒ³ã‚¯
node.jsã®ã„ã‚ã„ã‚ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«30 â€“ qsã§ã‚¯ã‚¨ãƒªæ–‡å—åˆ—ã®ãƒ‘ãƒ¼ã‚¹ | DevelopersIO
ã‚¯ã‚¨ãƒªã‚¹ãƒˆãƒªãƒ³ã‚°ã®ãƒ‘ãƒ¼ã‚¹ node-querystringãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯ã€ã‚¯ã‚¨ãƒªæ–‡å—åˆ—ã®ãƒ‘ãƒ¼ã‚¹ãŠã‚ˆã³ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‹ã‚‰ã‚¯ã‚¨ãƒªæ–‡å—åˆ—ã®çµ„ç«‹ã‚’è¡Œã†ã“ã¨ãŒã§ãã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã™ã€‚ ãƒã‚¹ãƒˆã—ãŸã‚±ãƒ¼ã‚¹ã§ã‚‚ã€ä¸€å®šã®ãƒ«ãƒ¼ãƒ«ã«å¾“ã£ã¦ã„ã‚Œã°ãƒ‘ãƒ¼ã‚¹/æ§‹ç¯‰ã—ã¦ãã‚Œã¾ã™ã€‚ ç’°å¢ƒæ§‹ç¯‰æ–¹æ³• ä»Šå›žä½¿ç”¨ã—ãŸå‹•ä½œç’°å¢ƒã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ OS : MacOS X 10.7.5 Node.js : v0.10.0 npm : 1.2.14 npmã‚’ä½¿ç”¨ã—ã¦qsãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã—ã‚‡ã†ã€‚ % npm install qs qsãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ä½¿ã£ã¦ã¿ã‚‹ ä½¿ã„æ–¹ã¯éžå¸¸ã«ç°¡å˜ã§ã™ã€‚qsãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’requireã—ã€ã‚¯ã‚¨ãƒªæ–‡å—åˆ—ã‚’parseé–¢æ•°ã«æ¸¡ã™ã ã‘ã§ã™ã€‚ //app.js var qs = require('qs'); var parseStr = qs.parse('aaa=bbb&ccc=ddd'); console.lo
kimikimi714 2016/08/17
js

npm

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
http://react-etc.net/entry/php-framework-laravel-selects-vue-js-as-default-javascript-framework
kimikimi714 2016/07/29
laravel

php

vuejs

js
ãƒªãƒ³ã‚¯
JavaScriptã‚’ã‚ãã‚‹ãƒ‘ãƒ©ãƒ¬ãƒ«ãƒ¯ãƒ¼ãƒ«ãƒ‰ ã€œWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰è¦‹ãŸä»Šã©ãã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰äº‹æƒ…ã€œï½œdwango creators' blogï¼ˆãƒ‰ãƒ¯ãƒ³ã‚´ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚°ï¼‰
ã©ã†ã‚‚ã€ã»ãã ã§ã™ã€‚ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã‚¦ã‚£ãƒ¼ã‚¯ã‚‚çµ‚ã‚ã‚Šã€æš–ã‹ã„ç©ºæ°—ã‚’æ„Ÿã˜ã‚‹å£ç¯€ã«ãªã‚Šã¾ã—ãŸã€‚ ã•ã¦ã¡ã‚‡ã£ã¨å‰ã«ã€ã“ã‚“ãªè¨˜äº‹ãŒè©±é¡Œã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ You Donâ€™t Need jQuery â€“ Qiita ï¼ˆæ—§é¡Œï¼šã‚‚ã†jQueryã¯å¿…è¦ãªã„ï¼‰ å…ƒã€…ã¯æµ·å¤–ã®æ–¹ãŒæ›¸ã‹ã‚ŒãŸã‚‚ã®ã‚’æ—¥æœ¬èªžè¨³ã—ã¦ãã ã•ã£ãŸã‚‚ã®ã§ã™ãŒã€ã‚ã‚‰ã‹ãŸç¶²ç¾…ã•ã‚Œã¦ã„ã¦æ„Ÿæœã—ã¾ã—ãŸã€‚å®Ÿã¯ä»Šå›žã€ã“ã‚Œã¨å…¨ãåŒã˜ã‚ˆã†ãªã“ã¨ã‚’ã“ã®ãƒ–ãƒã‚°ã®ãƒã‚¿ã«ã—ã‚ˆã†ã¨è€ƒãˆã¦ã„ãŸã®ã§ã™ãŒï¼ˆjQueryã§ã‚„ã£ã¦ãŸã“ã¨ã‚’jQueryã‚’ä½¿ã‚ãšã«ã‚„ã£ã¦ã¿ãŸçš„ãªï¼‰ã€ç· åˆ‡é–“è¿‘ã«ãªã£ã¦ã•ã‚æ›¸ããžã£ã¦ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã“ã“ã¾ã§å®Œç’§ãªã‚‚ã®ã‚’å…ˆã«å‡ºã•ã‚Œã¡ã‚ƒã£ãŸã®ã§ã€ã“ã‚Šã‚ƒå‹ã¦ããˆã¨æ³£ãæ³£ãæ–å¿µã—ãŸã®ã§ã™ã‚ˆãã€‚ã€‚ ãã‚Œã§æ€¥é½æ–°ãŸã«ãƒã‚¿ã‚’è€ƒãˆãªãã‚ƒã„ã‘ãªããªã£ãŸã®ã§ã™ãŒã€ã“ã‚Œã«å¯¾ã™ã‚‹ãƒãƒƒãƒˆä¸Šã§ã®åå¿œãŒã‘ã£ã“ã†èˆˆå‘³æ·±ã„ãªã¨æ€ã£ã¦è¦‹ã¦ã„ã¾ã—ãŸã€‚ ã€Œã‚‚ã†jQueryã¯å¿…è¦ãªã„ã€ã«é–¢ã™ã‚‹ã¿ã‚“ãªã®åå¿œ
kimikimi714 2016/05/11
jquery

js

web

è€ƒãˆæ–¹

JavaScript

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
JSã¨ã„ãˆã°jQueryã ã£ãŸWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã€Reactã‚’1å¹´é–“ä½¿ã£ã¦æ„Ÿã˜ãŸãƒ¡ãƒªãƒƒãƒˆï½œdwango creators' blogï¼ˆãƒ‰ãƒ¯ãƒ³ã‚´ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚°ï¼‰
ã¯ã˜ã‚ã¾ã—ã¦ã€ã»ãã ã¨ç”³ã—ã¾ã™ã€‚æ˜¨å¹´ç§‹ã¾ã§å€‹äººäº‹æ¥ä¸»ã®ç«‹å ´ã§ãƒ‰ãƒ¯ãƒ³ã‚´ã§ãŠä»•äº‹ã•ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã—ãŸãŒã€ã„ã‚ã„ã‚çµŒç·¯ãŒã‚ã‚Šã¾ã—ã¦ä¸ã®äººã«ãªã‚Šã¾ã—ãŸã€‚ãƒ‰ãƒ¯ãƒ³ã‚´æ´ã¯ãã“ãã“é•·ã„æ–°å…¥ã‚Šã§ã™ã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ ã•ã¦ã€ä»Šå›žã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼ˆHTML/CSS/JSã¯æ‰±ãˆã‚‹ã„ã‚ã‚†ã‚‹ã€ŒWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ï¼‰ã¨ã—ã¦1å¹´é–“ã»ã©Reactã‚’ä½¿ã£ã¦ã¿ãŸã®ã§ã€ãã®ãƒ¡ãƒªãƒƒãƒˆã‚’æ›¸ã„ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ Reactã¨ã®å‡ºä¼šã„ Reactã¨ã¯Facebookè£½ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ https://facebook.github.io/react/ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®Viewéƒ¨åˆ†ã‚’å®Ÿè£…ã—ã¾ã™ã€‚2014å¹´ã®æš®ã‚Œã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã€…ãŒé‚ã‚’éœ‡ã‚ã›ã¦ã„ã‚‹ã®ã‚’è¦‹ã¦å˜åœ¨ã‚’çŸ¥ã‚Šã¾ã—ãŸã€‚2015å¹´ã¯Reactå…ƒå¹´ãªæ„Ÿã˜ã§ã—ãŸã‚ˆãã€‚ åƒ•è‡ªèº«ã€ä»¥å‰ã‹ã‚‰æ¯”è¼ƒçš„JSã‚’æ›¸ãã‚¿ã‚¤ãƒ—ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ã‚ã‚Šã¾ã—ãŸãŒã€æ£ç›´ãªã¨ã“ã‚è‡ªåˆ†ãŒé–¢ã‚ã£ã¦ã
kimikimi714 2016/01/30
react

js

web

javascript

dwango
ãƒªãƒ³ã‚¯
Node.js â€” Node v4.0.0 (Current)
The collaborators of the Node.js project and the members of the Node.js Foundation are proud to offer v4.0.0 for general release. This release represents countless hours of hard work encapsulated in both the Node.js project and the io.js project that are now combined in a single codebase. The Node.js project is now operated by a team of 44 collaborators, 15 of which form its Technical Steering Com
kimikimi714 2015/09/10
>çªç„¶ã®4<

node.js

js
ãƒªãƒ³ã‚¯
ä»Šè©±é¡Œã®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
kimikimi714 2015/06/04
js

react.js
ãƒªãƒ³ã‚¯
CodeIQã«ã¤ã„ã¦ã®ãŠçŸ¥ã‚‰ã›
2018å¹´4æœˆ25æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã€ ã€ŽCodeIQã€ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è…•è©¦ã—ã‚µãƒ¼ãƒ“ã‚¹ã€å¹´åŽç¢ºç´„ã‚¹ã‚«ã‚¦ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã¯ã€ IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®å¹´åŽç¢ºç´„ã‚¹ã‚«ã‚¦ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã€Žmoffers by CodeIQã€https://moffers.jp/ ã¸ä¸€æœ¬åŒ–ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§å¤šãã®IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã«ã€ŽCodeIQã€ã‚’ã”åˆ©ç”¨ã„ãŸã ãã¾ã—ã¦ã€ æ”¹ã‚ã¦å¿ƒã‚ˆã‚Šæ·±ãå¾¡ç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã¾ãŸã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®Webãƒžã‚¬ã‚¸ãƒ³ã€ŒCodeIQ MAGAZINEã€ã¯ã€ ãƒªã‚¯ãƒŠãƒ“NEXTã‚¸ãƒ£ãƒ¼ãƒŠãƒ«( https://next.rikunabi.com/journal/ )ã«ä¸€éƒ¨ã®è¨˜äº‹ã®ç§»è¡Œã‚’äºˆå®šã—ã¦ãŠã‚Šã¾ã™ã€‚ ä»Šå¾Œã¯ã€Žmoffers by CodeIQã€ã«ã¦ã€ IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†æ§˜ã®ã‚ˆã‚Šè‰¯ã„è»¢è·ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã«ã€ã‚ˆã‚Šä¸€å±¤åŠªã‚ã¦ã¾ã„ã‚Šã¾ã™ã®ã§ã€ å¼•ãç¶šãã”æ„›é¡§ã®ã»ã©ä½•å’ã‚ˆã‚ã—ããŠé¡˜ã„ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã¾ãŸã€Cod
kimikimi714 2015/06/04
react

HTML5

js

å‹‰å¼·ä¼š

AngularJS
ãƒªãƒ³ã‚¯
HTML5ã®Canvasã‚’ç°¡å˜ã«é«˜æ©Ÿèƒ½åŒ–ã—ã¦ãã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒFabric.jsã€
ã“ã‚“ã«ã¡ã¯ã€æ¸¡è¾ºã§ã™ã€‚ HTML5ã®Canvasã‚’ç°¡å˜ã«é«˜æ©Ÿèƒ½åŒ–ã—ã¦ãã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒFabric.jsã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Canvasä¸Šã«æã„ãŸçµµã‚’ãƒžã‚¦ã‚¹æ“ä½œã§å‹•ã‹ã—ãŸã‚Šã€æ‹¡å¤§ç¸®å°ã™ã‚‹æ©Ÿèƒ½ãŒæ¨™æº–ã§ä»˜ã„ã¦ã„ã¦ã‚¹ã‚´ã„ä¾¿åˆ©ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ï¼ ã¾ãšã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä¸»ãªç‰¹å¾´ã«ã¤ã„ã¦ã§ã™ã€‚ â– ç‰¹å¾´ ãƒ»ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–æ€§ Canvasä¸Šã«æã„ãŸã‚‚ã®ã‚’ãƒžã‚¦ã‚¹ã‚„ã‚¿ãƒƒãƒã§è‡ªç”±ã«æ“ä½œã§ãã¾ã™ï¼ˆãƒ‰ãƒ©ãƒƒã‚°ã€æ‹¡å¤§ç¸®å°ã€å›žè»¢ï¼‰ã€‚ ãƒ»Canvasã«æã„ãŸå†…å®¹ã‚’ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦æ‰±ãˆã‚‹ Canvasã«æã„ãŸã‚‚ã®ã‚’getãƒ¡ã‚½ãƒƒãƒ‰ã‚„setãƒ¡ã‚½ãƒƒãƒ‰çµŒç”±ã§è¨å®šå¤‰æ›´ã§ãã¾ã™ã€‚ ãƒ»Canvasã®ã‚·ãƒªã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ‡ã‚·ãƒªã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚µãƒãƒ¼ãƒˆ Canvasä¸Šã®å†…å®¹ã‚’JSONã¾ãŸã¯SVGã«å¤‰æ›ã§ãã€å†åº¦ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªæç”»å†…å®¹ã‚’å¾©å…ƒã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ â– æº–å‚™ 1. ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ https://github.
kimikimi714 2015/04/25
js

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

html5

canvas

Fabric.js

javascript
ãƒªãƒ³ã‚¯
JavaScript - Markdownãƒ‘ãƒ¼ã‚µãƒ¼ã®showdown.jsã€markdown-jsã€markedã‚’ç°¡å˜æ¯”è¼ƒ - ã¼ã£ã¡å‹‰å¼·ä¼š
ä¸»ã«æ¯”è¼ƒã—ãŸã„ã“ã¨ ä½¿ã„æ–¹ å¤‰æ›çµæžœã®è¦‹ãŸç›®ã®å°è±¡ tableè¨˜æ³•ã‚’è§£é‡ˆã§ãã‚‹ã‹ ã‚³ãƒ¼ãƒ‰ãƒ–ãƒãƒƒã‚¯ã®è§£é‡ˆ å‹•ä½œç¢ºèªã®å‰æ Markdownã¯Quick Markdown Exampleã‹ã‚‰ä¸€éƒ¨å¼•ç”¨ã—ã¦ã„ã¾ã™ ä½¿ç”¨ã—ãŸãƒ†ã‚ã‚¹ãƒˆã¯Gistã«ç½®ã„ã¦ãŠãã¾ã™ CSSã¯Twitter Bootstrapã‚’ä½¿ã£ã¦ã„ã¾ã™ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ä½¿ã†å ´åˆã‚’æƒ³å®šã—ã¦ã„ã¾ã™(=node.jsã§ã®ä½¿ç”¨ä¾‹ã§ã¯ãªã„) HTMLã¯ã©ã‚Œã‚‚æ¬¡ã®ã‚³ãƒ¼ãƒ‰ã‚’åŸºæœ¬ã¨ã—ã¦ã„ã¾ã™ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <link href="bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div id="content">hoge</div> </di
kimikimi714 2015/02/01
markdown

js

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

æ¯”è¼ƒ

javascript
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§Markdownã‚’å®‰å…¨ã«å±•é–‹ã™ã‚‹ - è‘‰ã£ã±æ—¥è¨˜
ä¸ç‰¹å®šã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå…¥åŠ›ã—ãŸMarkdownã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§JavaScriptã‚’ä½¿ã£ã¦HTMLã«å¤‰æ›ã™ã‚‹ã¨ã„ã†å ´é¢ã«ãŠã„ã¦ã¯ã€JavaScriptã§å¤‰æ›ã—ã¦HTMLã‚’ç”Ÿæˆã™ã‚‹ã¨ã„ã†å‡¦ç†ã®éƒ½åˆä¸Šã©ã†ã—ã¦ã‚‚DOM-based XSSã®ç™ºç”Ÿã‚’è€ƒãˆãªã„ã‚ã‘ã«ã¯ã„ã‹ãªã„ã€‚ã‹ã¨ã„ã£ã¦ã€Markdownã‚’ãƒ‘ãƒ¼ã‚¹ã—HTMLã‚’ç”Ÿæˆã™ã‚‹ã¨ã„ã†å‡¦ç†ã™ã¹ã¦ã‚’XSSãŒå˜åœ¨ã—ãªã„ã‚ˆã†ã«æ³¨æ„ã—ãªãŒã‚‰è‡ªåˆ†ã§æ›¸ãã®ã‚‚å¤§å¤‰ã ã—ã€markedã‚„markdown-jsãªã©ã®æ—¢å˜ã®å¤‰æ›ç”¨ã®JSã‚’æŒã£ã¦ãã¦ã‚‚ãã‚Œã‚‰ãŒXSSã—ãªã„ã‹ã‚’ç¢ºèªã™ã‚‹ã®ã¯çµæ§‹å¤§å¤‰ã ã£ãŸã‚Šã™ã‚‹ã€‚ ãã†ã„ã£ãŸå ´åˆã«ã¯ã€Markdownã‹ã‚‰ç”Ÿæˆã•ã‚ŒãŸHTMLã‚’RickDOMã‚’é€šã™ã“ã¨ã§ã€ä¸‡ãŒä¸€HTMLå†…ã«JavaScriptãŒå«ã¾ã‚Œã¦ã„ãŸã¨ã—ã¦ã‚‚ãã‚Œã‚‰ã‚’é™¤å¤–ã—ã€è¨±å¯ã•ã‚ŒãŸè¦ç´ ã€è¨±å¯ã•ã‚ŒãŸå±žæ€§ã ã‘ã§æ§‹ç¯‰ã•ã‚ŒãŸå®‰å…¨ãªHTMLã«å†æ§‹ç¯‰ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ã•ã‚‰ã«ã€ãã†ã‚„ã£ã¦ç”Ÿæˆ
kimikimi714 2015/01/31
html

markdown

programming

XSS

js

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
ã‚ãƒ£ãƒç”·ã‚³ãƒ¼ãƒ‰ãƒ¬ã‚·ãƒ”
é¦–éƒ½åœã®ã‚ãƒ£ãƒã‚¯ãƒ©ã¯åœ°åŸŸã«ã‚ˆã£ã¦è‰²ãŒå…¨ç„¶é•ã† ã“ã‚“ã«ã¡ã¯ï¼ çš†ã•ã‚“ã€ã‚ãƒ£ãƒã‚¯ãƒ©ã£ã¦è¡Œã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿw ä¿ºã¯ã—ã‚‡ã£ã¡ã‚…ã†è¡Œã£ã¦ã‚‹ã‚“ã™ã‘ã©ã€ã„ã‚„ã€œã€ã“ã‚ŒãŒæ²¼ã§é€šã„å‡ºã—ãŸã‚‰æ¢ã¾ã‚‰ãªã„ww ã ã‹ã‚‰ãŠé‡‘ãŒã§ãã‚‹ãŸã³ã«é¦–éƒ½åœã®ã‚ãƒ£ãƒã‚¯ãƒ©ã‚’å›žã£ã¦ã‚‹ã‚“ã™ã‘ã©ã€ã‚ˆãèª¿ã¹ã¦ã¿ã‚‹ã¨ã€ã‚ãƒ£ãƒã‚¯ãƒ©ã£ã¦åœ°åŸŸã«ã‚ˆã£ã¦å…¨ç„¶æ¯›è‰²ãŒé•ã†ã‚“ã§ã™ã‚ˆï¼ ãã“ã«é€šã†äººã®ãƒ‹ãƒ¼ã‚ºã ã£ãŸã‚Šã€å¥½ã¿ã ã£ãŸã‚ŠãŒãŠåº—ã«åæ˜ ã•ã‚Œã¦ã‚“ã®ã‹ãªï¼Ÿw ã ã‹ã‚‰ã‚ãƒ£ãƒã‚¯ãƒ©ã«ãƒãƒžã‚‹äººã£ã¦ã€åˆã‚ã¦è¡Œã£ãŸåº—ã®é›°å›²æ°—ã¨ã‹ã‚ãƒ£ãƒå¬¢ã®è¦‹ãŸç›®ã¨ã‹ã§ã©ãƒãƒžã‚Šã™ã‚‹äººã¨ã€ãã‚“ãªã«ãƒãƒžã‚‰ãªã„äººãŒã„ã‚‹ã‚“ã§ã™ã‚ˆãã€‚ ä¿ºã¯ãã®å‰è€…wã©ãƒãƒžã‚Šã—ã¦ä»Šã§ã¯æŠœã‘å‡ºã›ãªã„ã¨ã“ã‚ã«æ¥ã¦ã‚‹ã£ã™ww ã˜ã‚ƒã‚ã€é¦–éƒ½åœã€ç‰¹ã«æ±äº¬ã®ã‚ãƒ£ãƒã‚¯ãƒ©ã«ã¯åœ°åŸŸã«ã‚ˆã£ã¦ã©ã‚“ãªç‰¹å¾´ãŒã‚ã‚‹ã®ã‹ã€ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ï¼ æ–°å®¿æŒèˆžä¼Žç”ºã®ã‚ãƒ£ãƒã‚¯ãƒ©ã®ç‰¹å¾´ã¨å¿…è¦ãªäºˆç®— ã‚ãƒ£ãƒã‚¯ãƒ©ã£ã¦è¨€ã£ãŸã‚‰ã¾ãšæ–°å®¿æŒèˆžä¼Žç”ºã‚’æ€ã„æµ®ã‹ã¹
kimikimi714 2015/01/04
javascript

programming

js

CSS

HTML5

html
ãƒªãƒ³ã‚¯
Node-OS
Node-OS The first operating system powered by node.js and npm node-os is a full operating system built on top of the linux kernel node is the primary runtime - no bash here node-os uses npm as its primary package manager open and easy to contribute to - pull request friendly
kimikimi714 2013/10/09
node.js

js

programming

OS

ã‚µãƒ¼ãƒ
ãƒªãƒ³ã‚¯
CentOS5.5 ã« node.js ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ - xykã®æ—¥è¨˜
å…ˆã« nvm ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã€nvm çµŒç”±ã§ node.js ã¨ npm ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã€‚ nvm (Node Version Manager) https://github.com/creationix/nvm Ruby ã® rvm ã¿ãŸã„ãªã‚‚ã®ã€‚ nvm ã‚’çµŒç”±ã§ node.js ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§è¤‡æ•°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®åˆ‡ã‚Šæ›¿ãˆãŒã§ãã‚‹ã€‚ npm (Node Package Manager) http://npmjs.org/ Ruby ã® RubyGems ã¿ãŸã„ãªã‚‚ã®ã€‚ ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ç®¡ç†ã‚’è¡Œã†ã€‚ nvm ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã«ã¯ git ãŒå¿…è¦ãªã®ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã€‚å‚ç…§ ã¾ãŸã€ãƒ“ãƒ«ãƒ‰ã«OpenSSLã®é–‹ç™ºç”¨ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãŒå¿…é ˆãªã®ã§ã€å…¥ã£ã¦ãªã‘ã‚Œã°ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã€‚ # yum -y install openssl-devel nvm ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« nvm ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã«ã¯ git
kimikimi714 2013/06/20
node.js

js
ãƒªãƒ³ã‚¯
[JS]ç´å“å‰ã®ç¢ºèªã«æœ€é©ã€ä½¿ç”¨ã•ã‚Œã¦ã„ãªã„CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’è¦‹ã¤ã‘å‡ºã™ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Helium
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®å¤šæ•°ã®ãƒšãƒ¼ã‚¸å…¨ä½“ã«æ¸¡ã‚Šã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®šç¾©ã•ã‚ŒãŸã‚»ãƒ¬ã‚¯ã‚¿ãŒä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‹ã©ã†ã‹ãƒã‚§ãƒƒã‚¯ã—ã€ä½¿ã‚ã‚Œã¦ã„ãªã„ã‚»ãƒ¬ã‚¯ã‚¿ã®ãƒ¬ãƒãƒ¼ãƒˆã‚’ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç´å“ã™ã‚‹éš›ã«ã€ä¸è¦ãªã‚»ãƒ¬ã‚¯ã‚¿ã‚’é™¤åŽ»ã™ã‚‹ã®ã«å½¹ç«‹ã¡ã¾ã™ã‚ˆã€‚ Helium -GitHub Heliumã®æº–å‚™ Heliumã®ä½¿ç”¨æ–¹æ³• Heliumã®æº–å‚™ Heliumã¯jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¿…è¦ã›ãšå‹•ä½œã—ã€URLã®ãƒªã‚¹ãƒˆã‹ã‚‰å…¨ã¦ã®ãƒšãƒ¼ã‚¸ã‚’ãƒãƒ¼ãƒ‰ã—ã€è§£æžã—ã¦ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§è¦‹ã¤ã‘ãŸã‚»ãƒ¬ã‚¯ã‚¿ãŒå…¨ãƒšãƒ¼ã‚¸ã§ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‹ã©ã†ã‹ãƒã‚§ãƒƒã‚¯ã—ã€ãƒ¬ãƒãƒ¼ãƒˆã‚’ä½œæˆã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ã€é–‹ç™ºç’°å¢ƒã§å®Ÿè¡Œã—ã¦ãã ã•ã„ã€‚ å…¬é–‹ä¸ã®ã‚µã‚¤ãƒˆã§å®Ÿè¡Œã™ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚‚Heliumã®å‹•ä½œãŒè¦‹ãˆã¦ã—ã¾ã„ã¾ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ãƒ†ã‚¹ãƒˆã™ã‚‹ãƒšãƒ¼ã‚¸ã®å…¨ã¦ã«ã€å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ å ´æ‰€ã¯ã€headå†…ã§ã‚‚</bo
kimikimi714 2013/06/10
javascript

html

css

js

ãƒ†ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
1