2023-09-18から1日間の記事一覧

演習17 少し大きなアプリを作成する

どんなアプリを作成するかというと、 Firebase Authenticationで認証を行い、それが認証されたら、アプリのホーム画面へ行ける。 ホーム画面に『登録画面』ボタンを配置し、それを押すと、登録画面へ遷移。 登録画面には、 タイトル(title)を記載するテキス…

閑話休題 CSSにおけるmarginとpaddingについて復習してみる

CSSのmarginとは?paddingとは?余白の指定方法まとめ (saruwakakun.com)

演習16 React Nativeで、テキストエリアを作成する

import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, TextInput, View } from 'react-native'; import {useState} from 'react'; export default function App() { const [name, setName] = useState(''); return ( <View style={styles.container}> <Text>Open up App.js t</text></view>…

演習15 React Nativeで、Tailwind CSSを使う

React Nativeで、Tailwind CSSを使用する場合、 Tailwind-rn あるいは、twrnc を使用する 前者は設定でつまづいたので、後者を使用する。configファイルが作成されないため設定はあまりできないが、使用しやすい。 自分でつくるのもよいが、これまでのテンプ…

閑話休題 VSCodeとGitHubを連携できるようにする方法

下記HPを参考にしました。 VSCodeでGit・GitHubを使う方法を解説する【初心者向き】 (miya-system-works.com) まず、GitがPCにない場合はインストールし、設定を行います。 次にGitのローカルリポジトリを作成します。 任意のフォルダを作成し、それをVSCode…

演習13 React Nativeで、生のreduxで、actionありのreducerを作成し、ActionCreator、dispatchを定義する(途中)

ここでは、おなじみのカウンター(1ずつ増える機能のみ)を、わざわざ生のreduxを使って作ろうという試みです。 [今は、Reactでは、reduxは非推奨になっており、redux-toolkitが推奨になっているのに、わざわざという面はあるでしょうが、本質を学ぶために…