Material-UIの利用方法
ReactでMaterial-UIを利用する方法についてまとめます。 本記事の大部分はMaterial-UIコンポーネントのスタイルのカスタマイズ方法についての説明となっており、 特にHook ...
3
5
Comment0
50 search resultsShowing 1~20 results
Stocked
You need to log-in
useCallback 学習メモ
useCallback()を利用するメリット 通常、Reactコンポーネント内で宣言したコールバック関数はrender毎に生成される useCallback()を使うと、、、 コールバック関数の...
0
0
Comment2
Firebase入門 - 初期環境構築
はじめに Firebaseプロジェクト作って、アプリと紐づけて、初回デプロイするところまでまとめます。 ちなみにアプリはReactで書いています。 Firebaseとは Googleが提供するア...
21
20
Comment0
React入門 学習メモ
はじめに 以下の知識の習得を目的として行った学習メモになります。 Reactの基礎知識 JSXについて create-react-appでの環境構築 Reactコンポーネントの作り方 モジュール...
1
4
Comment0
React.memoで無駄な再レンダリングを行わないようにする
Reactの木構造とrender stateが変わると再レンダリングされる 親のstateが変わると全ての子が再レンダリングされる React.memoの活用 親のstateが変わっても子に渡す...
0
0
Comment0
React Hooks学習メモ
React Hooks 関数コンポーネントでもstateを扱う Hookとは クラスの機能(stateやライフサイクル)をFunctional Componentでも使える機能 React 16...
0
2
Comment0
React モジュールのimport、exportについて
モジュール化について 他言語では昔からある概念 JavaScriptではES2015(ES6)から採用 基本的に1ファイル=1モジュール 任意の場所で読み込んで使用できる モジュール化のメリット...
37
20
Comment0
React コンポーネントのライフサイクル
コンポーネントのライフサイクル ライフサイクルとは コンポーネントの「時間の流れ」 生成、変更、破棄までの循環 それぞれの段階で必要な処理を記述 ３種類のライフサイクル Mounting：コンポ...
0
0
Comment0
Reactコンポーネントの基本
コンポーネントの基本 コンポーネントとは？ UIは2つに分類される 見た目（View） 機能（Controller） コンポーネント = 見た目 + 機能 Webページはコンポーネントのツリー構...
15
9
Comment0
React環境構築
環境構築 create-react-app 必要なもの node 8.10以上 npm 5.6以上 上記インストールのためにhomebrew、nodebrewが必要 homebrewのインストー...
1
0
Comment0
JSXの基礎知識と文法
JSXの基礎知識と文法 JSXとは？ JavaScript内でHTMLを簡単に記述するための言語 JavaScriptの拡張言語 Facebookが開発 React公式ドキュメントはほぼJSXで...
6
6
Comment0
Reactの基礎知識
Reactの基礎知識 Reactとは？ Facebookが開発 JavaScriptのライブラリ（フレームワークではない） WebのUIを作る React ≠ SPA コンポーネントとは？ UI...
0
0
Comment0
React- Redux 入門
Reduxの学習メモです Fluxフローについて まずはReduxにおけるFluxフローの全体像を理解してみます なぜReduxを使うのか stateの見通しをよくするため どこからでもstat...
2
3
Comment0
buttonタグ選択時のoutlineを無効にする
警告 コメントにいただいたようにoutline: none;の指定は非推奨となります :focus擬似クラスで効果を上書きして対応します。 style.css button:focus { ou...
0
1
Comment2
Flexbox入門
Flexboxを使うとfloatで実現していたような縦並びや横並びのレイアウト、または折り返しのレイアウトを簡単に組むことができます。 横並びにする display: flex display:...
1
0
Comment0
子要素が全てfloatでも、親要素が子要素を含む高さを持つように設定する
親要素の高さは子要素を包む高さとなりますが、 子要素が全てfloatの時、親要素の高さは0となってしまいます。 これは、floatが「浮いている」という意味で、親要素から見るとfloatの子要素...
0
0
Comment0
レスポンシブデザイン入門
レスポンシブデザインとは レスポンシブデザインとは、様々なデバイスや画面サイズに合わせて、コンテンツのレイアウトを調整するためのものです。 例えば、全体要素の幅を固定したサイトを作成した場合、そ...
4
3
Comment0
CSSの基本プロパティ
文字の色を指定する 文字の色を変えるにはcolorプロパティを用います。 style.css h1 { color: #ff0000; } 文字の大きさを指定する 文字の大きさを指定するにはfo...
0
0
Comment0
文字の間隔を調整する
文字の間隔を調整する letter-spacingプロパティを用いることで文字の間隔を指定することができます。 style.css .letter-space{ letter-spacing: ...
0
0
Comment0
ヘッダーを固定する
画面上の要素を固定する position: fixed;を使うと、常に要素を画面上の指定した位置に固定させておくことができます。 位置は、top、left、right、bottomを使って指定し...
0
0
Comment0
50 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles