【令和最新版】NeoVimフロントエンド開発

しまてく#6で発表した資料です。
フォントが少し気になりますがそのままで・・・！

Shima Tech Hub#6 - connpass https://shima-tech-hub.connpass.com/event/330437/

Transcript

1. 【令和最新版】NeoVim フロントエンド開発 エディター Lua v0.11.0 LSP対 応 TypeScript/Javascript/CSS ビジネス/個人開発/メンテナンス 超快適的操作性 撃強力開発 NAKAZATO Junya CA ADVANCE, Inc.
3. 3 3 机DIY IoT CAD入門 Gadget カレー 自己紹介
4. 4 机 4 IoT CAD入門 Gadget カレー
5. 5 ▰ Philips Hue Play ▰ Philips Hue LED E26 ライトアップ
6. 6 ビジネス 　ドメイン • SEM広告 • 広告システムSRE • メディアサービス メッセージ監視 • サイバー・エージェント社内製 システム • ウェブ予約システム • Cisco CMX • iPhone/Androidアプリ 他 • 入退社雇用管理システム 自己紹介
7. みなさん VSCode 使ってますか
8. 業務で　　を使ってる方 はいらっしゃいますか？
9. とは
10. Neovim とは 10 Vim から派生したテキストエディタ • マルチプラットフォーム Win, Mac, Linux 対応 • 軽量で高速 • 非同期処理に対応 • .vimではなくLua で設定が可能 • LSP が組み込まれている
11. 歴史的背景とNeovim 11 Vim は30年以上の歴史を持つ プロジェクト Neovim は下記問題解決のため立ち上がった • Vimのメンテナが一人 だった • コードが古くメンテが難しい • 新機能がない（非同期処理、プラグイン管理） ※vi は1976年 初版 →事故ると影響範囲が大きすぎるため、 作者が避けている
12. 12 チートシート
13. カスタマイズ
14. • LSP(nvim ↔ tsserver/biome/ruff and more ) ◦ エディタと言語サーバーの通信プロトコル ◦ コード補完、自動補完、リンター 知っておきたい概念 14 • 構文解析(tree-sitter) ◦ シンタックスハイライト ◦ インデント管理
15. 設定ファイ ル .vim→.lua 15 .vimrc init.lua
16. • Mac 14.6 • wezterm → 端末 • zsh 5.9 ◦ starship → zshカスタム ◦ sheldon → zshプラグイン管理 ◦ fzf → fuzzy finder • mise → virtual env 開発環境 16
17. プラグイン 17 • プラグイン管理 → dein.vim • 言語別のユーティリィ → ruby-nvim, yajs.vim • コード解析 → ALE • 構文解析 → php-vim-syntax, vim-ruby, vim-javascript • 補完エンジン → neocomplete, deoplete • ファジーファインダー → fzf 令和以前
18. 18 • プラグイン管理 → lazy.nvim • 周辺ツール管理 → mason.nvim • コード解析、自動補完 → LSP & lspsaga.nvim • 構文解析 → nvim-treesitter • 補完エンジン → nvim-cmp • ファジーファインダー → fzf & Telescope.nvim • AI支援 → CopilotChat.nvim プラグイン 令和最新版
19. lazy.nvim プラグイン管理
20. mason.nvim 関連ツール導入
21. Telescope.nvim + Live Grep サジェスト検索
22. Keymap Telescope.nvim + Live Grep
23. nvim-cmp + Copilot 補完機能
24. • スニペット • Copilot • コード解析 • ファイルパス • バッファ • コマンドライン nvim-cmp + Copilot 補完対象
25. CopilotChat.nvim 生成AI
26. lspsaga.nvim ツール集 変数リネーム ホバーテキスト
27. lspsaga.nvim Reference 定義参照 ツール集
28. UI 28 nvim-notify lualine.nvim sidebar .nvim
29. 29 tokyonight.nvim kanagawa.nvi m ColorScheme
30. 設定ファイル管理
31. 設定ファイル管理 31 init.lua 初期化 スニペット LSP 言語別設定 XDG_CONFIG=~/.config
32. 関連ツール mason lsp-confi g efm 32 構文解析 linter/formatter インストーラー LSP非対応ツールをLSP 化
33. 33 THANKS! 質問はありますか？