「Reactの学習で必ず登場するuseStateが何をしているのかわからない」「Reactでpropsの渡し方がうまくできないことがある」「なんでコンポーネント化をしないといけないのか謎なまま学習している」 Reactな […]
Tips
Tips
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サービスののログイン機能で必要なパスワードですが、ユーザーがセキュリティに配慮したパスワードを考えるのは難しいです。 最近ではプログラムで自動でパスワードを生成するのが当たり前になり、仕組みをザックリ言うと「ランダ […]
Tips
aタグではなくJavaScriptで画面を移動させる方法【location】
Webページにおいて画面遷移するにはHTML上でaタグを使ってリンクを設置します。 実はJavaScriptを使っても画面遷移ができることをご存知でしょうか？ 今回はHTMLのaタグを使わずにページの移動をする簡単な方法 […]
Tips
【React】fetchメソッドを使ってAPIからデータを取得する
Webアプリケーションを開発する場合、APIからデータを取得して表示することがよくあります。 過去の記事でJavaScriptで標準で用意されているfechメソッドを使ったAPIの取得を紹介しましたが、fetchメソッド […]
Tips
初心者向け！JavaScriptで日付、時間の取得や操作する方法【Date(), toLocaleString()】
WebアプリやWebサイトで時刻を表示する機能や、特定の日付から何日後かを計算するなどの日付と時刻に関する処理は頻出の作業です。 JavaScriptの場合だとDateというクラスが用意されていて、Dateを使うことで色 […]
Tips
JavaScriptでよく使う型の変換3選を紹介【String, Number,parseInt】
脱初心者になるための一歩として、プログラミングではデータの型を意識することが大切です。 実際の作業でもデータ型を変換する場面がよくあります。 例えば、文字列から数字に変換することや、反対に数字を文字列に変換したい場面など […]
Tips
JavaScriptで桁数を揃える方法と使えないパターンを解説【padStart,padEnd】
「2023/1を2023/01と表示させたいのにやり方がわからない」「12.34や14.5など桁数が違うことでテキストの長さが変わってしまうような経験がある」「数字を使ったテキストのデザインを正確にやりたいけど難しそうで […]