Kobito on Ubuntu 16.04LTS

12772 단어 KobitoUbuntu

우리측 환경


Terminal
[ryuta@Shuttle-Corei3-Ryu:~]
> lsb_release -a
No LSB modules are available.
Distributor ID: Ubuntu
Description:    Ubuntu 16.04.1 LTS
Release:    16.04
Codename:   xenial
[ryuta@Shuttle-Corei3-Ryu:~]
> uname -a
Linux Shuttle-Corei3-Ryu 4.4.0-42-generic #62-Ubuntu SMP Fri Oct 7 23:11:45 UTC 2016 x86_64 x86_64 x86_64 GNU/Linux

Kobito 구축 전 사전 준비


조금만 조사해 보면 코비토는 일렉트론이 개발한 등등 인기가 많다.
다양한 사람들이 설치 안내서에 참고로 썼듯이 Electron을 가져온 후에 Linux를 위해 재구성할 수 있을 것 같습니다.
자신도 Qiita를 Linux의 작업 비망록으로 사용하기 때문에 어쨌든 이때는 브라우저 인터페이스의 편집기가 아니라 Kobito를 가져오려고 시도합니다.
오프닝은 조금 길었지만 환경을 만드는 곳부터 기록했다.
일단 노드.js 가져오기부터
Node.js 가져오기
> sudo apt-get install nodejs
> sudo update-alternatives --install /usr/bin/node node /usr/bin/nodejs 10
위의 두 가지 명령을 실행합니다.
솔직히 두 번째 줄의 명령은 자기도 모르게 뭘 하는지...
이어서 npm 명령을 사용하기 때문에 npm도 가져옵니다.
자바스크립트에 관해서는 지금은 전혀 사용하지 않기 때문에 지금까지nodejs와npm와는 관계가 없습니다. 간단하게 말하면 node입니다.js는 JavaScript를 Node로 설정합니다.js를 먹게 함으로써 스크립트의 실행을 가능하게 합니다. npm은 자바스크립트와 관련된 패키지 관리자입니다.
설명이 틀렸으니 우선 여기에 신경 쓰지 마라.
Terminal(npm 배포)
> sudo apt-get install npm
npm 가져오기도 완료되면 Electron 가져오기에 들어갑니다.
전자 가져오기
[ryuta@Shuttle-Corei3-Ryu:~]
> sudo npm install electron-prebuilt -g
npm WARN deprecated [email protected]: electron-prebuilt has been renamed to electron. For more details, see http://electron.atom.io/blog/2016/08/16/npm-install-electron
/usr/local/bin/electron -> /usr/local/lib/node_modules/electron-prebuilt/cli.js

> [email protected] postinstall /usr/local/lib/node_modules/electron-prebuilt
> node install.js

