Reactでリスト表示をする際に、配列データが空であるならリスト自体を表示しない作り方をすることがあります。 しかし初学者向けの学習教材やYoutube動画で紹介されている方法の中には、実務では使えないものがあり今回は実 […]
Tips
【React】mapで配列データの中身がないときは非表示にする方法【length】
Tips
Tips
Reactのコンポーネント内で関数を呼び出すときの書き方の違い【onclick, onchange, アロー関数】
「JavaScriptの関数の書き方には種類があるけど使い分けがわかっていない」「同じようなプログラムでもググって出てくるサンプルコードが微妙に違うのが謎に感じる」「コンポーネントで関数を呼び出すのに上手くいかないことが […]
Tips
【React】データのidをlengthで配列の要素数(長さ)にしてはダメ！
今回はReactでToDoアプリなどを作成する際の、タスクにidを付与する方法について考えてみましょう。 初学者向けの教材やYoutube動画で紹介される、配列の長さをidとして利用するのは簡単で便利そうに見えます。 し […]
Tips
JavaScriptのthenの間違った使い方はこちら【return(戻り値)が大事】
「非同期処理がイマイチ分かっていない」「ググってやるけどfetchメソッドで上手くAPIを取得できないことがある」「thenの書き方で{ }のあるものと無いものは書き方の好みだと思っている」 本日はそんな方に向けてJav […]
Tips
floatで画像とテキストを横並びにする方法と解除のやり方
「floatを使うとなぜかレイアウトが崩れる」「画像にテキストを回り込ませるようなレイアウトを作りたい」「floatについてググるとclear: both;というのが書かれているけど意味がわかっていない」 本日はそんな方 […]
Tips
【React】propsとuseStateとは何かをザックリ解説
「Reactの学習で必ず登場するuseStateが何をしているのかわからない」「Reactでpropsの渡し方がうまくできないことがある」「なんでコンポーネント化をしないといけないのか謎なまま学習している」 Reactな […]
Tips
nonidexとnofollowとは何か？書き方と違いを解説します
「noindexとnofollowの意味を後輩など他人にわかりやすく説明する自信がない」「ブログ運営を任されて色んなマーケティング用語がわからず混乱している」「noindexとnofollowはSEO対策のために使用する […]
Tips
CSSでheight: 100%;が効かない失敗例を解決法と一緒に紹介
「heightの指定で100%と100vhの違いがわかっていない」「height: 100%;にしているのになぜかレイアウトが崩れることがある」「親子関係になっている要素では親と子のどちらに高さを指定すれば良いか悩むこと […]
Tips
HTML、CSSでホームページに表を作る方法を解説【table, tr, th, td, thead, tbody, tfoot, caption】
「サイト制作で料金表などの表形式のコーディングが苦手」「テーブルのコーディングでtr,th,tdなどのそれぞれのタグが何の役割か答えられない」「ググってサンプルコードを探していると、tbodyがあるのと無いのがあるけど違 […]
Tips
JavaScriptの乱数でパスワードジェネレータ（自動生成）を作る
Webサービスののログイン機能で必要なパスワードですが、ユーザーがセキュリティに配慮したパスワードを考えるのは難しいです。 最近ではプログラムで自動でパスワードを生成するのが当たり前になり、仕組みをザックリ言うと「ランダ […]