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】僕の地元！山口市のおすすめランチ

松花堂弁当のメイン４品

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

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

続きを読む

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

寿司カウンター「鶴亭」

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

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

続きを読む

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

search engines

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

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

続きを読む