Vim を WebAssembly に移植した - はやくプログラムになりたい
久々のブログです． 6月ぐらいにWebAssembly の仕様をざっくり読んだので，なんか WebAssembly でやりたいなと思って，Vim を WebAssembly に移植してブラウザで動くようにしてみました，という話です． github.com 多分実物を見ていただくのが一番早いので，下記のリンクにアクセスしてみてください． デモページはこちら（下記の注意事項を先にお読みください） 注意 デスクトップ版の Chrome か Firefox か Safari か Edge を使ってください．どうやら macOS では Safari が一番動きが良いです． デモページは全部で1MBほどのリソースを fetch します．モバイルネットワークなどからアクセスする場合はお気をつけください． keydown でキー入力を取っているので，キー入力を横取りするブラウザ拡張などが有効になっていると
vimでEmmetなCoffeeScriptとjavascriptのプレビューエディタを作ってみた - 初心者がRailsを勉強するブログ
結構前に自分達で使うために弟と作ったものですが、せっかくなので公開します。 CoffeeScriptとjavascriptの練習をするのによかったら使ってみてください。 js用のemeco coffee用のemecoffee エディタにはCodeMirrorを使用しています。 使用にあたって、注意点があります。 ・Macを前提に、CocoaとEmmetをガンガン使うことを想定して作りました ・エディタはvimです ・矩形ビジュアルモードがありません ・テキストオブジェクトの操作も全然充実していません Emmetについては、チートシートと、CodeMirrorのEmmetを参照してください。 vimの操作方法がわからない方は、 $ vimtutor とコマンドを打てば、vimの基本操作のチュートリアルが開きます。 emecoと契約してvimmerになってよ！ ソースコードはここにあります。
JavaScriptへVimを移植
Vim.js - JavaScript port of Vim なんと、JavaScriptへVimを移植したのだそうだ。準備に時間がかかり、さらに反応も悪いが、たしかにこれはVimだ。いや、Vimそのものだ。 Hacker Newsでは、さっそく、Atwordの法則を引用するものがいる。Atwordの法則、「JavaScriptで書かれ得るプログラムは、いずれJavaScriptで書かれる。」 この法則は、Tim Berners-Leeの the Principle of Least Powerをもとにしている。Tim Berners-Leeは、WebでJavaScriptのような貧弱なプログラミング言語が使われていることを大変喜んでいる。なぜならば、JavaScriptは比較的簡単に解釈できるからだ。そのため、データやプログラムは、他人にも比較的簡単に処理できる。これがもし、Javaア
ScaleOut | Supership
日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipの“BE SUPER”なストーリーをシェアしています。
JavaScript書くときに便利なVimプラギン集 - Life goes on
この記事はVim Advent Calendar 2012の52日目の記事です。 前回の記事はasion_mさんのフロントエンジニアがちょっと幸せになるかもしれないプラグイン作ってます。でした。 良い具合に、フロントエンドのお話続きになっており「流れがキタ！」などと浮かれていたところ、はてなブログが0時から8時まで長時間のメンテに入っており泣きたい気分で一杯になっています。 気を取り直して、エントリを書いていきたいと思います。 さて、自分は一応JavaScriptを書くことで(または書かない事で)オマンマを食べさせていただいてる訳ですが、そういえばあんまりJavaScript書く環境についてブログに書いてないなーと思い、自分が使ってるJavaScript関連のプラギンと設定なんかを紹介していこうと思います。 もちろん、「これは常識でしょpgr」などというものが多数含まれていることは予想され
teramako/jscomplete-vim · GitHub
JavaScript complete script 既存の javascriptcomplete.vim がアレだったので...。 omnifunc に jscomplete#CompleteJS を設定すると動くよ。 autocmd FileType javascript \ :setl omnifunc=jscomplete#CompleteJS 主目的 . や [ 後のプロパティを補完する 拡張 autoload/js/ 以下に拡張用スクリプトがある g:jscomplete_use または b:jscomplete_use にリストをいれると読み込まれる。 :let g:jscomplete_use = ['dom', 'moz'] " => autoload/js/dom.vim と autoload/js/moz.vim が読まれる dom.vim : DOM 系の補完リスト
もっと早く知りたかったJavaScriptテクニック - すがブロ
タイトルは半分釣りぽよ〜 8/31にJavaScriptテクニックバイブルが発売されます！ JavaScriptテクニックバイブル ~効率的な開発に役立つ150の技 作者: JSサポーターズ出版社/メーカー: 技術評論社発売日: 2012/08/31メディア: 単行本（ソフトカバー）購入: 38人 クリック: 1,796回この商品を含むブログ (11件) を見る ありがたいことに献本いただくことができましたので、誰よりも早くレビューを書いてやろうと目論んでいます。本をもらうという意味では、以前辻さんから頂いたこともありましたが、出版にあたってのタイミングで献本してもらうって初めてのことですし、昔から献本してもらった〜(^_-)-☆っていうの憧れてたので、一つ夢が叶いました。やりましたね。 ちなみに、執筆陣の熱い想いのこもったエントリはこちら。 「JavaScriptテクニックバイブル」を執
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-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 '"' +
ctags で JavaScript のタグを生成 - 2nd life (移転しました)
エディタを使う上でわりと欠かせないのが、ctags(じゃなくてもいいけど)によるタグの生成です。あらかじめタグを作っておけば、関数などの補完も効くし、タグジャンプで即座にソースが読めて非常に便利です。 しかしながら現在の Exuberant Ctags の最新版では、JavaScript のタグ生成が function funcname(){}という関数の書き方にしか対応しておらず、最近の JavaScript プログラミングでよく使われるプロパティに関数を定義するタイプの funcname: function(){}という書き方ではタグ生成がされず悲しいです。で、prototype.js やら MochiKit やらを多用してるとタグジャンプがないのは不便すぎて悲しくなってきたので、当初は jstags という ruby で JavaScript タグ生成のプログラムを作って代用してまし
Webベースで開発できるレベルのプログラミングエディタ·Ace MOONGIFT
AceはCloud9でも使われているWebベースのプログラミングエディタ。 AceはJavaScript製のオープンソース・ソフトウェア。あまり好まない人も多いようだが、個人的にはそろそろ開発環境もWebアプリケーション化してくれないかと思っている。そのためには幾つか乗り越えるべき問題があるが、最初の問題はエディタ環境だろう。 行番号の計算が適切でいい Webブラウザのテキストエリアレベルでは全く話にならない。プログラマーが開発しやすいエディタになっている必要がある。そんなWebベースの開発環境を目指すIDE、Cloud9で使われているエディタ環境を作っているのがAceになる。 AceはJavaScriptベースの独立したエディタ環境になる。そのため外部のソフトウェアに組み込むことも可能だ。10種類以上の言語に対応したハイライター、縦または横に画面を分割したり、テーマを変更して色合いをがら
簡単にブラウザに埋め込めるWebテキストエディタ “Ace” を使ってみる | The Monaca Blog
初めまして、酒巻と申します。 Monacaチームでは、主にMonaca IDEの開発を担当しております。 今回は、Monaca IDEで利用しているWebテキストエディタ “Ace” を紹介したいと思います。 Aceは、Cloud9 IDEという、クラウド上でのシステム開発を実現する開発環境サービスで採用されているエディタで、JavaScriptで作られています。 Aceはブラウザ上で動作し、基本的なテキスト編集はもちろん、 検索や置換、元に戻す、行削除や行移動などの機能 VimやEmacsのキーバインディングの利用 HtmlやJavaScriptなどのシンタックスハイライト Web上に容易に埋め込みが可能 などのすぐれた特徴を持っています。 今回は、実際にWebページにAceを埋め込んで利用するまでの手順を紹介します。 ダウンロード まず、Aceのソースコードをダウンロードします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vim-users.jp - Hack #164: JavaScript開発環境 その2 CoffeeScriptを使う
http://blog.monoweb.info/article/2011042918.html