React

React入門第6回~JSXの正体を探ろう!~

この記事では、ReactのJSXの正体を、分かりやすく解説しています。JSXがどのようにBabelで変換され、仮想DOMとして扱われているのか、具体的なコード例とともに会話形式で学べます。React初学者必見の内容です。
React

React入門第5回~Propsでコンポーネントに値を渡そう~

この記事では、ReactのPropsでコンポーネントに値を渡す方法を詳しく解説しています。分割代入とデフォルト値を活用して、柔軟かつ読みやすいコードを作成し、また様々な値の受け渡し方を学習することができます。
React

React入門第4回~JSX内でJSのコードを入れてみよう!~

この記事では、JSX内でJSのコードを使用する方法を、高校生のOZくんと先生の対話形式で解説。変数や配列の表示方法、コメントの書き方、そしてJSXで使える『式』と使えない『文』の違いまで、実践的なコード例とともに分かりやすく学べます。React初心者にぴったりの入門ガイドです。
React

React入門第3回 ~コンポーネントのスタイル・分割・Fragment〜

はじめに プロ太 OZくん、前回までにコンポーネントの基本的な作り方は理解できましたか? はい!コンポーネントは再利用可能なUIのパーツで、JSXを使って書くんですよね。でも先生、コンポーネントのデザインってどうやって付けるんですか? いい...
React

React入門第2回 ~Reactのコードを書いてみよう~

この記事では、Reactの基本的なコードをまず書いてみようというテーマをコンセプトに記事を作成しているため、実際のReactコードを参考にしながら、学習することができます。
React

React入門第1回 ~Reactとは~

この記事より、「React」に関する学習内容を記事にしていきます。初学者が疑問に思う点を調べながら記事にすることにより、Reactを始めて学習する方にとっては、役に立つ記事になると思います。
未分類

AWSとは?

「えぇ!?AWSって結局なんなん!!??」 放課後のPC部室。部長のOZくんは、スマートフォンでニュースを読みながら、顧問のプロ太先生に質問を投げかけました。 プロ太 どうしたんですか?OZくん? OZ 先生、このニュースを見てください!!...
プログラミング

CSS設計~BEMを学ぼう~

この記事では、Webサイト制作でとても重要なCSS設計手法の一つ「BEM」について、詳しく解説しています。また、BEMとプレフィックスの組み合わせによる命名規則のサンプルも紹介してます。
プログラミング

Gulpとは?

この記事では、開発を効率化する「gulp」について、詳しく解説しています。実際に使用できるコードを確認しながら進めると、gulpのイメージがグッと深まり、扱いやすくなります。
プログラミング

クッキー・セッションとは?

この記事では、現代のウェブ開発に欠かせない技術であるセッションとクッキーの違いについて解説します。セッションとクッキーの違いを理解し、正しく使い分ける方法を解説。ユーザーの利便性を高めるデータ保存のポイントなどについての理解が深まります。