すべての記事

2023

フロントエンド

HTML semantic タグより大事なこと

身為一位前端工程師，雖然我們不需要把全部的 HTML 標籤背得滾瓜爛熟，但是常見的 HTML 標籤與使用場景還是要有一定程度的了解，根據不同場景使用。 但是，使用語意化標籤的目的是什麼？我發現很多文章對於語意化標籤往往只停在表面，也就是討論某某標籤應該使用在哪裡，導致網頁上的標籤看似多彩繽紛，但使用者體驗卻沒有得到相對的提升。
レビュー

深層職場力 by Cal Newport

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

2022

フロントエンド

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

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

配置に役立つ擬似クラス

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