[B! Vim][JavaScript] homajuのブックマーク

homaju id:homaju

VimとJavaScriptに関するhomajuのブックマーク (12)

vim-javascript から tigris.nvim に乗り換えたら快適だった - 丁寧に手を抜く
最近neovimに乗り換えてから、javascriptの編集中にたまに固まる現象が発生して困っていた。再現条件をいろいろ試したらどうやらvim-javascriptのインデント処理で無限ループしている様子。という訳でvimの設定を見直してみることにした。要件としては、インデントはPrettierでやるので、シンタックスハイライトだけ綺麗にやってくれればいい。調べたら tigris.nvimというプラグインを見つけた。これはnodeベースのプラグインで、Babylonを使って構文解析をしてハイライトを実現している。 Babylonはbabelプロジェクトの一部で、JSX, Flow, Typescriptを標準でサポートしている。だからvim-javascriptのようにvimコミュニティが必死で新たな構文のサポートを追いかける必要がない。ソースコードを覗いたらシンプルな実装だ
homaju 2018/02/10
javascript

vim

*あとで見る
リンク
[Vim]SyntasticによるESLintチェックが遅いのでNeomakeに乗り換えた - dackdive's blog
（2017/01/23追記）この後 Flow を導入しようとしたら色々問題が発生したので、Neomake から ALE に乗り換えた。（追記ここまで）（2018/04/15追記）現在、記事を書いた時と設定方法が変わっているようです。こちらの方が最新の手順をまとめてくださっているので、ご参照ください。（追記ここまで） Vim の Syntax Checker として有名なのは Syntastic ですね。最近は JavaScript を書くことが多いので、この Syntastic を使って ESLint のチェックをできるようにしていました。上の記事に書いてある設定を行ったことで、Vim で常に lint チェックをかけられるようになったのは良かったんですが 1 個だけ不満があって、チェックのたびに操作がブロックされてしまうという問題がありました。正直こればっかりは我慢する
homaju 2016/10/24
*あとで見る

vim

javascript
リンク
VimでJavaScript開発環境を作成 - Qiita
JavaScriptの勉強がてら開発環境を整備しました。チップスは概要のみ掲載しているため、詳細は.vimrcを参照して下さい。 Plugin設定ディレクトリ作成 $ mkdir -p \ $HOME/.cache/eslint \ $HOME/.vim/vim-ref/cache \ $HOME/.vim/tags \ $HOME/.vim/neosnippet.vim \ $HOME/.vim/neocomplete.vim " Cygwin if has('win32') || has ('win64') set runtimepath^=$HOME\.vim runtimepath+=$HOME\.vim\after endif let s:deinDir = ! exists('s:deinDir') ? $HOME . '/.vim/dein.vim' : s:deinDi
homaju 2016/02/23
vim

javascript

*あとで見る
リンク
JavaScript 向け vim 設定とか unit test とか - 玉虫色に染まれ!!
ご無沙汰しております。Over80です。年単位で放置していた当ブログですが、更新再開してみようと思います。一発目の今日は、JavaScript 関連の雑多ネタです。 JavaScript でブラウザ上で動くゲームを作りたい、というところが発端なんですが、 JavaScript はあまり書いたことが無いので、ある程度以上の規模のコードを書くのであればと、開発環境からきちんと揃えていました。主な内容は、良い感じのコーディングスタイルを確認しときたいそれを確認する lint ツールも欲しい快適に書けるエディタとかIDEとかあるの？ unit test もできるようにしときたいとかいろいろと調べた内容のまとめです。コーディングスタイル JavaScriptは文法制限が緩い言語なので、どこまででも汚く書くことができるわけですが、ある程度律しておかないと自分で読めなくなります。こういう
homaju 2014/04/15
vim

javascript
リンク
vim で JavaScript の開発するときに最近いれた設定やプラグインとか - 憧れ駆動開発
具体的にはセンチャしてて「なんかもっとこう楽になれないの」と思ったので、いろいろ設定をしてた。メモ。コマンドモードの補完これは JS とは関係ないけど、知らなかったので。 : で始まるコマンドモードがあきらかに貧弱な挙動しかできないのはなんとかならないの？と思って調べたら、普通に設定かけばいいだけだった。 Vimのコマンドライン補完がこんなに強力な訳がない - Humanity めも - wildmode ファイル名などの補完方法 " vi 互換をオフにする " これ自体は前から設定はしていた set nocompatible " コマンドモードでの補完設定 set wildmode=longest:full,list URL エスケープされた文字列を日本語表示する - vim-hideout の導入 Vim の conceal を使って Unicode エスケープシーケンスの表示を見
homaju 2013/03/15
vim

