あなたに合った学習プランは?LINE適正コース診断はこちら プログラミングが全て無料で学習可能!
プログラミング言語 - 忍者CODEマガジン

プログラミング言語の記事一覧

プログラミング言語の辞書

【CSS】position: fixedでヘッダー固定!表示崩れの対策とstickyの違い

CSSのposition: fixedの使い方を初心者向けに解説。追従ヘッダー、トップへ戻るボタン、中央配置のコード例から、要素が隠れる・z-indexが効かない・親のtransformでズレる原因まで整理します。
プログラミング言語の辞書

もう基準点で悩まない!CSSのrelativeとabsoluteの使い方を徹底解説

CSSのposition: relativeとposition: absoluteの違いを初心者向けに解説。absoluteの基準点がずれる原因、親にrelativeを指定する理由、バッジや画像ラベルの実務例、z-indexの注意点まで整理します。
プログラミング言語の辞書

【CSS】flexboxで上下中央揃えにする方法5選!効かない原因も解説

CSSで中央揃えする方法を、text-align、margin: 0 auto、Flexbox、Grid、positionの5パターンで解説。上下中央にするFlexboxの書き方や、中央揃えが効かない原因も初心者向けに整理します。
プログラミング言語の辞書

【CSS】displayの違いと使い分けを図解!block/inlineからflexまで

CSSでレイアウトを調整していると、display: block;、display: inline;、display: inline-block;の違いでつまずくことがあります。特に初心者の方は、「横に並べたいだけなのに縦に落ちる」「wid...
プログラミング言語の辞書

【CSS】疑似クラスと疑似要素の違いとは?一覧や複数指定の正しい書き方を図解

CSSの疑似クラスとは何か、疑似要素との違い、:hover・:nth-child・:not()など主要な疑似クラス一覧、複数指定やaタグの記述順の注意点まで初心者向けに解説します。
プログラミング言語の辞書

【HTML】tbodyタグは必要?役割や勝手に自動生成される理由を解説

HTMLのtbodyタグとは何か、必要性や書くメリット、ブラウザがtbodyを自動生成する理由、table > trでCSSが効かない原因、複数tbodyの使い方まで初心者向けに解説します。
プログラミング言語の辞書

【HTML】theadとthの違いとは?tbodyとの使い分け・必要性は?

HTMLのtheadタグとは何か、thタグとの違い、tbody・tfootとの使い分け、CSS管理・印刷・アクセシビリティ面でtheadを使うメリットを初心者向けに解説します。
プログラミング言語の辞書

HTMLのtrタグとは?td・thとの違い、borderが効かない原因と使い方を解説

HTMLのtrタグとは何か、td・thとの違い、テーブルの基本コード、trにborderが効かない原因、行ごとに背景色を交互に変える方法まで初心者向けに解説します。
プログラミング言語の辞書

【CSS】HTMLのfigcaptionを中央寄せにする方法|画像ごとのセンタリングも解説

HTMLのfigcaptionを中央寄せにする方法を、text-align: center; の基本から、figure・画像・キャプションをまとめて中央に配置するflexboxの使い方、キャプションを画像の上に置く方法まで初心者向けに解説します。
プログラミング言語の辞書

HTMLのspanにCSSが効かない原因とは?displayや優先順位も解説

HTMLのspanタグにCSSが効かない原因を、インライン要素の仕様やdisplay指定、セレクタの書き間違い、WordPressのキャッシュまで初心者向けに解説。色は変わるのにwidth・height・marginが効かない方も、チェックリストで原因を切り分けられます。
プログラミング言語の辞書

HTMLのasideタグとは?article・sectionとの違いや使い方

HTMLのasideタグとは何か、article・section・divとの違い、サイドバーでの使い方、広告・バナーの扱い、正しいコード例を初心者向けに解説します。
プログラミング言語の辞書

HTMLのmainタグとは?divやsectionとの違い・正しい使い方を解説

HTMLのmainタグとは何か、SEOやアクセシビリティでの役割、body・section・article・divタグとの違い、正しい記述ルール、コピペできる基本コードを初心者向けに解説します。