タグ

2016年11月11日のブックマーク (8件)

  • FLOCSSを使ってCSSファイルを20,000行から9,000行にした話 - Qiita

    入社して僕が最初にアサインされたのがこのプロジェクト。 サービスをスタートさせたのは今年の2月。最初は外注でとりあえずサービスを作ることに集中していたらしい... その結果、どのスタイルがどこに作用するか全く分からないCSSの魔境でした。 これでは簡単なページを追加するにも一苦労。 そこで、20,000行あるCSSファイルのリファクタリングに踏み切りました。 当時の問題 スタートアップのサービスなのでもっと機能を追加したり、変更したりしたいと言う要望は日に日に大きくなっていました。 一方で、実際に機能を作ったとしてもそれを view に反映させるのも日に日に苦しくなっていました。 僕たちを苦しめていた理由は以下の通りです。 どこにスタイルが作用しているか分からないので、CSSを安易に変更ができない。 新しい部品を付け足す時にCSSの影響範囲を考慮しなくてはならず、プロダクトのUI変更が困難

    FLOCSSを使ってCSSファイルを20,000行から9,000行にした話 - Qiita
    pirosikick
    pirosikick 2016/11/11
    すご
  • 游ゴシックは何故Windowsでかすれて見えるのか - Ryusei’s Notes (a.k.a. M59のブログ)

    この記事は2016年当時の状況を書いています。その後のバージョンアップで、Windowsでのフォントレンダリングは改善され、ガンマ補正周りのエラーはなくなっているようです。当時の状況を資料として残しておきますが、記事を参照する場合はご注意ください。 TL;DR 游ゴシック体は単に細いから薄いのではなく、ガンマ補正が2重、3重に掛かっているために、グレーが来よりも明るくなりすぎている。ガンマ補正を逆に掛けると、正常な表示になる。 かすれた游ゴシック Windowsでは游ゴシックがかすれて見える。細字だと薄くて読みづらいから、より太いウェイトを指定しろという話もある。(Windowsで游ゴシックが汚いのは、結局誰が悪いのか? | Cherry Pie Webなど)だが、かすれて見える原因は、ウェイトが細すぎるからではない。 例えば、文に游ゴシックを使っているWIREDの記事(「癌」という名

    游ゴシックは何故Windowsでかすれて見えるのか - Ryusei’s Notes (a.k.a. M59のブログ)
    pirosikick
    pirosikick 2016/11/11
    へぇー。どうしようもないな。マイクロソフトがんばれ。
  • System of Record と System of Engagement

    補足を以下に記載しています: https://www.wantedly.com/companies/ikyu/post_articles/42802

    System of Record と System of Engagement
  • 「威張ってはいけない時代」になったなあ。

    今は誰でも書いて発信できる時代になった。誠に喜ばしい。これこそ真の意味で、大衆文化の時代だと思う。 だが、残念ながら「大衆文化」はこれまであまり肯定的な文脈で捉えられることはなかった。大量消費文化と同一視されることが一般的だったからだ。 例えば、ヘブライ大学のユヴァル・ノア・ハラリは現在の支配的な考え方である消費主義について皮肉を言う。 今日では殆どの人が資主義・消費主義の理想を首尾よく体現している。この新しい価値体型も楽園を約束するが、その条件は富める者が強欲であり続け、更にお金を儲けるために時間を使い、一般大衆が自らの渇望と感情にしたい放題にさせ、ますます多くを買うことだ。 これは信奉者が求められたことを実際にやっている、史上最初の宗教だ。 だが引き換えに当に楽園が手に入ると、どうしてわかるのか?それはテレビで見たからだ。*1 発信手段を独占していたマスメディアは企業と結びついて消

    「威張ってはいけない時代」になったなあ。
  • High Performance Images

    Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. High-quality images have an amazing power of attraction. Just add some stunning photos and graphics to your website or app and watch your user engagement and conversion numbers climb.

    High Performance Images
  • Webpack2のTree Shakingを試す - Qiita

    社内勉強用資料。 Tree Shakingとは? ESモジュール形式で書かれたコードをbundleして一つのファイルにする時に、exportしているけどどこからもimportされていない、使われていないコードを削除する機能のことです。 もともとはrollupというBundlerに実装されていた機能ですが、webpackの次バージョンであるwebpack2にも実装されているということで試してみました。 webpack2のTree Shakingの仕組み Tree-shaking with webpack 2 and Babel 6 上記記事に詳しく書いています。簡潔に説明すると、まず、ESモジュール形式で書かれたJSファイルを全て結合し、そのタイミングでどこからもimportされていないexport文を消してしまいます。あとは、コードをminifyするタイミングで完全に取り除かれるという感じ

    Webpack2のTree Shakingを試す - Qiita
    pirosikick
    pirosikick 2016/11/11
    書いたー
  • GitHub - dop251/goja: ECMAScript/JavaScript engine in pure Go

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - dop251/goja: ECMAScript/JavaScript engine in pure Go
  • null安全を誤解している人達へのメッセージ - Qiita

    先日koherが投稿した記事が多く読まれたようです。記事の内容は僕とkoherが普段話してきた内容が多く登場しているため、僕が人々に伝えたい内容とも強く合致しています。しかし残念な事にインターネットの反応を見ていると、誤解しているケースが思ったより多くありました。 そこで、ネットで見られた意見に対して返答を書きました。 特定の実在する意見は指さずに、僕が感じ取った文脈を編集したものを対象にします。それによって、「そんな事言われてないじゃないか」と思うものがあれば、僕としてもそのほうが嬉しいのでそれで問題ないです。 「たしかにそうだ」と思ってnull安全に今一度興味をもってもらえれば嬉しいです。 なお、記事中のコードは特に言及が無ければswiftです。 意見: null安全があっても、ちゃんとやるのを忘れているかもしれないのでは 忘れません。ちゃんとやらないと、コンパイルが通らないからです。

    null安全を誤解している人達へのメッセージ - Qiita