- 0.0.1. JavaScriptの『エラー解決に困ったとき』に見るサイト
- 0.0.2. つまづき1 JSXを返すときのセミコロン
- 0.0.3. 固定ヘッダがあるモーダル内でさらに内部ヘッダを固定する方法
- 0.0.4. JavaScriptな世界に少しTypeScriptの恩恵をもたらす
- 0.0.5. Javascript Tips
- 0.0.6. Error: Objects are not valid as a React child の解決方法
- 0.0.7. paizaランクC「Fizz Buzz」問題を3つのアプローチから解いてみる
- 0.0.8. 「RDSデータを長期的に格納」RDSからS3にスナップショットを自動的に輸出
- 0.0.9. TypeScriptの中級コース~TypeScriptにどっぷり浸かろう!~
- 0.0.10. TypeScriptの入門コース: 汗かいて学ぶTypeScript
- 0.0.11. オブジェクトのメソッドとプロパティの整理
- 1. タイトル
- 1.1. サブタイトル
- 1.1.1. マッチングアプリを作るときにTypeScriptとPythonのFlaskが重宝する理由
- 1.1.2. 【JavaScript】のincludesメソッドの使用方法
- 1.1.3. JavaScriptのエクスポート形式について
- 1.1.4. PHPとJavaScriptを使用したServer-Sent Events (SSE) 通信の実装方法
- 1.1.5. JavaScriptの即時関数(IIFE)について
- 1.1.6. [paiza]3Dプリンタ (paizaランク B 相当)
- 1.1.7. streamlitでクリップボードにコピーボタンを実装
- 1.1.8. 技術選定しよう! ~ ビルドツール編 ~
- 1.1.9. 【Jest✕React】Jestを用いたテストの実行時、「supabaseUrl is required.」が表示される。
- 1.1. サブタイトル
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