鷺坂りな @TechMania編集部

1/23ページ
  • 2024.02.16

SQLの「INNER JOIN」を基礎からわかりやすく解説

「JOIN」句は、複数のテーブルをまとめる「テーブル結合」を行うクエリ(命令)で、主にSELECT文と併用して複数のテーブルから関連するデータを効率的に抽出するのに使用されます。JOIN句は用途によって大きく5つに分けられますが、なかでもデータベース操作で重宝されるのが「INNER JOIN」句です。 本記事では、そんな「INNER JOIN」句の基本的な概念と、その具体的な使用方法を中心に詳しく […]

  • 2024.02.16

【決定版】CSSで要素を横並びにする3つの方法

HTML要素を横並びにするCSSプロパティは複数あります。本記事では、サンプルコードを用いて要素を横並びにするCSSプロパティの種類と使い方を解説します。 「float」で要素を横並びにする floatとは floatは、指定した要素を浮かせた状態にして、ほかの要素を回り込ませるCSSプロパティです。floatプロパティを用いることで縦に並んでいるHTMLの要素を横並びに配置できます。 float […]

  • 2024.02.09

CSSのmarginやpaddingを完全に理解して余白を制す

余白はWebページを見やすくするうえで重要です。しかし、marginとpaddingがあってそれぞれにルールがあり…と混乱しやすく、挫折しかけているという人も少なくないでしょう。そこで本記事では、余白の指定方法を使いこなせるよう、margin・paddingについてステップバイステップで解説していきます。ぜひ今後のCSS学習に役立ててください。 marginとpaddingの違い まず、両者の違い […]

  • 2024.02.02

【SQL】NULLの扱い方をサンプルコードで分かりやすく解説

NULLの判定には「IS NULL」や「IS NOT NULL」を使用しますが、その扱いには注意が必要です。本記事ではデータベースにおける「NULL」値について解説します。ぜひ今後のSQL学習の参考にしてください。 そもそも「NULL」とは? NULL値とは、値と言っていますが、わかりやすく言うと、「データが存在しない」という概念です。データベースにおいては、フィールドに値が入力されていない場合に […]

  • 2024.02.01

コピペだけ!CSSの見出しデザイン30選【サンプルコード】

本記事では見出し(h1〜h6タグ)のデザインパターンを30個紹介します。CSSコードをコピペするだけで利用できます。また、組み合わせて自分好みのデザインにすることも可能なのでぜひいろいろ試してみてください。 プログラミングの基礎からサイト制作まで↓実践力が身につくプログラミングスクール↓ ≫モニター割引キャンペーン実施中!≪ HTMLコード 本記事ではすべて、以下のHTMLコードを使用します。 C […]

  • 2024.01.26

Composition APIとは?Options APIとの違いや書き方をサンプルコードで解説

Composition APIとは? Composition APIとは、Vue3から導入された新機能で、コンポーネントを実装するAPIを指します。「リアクティブな値やそれに関連した関数をコンポーネントから切り離して扱える」という特徴を持つことから、コードの再利用性や保守性の向上が期待されています。Vue2のサポートが2023年12月31日をもって終了したため、Vue2からVue3への移行を検討し […]

  • 2024.01.26

【SQL】データを抽出するSELECT文の使い方を基礎から解説

SQLのデータ操作言語(DML:Data Manipulation Language)には、以下の4種類がありますが、本記事では、特に利用する機会の多い「SELECT」文について基礎から解説します。 INSERTデータテーブルにデータを追加するSELECTデータテーブルの格納データを検索するUPDATEデータテーブルの格納データを更新するDELETEデータテーブルの格納データを削除する SELEC […]

  • 2024.01.19

マークダウン記法とは?基礎知識や書き方をサンプルコードで解説

マークダウン記法とは マークダウン記法とは、テキスト構造を記述する「マークアップ言語」の一つです。マークアップ言語にはHTMLやXMLもあります。Webブラウザなどで表示することを想定した記法であり、マークダウンの記述ルールで記述した内容は変換ソフトを使えばHTML形式などに変換できます。ただ、その記法の簡易さから、そのままテキスト文書としても読みやすいという特徴があります。 マークダウン記法とH […]

  • 2024.01.19

HTMLで画像リンクを貼る方法をサンプルコードで解説

Webサイト制作において画像をクリックすると商品ページや申し込みフォームに遷移させたいといった場合など、画像リンクの用いられる機会は非常に多くあります。本記事では、HTMLで画像をリンクとして設定する方法を、サンプルコードを用いて具体的かつわかりやすく解説します。 画像リンクとは 画像リンクとは、Webページ上で画像自体をハイパーリンクとして機能させることで画像をクリックすると別のWebページに遷 […]

  • 2024.01.19

【決定版】CSSで要素を中央に配置する方法を解説

「CSSで要素を中央に配置する」といってもHTML要素の種類や中央配置にする方向などによって取る方法は異なります。それぞれの手順は難しいものではありませんが、単純にやり方が複数あることで難しく感じてしまう人もいるでしょう。 プログラミングの基礎からサイト制作まで↓実践力が身につくプログラミングスクール↓ ≫モニター割引キャンペーン実施中!≪ 【予備知識】ブロック要素・インライン要素・インラインブロ […]

1 23