JavaScript React入門（4）classコンポーネントの作成
Reactコンポーネントの作成には、関数型とclassを使う方法の2つがあります。
関数型コンポーネントについてはReact入門（3）関数型コンポーネントの作成を参考にしてください。
ここではclass型コンポーネントについて学習し...
フロントエンド
JavaScript JavaScript React入門（3）関数型コンポーネントの作成
このページの詳細なサンプルは「GitHubの React_sample1 funcブランチ」にあります。
コンポーネント
Reactの思想としてUIの基本単位をコンポーネントと考えています。コンポーネントは部品と考えることができます。
...
JavaScript React入門（2）render関数の使い方〜Hello worldの作成
このページで使用するサンプルの詳細はGitHubにあります。
Reactの環境設定方法は React入門（1）環境設定 を参照ください。
Reactの開発環境を構築すると、開発用のサーバーが使えるようになっています。
...
JavaScript React入門（1）環境設定
Reactとは
ReactはFacebook社が開発したJavaScriptライブラリです。フレームワークとされる場合がありますが、正式にはライブラリです。
Reactは特にJavaScriptを多用したWebサービスに使われています。...
lecture Gitの使い方（2）コマンド編〜ブランチ、マージ、リベースなど
ブランチの作成
ブランチの作成コマンドの説明です。
＊＊注意 ブランチを作成しただけではブランチを変更したわけではないことに注意してください。
＊ブランチの作成
＊ブランチの一覧表示
-aオプションをつ...
lecture Gitの使い方 コマンド編（1）〜環境設定から基本操作まで
今回はGitをMacのターミナルで使う例です。
すでにGitは導入済みでSource TreeなどでGUI環境でGitを使っている初心者向けの記事です。
入門者はまずSource Treeで使ってみることをお勧めします。Source T...
lecture webpack4の導入方法（4）SASSの導入
webpack4にSASSの環境を構築するには以下インストールします。
index.htmlへのcss書き出しはhead内のstyle要素内となります。
＊詳細なコードはGitHubにあります。
webpack.con...
lecture webpack4の導入方法（3）画像のバンドル
そもそもwebpackはモジュール化するものであり、それはJavaScriptで活用するものです。
けれども、ローダーという仕組みを使用するとJavaScript以外のCSSや画像などでもバンドルすることができるようになります。
画...
lecture webpack4の導入方法（2）スタイルシートのバンドル
スタイルシートのバンドル化ってどういうこと？一見、複数のCSSファイルを1枚のCSSファイルにしてくれる仕組みのような気がしますが、それは違います。それならSASSを使えばスッキリと済むはずです。
ここで行うのはCSSファイルをJavaS...
lecture webpack4の導入方法（1）
webpackとは
webpackとはWebアプリを構成するリソースファイルをひとまとめにしてくれるものです。
例えば、複数のJavaScriptファイルだったり、CSSファイルもそうです。あるいは画像ファイルだったりします。
これら...