Neovimでのフロントエンド開発環境 2021
最近はフロントエンドエンジニア(主にReact)をしているYano (@yuki_ycino) といいます。 この記事では自分が開発に使っているNeovim周りの環境と、その大まかな構成について書いていきます。 追記 後日、自分がNeovimでフロントエンド開発を行っている理由とVSCode という記事を書きました。 合わせて読んでいただけると幸いです。 はじめに 自分は現在フロントエンド開発のほぼ全てをNeovimで行っています。 個人的にはVSCodeと遜色なく(むしろ効率よく)開発できていると思うのですが、VSCodeではシンプルな設定で開発を始められるのに対し、Vimはどうしても設定のハードルが高いです。 具体的には現在5000行弱のVimの設定ファイルと100個前後のプラグインを導入して開発しています。 ただ、それを他の方に勧めるのは無茶なので、この記事ではほぼ最小構成に近いTy
VimとTUIツールをなめらかに切り替える
VimからTUIツールを呼び出す 私はVim以外のTUI(Terminal User Interface)ツールとしてファイラにRanger、Git操作にはTigを利用しています。 TUIはそれ自体の制約によりキーボード操作のみで完結することや、開発時の基本的なワークフローがターミナル内に閉じることによる環境のポータビリティにメリットがあります。 VimからはTUIツールの呼び出しは外部コマンド呼び出しの:!{cmd}やVimの組込みターミナル:terminal {cmd}でTUIツールを呼び出せます。 逆にTUIツールからエディタを呼び出すケースもあります。 たとえばファイラのRangerで選択したファイルを開く場合、環境変数$EDITORに登録されているエディタ(Vim)を使って開きます。 TigはGit操作でdiff表示しているときにeを押したときのカーソルのある行でエディタを使って
15年目のVim | POSTD
(注：2017/04/19、いただいたフィードバックを元に翻訳を修正いたしました。修正内容については、 こちら を参照ください。) Vim使用について述べた先の投稿（ 1 、 2 ）は好評だったこともあり、そろそろ更新が必要になりました。Vim 8には非常に要望の多かった機能がたくさん追加され、 VimAwesome のような新しいコミュニティサイトができたことでプラグイン探しと評価が容易になりました。最近では私もVimで仕事をする機会がとみに増え、 ピーク効率 に向け自分のワークフローの設定に時間を費やしたりもしています。ですから、この記事は私の現在の状況を写し取ったものです。 大まかには次の内容です。 ファイル特定にはfzfとfzf.vim *ファイル検索にはack.vimと ag Vim + tmuxが勝利への鍵 ALEは新Syntastic。理由はその非同期性 …などなど多数。ぜひ
Go 1.6開発環境整備
しっくり来る所まで来たのでまとめ。 前提 Mac OS X 10.11.3 homebrew Go 1.6 zsh neovim 1.3-dev Go自体の管理 homebrewでインストール。 $ brew install go $ go version go version go1.6 darwin/amd64 $ which go /usr/local/bin/go .zshrcに以下の環境変数を設定。 # for golang export GOVERSION=1.6 export GOPATH=$HOME/.go/$GOVERSION export PATH=$GOPATH/bin:$PATH 一応バージョンをGOPATHに入れて新しいバージョンのGoがリリースされても最初から綺麗にディレクトリ分けてビルドできるようにしてる。後方互換結構大事にしているように見受けられるのであまり
Vim-Galore : Vimについて知っておくべき全てのこと(2/5) | プログラミング | POSTD
(訳注: 2016/2/26、記事タイトルを変更いたしました。) 特定のトピックについての記述をご希望ですか？ Issue を立てるか、 Twitter で私までお知らせください！ありがとう！ はじめに Vimとは何か？ Vimの基本原則 最初の一歩 ミニマルなvimrc 自分の実行しているVimの種類を知る チートシート 基礎 バッファ／ウインドウ／タブ アクティブ／読み込み済み／一覧表示／名前付きバッファ 引数リスト マッピング マップリーダー レジスタ 範囲 マーク機能 補完 モーション／オペレータ／テキストオブジェクト autocmd 変更履歴リスト／ジャンプリスト アンドゥツリー クイックフィックスと位置リスト マクロ カラースキーム 折り畳み機能 セッション ローカリティ 使用方法 オフラインでのヘルプ オフラインでのヘルプ（代替案） オンラインでのヘルプ クリップボード クリ
Vim幼稚園からVim小学校へ - Qiita
emacsキーバインドに慣れ親しんだせいで長らくVim幼稚園のままだった私が来ましたよ。キーバインドを一度に覚えようとすると挫折しやすいので、以下のように少しずつボキャブラリーを増やすのがたぶん吉。 特記しない限りノーマルモードが前提。後、.vimrcでの設定については最小限にしか触れない (emacsでつい設定ファイルをいじってしまいがちだった反省から) ので各自好きにしてください。 Level 1 最小限の使い方だけ覚えて、ぶっつけでサーバーの設定ファイルを更新したりしていた。10年以上この状態。 iでその場でインサートモード aで直後の文字にインサートモード :wqで保存終了 :q!で保存せずに終了 移動はひたすらカーソルキー xでカーソル下の文字を削除 困ったらEscキーを連打 上はもともと、vimの先祖でずっと機能の少ないviの操作なのだけど、viならほぼどんなたいていのUnix
Vimの生産性を高める12の方法 | POSTD
1. LeaderをSpaceキーにする Leader は素晴らしい概念です。キーの 組み合わせ ではなく 並び によって、操作を行えるようにするものです。私はこれを使っているので、操作のために” Ctrl -何らかのキー”の組み合わせを押す必要はめったにありません。 私は長い間、 , を Leader キーとして使っていました。ですがある時、キーボードの中で一番目立つキーにマップすることを思い付いたのです。Space（スペース）キーです。 これで私のVim生活は激変しました。今や、私は Leader をどちらの親指でも押すことができ、他の指は常にホームポジションにあります。 Leader がとても使いやすくなったので、私が様々なキーバインドで用いるようになったことは周知の話です。 2. 自分が特によく行う操作をLeaderにマップする 私は、自分がVimで作業を行っている中で、その時間の
個人的に便利だと思うVimの基本設定のランキングを発表します！ - プログラムモグモグ
この記事は Vim Advent Calendar 2014 の5日目の記事です。諸事情によりVim Advent Calendar 2014で穴が空いてしまった5日の記事を、遅ればせながら代打で投稿させていただきます。この投稿を以って、 Vim Advent Calendar 2014 は全ての日程が埋まる事になります。完走おめでとうございます。皆様、お疲れ様でした。 2014年もあと僅かとなり、年末の忙しさに追われている方もおられることでしょう。土日は家の大掃除という方も多いのではないでしょうか。 大掃除…大掃除と言えば、vimrcです！！！ あなたはvimrcはたくさん書いていますか？ Vimをもっと便利にしたくありませんか？ 包丁は砥ぐことにより長く使えるのと同様に、普段あなたが使っているvimrcも定期的に見なおすことで、より愛着がわき、更にVimに対する理解も深まります。あなた
【Vim入門】ノーマルVimで使えると便利かもなコマンド10つ - Qiita
この記事は Vim Advent Calendar 2014 の 17 日目の記事です。 16日は Kuniwak さんの「vimrc アンチパターンを自動でチェックする」でした。(私の vimrc も多くのアンチパターンがあったので、戒めていくとともに、vint でチェックしようと思います。。) プラグインなしのvimをつかう 先日のVACでも紹介されていたincsearch含め、プラグインは便利で私も色々使っているのですが、あえて、今回はVim(7.2以上)であれば使える基本コマンドで、私自身がよく使っているコマンド(Exコマンド含む)を10つに絞って紹介したいと思います。 ＃最近、サーバー系の作業が増えて、プラグインなしのvim使うことも増えてきました。 人によってなじんだキーバインドの設定はあるかと思いますが、実際のところこれだけ覚えとけば(プレーンなvimでも)それなりに不自由し
脱初心者を目指すなら知っておきたい便利なVimコマンド25選 (Vimmerレベル診断付き) - Qiita
はじめに: Vimならではの便利機能をマスターしよう！ かれこれ数年前、僕がVim(というか、たぶんVi)と初対面したときは、「なんて使いにくいエディタなんだ！！」と最悪の印象でした。 しかし、周りのプログラマやネット上のエンジニアたちはみんな「Vim便利！」「Vim最高！」と言います。 なのでその言葉を信じ、僕も最悪の印象だったVimともう一度正面から向き合うことにしました。 そして、月日が過ぎ・・・僕もいつしか「Vim便利！」「Vim最高！」と叫ぶようになってしまいました！！ これって洗脳？ いやいや、洗脳じゃありませんw Vimにはメモ帳の延長線上にあるエディタでは実現できないような数々の便利な機能があります。 覚えるまでにはちょっと苦労しますが、覚えてしまえばメモ帳系のエディタでは追いつけないようなスピードでテキストを編集することができます。 とはいえ、そもそも覚える以前に「そんな
これまでのVimの勉強内容まとめ - Qiita
Vimの最低限の操作 ファイルを開く $ vim path/to/file bashでTabを押すと補完が効く。 補完が効かないときは大抵タイプミスしている。 上書き保存して終了 Escを押してから:wq 保存しないで終了 Escを押してから:q! Vimのチュートリアルで勉強 $ vimtutor 画面移動 Ctrl+F/Ctrl+BでForward/Backに1画面分移動できる。 少しだけ応用編 文字の検索 /searchwordで検索、nで次へ、Nで前へ 文字の置換 :%s/from/to/gでfromに一致する文字をtoに全部置換。 色々オプションがあるらしいけどまだ全部覚えていないのと、エスケープが必要な文字が良くわかっていない。 行の挿入系 Oでカーソル行に新しい行を挿入して編集開始、oだとカーソル行の1つ下に挿入して編集開始。 単語を消して編集開始 ciw 会社で教えてもらっ
Windowsのgvimで日本語入力を使いやすくする - こくう
vim/gvimでは日本語が使いにくいと言われます。 しかし挿入モードのみで扱っている場合、違いが出るわけではありません。 簡単な移動や編集はカスタマイズして一通りのことは出来ます。(Emacs風なカスタマイズ例) ただしノーマルモードと挿入モードを頻繁に行き来する場合はIMEの切替が面倒くさくなる事もあります。 Windowsの gvimの場合はIMEの制御が可能なので、自分の好みに合わせてカスタマイズしてやるとかなり使いやすくなります。 Linuxの場合は「Linuxのgvimで日本語入力を使いやすくする」です。 まずわかりやすくするためにIMEの自動制御を無効にします。 "挿入モード終了時にIME状態を保存しない inoremap <silent> <ESC> <ESC> inoremap <silent> <C-[> <ESC> "IMEモード固定 inoremap <silent
fudist - vim/gvimで日本語を使いやすくする
vim/gvimは日本語が苦手とされていて、それ自体は否定できるものではないのですが好みに合わせて設定すると扱いやすくなります。 (個人的には他のエディタより楽になりました) vim/gvimで日本語を扱うために追加した設定や問題点と対処法は以下の通りです。 挿入モードへ移行した時の日本語入力切替 vim/gvimで日本語入力・編集を行う場合は日本語入力と直接入力の切替が一番大きな問題で、IMEの自動制御が行える Windowsでも IMEのモード切替が非常に鬱陶しく感じる事があります。 これは挿入モードで日本語入力してからノーマルモードへ戻り、再び挿入モードへと移行した場合に、日本語入力が有効になって欲しい場合と、無効にして欲しい場合の二種類が有るのに vimの動作を選べないという事が原因かと思います。 つまり、ソースコードに日本語で一言だけコメントを書くような時には、 挿入モードに入っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プログラマが知っておくべき100のVimコマンド