冬休みに入ったので、やろうやろうと思って放置してた、アプリ作りをしようと思い、結局、開発環境を新たに整えるのに時間を割いてて、アプリ作りをしていない今日この頃。
年取るにつれ、色々覚えが悪くなっているので、設定した内容をメモ。
きっかけ: Expo でアプリ開発を試したい
React Nativeでも手軽にアプリ開発感があったんですが、さらに手軽さがましそうな、Expoを勉強しようと思い、Node JS の開発環境を、ちゃんとしようと思い立ったのがきっかけ。
Atom + Nuclideを試してましたが、Vim バインディングの完成度に満足できず、やめました。他も、Vim 使ってた便利さに勝るメリットは得られなさそう。
Expo は、expo initでプロジェクトを作成して expo startすると QR コードが出てきて、Expo のアプリで QR コードを読み込めば、すぐに iPhone 上でアプリを実行しながら、コード編集、リロードの流れで開発できる感じ。スタンドアロンのアプリとしてパブリッシュも可能。Expo 用の API があるが、ほば React Native の開発的な感じ。ドキュメントも丁寧。
何より XCode、Android Studio を使わなくても、アプリを作れそうな感じが素敵。XCode を使うためには、Mac 一択だった縛りがなくなるの
ただ、現状、バックグラウンドの処理実行など、色々制約があるので注意。ただ、開発は活発そうだから、制約も、時が経てば減っていきそう。
JS の Vim 開発環境は、こちらの記事の内容を試してみることに。
エディタ (Neovim、VimR)
Neovimを使うことに決めた。Neovim は、今では使わなくなった機能を消したり、今まで、ごく限られた人しか Vim のコードを把握できてなかったのを、いろんな人で開発できるようにソースコードをリファクタリングしてる Vim といった感じみたい。また、プラグインを、いろんな言語で作れるみたい。標準で、:terminalで Vim ないでターミナルエミュレータを開けるのも良さそう。:terminalがあるので、GUI の Vim を使おうと思い、VimRをインストール。Swift を中心に使ってる OSX 用の Vim GUI で、元は MacVim を使ってたけど、今は、NeoVim を使ってるとのこと。
Neovim のインストール
Homebrew で入れるだけ。
brew install neovimhttps://github.com/neovim/neovim/wiki/Installing-Neovim
VimR
ダウンロードして、解凍するだけ。
http://vimr.org/
:terminal の設定
ターミナルエミュレータ操作後は、そのままだと、Esc でコマンドモードに戻れない。戻れるようにするために、~/.config/nvim/init.vimに、以下を追加 (参考)。
tnoremap <silent><ESC><C-\><C-n>あと、ターミナルエミュレーターでは、行数表示は消したいので、以下を追加 (参考)。
au TermOpen * setlocalnonumbernorelativenumber色変え
MacVim を使ってる時は、そのまま使ってたんですが、せっかく GUI を使うので、少しオシャレ感がでる colorscheme を使うことに。background が dark の時の色が良さそうだったので、SOLARIZEDを使うことにしました。以下の画像は、SOLARIZED の GitHub より拝借。
ただ、そのまま altercation/vim-colors-solarizedを使うと Neovim では動かないので、注意が必要。
frankier/neovim-colors-solarized-truecolor-onlyを使えば大丈夫。詳細は、こちらに書いてる。
vim-plug
Medium の記事に沿って、vim-plugをインストール。インストールは、curlでレポジトリのデータを落としてくるだけで簡単。
プラグインのインストールは、init.vim に、いれたいプラグインの GitHub のレポジトリ名を書いて、:PulgInstallするだけ。チュートリアルは、こちら。
call plug#begin()
Plug 'w0rp/ale'call plug#end()init.vim
とりあえず設定した init.vim。プラグインは、設定途中。
setincsearchsethlsearchsetts=4setetsyntax enableset termguicolorssetbackground=darkcolorscheme solarizedsetbackspace=indent,eol,startsetclipboard+=unnamedplussetnumbersetencoding=utf-8setfencs=utf-8,iso-2022-jp,sjis,euc-jpau TermOpen * setlocalnonumbernorelativenumber
tnoremap <silent><ESC><C-\><C-n>call plug#begin()
Plug 'w0rp/ale'call plug#end()やりのこし
JS 開発用の、プラグインの設定。