たった一行で重いスクロールが軽快に！will-change属性を付けるとFPSが上がる理由 - Qiita
HTMLやCSSのパフォーマンスチューニングを皆さん普段意識されているでしょうか？ フロントエンドはJavaScriptの進化と共にアプリケーションが年々複雑化してきたこともあり、パフォーマンスチューニングのトピックを目にする機会が増えました。 しかしHTMLやCSSも同様にレンダリングの仕組みを少し知り、それに応じた実装することでパフォーマンスを大きく上げることも可能です。 今回は最もシンプルかつ分かりやすい事例として、will-changeプロパティについて紹介したいと思います。 サンプルを使ってFPSを実際に測定してみる 今回はサンプルとして、TwitterのツイートにあたるHTML構造と同じものを4000個縦に並べ、高さ400pxでスクロールできる領域を用意し、スクロール時のFPS(Frame Per Second)を測定してみました。 // この実装は実質たった3行！ const
グーグルに制裁金62億円余「個人データ保護規則違反」 仏 | NHKニュース
フランスの当局は、個人データの保護を企業などに厳しく求めるＥＵ＝ヨーロッパ連合の新しい規則に違反したとして、アメリカの大手ＩＴ企業グーグルに対し日本円で62億円余りの制裁金を科すと発表しました。 個人データの保護を管轄するフランスの当局は21日、グーグルがこの規則に違反したとして5000万ユーロ（62億円余り）の制裁金を科すと発表しました。 その理由として、グーグルは広告に利用するために集めた個人情報の保管期間や利用目的などの情報を利用者にわかりやすく提供していない、と指摘しています。 さらに、利用者が一度、個人情報の提供に同意すると、グーグルの検索サイトだけでなくグーグルマップやユーチューブなどさまざまなアプリケーションでそのデータが広告に利用されていることを利用者に十分に伝えておらず、深刻な規則違反にあたるとしています。 個人データの保護を厳しく求めるＥＵの新しい規則のもとで大手ＩＴ企
SoftEther VPN のライセンスを GPLv2 から Apache License 2.0 へ変更したことの宣言書 (日本語版) - SoftEther VPN プロジェクト
SoftEther VPN のライセンスを GPLv2 から Apache License 2.0 へ変更したことの宣言書 (日本語版) PDF 版はこちら 日付: 2019 年 1 月 21 日 SoftEther VPN Project 開発ボードメンバー一同 SoftEther VPN Project 開発ボード (The Development Board of the SoftEther VPN project) は、ここにライセンス条件を GNU General Public License version 2 (GPLv2) から Apache License version 2.0 に変更したことの宣言書を公表する。ライセンス条件の変更は、この宣言書が公開された後に、直ちに効力を有する。 我々は、このライセンス条件の変更をご承認いただいた、すべてのコントリビューターに対し、
プログラミングを目的にしてもいいと思う | κeenのHappy Hacκing Blog
文系でプログラマーになったけど色々失敗して３年半で会社を辞めた話｜denkigai｜noteという記事を読みました。 この記事に書かれていることが私の身にも覚えがあります。特に私と同い年の方のようなので自分に重ねてしまうところもあります。 ですが多少似たところはあってもやっぱり他人なので全然違う体験もしています。そういう体験を書いてみようと思います。もし該当記事を読んで絶望した人がいるなら別の例もあるよということで参考にしてください。 私は「パソコンの中身が知りたい。多分プログラミングとかいうやつを勉強したら分かる気がする。」くらいのモチベーションでプログラミングをはじめました。 ゴールがあやふやですし、結局のところ「プログラミングをする」が目標になってるので迷子になるのは必至ですね。実際そういう時期がありました。 そんな私でも今はプログラマとして生きています。以下に、私が遭遇した課題とそ
GraphQLのFragment colocationとvariablesでモヤついている - Qiita
最近、空いた時間でチマチマとApolloを触っているのだけど、どうも腑に落ちないことがあったのでメモを残しておきます。 先に言っておきますが、特に何の結論もないです。 GraphQLのFragment colocationとは 僕が直面している課題感を説明するために、クライアントサイドGraphQLにおけるFragment colocationについて整理してみましょう。 "colocate" という単語自体、普段はそうそう耳にしないと思います（僕もGraphQLの文脈以外で使ったことがない）。「一緒に配置する」といった意味のようです。 では、何と何を一緒に配置するのでしょうか。それはGraphQLクエリとコンポーネントです（ここでのコンポーネントは、ReactやAngularにおけるViewの部品単位を指します）。 GraphQLの大きな特徴の1つに「クエリのレスポンスに含まれるデータは
書評「入門 監視」雰囲気で監視をやっているすべての人にオススメ | DevelopersIO
監視という一種マニアックな領域を真正面から解説した貴重な本です。監視で悩む人のみならずシステム開発に携わるすべての人にオススメ。 「全然わからない。俺たちは雰囲気で監視をやっている」 自分はAWS事業本部コンサルティング部所属ということもあって、いろんなお客様にAWSインフラのコンサルティングしてます。最初のインフラ構成設計時に監視の話をすることも非常に多いんですが、 「どうしましょう。CloudWatchでいけますかね？」 「MackerelとかDatadogとかもありますが、どうしましょ。マネージドとの違いは〜」 「とりあえず、ディスク使用率80%でしきい値設定しておきましょうか。みんなそうしてますよ」 とか言っていた昔の自分に見せつけたい本、それが今回紹介する「入門 監視」。 監視設計の原則がよくわかんない メトリクスのしきい値決めるところから監視を考えてしまいがち よく考えずに、い
自作のOSSライブラリをFlowからTypeScriptに全面移行した理由と所感 - ここぽんのーと
パラメーター調整用のJavaScriptライブラリ「Tweakpane」について、FlowからTypeScriptに全面移行したので、その理由と所感を。 3行まとめ 業界におけるFlowのマイナーさ・不人気を憂い、調査も兼ねてTypeScriptへ移行してみた 型の表現力自体はそれほど変わらず、周辺ツールのサポートも特に問題なし 複雑だったパッケージの依存関係がシンプルになり、minify後のサイズも小さくなっていい感じ JavaScriptと型 JavaScriptは明示的な型を持たないプログラミング言語です。コードを気軽に書き捨てられる寿命の短い案件ならそれでも問題ないのですが、大規模かつ長期的に保守運用するプロジェクトには正直不向きでしょう。 JavaScriptに型を導入するための選択肢として挙がるのがFlowあるいはTypeScriptですが、それぞれアプローチが異なっています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
暗黙知シェアサービスができるまで
これまでに書かれた最も洗練されたソフトウェア/コードは何ですか？
同時に複数のプログラミング言語を学ぶことは非効率だと思いますか？