vim沼: JavaScriptでElectronとReact Nativeアプリを効率的に開発する設定
先に英語で書いてから日本語訳しています。 こんにちは、個人アプリ作家のTakuyaです。 僕はInkdropというMarkdownノートアプリを独りで開発しています。 これはmacOSやWindows、Linux、iOSからAndroidまでスムーズに動作します。 なぜならデスクトップ版はElectron、モバイル版はReact Nativeで組まれているからです。 つまりアプリは基本的にJavaScriptで書かれています。 本稿では、vimにて効率的にJavaScriptをコーディングするためのワークフローについてシェアします。 僕はVSCodeのようなIDEを使わず、主にターミナル上で作業しています。 使っているツールはtmuxとNeovimです。 この構成での基本的なワークフローについてはこちらに書きました。 ここでは、更にvimの設定について掘り下げてご説明します。 僕のdotf
Vim での JavaScript 開発の環境を整備する。 - ぷーくすくすくすなえんじにあ
最近割と初めてに近いか２回目くらいで、がっつりと Javascript を書いてまして、これまでの minibufexpl プラグインしか入れてない vim だとちょっと開発しづらいのとJavascriptのコーディングを矯正するために lint 等を使用したいので少し環境を整備した。 最終的には以下の５つのツールを導入する。 基盤としている環境は Ubuntu 12.04, vim-gnome vundle minibufexpl.vim Better Javascript Indentation gjslint syntastic vundle プラグイン管理を使う Bundler 的な管理ツールを入れる。 gmarik/vundle · GitHub https://github.com/gmarik/vundle 以前は minibufexpl しか使ってるものが無かったので必要と
jscomplete を neocomplcache プラグインに対応させた - hogehoge @teramako
jscomplete - hogehoge https://github.com/teramako/jscomplete-vim id:basyura さんが neco のプラグインにならないかなぁ（チラチラ と言っていて、恥ずかしながら初めてneocomplcacheがプラグインで拡張できることを知った。 どういう良さがあるのかとかよく分かってないけど、Vim-users.jp - Hack #169: neocomplcacheを拡張する 後編を参考にテストコードを書いて、対応できる確信を得たのでやってみた。 これで、neocomplcacheユーザなら omnifunc の設定なしに jscomplete を使えるようになるので、 autocmd FileType javascript \ :setl omnifunc=jscomplete#CompleteJS が不要になる。
jscomplete-vim ちょっと賢くした(Addtive, Multiplicative Operator編 + α) - hogehoge @teramako
jscomplete-vim teramako/jscomplte-vim - GitHub ちょっとずつ賢くしてます。 +-*/%の演算子の演算を少し加えた。 ただし、数値の演算はかなり適当というか、Vim script に NaN がなく、演算が失敗する時は 0 が返る仕様っぽいため、JavaScriptでは NaN が返るような演算でも 0 を返す仕様(バグ)になっている。数値の演算はプライオリティが低いと見なして現在は放置。 よって、 var o = { NaN: "OK", }; o[10 * "a"]._ // ↑カーソル位置 の様なのは現状はまだ無理。 +αの修正 まず、jscomplete-vimがどんなことをやっているか書こう。 目標は適切なプロパティ名の補完にある。んで、プロパティ名が必要そうな場面は、.か[がある時になる。最終的にはグローバルオブジェクトのプロパティも
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 '"' +
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
MacVimでHTML,CSS,JavaScriptの文法チェック | Free Writing
鹿児島在住のエンジニアです。Webシステムの受託開発に携わってます。 Playframework/ExtJs/Sencha Touch/Backbone.jsをよく使います。
vim javascript indent plugin syntax
javascript用のvimプラグインがたくさんあって探してもこれといったまとめがなかったので探した範囲でまとめました。タイトルが釣りっぽいです。ごめんなさい。 ■syntax JavaScript syntax : Better JavaScrirpt syntax support http://www.vim.org/scripts/script.php?script_id=1491 悪くはないです。ただし中身を見た感じFirefox + Dojoで使うことを想定されているようで、jQueryとかでprototype.jsでハイライトして欲しいオブジェクトがなかったりします。気に入らなければ適当に改造するのがよいと思います。それに、所詮syntaxですから無くてもあんまり困りません。 ■indent よさげなのが2つあります。まず一つ目、Ryan Fabellaさん作。スタンドアロン
Better Javascript Indentation - Vastly improved javascript indentation : vim online
This is based off of the indentation script for ruby which is well written and fast. It is nearly perfect but will sometimes miss edge cases. It usually recovers those errors at the end of a block though, so overall even very long files will be largely correct. Please fork this project at http://github.com/pangloss/vim-javascript to help make it even better. This script includes Yi Zhao's javascri
Simple Javascript Indenter - A simple javascript indent script, support OOP, jquery : vim online
A simple indent plugin for javascript, Repository: http://github.com/jiangmiao/simple-javascript-indenter Screenshot: http://www.jiangmiao.org/blog/wp-content/uploads/2010/09/vim_simple_javascript_indenter_v1.4.1.png (with Brief Mode on) ==Options== g:SimpleJsIndenter_BriefMode (default 0) set 1 to turn brief mode on. g:SimpleJsIndenter_CaseIndentLevel (default 0) the case indent level in switch.
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でファイ
VimでJavaScript - ひげろぐ
最近node.jsやらTitaniumやら気になっているのでJavaScriptを書く環境をちょっと整えてみた。 .vimrc au FileType javascript set ts=2 sw=2 expandtab au BufNewFile *.js set ft=javascript fenc=utf-8 JavaScriptはタブ幅4が標準なのかなあと思いつつもタブ幅2。 シンタックス ・JavaScript syntax – Better JavaScrirpt syntax support : vim online javascript.vimを~/.vim/syntax以下に設置。 インデント ・IndentAnything – Write indentations or enhance existing indentations without writing code
Jasmine用のVimスニペット - ひげろぐ
Jasmineを一通り使えるようにした後で「毎回 describe(“ほげほげ”, function() {〜とかいちいち書くのって実用的に無理じゃね？」と思い、やっぱり使うのやめようかと考えたりした。 が、そこでVimのスニペットの存在を思い出し踏みとどまった。 ~/.vim/snippets/javascript.snippetsに以下を追記。 # describe for jasmine snippet d describe("${1:comment}", function() { beforeEach(function() { }); }); # it for jasmine snippet it it("${1:comment}", function() { }); スニペット激しく便利すなあ。 2011/01/10追記 プラグインあった。 Jasmine snippets (f
jsbeautify - a javascript source code formatter : vim online
a plugin to format your javascript souce code The online version is here: http://jsbeautifier.org/ I just translated it into vimscript, it works at a low performance:) and since now I don't work as a web developer, this plugin is not maintained.. usage: <leader>ff or bind the g:Jsbeautify() function to any short key you like
Ken Guest’s online diary » Blog Archive » Integrating JavaScript lint with vim
After looking for a lint program for JavaScript, I’ve found JavaScript Lint and after a few pokes around the documentation and forum, got it installed and integrated with vim. I posted this information to the Irish PHP Users’ Group mailing list on Wednesday - thought I’d share it to a wider audience tonight. This is how I did it, note this process now only works with the downloaded package JavaSc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSHintでJavaScriptのソースコードをチェックする - Qiita
http://www.curiosity-drives.me/2012/01/vimjavascript.html