maxalog

プログラミング

【JavaScript】アロー関数についてまとめてみた。

JavaScriptのアロー関数とは アロー関数とは、ES6から新しく導入された関数記法です。 アロー関数では、「=(イコール)」と「>(大なり)」を組み合わせた「=>」(矢印のようなもの)を使用して関数を記述する事で、無名関数をより簡潔に...
JavaScript

React初心者がReactの特徴について調べてまとめてみた。

Reactの特徴5つ Reactには以下のような特徴があります。 宣言的であるコンポーネントベースであるレンダリングが高速であるJavaScriptを理解していればReactの習得は比較的容易であるReact Nativeを使用することでス...
JavaScript

【React】関数コンポーネントとクラスコンポーネント

Reactはコンポーネントベースである Reactを使って開発を行う際には、コンポーネントベースで設計や開発を行います。 コンポーネントというパーツを複数構築して、それを組み合わせることで1つのプロダクトを構築するのが基本です。 コンポーネ...
JavaScript

【React】仮想DOMについて理解を深める。

Reactと仮想DOM Reactとは、JavaScriptフレームワークの一つで、現在世界中でも高い人気を得ています。 コンポーネントベースのプログラミング言語で、オープンソースであるため誰でも使用可能です。 Reactでは、仮想DOMと...
プログラミング

プログラミングを独学するメリットとデメリットを解説

独学でプログラミングを学ぶことは可能 プログラミングを学びたいと思った時、独学で学ぶかスクールに通うか迷うかと思います。 スクールに通うとなると、授業料は決して安いものではないため、金銭的に厳しい人も少なくないのではないでしょうか。 となる...
HTML&CSS

【CSS】borderで枠線を指定する方法を解説。borderが効かない時の原因と対処法とは?

CSSのborderプロパティでは、HTML要素の枠線を指定することができます。本記事では、borderで枠線を指定する方法や、borderが効かない時の原因と対処法について解説しています。
HTML&CSS

【2022最新】CSSのベンダーフィックスとは?書き方や自動で付与する方法も解説!

ベンダープレフィックスとは? ベンダープレフィックスとは、簡単に言えば「どのブラウザでもきちんとCSSが適用されるように、追加でCSSを指定する」ためのものです。 ベンダー    : ブラウザの提供元プレフィックス : 接頭辞 一昔前までは...
HTML&CSS

【CSS】box-sizingの使い方をわかりやすく解説。要素の幅の算出方法をマスターしよう!

本記事では、box-sizingの使い方についてわかりやすく解説しています。box-sizingでは、HTML要素の表示領域(高さや横幅)の算出方法を指定することができます。
HTML&CSS

【コピペOK!】CSSのみで作るリストデザインサンプルまとめ

CSSのみで作るリストデザインサンプル12選! 本記事では、CSSのみで作れるリストのデザインサンプルを12個ご紹介しています。 画像やJavaScriptなどを使わず、HTMLとCSSのみで再現できるデザインサンプルをまとめておりますので...
HTML&CSS

【HTML】リスト(箇条書き)のol、ul、liタグの使い方を解説。

<ol>タグと<li>タグでリストを表示する <li>タグを<ol>タグで挟む形で、リストを表示します。 <ol>タグを使用することで、各リストの先頭が数字番号となります。 <li>タグは、何度使用してもOK。必要な数のリストを作成しましょ...