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

https://qiita.com/chuck0523/items/db94c2faa9147c74922d

kyaido 2016/10/07

javascript

リンク

社内でCSSの新しい方針について話したメモ - Qiita

社内で新しいドメインを設立するにあたり、CSS Modules, PostCSS, cssnextを試してみました。このスライドは、その際の説明に使ったものです。せっかくなので公開します。「プロトタイプ作成で試してみたけど、みなさんどう思いますか？」くらいの温度感。本番採用が確定したわけではありません。何かお役に立つことがアレば幸いです。以後、説明に使ったスライド。おしながき 1. コンポーネント時代のスタイリング 2. グローバルCSS、BEM、そしてローカルCSS 3. CSS Modules、そしてJSXへの割り振り 4. cssnextと、その書き方 5. 我々のPostCSSスタンダード新ドメインの CSS環境（案） CSS Modules css next PostCSS on webpack 何が変わるのか我々の今までのスタイリング sassで書くスタイルのモジ

kyaido 2016/08/19

リンク

【意訳】Webpackの混乱ポイント - Qiita

この記事はWebpack — The Confusing Partsを、筆者の許諾を得て意訳しています。何か誤りがありましたら、ご指摘いただけると幸いです。 (以下、訳) ReactとReduxで作られたアプリケーションにとって、Webpackは最先端を行くモジュールバンドラです。Angluar2やその他のフレームワークを使っている人々は、たいへんWebpackのお世話になっていることでしょう。私が初めてWebpackの設定ファイルを見た時、それはさながら宇宙人のようで非常にわかりづらく見えました。しばらく試しているうちに、今では次のように考えるようになりました。Webpackは単に独特のシンタックスと新しい哲学を持っており、それがとっつきにくさの原因になっているのだと。偶発的とはいえ、これらの哲学は、Webpackの人気を押し上げた原因の１つでもあります。 Webpackのとっつきに

kyaido 2016/04/16

webpack

リンク

[意訳]初学者のためのJavaScriptモジュール講座 Part1 - Qiita

このポストは以下の記事を、筆者の許諾を得て意訳したものです。 JavaScript Modules: A Beginner’s Guide 何か誤りがありましたら、ご指摘いただけると幸いです。（以下、意訳）はしがきもしあなたがJavaScriptの初心者だとしたら、以下の言葉は全く意味の分からないものかもしれません。モジュール管理 vs モジュール読み込み Webpack vs Browserify AMD vs CommonJS 等々…。それでもJavaScriptのモジュール周りについて、苦手意識を持たないでください。モジュールに関して理解することは、Webエンジニアにとっては必須科目なのです。このポストでは、カンタンな解説とコードサンプルによって上記のようなバズワードを解説します。このポストがあなたにとってお役に立つものでありますように。注：簡素化のために、このポストは

kyaido 2016/02/02

javascript

リンク

[意訳]私がGulpとGruntを手放した理由 - Qiita

このポストは、Why I Left Gulp and Grunt for npm Scriptsを筆者の許諾を得て意訳したものです。間違いがありましたら、ご指摘いただけると幸いです。（以下、訳）私はGulpとGruntが不要な抽象化レイヤーだと気づきました。npmのscriptsはとても強力で、そっちの方が便利だったりします。例を挙げましょう私はかつてはGulpが大好きでした。しかし結局のところ、100行ものgulpfileと大量のgulpプラグインを扱うハメになりました。Gulp上でWebpackやBrowsersync、Mochaなどを統合するのは本当にたいへんでした。なぜでしょうか？それは、プラグインによってはドキュメントが不十分だったり、APIの一部しか公開されていなかったためです。これらを解決しようと思えばできました。しかしなんとそれらのツールを直接使用すると不具合が