javascript
リンク
jscomplete-vim - hogehoge @teramako
https://github.com/teramako/jscomplete-vim 既存のvimに入っているautoload/javascriptcomplete.vimがアレだったので、もう少し賢そうなのを作りたいと思い、作り始めた。初めてのVim scriptなので拙いコードだと思うけど。ある程度目的は達成できてきたと思うので、GitHubにアップしてみた次第。 .や[後のプロパティ名を補完することが目的。そのために、ある程度の式をパースし、どんなオブジェクトが返るかを判断する。 "a,b,c,d" .split(",") .map(function(c){ return '"' + c + '"'; }) .join("\n") ._ // ↑カーソル位置とある場合は、 "a,b,c,d" .split(",") .map(function(c){ return '"' +
homaju 2012/04/11
vim

javascript
リンク
GitHub - jelera/vim-javascript-syntax: Enhanced javascript syntax file for Vim
Enhanced JavaScript Syntax for Vim Credits Zhao Yi, Claudio Fleiner, Scott Shattuck (This file is based on their hard work) gumnos (From the #vim IRC Channel in Freenode) (Who helped me figured out the crazy Vim Regexes) Description This file is a fork of this file and the stock one This version of this file features the following text highlights: Parenthesis, curly and regular brackets. The semic
homaju 2012/04/05
vimで使うjavasxript用syntax

javascript

vim
リンク
vim で JavaScript の syntax check をする - すぱぶろ
vim での JavaScript の構文チェックは jslint.vim を使っていたけど、重かったり、表示が崩れたりしてストレスフルだったので、最近 Syntastic に乗り換えた。多言語の構文チェック機能があり、JavaScript の構文チェックに限らず大変便利。 Syntastic is a syntax checking plugin that runs files through external syntax checkers and displays any resulting errors to the user. This can be done on demand, or automatically as files are saved. If syntax errors are detected, the user is notified and is hap
homaju 2012/03/05
vim

javascript
リンク
http://blog.monoweb.info/archives/1775
homaju 2011/05/07
vim

javascript
リンク
Welcome to nginx!
If you see this page, the nginx web server is successfully installed and working. Further configuration is required. For online documentation and support please refer to nginx.org. Commercial support is available at nginx.com. Thank you for using nginx.
homaju 2011/05/02
vim

javascript
リンク
最新の JavaScript Lint をインストールする - mollifier delta blog
JavaScript Lint (jsl) というツールがある。JavaScript の文法チェックをするツールだ。似たようなのに JSLint ってのがあるけど、そっちは Web アプリになっていて、オンラインで実行する。jsl の方はローカルにインストールして実行する。で、以前僕の Ubuntu にインストールしたんだけど、だいぶ前のことだし(version 0.3.0)、もう新しいバージョンがあるはずだと思って探してみた。どうやら sourceforge でプロジェクト管理してるようだ。 http://sourceforge.net/projects/javascript lint/ せっかくなので最新バージョンをソースからインストールしてみた。環境僕の環境は以下。 OS Ubuntu 10.04 python version 2.6.5 jsl は以前は C で書かれてたんだけ
homaju 2010/06/30
JavaScliptLintを使って、文法をチェック。vimの:makeから呼び出す方法も記載

javascript

Python

vim
リンク
Web開発周りのVimの設定
HTML/CSS/JavaScriptを書くために行ったVimの設定やインストールしたスクリプト等をざっとまとめてみた。「VimでWeb開発を100倍効率的にする方法」といったような生産性を上げるための設定の類ではない。 HTMLファイルを:makeで文法チェック tidy.vimが用意されているので、HTML Tidyをインストールし、.vimrcに以下のように書くだけで良い。 autocmd FileType html :compiler tidy autocmd FileType html :setlocal makeprg=tidy\ -raw\ -quiet\ -errors\ --gnu-emacs\ yes\ \"%\" tidy.vimのmakeprgでは日本語が化けるので-rawを追加する。 HTMLファイルのインデントをやり直す gg=G ノーマルモードではggでファイ
homaju 2009/11/02
web開発関係のVimの設定　makeを多用

vim

HTML

css

JavaScript

programming
リンク
1