EmacsでTypeScript/React開発する2023 - たごもりすメモ
世間に死ぬほど色々な方法があるのはわかっているがとにかくまっさらな状態から最短手順でEmacsでJSX/TSXが書けるようになりたい! という話。VSCodeとかそういう話には目を背ける。 tsxファイルはweb-modeで起動するようにすればシンタックスハイライトとインデントはうまくいくので、あとはlspを起動するようにすれば快適です！— つかもとたけし (@itometeam) 2023年1月23日 自分で調べつつ試行錯誤したんだけど、最終的にはこのtweetで教えてもらった通りになった。メジャーモードとしてweb-modeを使いつつflycheckとLSPで開発支援。 macOSにインストールしたEmacs*1、およびMELPAにあるパッケージだけで、以下のようになった。 (require 'web-mode) (add-to-list 'auto-mode-alist '("\\.
git のチカラで未知の言語でもオムニ補完 - Qiita
デモ オムニ補完とは？ オムニ補完は vim 界隈でわりとよく耳にする言葉ですが、IDE よろしくメソッド名などをいい感じに補完する機能です。 Emacs でも perl の変数名とかメソッド名をいい感じに補完してくれるperl-completion.el とか、 C/C++ の IDE モドキ CEDET などがあります。 auto-complete.el に最初から入っている CSS の補完も、プロパティ名によって補完候補を変えてくれたりかなりオシャレです。 なにをやったの？ オムニ補完は便利なのですが、エディタがその言語のことを良く知っているか、あるいは言語処理系側がいい感じに補完候補を探してエディタに報告してくれる機能を持っていないと基本的には実装できません。なので、言語ごとに別々のプラグインを入れるのが普通で、設定のほうはわりと面倒です。 そこで今回は git の力を借りて、言語
EmacsでJSXを書くためのweb-mode設定 - Qiita
;; .js, .jsx を web-mode で開く (add-to-list 'auto-mode-alist '("\\.js[x]?$" . web-mode)) ;; 拡張子 .js でもJSX編集モードに (setq web-mode-content-types-alist '(("jsx" . "\\.js[x]?\\'"))) ;; インデント (add-hook 'web-mode-hook '(lambda () (setq web-mode-attr-indent-offset nil) (setq web-mode-markup-indent-offset 2) (setq web-mode-css-indent-offset 2) (setq web-mode-code-indent-offset 2) (setq web-mode-sql-indent-offs
Emacs Zshなどを設定した話 - Money Forward Developers Blog
先月中途で入社した卜部です。 中途入社したタイミングでちょうどよいので環境設定を見直していました。 たぶん全部捨てて書き直したのは8年ぶりくらいでした。 今回の感想を忘れないうちに書いておきます。 Emacs Emacsを使い続けている理由はauto-save-buffersです。これと同じような機能を提供しているエディタは(RubyMineとかなくもないが)とても少なく、移行先として選択肢があまりありません。Atomのautosaveはどうやら求めているものと違うようですし。 auto-save-buffersで救われたファイルは数知れず、というか保存とかいう前世紀の遺物を計算資源に下請けさせることで考えることが減るので、本当は他のエディタにも是非あるべき機能です。下にzshでpredict-onの話も書いてありますが、自分は0クリック革命をわりと実践している派だと思います。 パッケージ
auto-completeユーザのための company-modeの設定 - Qiita
みなさんは Emacsの入力補完に何を使っているでしょうか ? 日本人の方は作者が日本人(@m2ymさん)ということもあり, auto-completeを使っている方がわりと多いと思うのですが, 海外では圧倒的に company-modeが利用されています.(stackoverflowで auto-completeに関する質問があると, とにかく company-modeを使えとだけ書かれてしまうことも...). 一昔前だと補完系の開発者の方は auto-complete版と company-mode版を作成したということもありますが, 最近だと company-mode限定という場合も多く見られます(Rust, Elixirなど. 新しく出た言語は特にその傾向が強い). このため auto-completeユーザは何かと厳しいことがあります. 私は auto-completeの co-m
Emacs での EditorConfig の利用に editorconfig-core-c のインストールが不要になりました - Qiita
Emacs での EditorConfig の利用に editorconfig-core-c のインストールが不要になりましたEmacsEditorConfig 2015/12/27 追記 ちょっとアップデートがあったので、末尾に追記しました。 追記前までのやり方で動かなくなるわけではないので面倒な人は気にしなくて良いです。 この文章はなに？ 最近 Emacs の EditorConfig 環境まわりでいくつかコミットをしていたのでその宣伝をしつつ、いま Emacs で EditorConfig をどうやって使えばいいかを解説する文章です。 その前に EditorConfig ってなに？ 解説記事は既にいろいろな人が書いてるので詳細は省略しますが、素敵なやつなのでみんな（コードを書く人なら誰でも）使うといいと思います。 どんなエディタでもEditorConfigを使ってコードの統一性を高め
Flycheck で使う実行ファイルに node_modules/.bin のものを自動で使うようにするヤツ - Qiita
今開いているファイルの親ディレクトリをどんどん辿っていって node_modules ディレクトリを探して、その中の node_modules/.bin/eslint や node_modules/.bin/jshint が存在するなら、それを flycheck の時に使うようにする。 (defun kui/traverse-parents-for (filename &optional dirname) "Find FILENAME from parent directories of the current buffer file or DIRNAME" (if dirname (let ((path (concat (file-name-as-directory dirname) filename))) (if (file-exists-p path) path (if (strin
Emacs のフォント設定について - Qiita
はじめに Emacs はヘビーユーザではないが、初めて使ったのは20年以上前になる。プログラム開発は vi、日本語ドキュメントの作成、編集に Emacs を使っていた。しかし、ここ最近は Emacs から遠ざかっていた。理由は最近の綺麗なフォントを利用するのが面倒だったから。Windows では xyzzy で MeiryoKe_Console に設定して使っている。 sublimetext, Atom など試してみて、しっくりこなかったので久しぶりに Emacs に戻ってみることにした。 参考 URL http://d.hatena.ne.jp/kazu-yamamoto/20140625/1403674172 http://dminor11th.blogspot.com/2011/08/face.html http://d.hatena.ne.jp/tomoya/20100828/12
Emacs で Ruby の開発環境をさらにめちゃガチャパワーアップしたまとめ | Futurismo
161227: 内容が古くなったので、書き直しました。 はじめに# Ruby 開発環境を整えようとおもったが, 普段よく使っている Eclipse を出すにはスクリプト言語は大げさだ. スクリプト言語はコンソール端末で書くに限る. というわけで, Emacs 使いなあたしとしては, Emacs での Ruby 環境を整えようとおもった. いろんなサイトを参考にしつつ, 導入したものを列挙していく. 準備# elip 取得に必要な package.el や el-get.el, git や wget などのツールはインストール済みのこと. 環境# Emacs 24.3.1 Ruby 2.1.0 優れた IDE の条件# 優れた IDE が備えるべき機能は以下 シンタックスハイライト/ インデント ruby-mode 検索・置換 iedit, multiple-cursors, helm-ag
Flycheckでモダンなシンタックスチェック - Qiita
Flycheck は、コーディング中にリアルタイムでコードのシンタックスチェックやスタイルチェックを行なってくれる拡張機能です。以下のように、エラーが検出された行には ! が付いて、そこにカーソルをあわせるとエラー内容が表示されます。 似たような拡張として Flymake がありますが、 Flycheck はデフォルトで多くの言語のシンタックスチェックに対応していることが特徴です。 Flymake も Flycheck も使ったことがない、という方は Flycheck を使ってみることをおすすめします。 インストール ELPAパッケージを MELPA から手動でインストールするか、 Cask や El-Get を使うと良いみたいです。
Koa入門 - Part2: babel/registerでES6を自動コンパイル - Qiita
BabelはES6のコードをES5にコンパイルしてくれるツールです。以前は6to5と呼ばれていました。ECMAScript 6(ES6)が正式にECMAScript 2015(ES2015)という名前になったのでツール名も変更になったようです。ただ略称の方はES6で定着しているのでこのまま使いそうです。io.jsではKoaのジェネレーター関数などES6の機能を--harmmonyフラグを付けなくても使えます。せっかくなのですべてES6で書きたいところです。io.jsではV8に追加されるES6の機能を積極的にサポートしていますが、全部ではないので現状はBabelでES5に変換する必要があります。 プロジェクト 適当なディレクトリにプロジェクトを作成します。リポジトリはこちらです。 $ cd ~/node_apps/docker-koa-babel-hook $ tree . ├── Dock
M-x alignの設定 for Ruby - http://rubikitch.com/に移転しました
M-x align-regexp を知る - gan2 の Ruby 勉強日記 実は俺もalign.elはノーマークだった。 align は「align-rules-list」って変数で整列のルールを管理してるので、これにルールを追 加してやれば「M-x align」でもやりたいことはできるようになるんだろうなぁ。 できたらルール追加したい。 ぐぐって設定してみた。 ruby-assignment-literalは代入文、ruby-xmpfilter-markはxmpfilterの「# =>」マークの設定。 どうぞ。 (add-to-list 'align-rules-list '(ruby-comma-delimiter (regexp . ",\\(\\s-*\\)[^# \t\n]") (repeat . t) (modes . '(ruby-mode)))) (add-to-lis
Configuring emacs to use eslint and babel with flycheck for javascript and React.js JSX | CodeWinds
Configuring emacs to use eslint and babel with flycheck for javascript and React.js JSX ES6 and JSX are awesome, but because they are relatively new, there is little documentation on how to set them up with your environment. After spending time tracking down all the pieces and configuring for use with emacs, I created this article to help those that will follow. It enables realtime linting of JS a
emacsで、全行インデントを一括で行う方法 - Qiita
目標：カーソルの位置を変えないまま、全行のインデントを整える emacsで真面目に全行のインデントを整えようとすると、 の2段階を踏まなければなりません。それどころか、上記のC-x hの段階でカーソルがバッファの一番最初に来てしまうため、コーディングが途中だった場合最後に作業をしていた行まで戻る必要があります。 コードが完成した後に体裁を整えるために全行インデントをする場合ならまだ我慢できなくもないのですが、まさにコードを書いている途中で「見難くなったからインデントしてみるか」と思った場合に上記の手順を踏むのはかなり面倒くさいです。 この度いろいろと試行錯誤を重ねて「カーソルを移動させないままの全行インデント」が可能になったので備忘録。
Emacsで.logファイル監視(tail -f) - Qiita
これはなに？ タイトルの通りです。Emacsで.logファイルを監視することができるようになる設定です。 .logファイル開いたとき、自動的にtail -f相当の以下のような動きをするようになります。 ファイル更新に追随して自動的にバッファを更新 バッファ更新時とファイルを開いた時、自動的にバッファの末尾へカーソルを移動 設定 ~/.emacs.e/init.elの末尾に追記するか、init-loaderを利用している場合は21-auto-revert-tail-log.elといったelispファイルを作成して下記を記載します。 ;; .logファイルでは自動で auto-revert-tail-mode にする (add-to-list 'auto-mode-alist '("\\.log\\'" . auto-revert-tail-mode)) ;; ファイル更新やバッファオープン時
Caskはもう古い、これからはEl-Get - いまどきのEmacsパッケージ管理 - 貳佰伍拾陸夜日記
秘伝のタレとなったEmacsの設定をgitで管理するなどして, 複数の環境で同じ設定を使うようにするのはかなり一般的になってきました. ただ, 使っている非標準パッケージも含めてきちんと管理しようと思うとけっこう大変です. とくに, 以下のような点はぜひとも実現したいところですが, (これまでは)なかなか難しい部分もありました. 使っているパッケージのインストールを自動化したい いろいろな配布元(GitHub, Emacs Wiki, 個人Webサイト, etc.)からインストールしたい きちんと動くことがわかっているパッケージバージョンに固定したい 新しいパッケージを簡単に試したい パッケージと設定の対応をわかりやすくしたい この目的のために, 最近はCaskを使うのが流行っているようですが, 上に挙げたポイントをすべて解決しているわけではありません. 筆者のまわりでも, Caskを使っ
nginx関連ファイルに自動でnginx-modeを適用 - Qiita
nginx-modeはELPAまたはGithub ajc / nginx-modeから入手。 通常は.confファイルを開くとconf-modeが適用されます。 confファイルであり、かつパスに"nginx"の文字が含まれているとnginx-modeを適用する設定です。 nginxフォルダ以下で複数のconfファイルに毎回 "M-x nginx-mode" としなくてもいいので便利かもしれません。 (require 'nginx-mode) ;;(add-to-list 'auto-mode-alist '("nginx\\.conf$" . nginx-mode)) (add-hook 'conf-mode-hook (lambda () (when (string-match "nginx" (buffer-file-name)) (nginx-mode))))
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
js2-jsx-mode attribute indentation · Issue #291 · mooz/js2-mode
How to make Emacs terminal colors the same as Emacs GUI colors?
Follow buffer in emacs, a la tail -f or less +F