タグ

ブックマーク / qiita.com/usagi-f (3)

  • Webパフォーマンス虎の巻

    Webパフォーマンス向上施策のために、今更ながら超速1を読んだので、今までの自分の知見と合わせてまとめてみます。 なるべく柔らかく、**改善施策ってまず何をどうすればいいの?**という疑問を持った人に向けて書いています。 ▪️格言 そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。 引用元: テクニックではなく、今、気で取り組むべきWebパフォーマンス (html5jパフォーマンス部 部長 竹洞さん) 心得 パフォーマンス向上に対する施策は大別すると以下の2通り 軽量化 (単純にやりとりするデータ容量を小さくすること) 圧縮 削除 最適化 (その時に最も適している実装・実行をとること) 経路・順番の変更 非同期 もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。

    Webパフォーマンス虎の巻
  • 未経験者が触るPolymer 3.0 preview - Qiita

    Polymer Advent Calendar 2017 6日目の記事です。 webcomponentsの実装がブラウザで進み、かなり現実性を帯びてきたのでPolymerも3.0のpreviewが出たということでこの機会に触ってみることにしました。 Hands-on with the Polymer 3.0 preview ベースとしてはこの記事をなぞっていくことになります。 JavaScriptを多少書ける人間が、Polymerのファーストインプレッションがどうだったかをお届けできればと思います。 シンプルに動かしてみる 私は普段Reactで開発することが多いのですが、いままで自分が行ってきたような開発スタイルからどれくらい離れずに開発ができるのかを注視して触ってみることにしました。 Setup / Import まずは必要なパッケージをインストールします。この辺りは特に変わらずです。

    未経験者が触るPolymer 3.0 preview - Qiita
  • CSSのクラスにスコープを与えるシンプルな方法 - Qiita

    CSS Advent Calendar 2017 18日目の記事です。 問題点 皆さんCSSで苦しんでますか?はい、私も苦しんでいます。 UIのコンポーネント実装が主流になってきて、JavaScript側が発達したおかげでCSSの各種問題を解決する仕組みもいろいろと出てきました。CSS in JSはそれの代表的なものですが、個人的には以下のような点に少し問題を感じています。 完全に埋め込まれてしまうとデザイナー・エンジニア間の協業難易度が増す CSS側の実装難度が増す(便利な書き方が制限されがち) これを解決するために、バンドラー側の設定を変更してうまいことimportするものもありますが、それはそれで設定ファイルが複雑化したりビルドプロセスに影響が出たりと、どうにもJSとCSSの悪魔合体感が問題に感じます。 当に解決したいこと CSS質的に解消したいことは、やはり常にグローバル変数

    CSSのクラスにスコープを与えるシンプルな方法 - Qiita
  • 1