タグ

Vimに関するhrksb5029のブックマーク (102)

  • Neovim PDE — Web Development

  • Vimのgfについて~パス移動の救世主~

    Software Design7月号でVimが特集されました。その中でgfという機能が紹介されていました。 筆者は3年ほどVimを触っていますが知らなかったので調べてみました。 gfとは? まずはVimのヘルプにはどう書いてあるかを確認してみます。 gf E446 E447 [count]gf カーソルの下か後ろの名前のファイルを編集する。 vim-helpより引用 実際の動作は以下のようになります。 a.txt内のテキスト./b.txtをVimが解析し、b.txtにジャンプしました。 gfと似た機能 gfに似た機能として gF <C-w>f があります。 gF gF [count]gF "gf" と同じだが、ファイル名の後に番号があるとき、その行へカーソルが移動する点が異なる。 vim-helpより引用

    Vimのgfについて~パス移動の救世主~
  • vim沼: JavaScriptでElectronとReact Nativeアプリを効率的に開発する設定

    先に英語で書いてから日語訳しています。 こんにちは、個人アプリ作家のTakuyaです。 僕はInkdropというMarkdownノートアプリを独りで開発しています。 これはmacOSWindowsLinux、iOSからAndroidまでスムーズに動作します。 なぜならデスクトップ版はElectron、モバイル版はReact Nativeで組まれているからです。 つまりアプリは基的にJavaScriptで書かれています。 稿では、vimにて効率的にJavaScriptをコーディングするためのワークフローについてシェアします。 僕はVSCodeのようなIDEを使わず、主にターミナル上で作業しています。 使っているツールはtmuxNeovimです。 この構成での基的なワークフローについてはこちらに書きました。 ここでは、更にvimの設定について掘り下げてご説明します。 僕のdotf

    vim沼: JavaScriptでElectronとReact Nativeアプリを効率的に開発する設定
  • Vimの:wと:rの便利Tips

    始めに Vimには:wと:rコマンドがあります。コマンド自体は知っている方が多いかと思います。 ぼく的にちょっと便利な使い方ができるので、それお紹介していこうと思います。 :r :r banana.txtでファイルの中身を読み取って、現在のカーソルの次の行に挿入してくれます。 挿入できる行も指定できます。その場合は:{lnum}r banana.txtというふうに先頭に行番号を入力します。 ここからがイチオシですが、実は:r !{cmd}でコマンドの出力も挿入できます。 たとえば、APIのレスポンスをVimでちょっと編集したい場合や、コマンド実行結果を記事に挿入したい場合などに便利です。 :w :wについてVimmerのみなさんなら誰もが知っているコマンドなので説明は省きますが、 実は:w !{cmd}でバッファの内容を外部コマンドの標準入力として渡してくれます。 つまり、標準入力からコー

    Vimの:wと:rの便利Tips
  • 入れといて損はない!2014年度にお世話になったオススメMacアプリ12選! - もぐめぽろぐ

    当は2015年度を迎える前に書きたかったのですが、気づいたら年超えてました。 ごめんなさい。 今年もよろしくお願いします。 会社でも書いた内容なのですが、折角なので皆さんにも知ってもらおうと今回重苦しいけつを持ち上げて筆をとりました。 久々の勉強会以外でのエントリになります。 はじめに 社会人になってしばらくして、Macに憧れてお古のMacを使い出し、私用のPCMacになり、、、と 気づいたら自分のMac歴も5年位になりました。 もうMacの操作感でないとやきもきしてしまうお年ごろになりました。 そんな僕が2014年度にお世話になったMacアプリを紹介していきたいと思います。

    入れといて損はない!2014年度にお世話になったオススメMacアプリ12選! - もぐめぽろぐ
  • 15年目のVim | POSTD

    (注:2017/04/19、いただいたフィードバックを元に翻訳を修正いたしました。修正内容については、 こちら を参照ください。) Vim使用について述べた先の投稿( 1 、 2 )は好評だったこともあり、そろそろ更新が必要になりました。Vim 8には非常に要望の多かった機能がたくさん追加され、 VimAwesome のような新しいコミュニティサイトができたことでプラグイン探しと評価が容易になりました。最近では私もVim仕事をする機会がとみに増え、 ピーク効率 に向け自分のワークフローの設定に時間を費やしたりもしています。ですから、この記事は私の現在の状況を写し取ったものです。 大まかには次の内容です。 ファイル特定にはfzfとfzf.vim *ファイル検索にはack.vimと ag Vim + tmuxが勝利への鍵 ALEは新Syntastic。理由はその非同期性 …などなど多数。ぜひ

    15年目のVim | POSTD
  • Mac で Vim を Python の開発環境にする。 -

    大きく書き換えました。 主な変更点は次の 8 点です。 1. VimNeovim 2. 新規採用 → pycodestyle 3. 新規採用 → pydocstyle 4. NeoBundle → dein.vim 6. 新規採用 → deoplete.nvim 7. jedi-vim → deoplete-jedi 8. virtualenv → 削除(分離が可能になったので venv に更新し 別立て) NeovimVim の後継機みたいなものです。 旧版 作業が完了すると vim は、次の3つの動作をするようになります。 ① 構文の色付け ② 構文チェック Syntastic pyflakes invalid syntax の指摘 ③ 自動補完 jedi-vim 作業 大まかに分けて、これから次の6つのものを追加、インストールします。 項番 名前 説明 Step1 vim

    Mac で Vim を Python の開発環境にする。 -
  • 【詳解】モテたいVimmer必見 快適にコーディングするためのvimrc解説 - Qiita

    やること vimrcの基設定 文字コード タブ・インデント 文字列検索 カーソル カッコ・タグジャンプ コマンド補完 特殊な設定 マウスの有効化 ペースト設定 Vimプラグイン NeoBundle(Vimプラグインの管理) molokai(カラースキーム) lightline.vim(ステータスラインの表示内容強化) vim-trailing-whitespace(全角と半角の空白文字を可視化) indentLine(インデントの可視化) neocomplete・neosnippet・neosnippet-snippets(コードの自動補完) CtrlP(多機能セレクタ) Syntastic(構文エラーチェック) 対象となる読者 素のVimを使っていて、もっと快適にコードを書きたい人 どこかのvimrcをコピペしてきて理解しないまま使い続けてる人 Node.jsやJavascriptでコ

    【詳解】モテたいVimmer必見 快適にコーディングするためのvimrc解説 - Qiita
  • Vimとgitで俺たちの開発速度はさらに加速した - pixiv inside [archive]

    gitという、とっても便利なツールをご存知だろうか。 git とはソフトウェア開発に特化したバージョン管理ツールである。もはや、git 無しで僕らの開発は立ち行かないし、GitHubを中心としたエコシステムに僕らは支えられている。 日々の開発では、毎日数え切れないgitコマンドを打ち続けてプロダクトの歴史をアップデートしている。 この記事を見ているエンジニアの皆さんもきっとそうだろう。 いや? ちょっと待ってくれ。 そういえば、僕はしばらくgitコマンドをコンソールで叩いた記憶がない。 そうだ! vimをカスタマイズしてからというもの、gitを直接たたくより遥かに便利な開発環境になったんだった! Vimmerはunite-gitiなしでは生きられない unite-gitiというプラグインがある。 これがすこぶる便利なのだ。 github.com サヨナラ git add git statu

    Vimとgitで俺たちの開発速度はさらに加速した - pixiv inside [archive]
  • Vim Mnemonic | Vim のコマンドの覚え方大全 - haya14busa

    この記事は Vim Advent Calendar 2015 の21日目の記事です. もくてき 記事では Vim のコマンドの”覚え方”を紹介します. 基的にはトリッキーな”覚え方”ではなく由来の紹介となります. 例えば J で行連結は Join が元だとか, gfが”goto file”の略だといったことを 知っておくとなにかと憶えやすいと思います. 対象読者 主にこれから Vim を使ってみよう! でもなかなかコマンドを覚えられないっ! という Vim 初心者の方に由来を知ることで少しでも コマンドを憶えやすいようにすることが目的です. 初心者を想定しているのでコマンドの動作などもなるべく紹介していきます. 中・上級者の方には普段何気なく使ってたあのコマンドの由来を知って「フハハハハ」と ほくそ笑んでもらえるような記事になれば嬉しいです. 注意 注意点として公式のものから公式っぽい

    Vim Mnemonic | Vim のコマンドの覚え方大全 - haya14busa
  • 『実践Vim』を読んで学んだ、おすすめVimデフォルト機能36個 - MyEnigma

    実践Vim 思考のスピードで編集しよう! (アスキー書籍)posted with カエレバDrew Neil,新丈 径 角川アスキー総合研究所 2014-01-28 Amazonで探す楽天市場で探すYahooショッピングで探す 目次 目次 はじめに 実践Vimを読んだ 『実践Vim』を読んで学んだ、おすすめVimデフォルト機能 1. Vimの書籍でよく見るコマンド表記について 2. コードのインデントを深くしたり、浅くしたりする 3. カーソルの行の前と後ろの行に新規入力する (<shift- o> or o) 4. 数値をある一定数増やす (5<C-a>) 5. カーソルがある行を中央にして画面を描画 (zz) 6. 計算結果を入力する (挿入モードで、<C-r>=60*28) 7. Vimで進数変換をする (bcコマンドを使う) 8. visualモードの範囲指定をやり直す (visu

    『実践Vim』を読んで学んだ、おすすめVimデフォルト機能36個 - MyEnigma
  • DockerとWebSocketを使って、vimの設定をブラウザで即体感できるサービスを作った - Goldstine研究所

    2014年の秋から@mogulla3と定期的にインフラ関連技術の勉強会をやってきましたが、 インプットの勉強会だけでは飽き足らず、いつしかサービスを作る中でインフラ関連技術を駆使し勉強したいと思うように… そして、普段使っているVimを題材に、 vimの設定をブラウザ上で即体感できるサービス Vim::Factory を開発しました。 記事はVim::Factoryの簡単な紹介と技術的な仕組みについて記述しています。 Vim::Factoryはこちら。 http://vimfactory.com/ 1. Vim::Factoryについて 1-1. Vim::Factoryってなに?? Vim::Factoryは、選択したVimの設定を、ブラウザ上で「即体感」できるサービスです。 数多くあり複雑なVimの設定を容易にし、お気に入りのVim探しをサポートすることを目指しています。 1-2.

    DockerとWebSocketを使って、vimの設定をブラウザで即体感できるサービスを作った - Goldstine研究所
  • Vimの生産性を高める12の方法 | POSTD

    1. LeaderをSpaceキーにする Leader は素晴らしい概念です。キーの 組み合わせ ではなく 並び によって、操作を行えるようにするものです。私はこれを使っているので、操作のために” Ctrl -何らかのキー”の組み合わせを押す必要はめったにありません。 私は長い間、 , を Leader キーとして使っていました。ですがある時、キーボードの中で一番目立つキーにマップすることを思い付いたのです。Space(スペース)キーです。 これで私のVim生活は激変しました。今や、私は Leader をどちらの親指でも押すことができ、他の指は常にホームポジションにあります。 Leader がとても使いやすくなったので、私が様々なキーバインドで用いるようになったことは周知の話です。 2. 自分が特によく行う操作をLeaderにマップする 私は、自分がVimで作業を行っている中で、その時間の

    Vimの生産性を高める12の方法 | POSTD
  • Python編集環境を整える: pytestとかvimのプラグインとか

    B! 120 0 0 0 Python用の環境設定について最近更新したので経過メモ。 特にVimのプラグインとかについて。 外部コマンド Vim シンタックスハイライト等 インデント 補完 畳み込み 外部コマンド 文法チェックをしたり pep8 に準拠するような作法に整えたりするために Pythonスクリプトをチェックするコマンドとしては pytest が便利です。 pytest体ではpep8までチェックできませんが、 pytest-pep8 も入れる事でpep8についてまでチェックできる様になります。 $ pip install pytest-pep8 で必要な物を全てインストールしてくれます(pep8やpytest等)。 使い方は $ py.test --pep8 target.py 等と、.pyファイルを与えるかディレクトリを与えると そのディレクトリ内の.pyファイル全てをチェッ

    Python編集環境を整える: pytestとかvimのプラグインとか
  • Big Sky :: IDE としての Vim

    この文章は、http://yannesposito.com/Scratch/en/blog/Vim-as-IDE/ で掲載されている「Vim as IDE」の翻訳文です。 文内の全てはの筆者による物であり、訳文の内容については私による物となります。意訳が若干入っています。間違い等あればご連絡下さい。 Vim as IDE tl;dr: 如何に Vim を効率の良い IDE として使いこなすか Learn Vim Progressively (訳者注: 日語訳)では Vim が如何にテキスト編集に優れ、かつファイルを操縦できる偉大なテキストエディタであるかについて示した。この短い記事では、私が如何にして Vim を IDE として使っているかについて見る事が出来るだろう。そう、主に幾つかの素晴らしいプラグインを使う事により。 1. Vim Plugin Manager Vim のプラグイン

    Big Sky :: IDE としての Vim
  • vimrcアンチパターン - rbtnn雑記

    この記事はVim Advent Calendar 2014 - Qiita1日目の記事です。 今回は、もう130回も続いているvimrc読書会でよく見られるvimrcのアンチパターン、 まぁ「これは気を付けたほうがいいんじゃない」的なことを私なりにまとめてみようと思う。 vimrcの文字コード Vim scriptにはscriptencodingという現在のVim scriptファイルの文字コードを指定するコマンドが存在します。 一般的にscriptencodingはマルチバイト文字を使う前に宣言します。マルチバイト文字を一切使っていない場合、特に宣言する必要はないでしょう。 なので、マルチバイト文字をvimrc内で使用する場合(コメント内でマルチバイト文字を使用する場合も含みます)、vimrcの先頭で宣言するのがいいでしょう。 悪いパターン " ミュートにする。 set t_vb= se

    vimrcアンチパターン - rbtnn雑記
  • Using Vim for web development • Federico Ramírez

    With all the fuss on Atom and Sublime Text, I decided to talk a bit about my favourite editor, Vim. I’ve tried both Sublime and Atom, I’ve especially used Sublime for quite some time before comitting to Vim, but ever since I’ve transitioned to Vim I just can’t go back to Sublime or any other non-vim editor. This is not a post to convince you to use Vim though! Maybe I’ll make one of those one day,

    Using Vim for web development • Federico Ramírez
  • 脱初心者を目指すなら知っておきたい便利なVimコマンド25選 (Vimmerレベル診断付き) - Qiita

    はじめに: Vimならではの便利機能をマスターしよう! かれこれ数年前、僕がVim(というか、たぶんVi)と初対面したときは、「なんて使いにくいエディタなんだ!!」と最悪の印象でした。 しかし、周りのプログラマやネット上のエンジニアたちはみんな「Vim便利!」「Vim最高!」と言います。 なのでその言葉を信じ、僕も最悪の印象だったVimともう一度正面から向き合うことにしました。 そして、月日が過ぎ・・・僕もいつしか「Vim便利!」「Vim最高!」と叫ぶようになってしまいました!! これって洗脳? いやいや、洗脳じゃありませんw Vimにはメモ帳の延長線上にあるエディタでは実現できないような数々の便利な機能があります。 覚えるまでにはちょっと苦労しますが、覚えてしまえばメモ帳系のエディタでは追いつけないようなスピードでテキストを編集することができます。 とはいえ、そもそも覚える以前に「そんな

    脱初心者を目指すなら知っておきたい便利なVimコマンド25選 (Vimmerレベル診断付き) - Qiita
  • http://kakipy.com/articles/5

    See related links to what you are looking for.

  • これまでの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 会社で教えてもらっ

    これまでのVimの勉強内容まとめ - Qiita