鷺坂りな @TechMania編集部

8/28ページ
  • 2023.12.29

CSSフレックスボックス(display:flex)とは?使い方をサンプルコードで解説

CSSにはHTML要素を横並びにするプロパティがいくつか存在します。しかし、レイアウトが崩れてしまう、float単体だと使いづらいと、お困りの人に紹介したいのが「flexbox」というプロパティです。 本記事では、HTML要素を横並びにするCSSプロパティの新定番「flexbox」とその使い方を紹介します。サンプルコードを用いて解説するのでぜひ参考にしてください。 あなたのご希望に沿った案件が必ず […]

  • 2023.12.22

【CSS】擬似要素とは?::beforeや::afterの使い方を解説

CSSの要素名やクラス名の後に「:before」や「:after」といった記述がされていることがあります。これらは「擬似要素」といい、HTMLのソースコードに影響を与えずにスタイルを追加できます。とても便利な要素なのでその記述方法や使用場面を十分に理解して活用しましょう。本記事ではその擬似要素の基本からサンプルコードを用いた活用例まで段階的に解説していきます。 擬似要素とは CSSの擬似要素とは、 […]

  • 2023.12.22

【CSS】改行ルールの設定方法!brタグを使わずに改行しよう

Webページ制作において、意図せぬテキスト改行で表示が崩れてしまった経験はありませんか?テキストの改行は、Webページのデザインを定義するCSSで設定できます。本記事では「CSSでテキストをbrタグみたいに改行したい」「改行させたくない」「英単語の途中で改行させたくない」「記号の前で改行させたくない」というように、目的別に分けてCSSでの改行に関するルールの指定方法を解説します。 あなたのご希望に […]

  • 2023.12.15

ER図とは?書き方をサンプルコードでわかりやすく解説

データベース設計で用いられる手法の一つであるER図。しかし、書き方が分からないという人も多いのではないでしょうか。そこで、本記事ではER図の概要から、数種類ある記法の中でもテキストでグラフやチャートを描けるmermaid記法によるER図の書き方まで、段階的に解説します。サンプルコードも記述するので学習の参考にしてください。 まずはER図の言葉の意味とER図に出てくる用語についてみていきましょう。 […]

  • 2023.12.15

Vue.js3とは?特徴・環境構築のやり方を解説

Vue.js3とは? Vue.js3とは2020年9月にリリースされたVue.jsのバージョンです。従来のバージョンよりも軽量になったことで処理速度向上しました。また、従来で抱えていたJavaScriptとTypeScriptの互換性の問題を解消したことで保守性も向上しました。また、Composition APIなどの新機能も実装され性能が格段に向上しました。 Vue.jsの歴史 Vue.jsはE […]

  • 2023.12.15

CSSとは?メリットや基本的な書き方を解説【テンプレートあり】

CSSとは CSS(Cascading Style Sheets)とは、Webページをデザインやレイアウトを指定するスタイルシート言語です。CSSの主な役割としてはHTMLで配置した文字や画像、表といったコンテンツのデザインやレイアウトです。HTMLで作成したWebページの土台にデザインやレイアウトを定義します。CSSを使用することでWebページの見栄えをよくすることができます。 Webページのメ […]

  • 2023.12.15

HTMLとは?【入門】CSSの違いやメリット、主要なタグを解説

HTMLとは HTMLとは「Hyper Text Markup Language」の略称でWebページにおける文書の論理構造や表示方法を記述するためのマークアップ言語を指します。HTMLはWeb技術の標準化を行う非営利団体「W3C」によって標準化されており、大抵のWebブラウザには標準でHTMLを扱える仕様になっています。 「ハイパーテキスト」は複数のテキストデータの関連付けを行う機能をもつ仕組み […]

  • 2023.12.10

HTMLでよく使うタグ一覧!基本の使い方を解説

HTMLタグとは HTMLタグとは、マークアップ言語「HTML(HyperText Markup Language)」の要素名を「<」と「>」で括った部分を指します。テキスト文書にHTMLタグを記述することでテキスト文書の構造や表示方法といった制御情報を付帯します。HTMLタグをつけることで、コンピュータが文書構造を理解し、それに沿ってWebページを表示します。そのため、タグの組み合わ […]

  • 2023.12.10

Webサイトの作り方【3分でわかる】手順と注意点

高い専門知識がなくてもだれでも手軽にWebサイトを制作できるようになりました。作成方法はいくつかありますが、完全に外注する場合を除いて一定の知識は必要になります。そこで、本記事ではWebサイト作成に必要な基礎知識から作成手段と実際の手順、作成後の注意点について解説します。 プログラミングの基礎からサイト制作まで↓実践力が身につくプログラミングスクール↓ ≫モニター割引キャンペーン実施中!≪ Web […]

  • 2023.12.04

HTMLにCSSをstyleで直書きする方法をサンプルコードで解説

HTMLにCSSを直接書き込む方法 styleをHTMLファイルに書き込む方法には次の3種類があります。※3つ目は非推奨なので番外編として紹介します。 HTMLのstyleタグで直書きする方法 HTMLタグのstyle属性で直書きする方法 style用のHTMLタグで直書きする方法 それぞれ説明します。 HTMLのstyleタグで直書きする方法 HTMLの<style>タグ内にCSSコ […]

1 8 28