10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。
2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact
Ruby初心者に絶対オススメのAtomパッケージ『rubocop-auto-correct』。 - 日々、とんは語る。
知っている人は知っていましたが、その昔、まつもとさんにEmacs実践入門の本書に寄せてを書いてもらった時、実は僕はまだRubyを1行も書いたことがありませんでした。しかし、あれから3年、いまでは普通にRubyを書くようになりました。 そこで、本日はRubyを書く際に、僕が便利に利用しているAtomパッケージのひとつを紹介したいと思います。 RuboCop。 さて、初心者がRubyを書く際に、とても頼りになるGemがあります。それがRuboCopです。新しい言語を学ぶ際、シンタックスチェッカーは必須ツールですが、RuboCopは、スタイルガイドに従って自分の書いたコードが、RubyとしてGoodかBadか判断して警告してくれるため、他の言語は書いたことあるけどRubyは初めて、という人にとって、とてもありがたいツールです。 そんなRuboCopには「-a / --auto-correct」オ
春なのでEmacsを卒業してAtomに入学しました。 - 日々、とんは語る。
Emacsに飽きたわけでも、嫌いになったわけでもないけど、新しい刺激が欲しくてたまらんくなったので、メインのエディタをAtomに乗り換えました。 はじめはストレスを感じるかと思いきや、Emacsのキーバインドと一部のコマンドを実装したatomic-emacs パッケージのできがよく、個人的には、ほぼこれだけで日常的に使えるようになってしまった。 その後、本格的に使いはじめて早数ヶ月、設定はもちろん、様々なパッケージを試したり、PRを送ったり、自分でパッケージを作ったりなどした結果、十分満足のいくレベルで使えるようになりました。 Atomの良い点 1ヶ月に1回くらい破壊的な変更が入っていた（1.0 API Freezeしたので一応過去形） ドキュメントがわりとしっかりしている パッケージの構成とGitHubとapmコマンドの連携が素晴しい CSS でスタイリングできるのは楽ちんで楽しい 最新
Emacs実践入門が第3刷になりました。 - 日々、とんは語る。
今年も残すところ、あと僅かとなりましたが、そんな折、嬉しいお知らせが届きました。 拙著、技術評論社の WEB+DB PRESS plus シリーズである『Emacs実践入門』の増刷が決まり、なんと第3刷となりました。 人生で初めての書籍で、1回でも増刷がかかれば思い残すことはないなと思っていましたが、まさかの第3刷までこれました。 これも、みなさまから大変良い評価をしていただけたからに他ならないと思っていますが、個人的には、世の中ほんとうに、そんなにEmacsに興味がある人がいるのかなと疑心暗鬼です。 いやいや、世界を2分するエディタなので、まぁ、日本でエディタを使う人の人口を考えると、まぁ、いくらでも売れていいと思うのですが、その反面、冷静に現実を見てみると、世界を2分するエディタを使っている人の割合は、1万人とか程度なんじゃないかと思いますし（つまりEmacsで5000人）、そう考える
Emacsのウィンドウ操作を快適にする2つの拡張。 - 日々、とんは語る。
今日は Emacs のウィンドウ操作を快適にしてくれる、windmove.el と winner.el を紹介しましょう。ともに、標準搭載なので、すぐにでも使い始めることができます。 ウィンドウ分割時の移動を修飾キー+矢印にする windmove.el。 Emacsのウィンドウを移動するには、標準だと C-x o (switch-window) を使うのですが、ウィンドウを分割しまくると、これで移動するのが大変ストレスフルです。そこで、C-t などのシングルキーにバインドするのがよくある解決法ですが、これも快適とは言い難かったりします。 そこで、本日ご紹介するのが、矢印キーによる直感的なウィンドウ移動を実現してくる windmove.el です。 利用は簡単以下の設定をあなたの設定ファイルに書くだけ。 ;;; windmove ;; (windmove-default-keybinding
Emacsユーザーのための LESS 導入。 - 日々、とんは語る。
Emacsユーザーが快適に LESS を使えるようになるまでの導入記事です。 LESS とは何か。 LESSとは、CSSメタ言語と呼ばれるもので、LESS の他に Sass(SCSS) と呼ばれるものがあります（SassとSCSSはちょっとだけ文法の違う兄弟みたいなもの）。 LESS と Sass の違い 文法がわりと違います。詳しくははじめてのCSSメタ言語はLessがおすすめ！ « NAVER Engineers' Blogあたりを参照。 LESS の導入。 LESS は JS によるクライアントサイド（要するにブラウザ上）の変換（less->css）に対応しているので、てっとり早く試してみるのに向いています。 具体的には style.less ファイルと一緒に、lessサイトからダウンロードできる less.js を読み込むだけで使えます。 <link rel="stylesheet
本日思い付いた zsh のエイリアス。 - 日々、とんは語る。
zshのグローバルエイリアスはまぁ大変便利ですよね。 alias -g G='| grep' とかして、 $ ps G emacs 55136 ttys000 0:00.19 /usr/local/bin/cmigemo -q --emacs -i ^G -d /usr/local/share/migemo/utf-8/migemo-dict 26633 ttys002 0:00.00 grep --color=auto emacs 20682 ttys009 0:00.18 /usr/local/bin/cmigemo -q --emacs -i ^G -d /usr/local/share/migemo/utf-8/migemo-dict とかすることはまま基本ですし、便利なのですが、頻繁に | grep するコマンドがあるんだったら、コマンドすらエイリアスに含めてしまっても良い気がし
Lion Mac で 開発版 Emacs をビルドする。 - 日々、とんは語る。
Mac OS が Mac OSX ではなくなり OSX になったので、Mac OSX Lion って言えなくて、でも OSX Lion だったら、一見 Mac かどうか分かんないしという問題から Lion Mac という表記を考えました tomoya ですこんにちわ。 今日は、bzr head（bzr っていうのは、Bazaar というバージョン管理システムの事で、head っていうのは一番最新のソースコードのことです）な Emacs を Mac でビルドしてみたいと思います。 とかいいつつ git で clone。 bzr は遅いので、git によるミラーリポジトリからソースコードを入手します（えー）。とりあえず tmp に clone してみます。 $ cd ~/tmp $ git clone git://repo.or.cz/emacs.git 僕の環境だと10分くらいで ~/tmp
MacBook を買って開発ができるようになるまで。 - 日々、とんは語る。
身近に MacBook を購入した人がいたので、その人向けにメモしておきます。ポイントとしては、今まで Mac を使っていなかった人でも分かるように説明していきます。 App Store から Xcode をインストールする。 驚くかもしれませんが、Mac は初期状態では、gcc など開発に必須のUNIXツールが一切インストールされていません（perl とか ruby とかは入ってるよ）。なので、まずは何はなくとも Xcode という開発ツール群をインストールする必要があります。 Snow Leopard までは（多分）付属のDVDに Xcode がついてきたのですが、Lion からは App Store からのダウンロードしてインストール事になったので、いきなり 3GB もダウンロードしなければなりません。なので、早めにやってしまいましょう。 この記事を書いている現時点で最新の Xcod
Emacs特集の未収録その4 Emacsの操作をブラウザっぽくする。 - 日々、とんは語る。
WEB+DB PRESS Vol.58の未収録内容その4です。第4章の「履歴」で紹介しきれなかった拡張が2つあります。 1つは k1LoW さんの historyf.el、もうひとつは id:kitokitoki ([twitter:@mori_dev]) さんのバッファの削除と復元を気軽に行うでした。 今日はこの2つの紹介に加えて、Mac の Emacs のキーバインドを整えて、ブラウザっぽい挙動にしてみたいと思います。 なお、紹介しきれなかったこの2つは WEB+DB PRESS Vol.58：サポートページにあるサンプルコードの中で密かに紹介しています。また、これ以外にもおまけがあります。 Elscreen と Anything を加えて、ブラウザのタブ操作をEmacsで実現する。 最近のブラウザは新規タブを開くと、Opera であればスピードダイアル、Safari や Chrome
Emacs特集の未収録その3 「フォント設定を極める。1文字ごとに指定できるのは (たぶん) Emacsだけ!」。 - 日々、とんは語る。
WEB+DB PRESS Vol.58の未収録内容その3です。第3章の「フォントを設定する」で、一文字だけフォントを指定するという設定を書いたのですが、マニアック過ぎて実用性があまりないためカットとなりました。しかし、ネタとしてはかなり優秀だと思います。 WEB+DB の記事で説明していますが、Emacs23 のフォント指定は、まずベースとなる ascii フォントを指定し、その後に日本語のフォントを指定します。 (set-face-attribute 'default nil :family "Menlo" :height 120) 最近、プログラミング時に最適なフォント「Inconsolata」 | Weboo! Returns.という記事で、Inconsolata が人気ですが、Mac の場合 10.6 から導入された、Menlo もオススメです。 一文字だけフォントを指定する。 一
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
