【エンジニアの日常】これが私の推しツール！〜日々の開発を豊かにするおすすめツール〜 Part2 - Findy Tech Blog
こんにちは。 突然ですが皆さんは、開発をするうえで欠かせないツールやOSSはありますか？ キーボードやマウス、マイクといった物理的なツールは机を見ればわかりますが、他のエンジニアがどういったツールを使って効率化しているかは、その人の画面を見ないとわかりません。 そのため、他のエンジニアがどういったツールを使って効率化しているのか、実は意外と知らないということが多いのではないでしょうか？ そこで今回は、大変ご好評いただきました【エンジニアの日常】これが私の推しツール！〜日々の開発を豊かにするおすすめツール〜 Part1の第二弾としまして、弊社エンジニア達が日々の開発業務で愛用しているツールやOSSを紹介していきます。 それでは見ていきましょう！ Neovim Neovimの概要 Neovimで開発する コミュニティが活発 おすすめポイント lazygit 主なキーバインド Neovimとの連
したいよね？ 事の経緯としては、 とある新規プロジェクトで、技術選定をすることに 開発の土台はViteで、フレームワークはJSXが使えるやつに決まった さてCSSはどうやって書こうかとなる あれこれ考えて、とある方法に決めた というのをまとめた、まあポエムの域を出ないメモです。 CSS ModulesやらTailwindやらCSS-in-JSやら手法はいろいろあれど、どれが今の推しかっていう。 求めるもの 個人的に、CSSつまりはブラウザで表示されるUIをスタイリングするためのツールセットに求めるもの。 0ランタイムである 最終的に`.css`ファイルとしてブラウザで読み込まれる なんでもJSにしない CSSの書き味を損なわない だいたいのCSSセレクタが問題・制約なく動作する マークアップ部と1ファイルにコロケーションできる HTMLとCSSは同居させたい 非同期にロードできる JSと同
Neovimでのフロントエンド開発環境 2022
投稿が予定より大幅に遅れてしまい申し訳ありません。 忙しかったのと記事のボリュームが想定より大きくなってしまい執筆に時間がかかってしまいました。 はじめに フロントエンドエンジニア(主にReact)をしているYano (@yuki_ycino) といいます。 去年のAdvent Calendarでは Neovimでのフロントエンド開発環境 2021 という記事を書きました。 この1年でかなり情勢が変わったので現在の状況について解説する記事となります。 去年に引き続きこの記事では主にLSPによる開発サポート及び現代の開発における必須プラグインの紹介をメインに進めています。 具体的には coc.nvim とNeovim built-inのLSP実装であるnvim-lspでの設定の2つについて解説と具体的な設定の紹介をしようと思います。 自分はcoc.nvimを普段使っており、nvim-lspを
Neovimでのフロントエンド開発環境 2021
最近はフロントエンドエンジニア(主にReact)をしているYano (@yuki_ycino) といいます。 この記事では自分が開発に使っているNeovim周りの環境と、その大まかな構成について書いていきます。 追記 後日、自分がNeovimでフロントエンド開発を行っている理由とVSCode という記事を書きました。 合わせて読んでいただけると幸いです。 はじめに 自分は現在フロントエンド開発のほぼ全てをNeovimで行っています。 個人的にはVSCodeと遜色なく(むしろ効率よく)開発できていると思うのですが、VSCodeではシンプルな設定で開発を始められるのに対し、Vimはどうしても設定のハードルが高いです。 具体的には現在5000行弱のVimの設定ファイルと100個前後のプラグインを導入して開発しています。 ただ、それを他の方に勧めるのは無茶なので、この記事ではほぼ最小構成に近いTy
昔はこういうの結構やられてた気がするけど最近あんまり見なくなったのでやってみました。 タイトルは から借用しました。 注意点 プラグイン自体の説明はあまりするつもりはないので、GitHub の README を読むなり使ってみるなりしてみてください。 私は結構頻繁にプラグイン乗り換えるので 2022 春バージョンと思ってください。 私が言うのもあれですが、プラグインはいっぱい入れればいいというものではありません。ひとつひとつを使いこなすのが大事です。多ければそれだけ管理も大変です。 競合があるプラグインは比較して選定しているつもりですが、あくまでも私の趣味の範囲での選定となります。絶対的な指標があってこっちの方が優れているといった判断をしているわけではありません。 私の Neovim の使い方 使い方が違うと参考にならないことが多いため前提としてどういうふうに Neovim を使っているか
Modern Emacs Typescript Web (React) Config with lsp-mode, treesitter, tailwind, TSX & more - Ovi Stoica
Table of Contents Introduction Part 1: Treesitter for Typescript & TSX LSP Support Completion setup Linter setup LSP Setup Eslint (Optional) Tailwind LSP Server LSP Performance Emacs LSP Booster Structural editing Formatting buffers with Prettier Other resources Conclusion Introduction I've worked within the JS ecosystem for the past 8 years using editors like Webstorm and VSCode, I started using
はじめに この記事はUEC25アドベントカレンダー（その1）の14日目の記事です． 企画してくれた柴さんありがとう． 昨日の記事は電2さんのvimgolfでしたね．（まだ出ていないようです...）ということで私がなぜvimをやめるに至ったか，また代替として何を使っているのかを皆さんにこの記事を通して紹介させてください．イデオロギーの対立を生むかもしれない内容なので事前に言っておきますが，私はvim含む，emacs以外の全てのエディタを愛しています． 導入した理由 筆者はターミナルに住んでいるためしばらくNeovimを愛用していました．しかし，Neovimは魔境でした．一向に覚えられぬコマンド，肥大化する設定ファイル，プラグインのバージョン管理，衝突するプラグインのキーバインド......あれは到底私のような凡才に使いこなせるような代物ではありませんでした．どうしたものかと頭を悩ませていると
The real 0.5 was the friends we made along the way The long-awaited release of Neovim v0.5.0 finally happened on July 2, 2021. It was worth the wait: With over 4000 commits, it is so big that it broke some of the release tooling. These notes focus on the most user-visible improvements, of which the biggest are: Lua as a first-class scripting and configuration language, Language server protocol (LS
この記事は Vim advent calendar 2022 その1 の12日目の記事です。 昨日は@isobe_mochiさんの記事「tataku.vim というプラグインを作っている話」でした。 明日は @hanlio さんの記事が公開される予定です。 はじめに 2022年ももうすぐ終わりそうですね。今年は Vim に関するお仕事がいただけたり、設定ファイルを Vim script から Lua に移行したりと、Vimmer としては非常に充実した一年となりました。これも Vim/Neovim コントリビュータの方々と、数多のプラグイン開発者のおかげです。本当にありがとうございます。 そこで本記事では、私が普段使っている Vim (Neovim) プラグインを主観強めで紹介します。私が普段メインで使っている Neovim には 2022/12/11 現在 91 個のプラグインが入ってい
はじめに Neovim 0.12のリリースノートを開いて最初に思ったのは、「これ、lazy.nvim要らなくなるのでは」だった。ビルトインのプラグインマネージャ vim.pack。宣言的なLSP設定 vim.lsp.enable()。ビルトインの :Undotree。ちょうどNvChadからLazyVimに乗り換えたばかりで、ディストリビューションにどこまで頼る必要があるのか考えていたところだった。 結論から言えば、lazy.nvimはまだ要る。だが、「何を使うか」ではなく「何を外せるか」に問いが変わった。 2026年3月29日リリース。前バージョン0.11から約1年、Neovimの方向性を決定づける転換点です。全項目を網羅するのではなく、「設定を見直す必要がある」「試す価値がある」と判断できる粒度でまとめます。公式の全変更点は :help news で確認できます。 github.com
この記事は Vim advent calendar 2021 その2 の22日目の記事です。 昨日はゴリラさんの記事「GitHubのissueを編集するときの補完機能を実装した話」でした。 明日は @seroqn さんの記事「もっと軽量な statusline と tabline」が公開される予定です。 はじめに 今年は Neovim に大きな変化がありました。 v0.5.0 と v0.6.0 のリリースです。特に v0.5.0 から tree-sitter のライブラリが組み込まれたことは大きな話題を集め、以下をはじめとする様々な記事で紹介されました。 これらの記事で紹介されている通り、nvim-treesitter というプラグインを用いると tree-sitter の力を借りられるようになります。高速な構文解析に基づき、シンタックスハイライトやインデントといった様々な処理を正確かつ柔
この記事はVim Advent Calender2022の21日目の記事です。 去年の年末にVimからNeovimに移行してから、もうすぐで1年くらい経つので、気づいたことをまとめてみることにしました。 以下に該当する方は読んでいただくと何か発見があるかもしれません。 VimとNeovimの違いがよくわかっていない人 Neovimの特徴をざっと知りたい人 VimからNeovimに移行したいと考えている人 そもそもNeovimって何ぞや？ Neovimとは、簡単に説明すると先進的な機能や拡張性を取り入れたVimから派生したエディタです。 目立ったVimとの違いとして以下の点が挙げられます。 Vimの設定にLuaというスクリプト言語が使用できる 本体の起動速度がVimより僅かに速い Neovimでしか使用できないプラグインを使用できる Neovimが誕生した経緯ですが、後方互換を大事にする保守
rbsのtree-sitterパーサを書いて、neovimのシンタックスハイライトに利用する - joker1007’s diary
皆さん型書いてますか？私はそもそもRubyを書いていません！ とはいえ、最近Kaigi on RailsやRubyWorldとカンファレンスが続いていたので、ちょっとやる気を出してrbsを書くためのエコシステムに貢献しようと思い、rbs用のtree-sitterパーサを書いてみました。パーサ流行ってますからね。 github.com READMEにしたがってnvim-treesitterでパーサをインストールし、このリポジトリをneovimプラグインとしてインストールすれば、rbsのシンタックスハイライトがイカした感じになります。 しかし、しかしながらですね、これ半年ぐらい前に調べた時には誰も書いてなかったんですが、8割ぐらい書いた所で、既に別のtree-sitter-rbsがあることに気付いたんですよね……。 github.com まあ、せっかく作ったんで完全に同じ車輪の再発明だろうが、
2025年版 PDE（Personal Development Environment）のすすめ：自分だけの刀を打つ開発環境構築 - じゃあ、おうちで学べる
この記事は、Vim Advent Calendar 2025 13日目のエントリ記事です。 はじめに VSCodeやJetBrains製品は、膨大な開発リソースを投じて作られた最強の武器だ。補完、デバッグ、Git統合、拡張機能——すべてが高度に洗練されている。多くの開発者にとって、これらを選ぶのは賢明な判断だと思う。 それでも、私は自分で刀を打ちたい。 ただし、誤解のないように言っておくと、名刀を打ちたいわけではない。美術館に飾られるような、完璧な一振りを目指しているわけではない。私が欲しいのは、戦場で戦うための道具だ。多少キズがあってもいい。見栄えが悪くてもいい。自分の手に馴染んで、明日の仕事で使えればそれでいい。 では、なぜ自分で作るのか。正直に言えば、効率の問題ではない。もっと根本的な、性分の問題だ。 思い返すと、私は子供の頃から構造や仕組みがどうしても気になって、分解してしまうクセ
Neovimのプラグインってどうやっていれるの？
この記事はVim駅伝2023年11月13日(金)の記事です。 前回の記事は NI57721 さんの「Vimで最近閉じたファイルを開こう」という記事でした。 次回の記事は 11月15日(水) に投稿される予定です。 はじめに NeovimはVSCodeみたいなUIにできるぞ！！という話を聞き、「俺もNeovim使いになるか...」と使い始めたが、プラグインの導入方法がよく分からず諦めた。なんて経験はありませんか？ この記事はそのような人向けに書いた記事です。この記事を読んだことで「Neovim面白そうやん」となってくだされば幸いです。 Neovimを始め方をざっくりと分類すると、 ディストリビューションを利用する 1から設定をする の２つがあると思います。 前者の「ディストリビューションを利用する」についですが、Neovimには、すでにしっかりとカスタマイズされた設定ファイルをディストリビュ
Vimのすゝめ改 - Tree-sitter について
Vim 使いの「ブイ」(仮名)です。Vim のすゝめ改では、現代のテキストエディタについてのあらゆる話題をテーマに Vim の視点から見た話を行います。 今回のテーマは「Tree-sitter」です。 1 Tree-sitter とは？ https://tree-sitter.github.io/tree-sitter/ Tree-sitter は Atom のシンタックスハイライトとしても使用されている技術であり、最近になって neovim にも Tree-sitter によるシンタックスハイライトが導入されました。 https://github.blog/2018-10-31-atoms-new-parsing-system/ https://github.com/neovim/neovim/pull/11113 従来、テキストエディタの汎用的なシンタックスハイライトには正規表現が使わ
How to set up Neovim 0.5 + Modern plugins (LSP, Treesitter, Fuzzy finder, etc)
My personal dotfiles. Contribute to craftzdog/dotfiles-public development by creating an account on GitHub. Prerequisites — iTerm2 and Patched Nerd FontiTerm2 is a fast terminal emulator for macOS. Install one of Nerd Fonts for displaying fancy glyphs on your terminal. My current choice is Hack. And use it on your terminal app. For example, on iTerm2: My color theme is NeoSolarized, which is a tru
epistemic status: Just an opinion, really. Towards more composable interfaces. The Helix editor is a modal1 (read: Vim-like) Kakoune-inspired ‘batteries included’ terminal editor with sane defaults and a focus on multiple cursors and selection-based editing. There are a lot of reasons to like the Helix editor. One of my favorite ones is how good it is at handling vaguely structured data (e.g. stru
I have heard about Neovim for a long time. I can say that I really appreciate and adopt the ideas of Neovim – it’s more progressive, embraces open source community, and tries to make Neovim approachable to more developers. However, for its functionality, I didn’t see much difference between Vim. There are various reasons. Firstly, Neovim is a drop-in Vim, so even the plugins could compat each othe
9 March 2023 — by Erin van der Veen, Nicolas Bacquey, Guillaume Genestier, Christopher Harrison, Tor Hovland Topiary aims to be a universal formatter engine within the Tree-sitter ecosystem. Named after the art of clipping or trimming trees into fantastic shapes, it is designed for formatter authors and formatter users: Authors can create a formatter for a language without having to write their ow
Motivation Ever since TJ said “Personalized Development Environment,” the phrase latched onto me like a cobweb in a mineshaft. A Personalized Development Environment (PDE) describes an ideal setup that is tailored to your needs and preferences – it lies between a bare-bone text editor and a full-fledged IDE. It is a place where you can be productive, efficient, and comfortable. It is a place that
neovimの棚卸をして、LSP対応やらファインダーの変更やら色々やった - joker1007’s diary
最近Javaばかり書いてるもんでInteliJしか触ってなくて、neovimを放置してたのだが、やっと重い腰を上げて今風なエディタにするべく、全プラグインを見直しつつ設定を刷新した。 init.lua化 まず、普通のvimと共通の設定を作るのを諦めて、設定ファイルをinit.luaに全面的に書き直した。今となってはneovim以外を使うことは余り考えられないし、それが使えない状態だったら素のvimでええわという感じで割り切った。 設定をinit.luaに移行する時にやらなければいけないのは基本的に以下の3つ。 set number みたいな設定値をvim.opt.number = trueという形に置き換える。set nonumberみたいなのはvim.opt.number = falseになる。 keymapの設定はvim.keymap.set('n', 'L', '<cmd>tabne
neovimをAI IDEに進化させるavante.nvim
モチベーション CursorというAI支援機能を搭載したエディタによって、AIのコード支援能力の高さが際立ちました。 neovimでもAIパワーを授かりたいと思い良いプラグインが無いか探していたところavante.nvimという素晴らしいプラグインを見つけました。 個人的に試した内容を記録する目的で本記事を作成しています。ついでに誰かに役に立てば嬉しいです。 avante.nvimとは avante.nvimはNeovimをcursorのようなAI IDEに進化させるプラグインです。 ファーストリリースv0.0.1は2024/9/3と最近のためか一部エラー処理が不十分なところはありますが個人的には十分使えるクオリティです。 Ask デフォルトキーマップでは<leader>aaでサイドバーが開きAskが開始されます。 以下のスクリーンショットではAskをフローティングウィンドウで表示されるよ
2026年開発環境のことはじめ
2026年になりました。あけましておめでとうございます。 私の2026年開始時点での開発環境が現状どのようになっているかを解説します。 開発環境のテーマ 昨年はAIが流行った年になりました。そこでAIフレンドリーに、、、、特にしているわけではありません。むしろ、AIをほとんど使用していません。 AIとの付き合い方 開発をするときにAIにコードを書かせることはほとんどありません。基本的に手で書くようにしています。もちろん、AIを使用することで動くコードが書けるということは理解をしています。AIに質問をすること自体はよく行っています。書いたことのないプログラミング言語を読むときは自分にとって読みやすいRustに変換をしてもらいますし、何かわからないことや疑問点などがあれば質問をAIに投げることもあります。 使用するツールとしては95%以上がClaude Desktopです。時々Geminiの画
前回はNeovimにLuaランタイムが組込みされた事によりNeovimのプラグインのエコシステムに大きな変化が起こったことを書きました。 後編ではNeovim v0.5から追加された大きな新機能であるTree-sitterとLSPクライアントについて解説してきます。この2つの機能はどちらもLuaで実装されており、Neovim v0.5以降のLuaランタイムが組込みされたNeovimでのみ動作します。 もし前編をご覧になっていなければ、前編のあとに後編をご覧になったほうが、より理解が深まると思いますので、時間に余裕があればぜひご一読ください。 Neovim v0.5リリース記念 v0.5の新機能を紹介します【前編】 Treesitter syntax engine Neovim v0.5ではTree-sitterというライブラリが組込みされています。 Tree-sitterを用いる事により、
One of my favorite features in Neovim is the Tree-sitter integration. It allows for fast syntax highlighting that works well even in an error state (often the case when you’re editing code), and it has additional semantics (you can differentiate between function parameters and local variables). With nvim-treesitter-textobjects you can also jump between nodes (such as ]c to jump to next class) or t
Neovim環境構築とおすすめプラグイン
菅野 こんにちは、開発部長の菅野です。セットアップマニュアルシリーズ第2弾。今回は私のNeovim環境を紹介します。これからvimにチャレンジしてみたい方、プラグインマネージャーを変えようと思ってる方に少しでも役に立てれば幸いです。 Mac開発環境セットアップとおすすめ設定 サンエルでは開発用にMacBook Proを使ってます。私のMacBook Proが購入から4年経過し、熱暴走など様々な症状が出てきたので今回買い換えとなりました。旧PCはインテルMacなので今回は移 … 第1弾はこちら！ はじめに 前回記事に続いての作業になるので、今回もMacBookに対しての作業となります。筆者はゆる〜く、なが〜くvimを使っており、2017年くらいからNeovimに移行しています。今までvim時代からの設定のゴミが残ってたりしているので、このタイミングできれいにしようと思います。 そもそもNeo
【2025年版】モダンな開発用ターミナル環境のためのツール紹介 | SPIDERPLUS Tech Blog - スパイダープラス Tech Blog
はじめに こんにちは、エンジニアリングマネージャーの本田です。 今回は、2025年現在のモダンな開発用ターミナル環境のためのツールを紹介します。 想定読者は、イカしたターミナル環境で開発を行いたいエンジニアです。 操作をなるべくキーボードだけで完結させたいと考えている人には向いているかもしれません。 かっこいいターミナル環境はロマンですが、ただ単に見た目にこだわるというよりは、機能性や使い勝手を重視してカスタマイズした結果、見た目がかっこよくなってしまうのが理想です。 この記事には、筆者の価値観や好みが反映されている部分が多々あります。 そのため、読者の方が自分に合ったツールを見つけるための参考程度に読んでいただければ幸いです。 ターミナル環境 筆者のターミナル環境は Alacritty + tmux です。 バージョンを上げたり、設定をアップデートしたりしてますが、5年以上この構成で使っ
使っているvimプラグインの棚卸し(2023冬)
この記事はVim Advent Calendar 2023 シリーズ2の11日目の記事です。 私のdotfilesの12/10時点でインストールされているプラグインについて棚卸しをしようと思います。 使っているのはnvimでHEADを手元でビルドしています。 執筆時点のrevisionは1054525です。 プラグイン一覧 取得は以下。 プラグイン総数はdein#get()->values()->map({->v:val.repo})->len() = 125でした。 そのうち2つはプラグインの設定を参考にするため、cloneしているリポジトリだったので正味123個が対象です。 (参考にさせてもらっています。ありがとうございます。) https://github.com/Shougo/shougo-s-github https://github.com/kuuote/dotvim 棚卸し
GitHub - cshuaimin/ssr.nvim: Treesitter based structural search and replace plugin for Neovim.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2023年のCSSは0ランタイムにしたい - console.lealog();
ワシの使っているNeovimプラグインは200個近くあるぞ
Vimをやめた理由 #UEC25アドベントカレンダー
Neovim News #11 - The Christmas Issue
今年お世話になった 12 個の Vim (Neovim) プラグインを紹介します
Neovim 0.12 リリース内容まとめ - じゃあ、おうちで学べる
日常に彩りを加える nvim-treesitter の設定術
VimからNeovimに移行して感じたこと - Qiita
I really like the Helix editor.
Neovim (0.5) Is Overpowering | CrispDev
Announcing Topiary
An Experienced (Neo)Vimmer's Workflow
Neovim v0.5リリース記念 v0.5の新機能を紹介します【後編】 - GO Tech Blog
Jonas Hietala: Let's create a Tree-sitter grammar