peketaminのブックマーク - はてなブックマーク

ReactでBEMなclassNameを書きやすくするBemmerというライブラリを作った - axross blog
2015-03-15 ReactでBEMなclassNameを書きやすくするBemmerというライブラリを作った JavaScript React BEM npm 作った JSX ReactとBEMはすごく相性がよくて、ずっとBEMで書いている。 ReactのComponentという単位、性格にはmodule.exports対象にするような再利用性のあるUI部品をBEMのBlockという単位に結びつけると、非常に扱いやすくなる。ファイル名もxxx-xxx-xxx.jsx``xxx-xxx-xxx.lessのようにして、クラス名もxxxXxxXxxのようにすると、名前が競合する危険性がゼロになり、それが再利用可能であることを示唆できる。背景で、そんな中React.createClass()でJSXのclassName属性を設定する際、困ったことがあって、Modifierに弱いという問題
peketamin 2015/03/15
リンク
Babel.jsイントロダクション - axross blog
2015-03-14 Babel.jsイントロダクション ES6 Babel クライアントサイドJS Node.js Browserify JavaScript mocha ここのところしばらく、プライベートでbabelを触っていて、次案件あたりから業務で使いたいなと思ったので、社内外への共有として書いておく。 Babel · The transpiler for writing next generation JavaScript Babelとは Babelは、ECMAScript6(以下、ES6)のコードをECMAScript5(以下、ES5) のコードに変換するトランスパイラ(コードを変換してコードを生成するもの)。 ReactやFlowにフレンドリーであり、ReactのJSXをプラグインなしでES5のコードに変換できる。また、Babel自体はNode.jsだけでなく、Browse
peketamin 2015/03/15
リンク
Nodeとフロントエンド − 知っておかなければならない、今と未来の話− - axross blog
2015-02-17 Nodeとフロントエンド − 知っておかなければならない、今と未来の話− Node Javascript 勉強会というタイトルのスライドを作って社内勉強会で発表した。フロントエンドエンジニアに限らずNodeは「未来」だと思っていて、とはいえ「未来の技術」だとは思っていない。すでにNodeは身近な存在で、これからのWebにとってなくてはならないリーダー的な役割になると考えている。背景前置きとして、弊社はあまりNodeとかに乗り気ではなくて、PHPとかレガシーな技術を好む傾向にある。あまりリスクやコストを払いたくないというのは会社として当然で、Nodeにはそのどちらも少なからずあることは理解している。ただ、問題なのは、そのリスクやコストが弊社だと高すぎること。サーバサイドエンジニアのほとんど全てがPHP エンジニアで、イベントループ型のサーバーとか、Nodeのよう
peketamin 2015/02/18
リンク
GitHubデザイナーの人と話した - Axross.org
2014-06-07 GitHubデザイナーの人と話した GitHub 勉強会 Git Atom 昨日、GitHub Seminarが渋谷で開催されました。 Atomの作者の1人や、GitHub Seminarチームの人、GitHubのデザイナーの人なんかがGitHub Kaigiのために日本に来ていて、その「ついで」って感じでした。僕はそれがGitHub Seminarだとは知らずに来ていて、DoorKeeperのイベントページのURL見て後から気づきました…。 GitHubデザイナーの人と話したセミナーの後の懇親会で、GitHubのデザインをやってるCさんと話すことができました。僕は英語が苦手なので、同じGitHubチームの日本人の方に助けていただきました、ありがとうございました。 Cさんは8年ほどデザイナーをやっていて、しばらくフリーランスで働いた後、GitHubに参画した、っ
peketamin 2014/06/08
リンク
1