CoffeeScript 연말이므로 웹 앱을 만들었습니다. minmax 패널을 번갈아 가서 총 득점을 겨루는 게임이다. 선수는 좋아하는 위치에서 시작된다. 후손은 선수가 선택한 위치를 포함한 세로 일렬 중에서 패널을 선택한다. 다시 선수는 후손이 선택한 패널을 포함한 가로 일렬 중에서 패널을 선택한다. 한번 선택한 패널은 선택할 수 없다. 패스는 할 수 없다. 패널을 선택할 수 없었던 시점에서, 합계 득점이 높은 쪽의 승이다. 게임 시작. 처음에는 ... AngularhamlCoffeeScriptgruntjasmine laravel에 yo에서 angularJs&coffeescript를 사용할 수 있도록 한다. 먼저 yo 명령을 사용할 수 있어야하므로 아래에서 설치 global에 설치한 곳에서 laravel의 프로젝트 루트로 이동. 클라이언트 코드를 관리하는 디렉토리를 만들고 이동합니다. 클라이언트 환경 만들기 이것으로 히나가타까지 완성. 이대로 grunt build를 실행하면 알 수 있지만 오류가 발생합니다. 원인은 Gruntfile.js 안에 wiredep 라는 태스크의 options가 설정되어... AngularPHP라라벨CoffeeScriptgrunt Emacs 사용자를 위한 Chrome 확장 프로그램을 게시해 보았습니다. 이 글은 22일째 글입니다 를 공개해 보았으므로, 그 소개가 됩니다. 저자는 이전에 메인 브라우저로 Chrome이 아닌 Firefox를 사용했습니다. 왜냐하면 Firefox에는 Firemacs라는 Emacs 사용자를 위한 애드온이 있었고, Chrome에는 그 대신이 없었기 때문입니다. 그러나, 에 의해 Firefox의 애드온이 엄청나게 사용할 수 없게 되었기 때문에, Chrome에의 이행을 ... chrome-extensionChromeCoffeeScripteditorEmacs hubot에서 태스크 추적 bot을 구현 처음으로 Hubot 스크립트를 썼을 때 조사한 일( 에 쓰지 않았던 것)을 정리했습니다. 발언 시간 취득 CoffeeScript는 접한 적이 없지만 뭔가 만들어보고 싶다는 분의 등을 살짝 누르면 다행입니다. ※ 거의 거의 같은 내용을 에도 투고하고 있습니다 now hogehoge 라고 발언하면, 발언 내용 hogehoge 로 시각과 발언자를 기록 hubot today 라고 발언하면, 오늘 분... HubotCoffeeScript gulp + coffeescript로 편하게 프런트 개발 환경 구축 평소 집에서는 개발하지 않는 나이지만, 너무 어쩔 수 없어 회사에서는 개발할 수없는 소규모 앱이나 플러그인을 개발하고 싶은 경우가 있습니다. 이번에는 CoffeeScript + gulp을 이러한 집에서의 편의성 개발 환경으로 채택하여 개요 및 도입 방법을 기록했습니다. CoffeeScript는 AltJS라는 자바스크립트의 고급 대체언어(소프트 JavaScript를 더 좋은 느낌으로 한 언어)... Node.jsgulpCoffeeScript Hubot을 도입한다면 알아야 할 실제로 사용하는 최소한의 구현 스크립트 3선 ChatOps로 Hubot을 사용하는 개발 회사도 점점 늘어나고 있는 가운데, 실제로 어떤 Hubot 스크립트를 사용하고 있는지 소개합니다. 조금이지만 내 소개를 · · 이번 본지 26P~의 「시작하고 있습니다.ChatOps - Slack+Hubot으로 환경 구축 해설」이라고 하는 기사를 썼습니다! 내용으로서는 ChatOps를 사용해 개발 업무로부터 사내 교류 등 폭넓게 ChatOps로 개선... ChatOpsHubotCoffeeScript phina.js에서 웹 글꼴을 사용해보십시오! 모처럼 게임을 만들고 있는데, 브라우저상에서의 게임의 경우 폰트가 환경 의존이 되기 쉽다. 이것은 JavaScript 라이브러리 인 phina.js에서도 동일하다고 생각합니다. 그래서 단말의 폰트 제약에 영향을 받지 않는 목적으로, Web 폰트가 있으므로, 이것을 사용해, phina.js 로의 게임내에서도 제대로 된 게임에 있던 폰트를 사용해-! 라는 것으로, 해 보았습니다. 라고, 와 같은... phina.jsCoffeeScript Atom Editor의 스크립트 플러그인으로 homebrew로 설치 한 프로그램이 실행되지 않을 때 Atom 에디터의 script 플러그인은, Atom상에서 프로그램을 실행해 주어 매우 편리. 프로그램 실행의 바로 가기 키는 command + i입니다. 하지만 homebrew로 설치한 프로그램이 프로그램을 참조할 수 없는 경우가 있었습니다. Atom -> Open Your Init Script (japanese-menu 플러그인으로 일본어화하는 경우는 "시작 스크립트 열기") 또는 vi ~... Perl6ATOMCoffeeScript 【Rails】코피페로 할 수 있다! Ajax 로딩 구현 Ajax에서 로딩을 구현하고 싶다는 것은 종종 있다고 생각합니다. 하지만 로딩 이미지를 찾거나 어떤 코드를 쓰면 좋은지 조금 헤매는 것도 사실. 그래서 비망록적으로 정리해 두기로 했습니다. Rails(Slim, Sass, CoffeeScript)로 이용했습니다만, 다른 곳에서도 문제 없게 사용할 수 있을까 생각합니다. 다음 단계를 수행합니다. Ajax 통신 중에 로딩 문장이 나오는지 확인 (... 자바스크립트아약스RailsCoffeeScript Vue.js를 클래스에서 사용할 때 설정 우선은 HTML이지만 쓰고 싶지 않으므로 Jade로 무례합니다. index.jade elements 가 포함되어 있지만 공통 부분을 외출하는 것만으로 특별한 일은하지 않습니다.+ 가 붙은 장소에서 호출하고 있습니다. # 는 div가 만들어지고 @ 는 Vue의 기법으로 on 를 의미합니다. 덧붙여서, elements 의 내용은↓. elements.jade 계속해서 본제의 JS입니다만, Coff... Jade자바스크립트Vue.jsCoffeeScript Backlog 업데이트를 Hubot을 통해 Slack에 알립니다. Backlog 업데이트를 Hubot을 통해 Slack에 알리기 통지 대상 과제 만들기 업데이트 (댓글 추가, 상태 변경 ...) 과제 알림 추가 Subversion 커밋 Wiki (만들기, 업데이트, 삭제) 은 만들었기 때문에 모처럼이기 때문에 Backlog도 만들어 버리자 자신을 위해 개수하고 싶었습니다 Hubot => Slack의 제휴는 가능하다 (ping -> pong가 가능하면 ok)... BacklognpmCoffeeScriptHubot슬랙 Bitbucket 업데이트를 Hubot을 통해 Slack에 알립니다. Bitbucket 업데이트를 Hubot을 통해 Slack에 알리기 알림 대상: PullRequest, Issue, Repository의 각 이벤트 기존 Slack Bitbucket Integration은 Repository Push 만 지원합니다. 어쨌든 모든 것을 알려주세요 (특히 PullRequest 주위) 라는 말로 만든 Hubot => Slack의 제휴는 가능하다 (ping -> po... HubotnpmCoffeeScriptBitbucket슬랙 [Node.js] 니코니코 동영상 API를 정리한 라이브러리 만들었다 라는 Node.js용 니코니코 동영상 API 래퍼 라이브러리를 만들었으므로 소개합니다. 메소드명이라든지 모듈 구성이 아직 베스트인지 모르는 곳이 있으므로 츳코미 받을 수 있으면 다행입니다. 로그인/로그아웃 사용자 정보 (이름, 아이콘 등) 얻기 니코니코 동영상 동영상 정보 취득 ( getthumbinfo API , getflv API 의 래퍼) 내 목록 작업 (목록, 동영상 추가 및 이동 삭... Node.js니코 니코 동영상니코니코 생방송CoffeeScript 비가 오기/멈추기 30 분 전에 Slack에 알려주는 hubot 스크립트 CoffeeScript라고 할까 js도 거의 쓴 적이 없는 채 우선 만들었기 때문에 수속형같고 더럽습니다. 세세한 곳에서도 pull request 대환영입니다. 잘 부탁드립니다. Yahoo의 API를 이용해, hubot에 비가 내리기 전・멈추기 전에 Slack의 지정한 채널에 통지를 해 주는 기능을 추가합니다. 통지시에는 현재로부터 60분 후까지의 강우량의 그래프, 30분 후의 비 구름의 모... 날씨npmCoffeeScriptHubot슬랙 browserify (coffeeify)에서 UglifyJS2를 통해 bundle.min.js.map을 만드는 레시피 bower로 출시하는 경우 .js 그래서 다음 해결책입니다. 절차로서 .min.js .min.js.map 선택적으로 인라인 소스 맵 생성 browserify < browserify로 생성 된 인라인 소스 맵을 파일로 변환 --debug < 보통 bundle.js.map 한다 exorcist < bundle.js 에서 browserify 압축. 그럼, bundle.min.js 선택적으로 ugl... browserifyuglifyjs자바스크립트CoffeeScript Atom으로 CoffeeScript 개발 환경을 구축 Atom에서 CoffeeScript 개발 환경을 만들었으므로 작업 메모. 다음 두 가지를 설치했습니다. 변환 후의 JavaScript를 적절히 확인하면서 구현하고 싶기 때문에 settings 에서 install 탭에서 preview 설치가 완료되면 Command Palette를 열고 preview 로 표시합니다. preview 표시 직후는 CoffeeScript의 코드에 문제가 없어도 왠지 ... ATOMCoffeeScript AngularJS에서 데이터를 공유하는 서비스의 병아리 (CoffeeScript 버전) 그물에 이거!!라는 정보를 볼 수 없었다 Factory와 Service의 구분을 잘 모르겠습니다 어쨌든 copipe로 즉시 움직이는 사람을 원합니다 라는 2,3일 전의 나 같은 미지근한 엔지니어를 위해서. 츳코 볼거리 다수라고 생각됩니다만, 다시 움직입니다! index.html hoge.js ※ hoge.js는 복수 파일로 분할되는 것을 상정해 쓰고 있습니다 제대로 양방향 데이터 바인딩됩니다... AngularCoffeeScript BrowserStack + browserstack-webdriver로 브라우저별 테스트 자동화 BrowserStack 계정이 있으면 즉시 시도 할 수있는 example을 만들었으므로 을 참조하십시오. Windows7 + IE9에서,... Node.jsBrowserStackCoffeeScript React.js - 사용 가능 Chart.js 래퍼 클래스 Chart.js를 React.js의 부품으로 사용하는 간단한 래퍼 클래스를 만들어 보았습니다. 에서 을 사용하지 않고 썼습니다. 예를 들어, 여러 개의 간단한 그래프가 있고, 사용자가 데이터를 추가·업데이트할 수 있는 어플리케이션에서의 인터랙티브한 그래프에 활용할 수 있다고 생각합니다. react-js chart-js Chart.js의 그래프 유형 이름을 인수로 전달하면 지정된 그래프 유형의... chart.jsReactCoffeeScript generator에서 hubot을 대화식으로 만들기 Node.js의 0.12에서 ES6의 generator를 사용할 수 있게 되어 있으므로 공부. calendar.coffee generator는 robot.cal로 등록됩니다. yield 에서 generator에서 호출자로 처리가 이동합니다. generator가 존재하는 동안 hear마다 generator의 next가 호출된다. hubot의 거동 확인으로는 불필요하지만 처음에는 컴파일하면서 확... generatorHubotCoffeeScript Mac 서비스로 JavaScript/CoffeeScript 실행 Mac의 "서비스"는 있습니다. 이것을 사용해, 임의의 에디터상에 입력한 JavaScript/CoffeeScript의 코드를 실행시켜 버리자고 하는 기사입니다. 먼저 Node.js를 설치합시다. 그건 그렇고, 나는 nodebrew라는 node.js의 환경 구축 도구를 사용했습니다. 그런 다음 CoffeeScript도 설치합니다. 그런 다음 이 샘플을 위해 패키지를 읽고 사용할 수 있음을 보여... Mac자바스크립트CoffeeScript Mikeshimura의 DBFlute Web Framework - 거의 자동 생성하는 업무용 Framework DB 변경에 강한 현장 지향 O/R 맵퍼의 에 근거해, 데이타베이스의 테이블을 작성하는 것만으로 표준적인 기능의 화면(Frontend와 Bakcend 모두)을 몇 분에서 수 충분하고, 거의 자동 생성한다 업무용 Framework입니다. 예를 들어 아래의 화면이 데이터베이스의 테이블을 작성한 후 자동 생성 기능을 사용함으로써 Frontend는 불과 9행의 추가·수정, Backend는 Java이... dbfluteReactCoffeeScript5자바 React.js - HAML 스타일에 쓰는 방법 요 전날 을 읽고 조금 궁리하는 것만으로 React.js를 HAML 스타일로 쓸 수 있다는 것을 깨달았다. React.js를 평소에 사용한다 처럼 쓰고 싶다. 목표 보통 JSX + CoffeeScript로 쓰면 다음과 같다. <>를 배제하고 싶다. 1. JSX를 사용하지 않고 CoffeeScript로 작성 JSX는 선택사항으로서 준비되어 있지만, 필요조건이 아니라고 다큐멘테이션에 쓰여져 있다... hamlReactCoffeeScript Google Drive push notifications를 hubot에서 받기 Google Drive 변경사항 알림 특정 드라이브 폴더의 변경을 알립니다. 서비스 계정 만들기 에서 프로젝트 선택 또는 프로젝트 작성 API 및 인증 > API에서 Drive API 사용 API 및 인증 > 자격 증명에서 새로운 클라이언트 ID 생성하기 서비스 계정으로 만들기 새 P12 키 만들기 버튼으로 P12 키를 만들고 다운로드 한 것을 저장 API 및 인증 > 푸시에서 푸시를 받는 ... HubotCoffeeScript Hubot과 Twilio API를 사용하여 Slack에서 전화를 걸어 피자를 주문해보십시오. 극단적으로 번거로운 냄새가 나는 나보는, Slack 로부터 출전 피자를 주문할 수 있으면 좋겠다고 생각해 왔기 때문에 Hubot 스크립트를 써 보기로 했습니다. hubot call +818044431800 起きろ! 라는 느낌으로 명령하면 전화하여 합성 음성으로 메시지를 말해줍니다. 이미지의 전화 번호는 내 휴대 전화이지만 모자이크를 걸는 것도 번거롭기 때문에 걱정하지 마십시오. 전화번호에 +... 슬랙twilioHubotCoffeeScript Hubot을 사용하여 Slack에서 alc (영사랑)의 결과를 얻으십시오. 평소부터 씨에게 신세를 지고 있습니다만, 브라우저를 여는 것이 귀찮기 때문에 대체로 열려 있는 Slack로부터 취득할 수 있도록 Hubot Script를 만들었습니다. 현재, 영어 단어의 결과만 반환됩니다. alc hello or hubot alc me hello 라고 명령하면 반응해 줍니다. 그래서 npm에서 설치하십시오. 그래서, 그곳에서 바로 hubot/scripts 아래에 넣어도 상관... 슬랙HubotCoffeeScript Slack과 협력 한 Hubot에게 매일 아침 오늘의 일정을 알려줍니다. 현재 연구실 내에서 Slack을 사용하고 있어 모처럼이므로 Hubot을 도입하여 놀고 있다. 또한 연구실 내에서 예정된 공유를 위해 Google 캘린더에서 실험실 캘린더를 작성하여 운용하고 있다. 그러나, Google 캘린더에 복수의 캘린더를 표시하게 하면 보기 힘들거나, 원래 Google 캘린더를 확인하지 않는 등의 이유로 「오늘 미팅 있었는데?」등 예정을 파악할 수 없는 멤버가 발생한다.... HubotGoogleCalendarCoffeeScriptNode.js슬랙 AngularJS로 Markdown 표시 (CoffeeSctipt 편) 연습으로 AngularJS 응용 프로그램을 만들고 있습니다. Yeoman에서 샘플을 만들면, "about"라고 하는 페이지가 생기기 때문에, 여기에는 Markdown에서 쓴 기록을 올리고 싶다...라고 생각한 것이 계기. 덧붙여 이번은 CoffeeScript를 사용하고 있기 때문에, CoffeeScript의 공부용으로 옮겨놓는다는 것이 목표입니다. 기본적으로, 아래의 기사에 전면적으로 신세를... AngularMarkdownCoffeeScript GAS에서 익명 함수 실행 Google AppsScript를 CoffeeScript로 작성할 때 배드 노하우 빈 스크립트 만들기 ... CoffeeScript 작성 ... hoge.coffee 컴파일하고 붙여 넣는다. myFunction 밖에 선택할 수 없다・・・. 더미의 함수를 만들어 버리면 선택할 수 있게 된다. 더미 함수 지워도 사용할 수 있다. 실행도 가능하다. 왜인지는 불명···.... GoogleAppsScriptCoffeeScript 이전 기사 보기
연말이므로 웹 앱을 만들었습니다. minmax 패널을 번갈아 가서 총 득점을 겨루는 게임이다. 선수는 좋아하는 위치에서 시작된다. 후손은 선수가 선택한 위치를 포함한 세로 일렬 중에서 패널을 선택한다. 다시 선수는 후손이 선택한 패널을 포함한 가로 일렬 중에서 패널을 선택한다. 한번 선택한 패널은 선택할 수 없다. 패스는 할 수 없다. 패널을 선택할 수 없었던 시점에서, 합계 득점이 높은 쪽의 승이다. 게임 시작. 처음에는 ... AngularhamlCoffeeScriptgruntjasmine laravel에 yo에서 angularJs&coffeescript를 사용할 수 있도록 한다. 먼저 yo 명령을 사용할 수 있어야하므로 아래에서 설치 global에 설치한 곳에서 laravel의 프로젝트 루트로 이동. 클라이언트 코드를 관리하는 디렉토리를 만들고 이동합니다. 클라이언트 환경 만들기 이것으로 히나가타까지 완성. 이대로 grunt build를 실행하면 알 수 있지만 오류가 발생합니다. 원인은 Gruntfile.js 안에 wiredep 라는 태스크의 options가 설정되어... AngularPHP라라벨CoffeeScriptgrunt Emacs 사용자를 위한 Chrome 확장 프로그램을 게시해 보았습니다. 이 글은 22일째 글입니다 를 공개해 보았으므로, 그 소개가 됩니다. 저자는 이전에 메인 브라우저로 Chrome이 아닌 Firefox를 사용했습니다. 왜냐하면 Firefox에는 Firemacs라는 Emacs 사용자를 위한 애드온이 있었고, Chrome에는 그 대신이 없었기 때문입니다. 그러나, 에 의해 Firefox의 애드온이 엄청나게 사용할 수 없게 되었기 때문에, Chrome에의 이행을 ... chrome-extensionChromeCoffeeScripteditorEmacs hubot에서 태스크 추적 bot을 구현 처음으로 Hubot 스크립트를 썼을 때 조사한 일( 에 쓰지 않았던 것)을 정리했습니다. 발언 시간 취득 CoffeeScript는 접한 적이 없지만 뭔가 만들어보고 싶다는 분의 등을 살짝 누르면 다행입니다. ※ 거의 거의 같은 내용을 에도 투고하고 있습니다 now hogehoge 라고 발언하면, 발언 내용 hogehoge 로 시각과 발언자를 기록 hubot today 라고 발언하면, 오늘 분... HubotCoffeeScript gulp + coffeescript로 편하게 프런트 개발 환경 구축 평소 집에서는 개발하지 않는 나이지만, 너무 어쩔 수 없어 회사에서는 개발할 수없는 소규모 앱이나 플러그인을 개발하고 싶은 경우가 있습니다. 이번에는 CoffeeScript + gulp을 이러한 집에서의 편의성 개발 환경으로 채택하여 개요 및 도입 방법을 기록했습니다. CoffeeScript는 AltJS라는 자바스크립트의 고급 대체언어(소프트 JavaScript를 더 좋은 느낌으로 한 언어)... Node.jsgulpCoffeeScript Hubot을 도입한다면 알아야 할 실제로 사용하는 최소한의 구현 스크립트 3선 ChatOps로 Hubot을 사용하는 개발 회사도 점점 늘어나고 있는 가운데, 실제로 어떤 Hubot 스크립트를 사용하고 있는지 소개합니다. 조금이지만 내 소개를 · · 이번 본지 26P~의 「시작하고 있습니다.ChatOps - Slack+Hubot으로 환경 구축 해설」이라고 하는 기사를 썼습니다! 내용으로서는 ChatOps를 사용해 개발 업무로부터 사내 교류 등 폭넓게 ChatOps로 개선... ChatOpsHubotCoffeeScript phina.js에서 웹 글꼴을 사용해보십시오! 모처럼 게임을 만들고 있는데, 브라우저상에서의 게임의 경우 폰트가 환경 의존이 되기 쉽다. 이것은 JavaScript 라이브러리 인 phina.js에서도 동일하다고 생각합니다. 그래서 단말의 폰트 제약에 영향을 받지 않는 목적으로, Web 폰트가 있으므로, 이것을 사용해, phina.js 로의 게임내에서도 제대로 된 게임에 있던 폰트를 사용해-! 라는 것으로, 해 보았습니다. 라고, 와 같은... phina.jsCoffeeScript Atom Editor의 스크립트 플러그인으로 homebrew로 설치 한 프로그램이 실행되지 않을 때 Atom 에디터의 script 플러그인은, Atom상에서 프로그램을 실행해 주어 매우 편리. 프로그램 실행의 바로 가기 키는 command + i입니다. 하지만 homebrew로 설치한 프로그램이 프로그램을 참조할 수 없는 경우가 있었습니다. Atom -> Open Your Init Script (japanese-menu 플러그인으로 일본어화하는 경우는 "시작 스크립트 열기") 또는 vi ~... Perl6ATOMCoffeeScript 【Rails】코피페로 할 수 있다! Ajax 로딩 구현 Ajax에서 로딩을 구현하고 싶다는 것은 종종 있다고 생각합니다. 하지만 로딩 이미지를 찾거나 어떤 코드를 쓰면 좋은지 조금 헤매는 것도 사실. 그래서 비망록적으로 정리해 두기로 했습니다. Rails(Slim, Sass, CoffeeScript)로 이용했습니다만, 다른 곳에서도 문제 없게 사용할 수 있을까 생각합니다. 다음 단계를 수행합니다. Ajax 통신 중에 로딩 문장이 나오는지 확인 (... 자바스크립트아약스RailsCoffeeScript Vue.js를 클래스에서 사용할 때 설정 우선은 HTML이지만 쓰고 싶지 않으므로 Jade로 무례합니다. index.jade elements 가 포함되어 있지만 공통 부분을 외출하는 것만으로 특별한 일은하지 않습니다.+ 가 붙은 장소에서 호출하고 있습니다. # 는 div가 만들어지고 @ 는 Vue의 기법으로 on 를 의미합니다. 덧붙여서, elements 의 내용은↓. elements.jade 계속해서 본제의 JS입니다만, Coff... Jade자바스크립트Vue.jsCoffeeScript Backlog 업데이트를 Hubot을 통해 Slack에 알립니다. Backlog 업데이트를 Hubot을 통해 Slack에 알리기 통지 대상 과제 만들기 업데이트 (댓글 추가, 상태 변경 ...) 과제 알림 추가 Subversion 커밋 Wiki (만들기, 업데이트, 삭제) 은 만들었기 때문에 모처럼이기 때문에 Backlog도 만들어 버리자 자신을 위해 개수하고 싶었습니다 Hubot => Slack의 제휴는 가능하다 (ping -> pong가 가능하면 ok)... BacklognpmCoffeeScriptHubot슬랙 Bitbucket 업데이트를 Hubot을 통해 Slack에 알립니다. Bitbucket 업데이트를 Hubot을 통해 Slack에 알리기 알림 대상: PullRequest, Issue, Repository의 각 이벤트 기존 Slack Bitbucket Integration은 Repository Push 만 지원합니다. 어쨌든 모든 것을 알려주세요 (특히 PullRequest 주위) 라는 말로 만든 Hubot => Slack의 제휴는 가능하다 (ping -> po... HubotnpmCoffeeScriptBitbucket슬랙 [Node.js] 니코니코 동영상 API를 정리한 라이브러리 만들었다 라는 Node.js용 니코니코 동영상 API 래퍼 라이브러리를 만들었으므로 소개합니다. 메소드명이라든지 모듈 구성이 아직 베스트인지 모르는 곳이 있으므로 츳코미 받을 수 있으면 다행입니다. 로그인/로그아웃 사용자 정보 (이름, 아이콘 등) 얻기 니코니코 동영상 동영상 정보 취득 ( getthumbinfo API , getflv API 의 래퍼) 내 목록 작업 (목록, 동영상 추가 및 이동 삭... Node.js니코 니코 동영상니코니코 생방송CoffeeScript 비가 오기/멈추기 30 분 전에 Slack에 알려주는 hubot 스크립트 CoffeeScript라고 할까 js도 거의 쓴 적이 없는 채 우선 만들었기 때문에 수속형같고 더럽습니다. 세세한 곳에서도 pull request 대환영입니다. 잘 부탁드립니다. Yahoo의 API를 이용해, hubot에 비가 내리기 전・멈추기 전에 Slack의 지정한 채널에 통지를 해 주는 기능을 추가합니다. 통지시에는 현재로부터 60분 후까지의 강우량의 그래프, 30분 후의 비 구름의 모... 날씨npmCoffeeScriptHubot슬랙 browserify (coffeeify)에서 UglifyJS2를 통해 bundle.min.js.map을 만드는 레시피 bower로 출시하는 경우 .js 그래서 다음 해결책입니다. 절차로서 .min.js .min.js.map 선택적으로 인라인 소스 맵 생성 browserify < browserify로 생성 된 인라인 소스 맵을 파일로 변환 --debug < 보통 bundle.js.map 한다 exorcist < bundle.js 에서 browserify 압축. 그럼, bundle.min.js 선택적으로 ugl... browserifyuglifyjs자바스크립트CoffeeScript Atom으로 CoffeeScript 개발 환경을 구축 Atom에서 CoffeeScript 개발 환경을 만들었으므로 작업 메모. 다음 두 가지를 설치했습니다. 변환 후의 JavaScript를 적절히 확인하면서 구현하고 싶기 때문에 settings 에서 install 탭에서 preview 설치가 완료되면 Command Palette를 열고 preview 로 표시합니다. preview 표시 직후는 CoffeeScript의 코드에 문제가 없어도 왠지 ... ATOMCoffeeScript AngularJS에서 데이터를 공유하는 서비스의 병아리 (CoffeeScript 버전) 그물에 이거!!라는 정보를 볼 수 없었다 Factory와 Service의 구분을 잘 모르겠습니다 어쨌든 copipe로 즉시 움직이는 사람을 원합니다 라는 2,3일 전의 나 같은 미지근한 엔지니어를 위해서. 츳코 볼거리 다수라고 생각됩니다만, 다시 움직입니다! index.html hoge.js ※ hoge.js는 복수 파일로 분할되는 것을 상정해 쓰고 있습니다 제대로 양방향 데이터 바인딩됩니다... AngularCoffeeScript BrowserStack + browserstack-webdriver로 브라우저별 테스트 자동화 BrowserStack 계정이 있으면 즉시 시도 할 수있는 example을 만들었으므로 을 참조하십시오. Windows7 + IE9에서,... Node.jsBrowserStackCoffeeScript React.js - 사용 가능 Chart.js 래퍼 클래스 Chart.js를 React.js의 부품으로 사용하는 간단한 래퍼 클래스를 만들어 보았습니다. 에서 을 사용하지 않고 썼습니다. 예를 들어, 여러 개의 간단한 그래프가 있고, 사용자가 데이터를 추가·업데이트할 수 있는 어플리케이션에서의 인터랙티브한 그래프에 활용할 수 있다고 생각합니다. react-js chart-js Chart.js의 그래프 유형 이름을 인수로 전달하면 지정된 그래프 유형의... chart.jsReactCoffeeScript generator에서 hubot을 대화식으로 만들기 Node.js의 0.12에서 ES6의 generator를 사용할 수 있게 되어 있으므로 공부. calendar.coffee generator는 robot.cal로 등록됩니다. yield 에서 generator에서 호출자로 처리가 이동합니다. generator가 존재하는 동안 hear마다 generator의 next가 호출된다. hubot의 거동 확인으로는 불필요하지만 처음에는 컴파일하면서 확... generatorHubotCoffeeScript Mac 서비스로 JavaScript/CoffeeScript 실행 Mac의 "서비스"는 있습니다. 이것을 사용해, 임의의 에디터상에 입력한 JavaScript/CoffeeScript의 코드를 실행시켜 버리자고 하는 기사입니다. 먼저 Node.js를 설치합시다. 그건 그렇고, 나는 nodebrew라는 node.js의 환경 구축 도구를 사용했습니다. 그런 다음 CoffeeScript도 설치합니다. 그런 다음 이 샘플을 위해 패키지를 읽고 사용할 수 있음을 보여... Mac자바스크립트CoffeeScript Mikeshimura의 DBFlute Web Framework - 거의 자동 생성하는 업무용 Framework DB 변경에 강한 현장 지향 O/R 맵퍼의 에 근거해, 데이타베이스의 테이블을 작성하는 것만으로 표준적인 기능의 화면(Frontend와 Bakcend 모두)을 몇 분에서 수 충분하고, 거의 자동 생성한다 업무용 Framework입니다. 예를 들어 아래의 화면이 데이터베이스의 테이블을 작성한 후 자동 생성 기능을 사용함으로써 Frontend는 불과 9행의 추가·수정, Backend는 Java이... dbfluteReactCoffeeScript5자바 React.js - HAML 스타일에 쓰는 방법 요 전날 을 읽고 조금 궁리하는 것만으로 React.js를 HAML 스타일로 쓸 수 있다는 것을 깨달았다. React.js를 평소에 사용한다 처럼 쓰고 싶다. 목표 보통 JSX + CoffeeScript로 쓰면 다음과 같다. <>를 배제하고 싶다. 1. JSX를 사용하지 않고 CoffeeScript로 작성 JSX는 선택사항으로서 준비되어 있지만, 필요조건이 아니라고 다큐멘테이션에 쓰여져 있다... hamlReactCoffeeScript Google Drive push notifications를 hubot에서 받기 Google Drive 변경사항 알림 특정 드라이브 폴더의 변경을 알립니다. 서비스 계정 만들기 에서 프로젝트 선택 또는 프로젝트 작성 API 및 인증 > API에서 Drive API 사용 API 및 인증 > 자격 증명에서 새로운 클라이언트 ID 생성하기 서비스 계정으로 만들기 새 P12 키 만들기 버튼으로 P12 키를 만들고 다운로드 한 것을 저장 API 및 인증 > 푸시에서 푸시를 받는 ... HubotCoffeeScript Hubot과 Twilio API를 사용하여 Slack에서 전화를 걸어 피자를 주문해보십시오. 극단적으로 번거로운 냄새가 나는 나보는, Slack 로부터 출전 피자를 주문할 수 있으면 좋겠다고 생각해 왔기 때문에 Hubot 스크립트를 써 보기로 했습니다. hubot call +818044431800 起きろ! 라는 느낌으로 명령하면 전화하여 합성 음성으로 메시지를 말해줍니다. 이미지의 전화 번호는 내 휴대 전화이지만 모자이크를 걸는 것도 번거롭기 때문에 걱정하지 마십시오. 전화번호에 +... 슬랙twilioHubotCoffeeScript Hubot을 사용하여 Slack에서 alc (영사랑)의 결과를 얻으십시오. 평소부터 씨에게 신세를 지고 있습니다만, 브라우저를 여는 것이 귀찮기 때문에 대체로 열려 있는 Slack로부터 취득할 수 있도록 Hubot Script를 만들었습니다. 현재, 영어 단어의 결과만 반환됩니다. alc hello or hubot alc me hello 라고 명령하면 반응해 줍니다. 그래서 npm에서 설치하십시오. 그래서, 그곳에서 바로 hubot/scripts 아래에 넣어도 상관... 슬랙HubotCoffeeScript Slack과 협력 한 Hubot에게 매일 아침 오늘의 일정을 알려줍니다. 현재 연구실 내에서 Slack을 사용하고 있어 모처럼이므로 Hubot을 도입하여 놀고 있다. 또한 연구실 내에서 예정된 공유를 위해 Google 캘린더에서 실험실 캘린더를 작성하여 운용하고 있다. 그러나, Google 캘린더에 복수의 캘린더를 표시하게 하면 보기 힘들거나, 원래 Google 캘린더를 확인하지 않는 등의 이유로 「오늘 미팅 있었는데?」등 예정을 파악할 수 없는 멤버가 발생한다.... HubotGoogleCalendarCoffeeScriptNode.js슬랙 AngularJS로 Markdown 표시 (CoffeeSctipt 편) 연습으로 AngularJS 응용 프로그램을 만들고 있습니다. Yeoman에서 샘플을 만들면, "about"라고 하는 페이지가 생기기 때문에, 여기에는 Markdown에서 쓴 기록을 올리고 싶다...라고 생각한 것이 계기. 덧붙여 이번은 CoffeeScript를 사용하고 있기 때문에, CoffeeScript의 공부용으로 옮겨놓는다는 것이 목표입니다. 기본적으로, 아래의 기사에 전면적으로 신세를... AngularMarkdownCoffeeScript GAS에서 익명 함수 실행 Google AppsScript를 CoffeeScript로 작성할 때 배드 노하우 빈 스크립트 만들기 ... CoffeeScript 작성 ... hoge.coffee 컴파일하고 붙여 넣는다. myFunction 밖에 선택할 수 없다・・・. 더미의 함수를 만들어 버리면 선택할 수 있게 된다. 더미 함수 지워도 사용할 수 있다. 실행도 가능하다. 왜인지는 불명···.... GoogleAppsScriptCoffeeScript 이전 기사 보기