Electron으로 데스크탑에 하마카제를 소환했다
Electron
Electron이라는 js, html에서 쉽게 데스크톱 앱을 만들 수있는 패키지를 발견했기 때문에 사용해 보았다.
공식 : htps : // / ぇct 롱 js. rg/
※node.js가 필요하므로 설치해 주세요.
electronをインストール
$ npm -g install electron-prebuilt
アプリ用ディレクトリを作成
$ mkdir electron
$ cd electron
package.jsonを生成
$ npm init -y
도입은 이쪽의 기사를 참고로 했다.
htps : // 코 m / 쿠라 my / ms / 4 32769366c 55778
우선은 HelloWorld를 표시해 본다.
アプリのディレクトリで
$ electron .
윈도우를 투명하게 하기 위해서는 이하의 처리를 행한다.
mainWindow = new BrowserWindow({
width: 100, 横幅
height: 100, 縦幅
transparent: true, 透明
frame: false}); フレームを表示するか
투명해졌습니다.
그리고는 helloworld의 문자를 이미지로 바꾸는 것뿐.
이상!
매우 적당한 기사입니다만 참고가 된다고 생각합니다.
Reference
이 문제에 관하여(Electron으로 데스크탑에 하마카제를 소환했다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kouuuki/items/7ffa1852cea2ff1a977d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
electronをインストール
$ npm -g install electron-prebuilt
アプリ用ディレクトリを作成
$ mkdir electron
$ cd electron
package.jsonを生成
$ npm init -y
アプリのディレクトリで
$ electron .
mainWindow = new BrowserWindow({
width: 100, 横幅
height: 100, 縦幅
transparent: true, 透明
frame: false}); フレームを表示するか
Reference
이 문제에 관하여(Electron으로 데스크탑에 하마카제를 소환했다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kouuuki/items/7ffa1852cea2ff1a977d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
