JavaScript関連のことを調べてみた

JavaScript関連のことを調べてみた

JavaScriptの『エラー解決に困ったとき』に見るサイト

エンジニアのみなさま、日々の学習本当にお疲れ様です!
また本記事まで足を運んでいただき本当に感謝です。
約2分程度で読めるので最後まで読んでもらえると幸いです。

# はじめに

エラーが発生したとき、みなさまはどのように対処していますか?
多くのエンジニアが最初に頼るのは、誰かが書いたブログ記事やフォーラムの投稿かもしれません。しかしながら、記事の情報が古かったり、記事自体の解釈が間違っていたりする可能性もあるため、解決までに時間がかかることも多々あります。

一方で、主観にはなりますが「できるエンジニア」と呼ばれる人は、 **公式ドキュメントやオープンソース** など、いわゆる **「一次情報」** と呼ばれる質の高いものに触れながら解決している人が多い印象です。

今回ご紹介するのは **Mozilla Developer Network(MDN)** になります。

MDNは、問題を解決するためのテーマが丁寧に書かれた **オープンソース** になります。
そのため、特に初学者のみなさまには心強いサイトになると考えます。

この記事では「JavaScript」を例にして、MDN

元記事を表示

つまづき1 JSXを返すときのセミコロン

UdemyのReact講座で少しつまづいたのでメモ

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853126/77b2bcb3-81c1-7cc3-1a61-d89f399e7528.png)

このようにセミコロンを消してくださいというエラーが出てしまったので原因を調査してみた

原因

セミコロンを書くことでreturn文の後のように使われていると判断されている

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853126/92c6f7f3-68bd-8d8c-8487-38c3d683d038.png)

上のように{}とreturn文を省略せずに書くとエラーが消えたことが分かった

まとめ

JSXを返す場合: セミコロンは必要ない。

元記事を表示

固定ヘッダがあるモーダル内でさらに内部ヘッダを固定する方法

## 説明

– `updateInnerHeaderPosition`関数は、外側のヘッダの高さを計算し、内部ヘッダの`top`プロパティを動的に設定します。
– ページが完全に読み込まれたとき(`DOMContentLoaded`イベント)、およびウィンドウがリサイズされたとき(`resize`イベント)にこの関数を呼び出します。
– `MutationObserver`を使用して、外側のヘッダに変更があった場合に関数を呼び出します。これにより、外側のヘッダの高さが動的に変更された場合にも内部ヘッダの位置が自動的に更新されます。

“`html





Fixed Header in Modal