vim沼: JavaScriptでElectronとReact Nativeアプリを効率的に開発する設定
先に英語で書いてから日本語訳しています。 こんにちは、個人アプリ作家のTakuyaです。 僕はInkdropというMarkdownノートアプリを独りで開発しています。 これはmacOSやWindows、Linux、iOSからAndroidまでスムーズに動作します。 なぜならデスクトップ版はElectron、モバイル版はReact Nativeで組まれているからです。 つまりアプリは基本的にJavaScriptで書かれています。 本稿では、vimにて効率的にJavaScriptをコーディングするためのワークフローについてシェアします。 僕はVSCodeのようなIDEを使わず、主にターミナル上で作業しています。 使っているツールはtmuxとNeovimです。 この構成での基本的なワークフローについてはこちらに書きました。 ここでは、更にvimの設定について掘り下げてご説明します。 僕のdotf
GhostText: 好きなブラウザでの入力を好きなエディタで行う
B! 18 0 0 0 最近はクラウドサービスとしてブラウザ内ですべて使えるサービスも増えてきましたが、 長い文章を書こうと思うと好きなエディタで書きたいな、と思うことがあります。 GhostText はそういった思いを好きなブラウザ+好きなエディタで実現してくれます。 GhostText インストール(Chrome + Neovim) 使い方 やっていること 似たような拡張機能(主にVim関連) GhostText GhostText はブラウザのテキストボックスへの入力を 外部エディタから入力できるようにしてくれるブラウザの拡張機能です。 すごいには、どのブラウザ、どのエディタ、という限定ではなく、 様々な組み合わせを実現しているところです。 ブラウザ: Google Chrome Firefox GhostText Microsoft Edge Opera エディタ: Sublime
【Vim】aleでハイライトがされない問題の修正 - ハイパーマッスルエンジニア
色がつかなくて困っていた Lintを非同期実行できるプラグインのale。NeovimのVirtual Textにも対応していて、Lintエラーの文言を下記のように表示できる。 Virtual TextでLintエラーを表示 上記画像では黄色でハイライトされているが、以前までハイライトがされなくて困っていた。let g:ale_set_highlights = 1にしてもつかなくてどうしたものかと思っていたが、先日解決策を見つけたので残しておく。 autocmdでALEWarning，ALEErrorを再設定すればいける これで色がつくようになる。 autocmd VimEnter,SourcePost * :highlight! ALEError guifg=#C30500 guibg=#151515 autocmd VimEnter,SourcePost * :highlight! AL
Rustをnvim上で使うためのセットアップをしてみた | DevelopersIO
はじめに 現在担当しているプロジェクトはこれまで主に Python・TypeScript・Scala(Java)の3言語を利用していました。大体はAWSを使う上での利便性が理由です。そして、先日Rustも加わることになりました。 Rustが動作する環境ではなかったためセットアップを行いつつ、vim上で快適に利用するためのプラグイン導入についても記録しておきます。 Rustのセットアップ DevIOで既にセットアップの記事が上がっていましたが、現在推奨されている方法に変更はないようです。 Rust用vimプラグインの導入 デファクトスタンダードなプラグインがいくつかありますが、今回は2つに絞ります。 rust.vim メジャーなプラグインとしてはrust-lang/rust.vimがあります。 dein.tomlに記述する場合は以下のようになります。 [[plugins]] repo = '
Vim の oldfiles の最大数を変更する - Secret Garden(Instrumental)
Twitter でいろいろとやり取りしていたので覚書。 参照：ミニマリストな Vimmer におすすめしたい履歴管理プラグイン oldfilesearch.vim - Humanity Vim の oldfiles の最大数を変更する Vim oldfiles の保存数は 'viminfo' の ' の設定に依存しています。 この保存数を変更する場合は vimrc に以下のような設定を追加することで変更することができます。 " v:oldfiles で保存するファイル数を設定 " vimrc に書いておく必要がある set viminfo+='10000 set viminfo-='100 " デフォルトの設定を削除しておかないt反映されない また、oldfiles で保存するファイルパスは Vim を再起動しないと反映されないので注意する必要があります。 ちなみに denite-file
'tabline' を活用しよう - 永遠に未完成
Vim Advent Calendar 2011 の 4 日目の記事です。 タブページ Vim 7 から追加されたタブページ(いわゆるタブ機能)、使っていますか? これによって複数の画面を扱うことが容易になりましたが、タブページの恩恵はこれだけではありません。それが今回紹介する 'tabline' です。 Vim の最上部にタブの情報を表示するための領域がありますが、実はこの部分は任意に設定することが可能です。これを利用すれば、最上部に任意の情報を表示することが可能になります。 始めの一歩 - タブページを表示する まずはタブページを表示する必要があります。デフォルトでは、タブページは複数のタブがあるときのみ表示するようになっています。追加の情報を表示するのなら、常に表示されていた方が良いでしょう。 また、gVimの場合はデフォルトだと GUI でタブが表示されます。これだと 'tabli
Neovim: 矩形選択したものを好きな場所に貼り付けるプラグイン nvim-block-paste - ハイパーマッスルエンジニア
ブロックエディタっぽく、どこでも好きなところに貼り付けしたかった github.com 矩形選択したものをどこにでも貼り付けられる 使い方 インストール [[plugins]] repo = 'Rasukarusan/nvim-block-paste' 矩形選択した状態で:Blockを実行。 :'<,'>Block キー操作 説明 h ブロックを左に移動 j ブロックを下に移動 k ブロックを上に移動 l ブロックを右に移動 p ブロックを貼りつける u 元に戻す 実装 hjklでフローティングウィンドウを移動 フローティングウィンドウ作成でnvim_open_win(buf, v:true, config)の第2引数をv:trueにしておけば作成後そのままフローティングウィンドウにフォーカスが当てられるので、続けてnnoremap ...とキーバインド設定処理を書いていけば設定できます。
Vimで快適に記事を書くため環境
インストール完了後.textlintrcに次の設定をします。（preset-ja-technical-writingでいくつかルールを無効にしています） { "filters": {}, "rules": { "preset-ja-technical-writing": { "ja-no-weak-phrase": false, "ja-no-mixed-period": false, "no-exclamation-question-mark": false }, "preset-jtf-style": true, "prh": { "rulePaths": [ "node_modules/prh/prh-rules/media/WEB+DB_PRESS.yml", "node_modules/prh/prh-rules/media/techbooster.yml" ] } } } 設定
VimでUMLをプレビュー
始めに先日 Vimでマインドマップをプレビュー という記事を書きました。 その前後に、フォロワーさんからUMLをプレビューできる vim-slumlord ってのを教えてもらいました。 リンク先のGIFを見たらとてもよさそうでしたが、2年以上更新されていなくてかつJavaの実行環境が必要でした。 UMLを書くためにわざわざJavaの環境を作りたくない、dockerで実行のイメージを用意するのもアリですが、 プレビューなのでこまめに保存することを考えるとオーバーヘッドが気になってしまいます。 じゃあ作るか自分のニーズに合わないと感じたので、じゃあ自作するかと思って preview-uml.vim を作りました。 しくみ図の生成はplantuml serverに任せています。なのでserverをローカルもしくは外部のサーバーを使うかの2択があります。基本プロダクトでは情報を外部サーバに、送らな
最小限なcoc.nvim導入手順 - sgryjp.log
職場で coc.nvim のセットアップが面倒という話が出ていたので、本日時点で使えるミニマルな設定について書いておく。 動作確認環境 coc.nvim 0.0.76-857c221c55 Neovim 0.4.3 Node.JS v12.16.1 coc-python 1.2.9 coc-tsserver 1.4.11 coc-json 1.2.5 最小限な設定手順 Node.js をインストールする coc.nvim 自体の動作に必要なため こだわり無ければオフィシャルの手順で普通にインストールすれば良い coc.nvim をインストールする vim-plug ユーザーなら以下の設定を init.vim (.vimrc) に追加 Plug 'neoclide/coc.nvim', {'branch': 'release'} coc.nvim のステータスメッセージを statuslin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - nchudleigh/vimac: Productive macOS keyboard-driven navigation
Vimで高速コーディングする方法 | ゴリラの技術ブログ
LSPがもたらしたVimプラグインの変化に思いを馳せる
Elmをvimで書く with Language Server
GitHub - svermeulen/vim-cutlass: Plugin that adds a 'cut' operation separate from 'delete'
https://ift.tt/3s1BDTR
Vimで高速コーディングする方法 | ゴリラの技術ブログ
Big Sky :: ファイルタイプ別にテンプレートを選べるsonictemplate-vim書いた
doruby.jp
GitHub - maximbaz/lightline-ale: ALE indicator for the lightline vim plugin