タグ

ブックマーク / tomoya.hatenadiary.org (8)

  • Atom実践入門、それはエディタの使い方と同時にWeb技術の現在が学べるまったく新しいエディタの本。 - 日々、とんは語る。

    2016年7月14日、私にとって『Emacs実践入門』以来4年ぶり2冊目となる書籍『Atom実践入門』が発売されることとなりました。 去年、WEB+DB PRESS Vol.86にてAtom特集を書いたので、もしやと思った勘の鋭い方もおられたかもしれませんが、実はそのときから書の執筆を行っており、この度ようやく上梓することができたというわけです。 書は私にとって2冊目の書籍であると同時に、2冊目のエディタのでもあります。またしてもエディタのを書いてしまったわけで、これについては色々と思うところがあるのですが、それについてはまた今度詳しく書きたいと思います。日は、このに込められた思いについて語っていきます。 はじめてのエディタを使う人にとってベストな解説書を目指して。 エディタのは、基的にプログラミングを書く人に向けた書籍です。Emacs実践入門のときは、Emacsという歴史

    Atom実践入門、それはエディタの使い方と同時にWeb技術の現在が学べるまったく新しいエディタの本。 - 日々、とんは語る。
    decoy2004
    decoy2004 2016/07/14
    『なんと6章は「Chrome Developer Toolsの使い方とAtomのDOM」となっており、Web開発者にとって必須と言えるDevToolsの解説をしっかりと行なっています。』
  • 日本のWebエンジニアの大半が、変化に対応しきれなくなっている件について。 - 日々、とんは語る。

    先週書いた10年のツケを支払ったフロント界隈におけるJavaScript開発環境(2016年4月現在)。という記事がまずまずの反響を得たのですが、僕の予想とは異なり、「こんなに多くのツールやフレームワークを必要とする現状はおかしい」といった、状況批判の意見が多く集まりました。 Mediumなど海外メディアでは、もはやこの種のツールを組み合わせたフロントエンド開発が当たり前として受け入れらており、この半年間ほどは「実際にどの組み合わせがベストか」という議論が行われていました。そして、そういった議論もようやく落ち着きを見せ、おおよそ僕が書いたような組み合わせに帰結しつつあります。 そのため、まさか「フロントは変化が激し過ぎる」とか「保守が大変そう」などといったような、1年くらい前に言われていた意見が、いまだに多くを占めるとは、まったく予想していなかったというのが正直な意見です。ひと昔まえであれ

    日本のWebエンジニアの大半が、変化に対応しきれなくなっている件について。 - 日々、とんは語る。
    decoy2004
    decoy2004 2016/04/10
    新しいツールが2年以下で別のツールに取って代わられて、大して便利になってないのは何なんだろう?
  • 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

    10年のツケを支払ったフロント界隈におけるJavaScript開発環境(2016年4月現在)。 - 日々、とんは語る。
    decoy2004
    decoy2004 2016/04/04
    5年後に半分は別のものに交替していそう。不安定すぎない?
  • org-mode をマイナーモードとして使う orgstruct-mode。 - 日々、とんは語る。

    CSS を書くときに、より楽なコーディングが出来るように org-mode を使う事を考えていたのですが、メジャーモードを切り替えるのは、ちょっと非効率なのでマイナーモードとして利用できないか調べてみると、やっぱり標準でありました。 Orgstruct mode - The Org Manual 試してみるには、M-x orgstruct-mode で。 (add-hook 'css-mode-hook 'turn-on-orgstruct) の様に、mode-hook として使えばいい。 この画像は、全部 css-mode を利用していて、コメントに * で始まる見出しを付けておいて、カーソルのある行以外を折り畳んだ状態。 機能のとしては、* や - で始まる行のキーバインドを org-mode のそれと置き代えるみたい。 ちなみに、describe-bindings してみても org

    org-mode をマイナーモードとして使う orgstruct-mode。 - 日々、とんは語る。
    decoy2004
    decoy2004 2010/10/07
    機能のとしては、* や - で始まる行のキーバインドを org-mode のそれと置き代えるみたい。
  • もう初心者なんて言わせない、Anything で始まる Emacs 道。 - 日々、とんは語る。

    追記 この記事を元に書籍が出来ました! 時間と命を削って、より詳細に解説しましたので、Emacs に興味がある人はぜひ一度手に取ってみて下さい。 Emacs実践入門 ?思考を直感的にコード化し、開発を加速する (WEB+DB PRESS plus) 作者: 大竹智也出版社/メーカー: 技術評論社発売日: 2012/03/07メディア: 単行(ソフトカバー)購入: 22人 クリック: 396回この商品を含むブログ (1件) を見る僕が Emacs を使いはじめたのは、MacBook を買ってからなので、月日が短く、まだ1年半くらいしか経っていないのですが*1、Emacs を使い始めてすぐに至るところで目にしたのが Anything という単語でした。 たぶん、現 anything.el のメンテナの id:rubikitch さんの記事今anything.elがアツいあたりを見て知って、使

    もう初心者なんて言わせない、Anything で始まる Emacs 道。 - 日々、とんは語る。
    decoy2004
    decoy2004 2010/08/31
    AutoInstallという AndyStewart さんが作った、Elisp インストーラーを使うと、複数の Elisp を一発でインストールできるので、こちらを先にインストールしましょう
  • Emacs特集の未収録その4 Emacsの操作をブラウザっぽくする。 - 日々、とんは語る。

    WEB+DB PRESS Vol.58の未収録内容その4です。第4章の「履歴」で紹介しきれなかった拡張が2つあります。 1つは k1LoW さんの historyf.el、もうひとつは id:kitokitoki ([twitter:@mori_dev]) さんのバッファの削除と復元を気軽に行うでした。 今日はこの2つの紹介に加えて、MacEmacs のキーバインドを整えて、ブラウザっぽい挙動にしてみたいと思います。 なお、紹介しきれなかったこの2つは WEB+DB PRESS Vol.58:サポートページにあるサンプルコードの中で密かに紹介しています。また、これ以外にもおまけがあります。 Elscreen と Anything を加えて、ブラウザのタブ操作をEmacsで実現する。 最近のブラウザは新規タブを開くと、Opera であればスピードダイアル、Safari や Chrome

    Emacs特集の未収録その4 Emacsの操作をブラウザっぽくする。 - 日々、とんは語る。
    decoy2004
    decoy2004 2010/08/29
    ブラウザのようによくアクセスするバッファ一覧を表示させる。ブラウザの戻ると、閉じたタブを復元するを Emacs で行なう。
  • "独占スクープ" 宮本武蔵から学ぶ小指を酷使しないEmacsの構え。 - 日々、とんは語る。

    刃牙曰く、宮武蔵の自画像と言われる姿には人物画の域を超越しているという。「射抜くように見開かれた眼光」「理想的に脱力がなされた握り」「重心を読ませないそれでいていつでも踏み出せる備え」が自画像に存在しているらしい。 Emacs 小指はネタとしては一品で、いつも障壁として言及される。しかし、真のEmacserになれば小指が痛いと感じることは全くもってないらしい。誌では、過酷な取材の結果、ついにその一端を捉える事に成功したので、今日はぜひみなさんに紹介したい。 宮武蔵から学ぶ脱力。 まず、手の力を抜いてみる。 すると、自然に上の写真の様な形になる。これが、最も手を疲労から遠ざける理想的な形だと氏は言う。真のEmacserは誰に教えられることなく自然とこの形に辿りつく。 「押す」のではなく「置く」。 なんと、このままの形でAの隣にあるCtrlキーの上に手を置くのだ。確かに指を伸ばすよりも理

    "独占スクープ" 宮本武蔵から学ぶ小指を酷使しないEmacsの構え。 - 日々、とんは語る。
  • 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 もオススメです。 一文字だけフォントを指定する。 一

    Emacs特集の未収録その3 「フォント設定を極める。1文字ごとに指定できるのは (たぶん) Emacsだけ!」。 - 日々、とんは語る。
    decoy2004
    decoy2004 2010/08/28
    Emacs でフォントの符号を調べる簡単な方法は、調べたい文字の上で "C-x =" か C-u C-x =" で調べることができます。
  • 1