Downloading SHASUMS256.txt
[============================================>] 100.0% of 2.77 kB (2.77 kB/s)
/usr/local/lib
└─┬ [email protected] 
  ├─┬ [email protected] 
  │ ├─┬ [email protected] 
  │ │ └── [email protected] 
  │ ├─┬ [email protected] 
  │ │ ├── [email protected] 
  │ │ ├── [email protected] 
  │ │ ├── [email protected] 
  │ │ ├── [email protected] 
  │ │ └─┬ [email protected] 
  │ │   └─┬ [email protected] 
  │ │     ├── [email protected] 
  │ │     ├─┬ [email protected] 
  │ │     │ └── [email protected] 
  │ │     ├─┬ [email protected] 
  │ │     │ └─┬ [email protected] 
  │ │     │   ├── [email protected] 
  │ │     │   └── [email protected] 
  │ │     └── [email protected] 
  │ ├── [email protected] 
  │ ├── [email protected] 
  │ ├─┬ [email protected] 
  │ │ ├─┬ [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ └─┬ [email protected] 
  │ │ │   ├─┬ [email protected] 
  │ │ │   │ └── [email protected] 
  │ │ │   ├── [email protected] 
  │ │ │   ├─┬ [email protected] 
  │ │ │   │ ├─┬ [email protected] 
  │ │ │   │ │ └── [email protected] 
  │ │ │   │ └── [email protected] 
  │ │ │   ├── [email protected] 
  │ │ │   ├─┬ [email protected] 
  │ │ │   │ ├── [email protected] 
  │ │ │   │ ├─┬ [email protected] 
  │ │ │   │ │ └── [email protected] 
  │ │ │   │ └─┬ [email protected] 
  │ │ │   │   ├─┬ [email protected] 
  │ │ │   │   │ └── [email protected] 
  │ │ │   │   └── [email protected] 
  │ │ │   ├── [email protected] 
  │ │ │   ├─┬ [email protected] 
  │ │ │   │ ├── [email protected] 
  │ │ │   │ └─┬ [email protected] 
  │ │ │   │   ├─┬ [email protected] 
  │ │ │   │   │ ├─┬ [email protected] 
  │ │ │   │   │ │ └─┬ [email protected] 
  │ │ │   │   │ │   └── [email protected] 
  │ │ │   │   │ ├── [email protected] 
  │ │ │   │   │ └─┬ [email protected] 
  │ │ │   │   │   └── [email protected] 
  │ │ │   │   └── [email protected] 
  │ │ │   ├─┬ [email protected] 
  │ │ │   │ ├─┬ [email protected] 
  │ │ │   │ │ └─┬ [email protected] 
  │ │ │   │ │   └── [email protected] 
  │ │ │   │ └── [email protected] 
  │ │ │   └── [email protected] 
  │ │ ├─┬ [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ └─┬ [email protected] 
  │ │ │   ├─┬ [email protected] 
  │ │ │   │ └── [email protected] 
  │ │ │   └─┬ [email protected] 
  │ │ │     └── [email protected] 
  │ │ ├─┬ [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ ├─┬ [email protected] 
  │ │ │ │ └── [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ ├─┬ [email protected] 
  │ │ │ │ └── [email protected] 
  │ │ │ ├─┬ [email protected] 
  │ │ │ │ ├─┬ [email protected] 
  │ │ │ │ │ ├── [email protected] 
  │ │ │ │ │ ├── [email protected] 
  │ │ │ │ │ ├── [email protected] 
  │ │ │ │ │ └── [email protected] 
  │ │ │ │ ├─┬ [email protected] 
  │ │ │ │ │ └── [email protected] 
  │ │ │ │ └─┬ [email protected] 
  │ │ │ │   ├── [email protected] 
  │ │ │ │   ├─┬ [email protected] 
  │ │ │ │   │ └── [email protected] 
  │ │ │ │   ├── [email protected] 
  │ │ │ │   └── [email protected] 
  │ │ │ ├─┬ [email protected] 
  │ │ │ │ ├── [email protected] 
  │ │ │ │ ├── [email protected] 
  │ │ │ │ ├── [email protected] 
  │ │ │ │ └── [email protected] 
  │ │ │ ├─┬ [email protected] 
  │ │ │ │ ├── [email protected] 
  │ │ │ │ ├─┬ [email protected] 
  │ │ │ │ │ ├── [email protected] 
  │ │ │ │ │ ├── [email protected] 
  │ │ │ │ │ └── [email protected] 
  │ │ │ │ └─┬ [email protected] 
  │ │ │ │   ├── [email protected] 
  │ │ │ │   ├── [email protected] 
  │ │ │ │   ├── [email protected] 
  │ │ │ │   ├─┬ [email protected] 
  │ │ │ │   │ └── [email protected] 
  │ │ │ │   ├── [email protected] 
  │ │ │ │   ├─┬ [email protected] 
  │ │ │ │   │ └── [email protected] 
  │ │ │ │   ├── [email protected] 
  │ │ │ │   ├── [email protected] 
  │ │ │ │   └── [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ ├─┬ [email protected] 
  │ │ │ │ └── [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ ├── [email protected] 
  │ │ │ ├─┬ [email protected] 
  │ │ │ │ └── [email protected] 
  │ │ │ └── [email protected] 
  │ │ ├─┬ [email protected] 
  │ │ │ └─┬ [email protected] 
  │ │ │   ├─┬ [email protected] 
  │ │ │   │ └── [email protected] 
  │ │ │   ├── [email protected] 
  │ │ │   └─┬ [email protected] 
  │ │ │     └── [email protected] 
  │ │ └── [email protected] 
  │ ├─┬ [email protected] 
  │ │ └─┬ [email protected] 
  │ │   └── [email protected] 
  │ ├─┬ [email protected] 
  │ │ ├── [email protected] 
  │ │ ├── [email protected] 
  │ │ └── [email protected] 
  │ ├── [email protected] 
  │ └─┬ [email protected] 
  │   └── [email protected] 
  └─┬ [email protected] 
    ├─┬ [email protected] 
    │ ├── [email protected] 
    │ ├─┬ [email protected] 
    │ │ ├── [email protected] 
    │ │ ├── [email protected] 
    │ │ ├── [email protected] 
    │ │ ├── [email protected] 
    │ │ └── [email protected] 
    │ └── [email protected] 
    ├── [email protected] 
    ├─┬ [email protected] 
    │ └── [email protected] 
    └─┬ [email protected] 
      └─┬ [email protected] 
        └── [email protected] 
electron-prebuilt에서 electron으로 개명하여 WARN을 받았지만 설치가 잘 끝난 것 같아서 통과했습니다.
설치될 때 디렉터리 구조가 가지런히 배열되면 왠지 모르겠지만 편해요.
여기까지 미리 준비해.

윈도우 떨어뜨려.


qiita에서 다운로드Kobito for Windows.
다운로드 대상인 파일은 zip으로 저장되어 있기 때문에 미리 확장합니다.
Kobit 펼치기
[ryuta@Shuttle-Corei3-Ryu:~/Downloads]
> unzip kobito-v2.0.2.zip -d kobito
Archive:  kobito-v2.0.2.zip
   creating: kobito/dist/kobito-win32-ia32/
  inflating: kobito/dist/kobito-win32-ia32/content_resources_200_percent.pak  
  inflating: kobito/dist/kobito-win32-ia32/content_shell.pak  
  inflating: kobito/dist/kobito-win32-ia32/d3dcompiler_47.dll  
  inflating: kobito/dist/kobito-win32-ia32/ffmpeg.dll  
  inflating: kobito/dist/kobito-win32-ia32/icudtl.dat  
  inflating: kobito/dist/kobito-win32-ia32/kobito.exe  
  inflating: kobito/dist/kobito-win32-ia32/libEGL.dll  
  inflating: kobito/dist/kobito-win32-ia32/libGLESv2.dll  
  inflating: kobito/dist/kobito-win32-ia32/LICENSE  
  inflating: kobito/dist/kobito-win32-ia32/LICENSES.chromium.html  
   creating: kobito/dist/kobito-win32-ia32/locales/
  inflating: kobito/dist/kobito-win32-ia32/locales/am.pak  
  inflating: kobito/dist/kobito-win32-ia32/locales/ar.pak  
  inflating: kobito/dist/kobito-win32-ia32/locales/bg.pak  
                         .
                         .
                       (中略)
                         .
                         .
  inflating: kobito/dist/kobito-win32-ia32/resources/app/node_modules/semver/test/index.js  
  inflating: kobito/dist/kobito-win32-ia32/resources/app/node_modules/semver/test/ltr.js  
  inflating: kobito/dist/kobito-win32-ia32/resources/app/node_modules/semver/test/major-minor-patch.js  
  inflating: kobito/dist/kobito-win32-ia32/resources/app/node_modules/semver/test/no-module.js  
  inflating: kobito/dist/kobito-win32-ia32/resources/app/package.json  
   creating: kobito/dist/kobito-win32-ia32/resources/app/versions/
 extracting: kobito/dist/kobito-win32-ia32/resources/app/versions/.gitkeep  
  inflating: kobito/dist/kobito-win32-ia32/resources/app/versions/2.0.0.asar  
  inflating: kobito/dist/kobito-win32-ia32/resources/electron.asar  
  inflating: kobito/dist/kobito-win32-ia32/snapshot_blob.bin  
  inflating: kobito/dist/kobito-win32-ia32/ui_resources_200_percent.pak  
 extracting: kobito/dist/kobito-win32-ia32/version  
  inflating: kobito/dist/kobito-win32-ia32/xinput1_3.dll  
  inflating: kobito/dist/kobito-win32-ia32/resources/app/versions/2.0.1.asar  
  inflating: kobito/dist/kobito-win32-ia32/resources/app/versions/2.0.2.asar
확장이 끝나면 확장된 디렉토리로 이동합니다.
Kobito가 시작되기 전에 준비됐나요?
[ryuta@Shuttle-Corei3-Ryu:~/Downloads/kobito]
> cd ~/Downloads/kobito/dist/kobito-win32-ia32/resources/
[ryuta@Shuttle-Corei3-Ryu:~/Downloads/kobito/dist/kobito-win32-ia32/resources]
> ls
app/  electron.asar
전개된 디렉터리를 발굴하면 앱이라는 디렉터리가 발견되기 때문에 Electron의 목표에 이 앱을 지정하면...
Terminal(기다렸습니다, Kobito 시작)
[ryuta@Shuttle-Corei3-Ryu:~/Downloads/kobito/dist/kobito-win32-ia32/resources]
> electron app/

순조롭게 시동에 도달했다.
그리고 전개된 Kobito 디렉터리를 응용 프로그램을 정리한 자체 디렉터리에 삽입하여 Alias를 통해 Carlent 디렉터리가 어디서든 Kobito를 시작할 수 있도록 하면 완벽합니다.

경품


여기에는 Kobito의 설치에서 시작이 끝날 때까지 기록됩니다.
Kobito를 어디에서든 시작할 수 있는 설정에 대해 설명합니다.
Linux에서 익숙한텍스트 편집기로 bashrc를 열고 아래 코드 블록을 따라alias를 통과합니다.
.bashrc
# alias for Kobito
if [ -d "${HOME}/Application/Kobito/dist/kobito-win32-ia32/resources/app" ]; then
    alias kobito="electron ${HOME}/Application/Kobito/dist/kobito-win32-ia32/resources/app"
fi
자신은 메인 디렉터리 산하에'응용'이라는 디렉터리를 만들어 이곳에서 펼쳐진 코비토의 디렉터리kobito를 가져와 케이스에 전달하고 Electron을 통해 코비토의 앱을 시작한다.
여기서 주의해야 할 것은 케이스 스크립트의 경로 지정은 개인에 따라 스스로 설정한다는 것이다.
일렉트론의 수비 범위가 의외로 넓어서 놀랄 때다.
이상, 참고 사이트의 기재로 설치 안내를 끝냅니다!

경품


Kobito부터 Qiita까지 한정 공유가 안 보이나요?
초고도 좀 봅시다.

웹 페이지 정보


Linux mint17.3(ubuntu14.04)에 kobito 설치

좋은 웹페이지 즐겨찾기