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

社内で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で書くスタイルのモジ
nabinno 2018/08/26
qiita

cssnext

altcss

cascading-style-sheets

style-sheet-language

html
リンク
Express, Node.js, RethinkDB, Thinkyを使って作るリアルタイムWebAPI - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
nabinno 2017/05/27
qiita

express.js

node.js

javascript

html

rethinkdb

thinky

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

webpack

module-loader

javascript
リンク
https://qiita.com/chuck0523/items/43e65cd801e8c8489235
- 7 users
- qiita.com
- 学び
nabinno 2016/12/17
qiita

express.js

node.js

javascript

react

webpack

relay.js

graphql
リンク
https://qiita.com/chuck0523/items/db94c2faa9147c74922d
nabinno 2016/10/08
futures-and-promises

software-design-pattern

concurrent-computing

javascript
リンク
【意訳】たった今、npmのパッケージを解放しました。
このポストは以下の記事を意訳したものです。 I’ve Just Liberated My Modules - Medium.com Twitterでフロント系のエンジニアの方がざわついていたので訳しました。間違いが有りましたら、ご指摘いただけると幸いです。以下、意訳。数週間前、特許弁護士が私にメールをよこしました。メールの内容によると、私の作成した"kik"パッケージをnpmから削除せよ、とのことでした。返答としては"No"でしたが、弁護士からは次のような返信が来ました。"悪いとは思いますが、kikは我々の登録済の名称ですので、あなたの家に弁護士がやってきてあなたのアカウントを取り下げてもらうことになるでしょう。" 私が"kik"のコードを書き始めたとき、同名の企業があるなんて知りませんでしたし、企業に名前を変えさせられるなんてゴメンです。要求を拒絶された彼らは、npmのサポートに対し
nabinno 2016/03/23
hatena-bookmark
リンク
[意訳]グローバルCSSの終焉 - Qiita
このポストは以下の記事の意訳です。 The End of Global CSS 何か間違いなどありましたら、ご指摘いただけると幸いです。 (以下、訳) CSSセレクタはすべて同じグローバル空間に存在しています。 CSSに触れた人は皆、以下のような見解に至っていることでしょう。 CSSの考えはドキュメントの時代に設計されたもので、今ではモダンなウェブアプリケーションのためのマトモな開発環境を提供することが困難であると。全てのセレクタには意図しない副作用を起こす可能性があり、期待と違う要素にスタイルが適用されてしまったり、他のセレクタと競合してしまったりします。さらに驚くべきことに、セレクタはグローバル空間で詳細度の競争に負けることもあり、ページのデザインに全く影響を持たなくなることだってあり得るのです。 CSSファイルを変更する時はいつでも、スタイルが適用されるグローバル空間について慎重に
nabinno 2016/02/09
hatena-bookmark
リンク
[意訳]初学者のためのJavaScriptモジュール講座 Part1 - Qiita
このポストは以下の記事を、筆者の許諾を得て意訳したものです。 JavaScript Modules: A Beginner’s Guide 何か誤りがありましたら、ご指摘いただけると幸いです。（以下、意訳）はしがきもしあなたがJavaScriptの初心者だとしたら、以下の言葉は全く意味の分からないものかもしれません。モジュール管理 vs モジュール読み込み Webpack vs Browserify AMD vs CommonJS 等々…。それでもJavaScriptのモジュール周りについて、苦手意識を持たないでください。モジュールに関して理解することは、Webエンジニアにとっては必須科目なのです。このポストでは、カンタンな解説とコードサンプルによって上記のようなバズワードを解説します。このポストがあなたにとってお役に立つものでありますように。注：簡素化のために、このポストは
nabinno 2016/02/03
browserify

module-loader

javascript
リンク
[意訳]私がGulpとGruntを手放した理由 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? このポストは、Why I Left Gulp and Grunt for npm Scriptsを筆者の許諾を得て意訳したものです。間違いがありましたら、ご指摘いただけると幸いです。（以下、訳）私はGulpとGruntが不要な抽象化レイヤーだと気づきました。npmのscriptsはとても強力で、そっちの方が便利だったりします。例を挙げましょう私はかつてはGulpが大好きでした。しかし結局のところ、100行ものgulpfileと大量のgulpプラグインを扱うハメになりました。Gulp上でWebpackやBrowsersync、Mo
nabinno 2016/01/29
hatena-bookmark

gulp

grunt

webpack

javascript
リンク
再帰関数を学んでワンランク上のJavaScriptエンジニアになろう！ - Qiita
まえがきはじめまして！11月入社の新人エンジニアです。この記事はLivesenseアドベントカレンダーの10日目の記事になります。本日はJavaScriptを使った再帰関数について書いていきます。どうぞお手柔らかに。訓示 "なぜ開発言語としてJavaScriptを選ぶのかという問いには、一言で返すことができます。リーチの大きさです" Michael Fogus 想定している読者 JavaScriptをそこそこ書ける。（スキル判定表で初心者〜中級者くらい？？）でももっと高度なJavaScriptが書きたい。というか関数型プログラミングに興味がある。参考図書この記事を書くにあたって、オライリー・ジャパンの「JavaScriptで学ぶ関数型プログラミング」にお世話になりました。とても素晴らしい本なので、ぜひ手にとってみることをオススメします。個人的には「開眼！JavaScrip
nabinno 2015/12/11
underscore.js
リンク
1