HTMLの head と header タグの意味と違いを理解しよう!

HTML, CSS, JavaScript

HTMLのタグには、<head> と<header>という非常に似ている名前のタグが存在します。名前は似ていますが、意味と役割は全く違うのできちんと区別しましょう。

結論から言えば、<head>はブラウザのため、<header>はユーザーのためのものです。フロントエンドエンジニアの面接でも、よく聞かれる項目です。

続きを読む

なぜReactではkey propsが必要なのか?

React

Reactで何かのリスト(arrayの中の要素など)をレンダーする際にkey propsをつけ忘れると、warningで怒られた、という経験のある人もいるのではないでしょうか。そして、なんとなくkeyをつけておしまい、という人が多いような気がします(過去の僕も含め。)

この記事で「なぜReactではkey propsを加える必要があるのか」を、まとめます。結論から言えば、key propsはパフォーマンスに影響してきます!

続きを読む

【2019】僕の地元!山口市のおすすめランチ

松花堂弁当のメイン4品

どうも!シドニー在住エンジニアのワタです。実は、僕の地元は山口県なんです。年に数回は山口市に帰省し、家族や友人とランチをします。山口市は、和食を中心にレストランのレベルがとても高いのです。ですが、人口が少ないためハイレベルなレストランなのに、混雑しておらず、ゆっくりとランチを食べることができます。山口最高です。

ちょっと豪華なランチ、和食、ラーメン等、おすすめのランチスポットを紹介していきます。随時更新中です!

続きを読む

【レビュー!】JALの成田ファーストクラスラウンジ【2019年4月リニューアル】

寿司カウンター「鶴亭」

どうも!シドニー在住エンジニアのワタです。

今日は、2019年10月日本へ一時帰国した時に、成田空港国際線(第2ターミナル)にあるJALの成田ファーストクラスラウンジに寄ってきたのでレビューします。2019年4月にリニューアルオープンしたばかりのラウンジは、和の要素を取り入れた高級感のあるラウンジでした。本格的な鮨カウンターと、シューポリッシュのサービスがあるのが特徴のラウンジです!

続きを読む

構造化データを追加しGoogle検索結果の表示にサイトナビゲーションを表示する方法

search engines

どうもフロントエンドエンジニアのワタです。

今日は、SEO関連のトピックです。グーグルで検索した際、色々な形式で検索結果が表示されています。画像のサムネイルが並んでいたり、サイトリンク検索ボックスが表示されていたりします。その中で、今日は構造化データを追加しサイトナビゲーションを表示する方法について、実装方法、データ形式の種類、テストツール、注意点などを解説します。

続きを読む