npm create-react-app에서 yarn start 할 수 없습니다 (완료) 구체적으로 create-react-app my-app 후 프로젝트 디렉토리로 이동 cd my-app 한 후 yarn start를 실행했지만 다음 오류로 실행할 수 없습니다. terminal. terminal. 커맨드만으로 개발을 시작할 수 있을 것 같아서… 운영 환경 - macOS Mojave 10.14.15 - node.js 12.7.0 먼저 일반적인 해결책을 보여줍니다. terminal.... create-react-appReactYARNnpmNode.js 【간단】vue-click-outside 라이브러리를 사용해 보았다 이라고 합니다. 연말 연시에 만들었던 ToDo 앱으로 매우 유용한 라이브러리를 소개합니다. 작성한 ToDo 앱에서 모달 윈도우를 사용하고 그것을 닫는 동작을 원했습니다 "☓"로 닫는 동작이라면 잘못된 탭이나 잘못된 클릭을 초래할 수 있습니다 실제로 "vue-click-outside"를 사용한 입니다. 이 이미지에서 말하면 검은 부분을 누르거나 클릭하면 모달이 닫힙니다. ToDo.vue 위 파... 웹 서비스npmVue.jsOSS 프록시 아래의 Windows에서 hyper-pokemon Windows 환경에서 Terminal 앱을 찾고 있던 곳 이라는 Terminal을 발견했다. 게다가 Hyper를 피카츄 사양으로 한다 까지 있는 것 같다😊 조속히 Hyper를 인스톨 해 플러그인을 유효하게 하려고 하면(자), 언제나 방해하는 아이츠・・・그렇게 프록시 서버에 저지되었다. 평소 일이지만 가볍게 절망합니다. 아무래도 피카츄로 하고 싶었으므로, 열심히 설치해 보았습니다 😀 조사한 ... npmhyper프록시 Nuxt.js + ikonate (npm 패키지의 svg 파일로드) Nuxt.js와 Vue.js를 이용하고 있어, npm 패키지내의 svg 파일을 묘화하고 싶어지는 일이 있지요? 나는 최근 트렌드에 오르고 있던, 라고 하는 svg인 icon 라이브러리를 이용할 때에 빠졌습니다. 단지 표시하는 것만이라면, img 태그의 src 에 지정하면 됩니다만, 색이나 스케일을 변화시키고 싶은 경우, 이 방법이라고 어려운 것 같습니다. 참고 : 를 사용하면, 색의 지정이나... npmVue.jsnuxt.jsSVG Ionic 개발 환경 구축 모바일 앱을 만들고 싶다고 생각하며 Ionic 공부하기 시작했다. 내 Windows10PC에서 개발 환경을 만들어 보았다. OS:Windows10 Node: v8.9.4 npm:5.8.0 git : 2.13.2.windows.1 편집기: Visual Studio Code 참고. Node.js 넣으면 자동으로 npm도 들어갑니다. 설치 절차는 참고. 에서 설치할 수 있습니다. 이 왼쪽 메뉴 아... npmWindowsionicNode.js [초보자용] Slack에서 Hubot을 사용할 수 있도록 설정 Slack에서 Hubot을 사용할 수있게 될 때까지 일련의 흐름 Slack의 Apps에서 Hubot을 검색하고 Add Configuration을 클릭하십시오. 이름을 정하고 Add Hubot Integration 그러면 API Token이 발행됩니다. 나중에 이름과 아이콘 설정도 가능합니다. 후에는 의 README 쓰여진 대로 하면 움직이게 됩니다! 어라, 떨어졌다. Yeoman의 상태를 살... Node.jsnpm초보자Hubot슬랙 Hubot에서 대화식 준도 코키요시 CoffeeScript로 도전한 기세로 썼습니다. 마지막으로 말하는 부분이 미묘한 생각이군요. 모처럼이므로 Slack에서 추가 npm에 첫 도전이 되어 등록해 보았습니다. 자신의 hubot 모두 준도코하고 싶다!라는 분은 꼭. hubot의 루트 디렉토리로 이동하면 다음 명령으로 설치할 수 있습니다. 참고... npmHubot준도 코키 요시CoffeeScript Slack 용 hubot에 지금 북산업 기능을 추가하는 스크립트 hubot-slack-imakitasangyo라는 이름으로 . 코드는 . CoffeeScript라고 할까 js도 거의 쓴 적이 없는 채 우선 만들었기 때문에 수속형같고 더럽습니다. 세세한 곳에서도 pull request 대환영입니다. 잘 부탁드립니다. 을 이용하여 hubot에 「지금 북산업」이라고 투고하면, 직전의 투고를 몇개 따져 와서 3행에 요약해 주는 기능을 추가합니다. 기계 학습 태그... npmHubot슬랙자연 언어 처리기계 학습 두 이미지의 차이를 쉽게 출력할 수 있는 package 2개의 화상을 비교해, 차분을 출력해 주는 package 입니다. 같은 이미지인지 boolean 으로 돌려주어 줍니다! 사용하기 쉽고 편리합니다. npm으로 설치합니다. 사전에 도 넣어 둘 필요가 있습니다. 준비 만단! 사용해 본다. 이렇게 짜증나는 이미지를 준비해 보았습니다. sample1.png sample2.png node를 시작하고 출력된 이미지가 여기입니다. difference.pn... npm자바스크립트ImageMagickNode.js Visual Studio의 React.js에서 일본어가 깨짐 Visual Studio의 React.js에서 깨짐이 발생한 경위와 그 대응책에 대해. Visual Studio Community 2017 ver 15.7.1 .NET Framework ver 4.7.03056 npm ver 5.6.0 Visula Studio를 시작하고 파일 - 새로 만들기 - 프로젝트에서 ASP.NET Core 웹 응용 프로그램을 만듭니다. 템플릿에서 React.js를 선... VisualStudio아 SP. 네 TReactnpm Visual Studio 2017에서 MVC 프로젝트에 npm 도입 ASP.NET MVC에서는 자바스크립트 라이브러리로 이 포함된 시기가 계속되었습니다. 시간이 지남에 따라, Knockout 자체는 유지 보수되고 있지만, 대폭적인 버전 업은 되지 않는 것 같은 느낌이 되고 있습니다. 그 배경에서 현대적인 JavaScript 라이브러리와의 친화성이 없거나 좀처럼 사용하기 어려워졌습니다. 거기서, 최근의 메이저인 스택을 사용해 개수할 수 없는가와 여러가지 검토하... VisualStudio아 SP. 네 TVue.jsnpm Vue로 부모 구성 요소를 가로 지르는 Transition 실현 예를 들어 Vue에서 카드 게임을 구현할 때, 야마바 두고 카드 그리고 Compnent를 정의한다고 가정합니다. 그리고 지금 「카드」는 「야마카키 두는 곳」의 아이로, 「야마카타 놓기장」에서 「패」로 이동한다고 합니다. 이때 카드는 위치 애니메이션을 하고 싶은 것입니다만, vue의 나 에서는 실현할 수 없습니다. 왜냐하면 부모 Component가 산찰에서 패로 바뀌기 때문에 입니다. 구체적으... Vue.jsnpmanimationtransition 로컬 환경을 스마트 폰 실제 기기 (Android, iOS)로 확인하는 방법 업무로 web사이트(HTML,CSS,JS)를 작성하고 있어, PC의 브라우저로 디자인(PC/SP)을 확인하면서 진행하고 있었습니다. 작업도 종반에 걸려, SP디자인의 표시를 스마트폰 실기를 사용해 확인하고 싶다고 디자이너로부터 요망이 있었을 때에 한 일의 메모나 막힌 것을 정리했습니다. ※ 꽤 간단하게 할 수 있었습니다. 1. 간단한 웹 서버 준비 2. 실제 기기의 브라우저에 로컬 호스트의 ... 프런트 엔드HTMLnpm자바스크립트CSS `git pull`이라든가 했을 때 package.json 에 변경이 있으면 자동으로 `yarn`나 `npm i`도 달리게 한다 의존 패키지가 늘어났다든가, package.json 에 변경이 있었을 때에 프런트끼리라면 어쨌든, 그 이외의 경우는 아무 말도 하지 않아도 자동으로 yarn라든지 달리게 해 갱신시키고 싶다. . git-hooks (참고 )를 pacakge.json의 scripts에서 사용할 수 있도록 해줍니다. 이런 느낌의 것을 추가. package.json (라든지 yarn 를 npm i 로 하거나) ho... 프런트 엔드YARNnpmNode.jsGit 【비망록】Windows에서 Node.js를 업데이트하는 방법 2020년 10월 6일 Node.js 버전을 업데이트 할 때 조금 막혔으므로 비망록으로 기록합니다. Windows에서는 n을 사용할 수 없으므로 이번에는 nodist를 사용하여 Node.js를 업데이트했습니다. 명령 프롬프트에서 nodist -v를 실행하여 nodit을 사용할 수 있는지 확인합니다. 사용할 수 없으면 설치하십시오. 다음과 같이 되어 있으면 설치는 되어 있다. 명령 프롬프트 에... npm프로그래밍 공부 일기초보자Node.jsnodist travis-scripts로 GitHub Pages를 Travis에서 쉽게 자동 빌드 여러분 GitHub Pages 사용하고 있습니까? 편리하네요. 하지만 Jekyll 이외(예를 들면 gulp라든지)로 GitHub에 push해도 자동으로 빌드->호스팅해 주면 더 편리하다고 생각하지 않습니까? 여러가지 정보가 나옵니다만, 어느 것도 상당히 복잡해, 하는 방법이 곳은 다르고 있습니다. 그러나 이라는 도구를 사용하면 Travis에서 쉽게 호스팅 할 수 있습니다. 우선 설치. npm... travis-scriptsGitHubnpmgithub-pagesTravisCI babel로 컴파일 된 npm 모듈을 TravisCI에서 릴리스 처음으로 npm 패키지를 만들어 보면서 여러 가지 일이 있었기 때문에 메모합니다. babel을 사용하여 다음과 같은 패키지 구성으로 ES2015에서 npm 모듈을 개발한다고 가정합니다. "scripts" 에 babel-cli 를 사용하여 ES2015 코드를 컴파일하는 프로세스를 추가합니다. .gitignore ES2015에서 개발하고 있는 모듈이므로, babel로 컴파일한 후의 코드는 버전 ... npm자바스크립트TravisCINode.jsbabel Angular: @ng-select/ng-select를 이용한 선택 상자의 유효성 검사 이번, 셀렉트 박스로 복수 선택 가능의 굉장히 외형으로 하고 싶고, @ng-select/ng-select@ng-select/ng-select 의 상세한 를 참조. ※전혀 다른 패키지로 ng-select 라는 이름의 것도 있으므로 조심해 주세요! 평상시는 이런 느낌으로, required 라고 하는 Angular의 표준 밸리데이션 체크 기능을 이용하고 있습니다. 오류시 메시지는 bootstrap... bootstrap4npmBootstrapAngular6 md2googleslides를 사용하여 Markdown을 쉽게 파워 포인트 슬라이드로 만듭니다. Markdown을 슬라이드로 설정하면 다음과 같은 방법이 있습니다. reveal.js 또는 pandoc 당 어떻게 든 브라우저의 Addon으로 md를 변환 표시하는 황업도 사용할 수 있습니다. 슬라이드 형식에 해당하는 Markdown 편집기로 쓰고 내보내고 인쇄합니다 다만, 어쨌든 HTML, PDF에는 간단하게 변환할 수 있지만, 파워 포인트로 하는 것이 어렵다고 하는 과제가 있습니다. 왜 ... npm파워 포인트Markdowngoogleapi npm install시 pixiv의 일일 순위를 터미널에 표시 이번에는 npm install 의 시간에 pixiv 데일리 랭킹을 표시해, 지루한 시간을 최고의 시간으로 하는 해킹을 하기로 하겠습니다. npm에서 설치할 수 있습니다. 그러나 불행히도 최신 버전의 iTerm2가 아니라면 이미지가 표시되지 않습니다. iTerm2가 최신 버전이 아닌 사람은 설치를 부탁합니다. npm-pixiv 라는 명령을 제공하지만 .bashrc 또는 .zshrc에서 다음과 ... 피 viTerm2npm자바스크립트Node.js npm install의 쓸데없는 대기 시간을 압도적으로 카이젠하는 방법 npm install 대기 시간 길지요. 그런데 시간이라고 하면 상대성 이론, 그래, 아인슈타인입니다. 아인슈타인은 한때 이렇게 말했습니다. 귀여운 소녀와 한 시간 함께 있으면, 1분밖에 지나지 않은 것 같다. 뜨거운 난로 위에 일분 앉게 되면 어떤 한 시간보다 길 것이다. 상대성은 그것이다. 아인슈타인 즉, npm install시에 팝테피픽의 4컷이 잇달아 표시되면 체감 시간은 압도적으로 ... iTerm2npm자바스크립트cliNode.js 5분만에 기동까지 갈 수 있는 Electron과 ES2015에 의한 최소 공수로 만드는 가장 빠른 Electron 앱 최근 유행 Desktop 앱을 만들 수 있는 Node.js 도구 atom 편집기 Visual Studio Code kobito for windows Slack 글쎄, 일단 시도해보고 싶어? 그래서, 가볍게 만들어 볼 생각이 약간 빠져들기도 있었으므로 현시점(2015/12/2)에서의 최소 공수로 생긴 부분을 메모해 두려고 생각했습니다 처음에 에 가지만, 전혀 모르기 때문에, 검색해 보면 어느 ... ElectronnpmDesktopNode.jses2015 google-palette와 chart.js로 멋진 그래프 그리기 chart.js에서 레이더 차트를 그려 데이터 세트가 동적이었을 때 좋은 느낌의 색을 자동으로 생성하는 방법. 간단한 그래프를 그려주는 멋진 라이브러리. 컬러 팔레트를 자동으로 생성해주는 오징어한 라이브러리. 이번에는 레이더 차트이므로 mpn65를 사용하고 싶습니다. tol은 움직였는데 mpn65는 순전히 움직이지 않았다. 현재(2018/11/30) 확인한 바, 버전 1.1.0에서는 mpn6... npm자바스크립트chart.js npm-scripts로 pug를 compile 상당히 Static Html을 쓰지 않았는데, 오랜만에 조금 쓰게 되었기 때문에 여러가지 어떻게 할까 고민하고 Jade 만질까 생각했는데, 어느새 Jade(토끼)씨가 Pug(개)씨로 바뀌었다 있었습니다. 이름과 확장자, 일부 기능이 바뀌었을 뿐이므로 문서 사이트도 Jade 그대로입니다. 그러나 다음과 같이 node-module에 pug를 추가하고 npm-scripts로 compile하려고하면... Jadenpmnpm-scriptspug [katakata.js] 입력 중 같은 이펙트를 붙이는 node module를 만들어 공개했다. 예전부터 하고 싶었던 node module의 공개를 마침내 완수했기 때문에 기념으로 발표하고 싶다. 샘플 gif 그 밖에도 generator의 구조도 이해하고 싶었던 곳이었기 때문에, generator를 사용한 모듈이 완성되었다(그 때문에, 사용하려면 몇개의 loader, plugin등이 필요하게 된다.) 이 라이브러리에서는 다음을 수행 할 수 있습니다. 편집중의 워드에는 편집중과 같은 효과... 애니메이션npm자바스크립트Node.js npm run start를 실행할 때까지 ~ 첫 Node.js 동작 확인 ~ npm run start에서 브라우저가 시작될 때까지 동작 확인할 필요가 있었다. 또, 이 동작 확인의 일련의 흐름의 정리가 없었기 때문에, 투고해 보려고 생각한 나름입니다. 당시 지식 : "npm""Node.js"라는 단어를 시작하여 들었습니다 ... 작업 순서 우선으로 자세한 것은 본 투고에서는 생략하고 있습니다. 작업 장소: 브라우저 2. Node.js 설치 작업 장소: 브라우저 npm... GitHubnpmNode.jsnodistGit gulp로 이미지 압축 「이 기사를 보면 gulp로 화상을 압축하는 순서를 알 수 있다!」라고 하는 기사입니다. 이미지의 압축 툴은 여러가지 있어, 유명한 곳이라면 를 사용하고 있는 분도 많다고 생각합니다. 그러나, 프로덕션 공개 전의 화상등을 외부 서비스로 압축하는 것은 어떻습니까, 라고 하는 회사도 있다고 생각하므로, 이번은 gulp를 사용해 로컬 환경에서 압축하는 방법을 정리했습니다. 참고가되면 꼭 LGTM을... 프런트 엔드npmgulpNode.js
create-react-app에서 yarn start 할 수 없습니다 (완료) 구체적으로 create-react-app my-app 후 프로젝트 디렉토리로 이동 cd my-app 한 후 yarn start를 실행했지만 다음 오류로 실행할 수 없습니다. terminal. terminal. 커맨드만으로 개발을 시작할 수 있을 것 같아서… 운영 환경 - macOS Mojave 10.14.15 - node.js 12.7.0 먼저 일반적인 해결책을 보여줍니다. terminal.... create-react-appReactYARNnpmNode.js 【간단】vue-click-outside 라이브러리를 사용해 보았다 이라고 합니다. 연말 연시에 만들었던 ToDo 앱으로 매우 유용한 라이브러리를 소개합니다. 작성한 ToDo 앱에서 모달 윈도우를 사용하고 그것을 닫는 동작을 원했습니다 "☓"로 닫는 동작이라면 잘못된 탭이나 잘못된 클릭을 초래할 수 있습니다 실제로 "vue-click-outside"를 사용한 입니다. 이 이미지에서 말하면 검은 부분을 누르거나 클릭하면 모달이 닫힙니다. ToDo.vue 위 파... 웹 서비스npmVue.jsOSS 프록시 아래의 Windows에서 hyper-pokemon Windows 환경에서 Terminal 앱을 찾고 있던 곳 이라는 Terminal을 발견했다. 게다가 Hyper를 피카츄 사양으로 한다 까지 있는 것 같다😊 조속히 Hyper를 인스톨 해 플러그인을 유효하게 하려고 하면(자), 언제나 방해하는 아이츠・・・그렇게 프록시 서버에 저지되었다. 평소 일이지만 가볍게 절망합니다. 아무래도 피카츄로 하고 싶었으므로, 열심히 설치해 보았습니다 😀 조사한 ... npmhyper프록시 Nuxt.js + ikonate (npm 패키지의 svg 파일로드) Nuxt.js와 Vue.js를 이용하고 있어, npm 패키지내의 svg 파일을 묘화하고 싶어지는 일이 있지요? 나는 최근 트렌드에 오르고 있던, 라고 하는 svg인 icon 라이브러리를 이용할 때에 빠졌습니다. 단지 표시하는 것만이라면, img 태그의 src 에 지정하면 됩니다만, 색이나 스케일을 변화시키고 싶은 경우, 이 방법이라고 어려운 것 같습니다. 참고 : 를 사용하면, 색의 지정이나... npmVue.jsnuxt.jsSVG Ionic 개발 환경 구축 모바일 앱을 만들고 싶다고 생각하며 Ionic 공부하기 시작했다. 내 Windows10PC에서 개발 환경을 만들어 보았다. OS:Windows10 Node: v8.9.4 npm:5.8.0 git : 2.13.2.windows.1 편집기: Visual Studio Code 참고. Node.js 넣으면 자동으로 npm도 들어갑니다. 설치 절차는 참고. 에서 설치할 수 있습니다. 이 왼쪽 메뉴 아... npmWindowsionicNode.js [초보자용] Slack에서 Hubot을 사용할 수 있도록 설정 Slack에서 Hubot을 사용할 수있게 될 때까지 일련의 흐름 Slack의 Apps에서 Hubot을 검색하고 Add Configuration을 클릭하십시오. 이름을 정하고 Add Hubot Integration 그러면 API Token이 발행됩니다. 나중에 이름과 아이콘 설정도 가능합니다. 후에는 의 README 쓰여진 대로 하면 움직이게 됩니다! 어라, 떨어졌다. Yeoman의 상태를 살... Node.jsnpm초보자Hubot슬랙 Hubot에서 대화식 준도 코키요시 CoffeeScript로 도전한 기세로 썼습니다. 마지막으로 말하는 부분이 미묘한 생각이군요. 모처럼이므로 Slack에서 추가 npm에 첫 도전이 되어 등록해 보았습니다. 자신의 hubot 모두 준도코하고 싶다!라는 분은 꼭. hubot의 루트 디렉토리로 이동하면 다음 명령으로 설치할 수 있습니다. 참고... npmHubot준도 코키 요시CoffeeScript Slack 용 hubot에 지금 북산업 기능을 추가하는 스크립트 hubot-slack-imakitasangyo라는 이름으로 . 코드는 . CoffeeScript라고 할까 js도 거의 쓴 적이 없는 채 우선 만들었기 때문에 수속형같고 더럽습니다. 세세한 곳에서도 pull request 대환영입니다. 잘 부탁드립니다. 을 이용하여 hubot에 「지금 북산업」이라고 투고하면, 직전의 투고를 몇개 따져 와서 3행에 요약해 주는 기능을 추가합니다. 기계 학습 태그... npmHubot슬랙자연 언어 처리기계 학습 두 이미지의 차이를 쉽게 출력할 수 있는 package 2개의 화상을 비교해, 차분을 출력해 주는 package 입니다. 같은 이미지인지 boolean 으로 돌려주어 줍니다! 사용하기 쉽고 편리합니다. npm으로 설치합니다. 사전에 도 넣어 둘 필요가 있습니다. 준비 만단! 사용해 본다. 이렇게 짜증나는 이미지를 준비해 보았습니다. sample1.png sample2.png node를 시작하고 출력된 이미지가 여기입니다. difference.pn... npm자바스크립트ImageMagickNode.js Visual Studio의 React.js에서 일본어가 깨짐 Visual Studio의 React.js에서 깨짐이 발생한 경위와 그 대응책에 대해. Visual Studio Community 2017 ver 15.7.1 .NET Framework ver 4.7.03056 npm ver 5.6.0 Visula Studio를 시작하고 파일 - 새로 만들기 - 프로젝트에서 ASP.NET Core 웹 응용 프로그램을 만듭니다. 템플릿에서 React.js를 선... VisualStudio아 SP. 네 TReactnpm Visual Studio 2017에서 MVC 프로젝트에 npm 도입 ASP.NET MVC에서는 자바스크립트 라이브러리로 이 포함된 시기가 계속되었습니다. 시간이 지남에 따라, Knockout 자체는 유지 보수되고 있지만, 대폭적인 버전 업은 되지 않는 것 같은 느낌이 되고 있습니다. 그 배경에서 현대적인 JavaScript 라이브러리와의 친화성이 없거나 좀처럼 사용하기 어려워졌습니다. 거기서, 최근의 메이저인 스택을 사용해 개수할 수 없는가와 여러가지 검토하... VisualStudio아 SP. 네 TVue.jsnpm Vue로 부모 구성 요소를 가로 지르는 Transition 실현 예를 들어 Vue에서 카드 게임을 구현할 때, 야마바 두고 카드 그리고 Compnent를 정의한다고 가정합니다. 그리고 지금 「카드」는 「야마카키 두는 곳」의 아이로, 「야마카타 놓기장」에서 「패」로 이동한다고 합니다. 이때 카드는 위치 애니메이션을 하고 싶은 것입니다만, vue의 나 에서는 실현할 수 없습니다. 왜냐하면 부모 Component가 산찰에서 패로 바뀌기 때문에 입니다. 구체적으... Vue.jsnpmanimationtransition 로컬 환경을 스마트 폰 실제 기기 (Android, iOS)로 확인하는 방법 업무로 web사이트(HTML,CSS,JS)를 작성하고 있어, PC의 브라우저로 디자인(PC/SP)을 확인하면서 진행하고 있었습니다. 작업도 종반에 걸려, SP디자인의 표시를 스마트폰 실기를 사용해 확인하고 싶다고 디자이너로부터 요망이 있었을 때에 한 일의 메모나 막힌 것을 정리했습니다. ※ 꽤 간단하게 할 수 있었습니다. 1. 간단한 웹 서버 준비 2. 실제 기기의 브라우저에 로컬 호스트의 ... 프런트 엔드HTMLnpm자바스크립트CSS `git pull`이라든가 했을 때 package.json 에 변경이 있으면 자동으로 `yarn`나 `npm i`도 달리게 한다 의존 패키지가 늘어났다든가, package.json 에 변경이 있었을 때에 프런트끼리라면 어쨌든, 그 이외의 경우는 아무 말도 하지 않아도 자동으로 yarn라든지 달리게 해 갱신시키고 싶다. . git-hooks (참고 )를 pacakge.json의 scripts에서 사용할 수 있도록 해줍니다. 이런 느낌의 것을 추가. package.json (라든지 yarn 를 npm i 로 하거나) ho... 프런트 엔드YARNnpmNode.jsGit 【비망록】Windows에서 Node.js를 업데이트하는 방법 2020년 10월 6일 Node.js 버전을 업데이트 할 때 조금 막혔으므로 비망록으로 기록합니다. Windows에서는 n을 사용할 수 없으므로 이번에는 nodist를 사용하여 Node.js를 업데이트했습니다. 명령 프롬프트에서 nodist -v를 실행하여 nodit을 사용할 수 있는지 확인합니다. 사용할 수 없으면 설치하십시오. 다음과 같이 되어 있으면 설치는 되어 있다. 명령 프롬프트 에... npm프로그래밍 공부 일기초보자Node.jsnodist travis-scripts로 GitHub Pages를 Travis에서 쉽게 자동 빌드 여러분 GitHub Pages 사용하고 있습니까? 편리하네요. 하지만 Jekyll 이외(예를 들면 gulp라든지)로 GitHub에 push해도 자동으로 빌드->호스팅해 주면 더 편리하다고 생각하지 않습니까? 여러가지 정보가 나옵니다만, 어느 것도 상당히 복잡해, 하는 방법이 곳은 다르고 있습니다. 그러나 이라는 도구를 사용하면 Travis에서 쉽게 호스팅 할 수 있습니다. 우선 설치. npm... travis-scriptsGitHubnpmgithub-pagesTravisCI babel로 컴파일 된 npm 모듈을 TravisCI에서 릴리스 처음으로 npm 패키지를 만들어 보면서 여러 가지 일이 있었기 때문에 메모합니다. babel을 사용하여 다음과 같은 패키지 구성으로 ES2015에서 npm 모듈을 개발한다고 가정합니다. "scripts" 에 babel-cli 를 사용하여 ES2015 코드를 컴파일하는 프로세스를 추가합니다. .gitignore ES2015에서 개발하고 있는 모듈이므로, babel로 컴파일한 후의 코드는 버전 ... npm자바스크립트TravisCINode.jsbabel Angular: @ng-select/ng-select를 이용한 선택 상자의 유효성 검사 이번, 셀렉트 박스로 복수 선택 가능의 굉장히 외형으로 하고 싶고, @ng-select/ng-select@ng-select/ng-select 의 상세한 를 참조. ※전혀 다른 패키지로 ng-select 라는 이름의 것도 있으므로 조심해 주세요! 평상시는 이런 느낌으로, required 라고 하는 Angular의 표준 밸리데이션 체크 기능을 이용하고 있습니다. 오류시 메시지는 bootstrap... bootstrap4npmBootstrapAngular6 md2googleslides를 사용하여 Markdown을 쉽게 파워 포인트 슬라이드로 만듭니다. Markdown을 슬라이드로 설정하면 다음과 같은 방법이 있습니다. reveal.js 또는 pandoc 당 어떻게 든 브라우저의 Addon으로 md를 변환 표시하는 황업도 사용할 수 있습니다. 슬라이드 형식에 해당하는 Markdown 편집기로 쓰고 내보내고 인쇄합니다 다만, 어쨌든 HTML, PDF에는 간단하게 변환할 수 있지만, 파워 포인트로 하는 것이 어렵다고 하는 과제가 있습니다. 왜 ... npm파워 포인트Markdowngoogleapi npm install시 pixiv의 일일 순위를 터미널에 표시 이번에는 npm install 의 시간에 pixiv 데일리 랭킹을 표시해, 지루한 시간을 최고의 시간으로 하는 해킹을 하기로 하겠습니다. npm에서 설치할 수 있습니다. 그러나 불행히도 최신 버전의 iTerm2가 아니라면 이미지가 표시되지 않습니다. iTerm2가 최신 버전이 아닌 사람은 설치를 부탁합니다. npm-pixiv 라는 명령을 제공하지만 .bashrc 또는 .zshrc에서 다음과 ... 피 viTerm2npm자바스크립트Node.js npm install의 쓸데없는 대기 시간을 압도적으로 카이젠하는 방법 npm install 대기 시간 길지요. 그런데 시간이라고 하면 상대성 이론, 그래, 아인슈타인입니다. 아인슈타인은 한때 이렇게 말했습니다. 귀여운 소녀와 한 시간 함께 있으면, 1분밖에 지나지 않은 것 같다. 뜨거운 난로 위에 일분 앉게 되면 어떤 한 시간보다 길 것이다. 상대성은 그것이다. 아인슈타인 즉, npm install시에 팝테피픽의 4컷이 잇달아 표시되면 체감 시간은 압도적으로 ... iTerm2npm자바스크립트cliNode.js 5분만에 기동까지 갈 수 있는 Electron과 ES2015에 의한 최소 공수로 만드는 가장 빠른 Electron 앱 최근 유행 Desktop 앱을 만들 수 있는 Node.js 도구 atom 편집기 Visual Studio Code kobito for windows Slack 글쎄, 일단 시도해보고 싶어? 그래서, 가볍게 만들어 볼 생각이 약간 빠져들기도 있었으므로 현시점(2015/12/2)에서의 최소 공수로 생긴 부분을 메모해 두려고 생각했습니다 처음에 에 가지만, 전혀 모르기 때문에, 검색해 보면 어느 ... ElectronnpmDesktopNode.jses2015 google-palette와 chart.js로 멋진 그래프 그리기 chart.js에서 레이더 차트를 그려 데이터 세트가 동적이었을 때 좋은 느낌의 색을 자동으로 생성하는 방법. 간단한 그래프를 그려주는 멋진 라이브러리. 컬러 팔레트를 자동으로 생성해주는 오징어한 라이브러리. 이번에는 레이더 차트이므로 mpn65를 사용하고 싶습니다. tol은 움직였는데 mpn65는 순전히 움직이지 않았다. 현재(2018/11/30) 확인한 바, 버전 1.1.0에서는 mpn6... npm자바스크립트chart.js npm-scripts로 pug를 compile 상당히 Static Html을 쓰지 않았는데, 오랜만에 조금 쓰게 되었기 때문에 여러가지 어떻게 할까 고민하고 Jade 만질까 생각했는데, 어느새 Jade(토끼)씨가 Pug(개)씨로 바뀌었다 있었습니다. 이름과 확장자, 일부 기능이 바뀌었을 뿐이므로 문서 사이트도 Jade 그대로입니다. 그러나 다음과 같이 node-module에 pug를 추가하고 npm-scripts로 compile하려고하면... Jadenpmnpm-scriptspug [katakata.js] 입력 중 같은 이펙트를 붙이는 node module를 만들어 공개했다. 예전부터 하고 싶었던 node module의 공개를 마침내 완수했기 때문에 기념으로 발표하고 싶다. 샘플 gif 그 밖에도 generator의 구조도 이해하고 싶었던 곳이었기 때문에, generator를 사용한 모듈이 완성되었다(그 때문에, 사용하려면 몇개의 loader, plugin등이 필요하게 된다.) 이 라이브러리에서는 다음을 수행 할 수 있습니다. 편집중의 워드에는 편집중과 같은 효과... 애니메이션npm자바스크립트Node.js npm run start를 실행할 때까지 ~ 첫 Node.js 동작 확인 ~ npm run start에서 브라우저가 시작될 때까지 동작 확인할 필요가 있었다. 또, 이 동작 확인의 일련의 흐름의 정리가 없었기 때문에, 투고해 보려고 생각한 나름입니다. 당시 지식 : "npm""Node.js"라는 단어를 시작하여 들었습니다 ... 작업 순서 우선으로 자세한 것은 본 투고에서는 생략하고 있습니다. 작업 장소: 브라우저 2. Node.js 설치 작업 장소: 브라우저 npm... GitHubnpmNode.jsnodistGit gulp로 이미지 압축 「이 기사를 보면 gulp로 화상을 압축하는 순서를 알 수 있다!」라고 하는 기사입니다. 이미지의 압축 툴은 여러가지 있어, 유명한 곳이라면 를 사용하고 있는 분도 많다고 생각합니다. 그러나, 프로덕션 공개 전의 화상등을 외부 서비스로 압축하는 것은 어떻습니까, 라고 하는 회사도 있다고 생각하므로, 이번은 gulp를 사용해 로컬 환경에서 압축하는 방법을 정리했습니다. 참고가되면 꼭 LGTM을... 프런트 엔드npmgulpNode.js