すべての記事

2023

レビュー

深層職場力 by Cal Newport

熱情は過度に美化されています。本の最初では、ジョブズのスピーチを引用して、ジョブズが言ったことと彼がしたことが違うと直接述べています。私は熱情は強制されるものではなく、あることをする過程で自然に生まれるものだと考えています。私はXXXに対して熱情を持っていますが、世界は通常、あなたの熱情ではなく、あなたの成果を求めています。

2022

フロントエンド

HTMLとCSSは多くの問題を解決できますが、JavaScriptも非常に重要です。

2017年に、HTML/CSSを使用して実現できるさまざまなレイアウトのテクニックについて共有された記事を読みました。初めて読んだ時、共感を覚え、当時知らなかったテクニックも学びましたので、皆さんにもおすすめです。JavaScriptはほとんどの問題を解決できますが、アクセシビリティの観点やパフォーマンス、バンドルサイズの観点から見ると、CSSで解決できる方が良いです。ただし、JSを使用しないことは完全に使用しないことを意味せず、両者にはいくつかの違いがあります。この記事では、再度上記の記事を読み直し、改善できると思われる点を指摘します。

フロントエンド

配置に役立つ擬似クラス

CSSのレイアウトを行う際には、対応するCSSスタイルを使用して処理を行います。場合によってはJavaScriptを使用する必要がありますが、実際にはCSSには多くの疑似クラスが存在し、これらをうまく活用することでCSSを簡素化し、不要なJavaScriptの実装を減らすことができます。また、過去とは異なり、ごく少数のブラウザのみがサポートしていたということもなくなりました。

雑談

ネット上のコメントは有毒です。

一つのことについてずっと疑問に思っていました。私の周りの友人たちは、通常、インターネット上で何かについてコメントすることはあまりありません。例えば、投稿の下にコメントを残すことや、Twitterで自分の意見を発表することなどです。しかし、プライベートなグループで質問をすると、良いアドバイスをもらえることが多いです。私が感じたことは、実際に人々はアドバイスやコメントをするのが好きなのですが、なぜ私たちの大部分がインターネット上であまりコメントしないのでしょうか?

フロントエンド

Sentry の Web Vitals を slack に統合する

現在、多くのウェブサイトでは、Web Vitalsの測定プロセスが導入されており、指標を定量化して改善すべき箇所を見つけることができます。しかし、あまり知られていないのは、Sentryが以前にもWeb Vitalsの統計機能を導入していたことです。この機能では、LCP、FP、CLSなど、Web Vitalsの各指標を統計することができ、開発者はバックエンドで関連するグラフを確認したり、平均値を表示することができます。非常に便利です。