見栄えは同じだけど徐々にReactやVueを使用したサイトに変えていきます.

2025.08.20

Logging

見栄えは同じだけど徐々にReactやVueを使用したサイトに変えていきます.Laravel（ララベル）で作っているサイトもイナーシャをインストールしてリアクトと連動していく形に置き換えていこうと思います.

composer require inertiajs/inertia-laravel
php artisan inertia:middleware
npm i @inertiajs/inertia @inertiajs/inertia-react

Reactの基礎は大体身についたけど、まだまだな感じもするのでもう少し高度な技術などを覚えるには実践的にサイトを変えていくのが一番手っ取り早いかなと思ったのでこのサイトを手始めに変えていきます、尚ワードプレスは一番後回しにします.

というのもmysqlと直に接続出来そうにないので…やろうと思えば出来るだろうけど脆弱過ぎて危険なのでワードプレスをAPI化してそれを表示する形になりそうです.もともとワードプレスにはその機能が備わっているのでそれを使用する感じです.

明日へ続く

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2025年08月20 07:00日

タグ

イナーシャ, インストール, サイト, そう, それ, プレス, やを, ララベル, リアクト, ワード, 一番, 使用, 危険, 基礎, 大体, 実践, 後回し, 感じ, 手始め, 技術, 接続, 明日, 機能, 脆弱, 表示, 見栄え, 連動, 高度,

ReactNativeのボタンがiosとAndroidでは挙動が違うので代替。

2021.11.18

Logging

今日はReactNative（リアクトネイティブ）でアプリを制作しながら勉強している中で、ボタンを使ってみたら・・・iosとAndroidでは挙動というか見栄えが違うのですよ、ドキュメントにもそう書いていた?。なので、ボタンじゃなくてこちらを使用するほうが良さげです。

Color of the text (iOS), or background color of the button (Android).

こちら【TouchableOpacity】などを使用してボタンを作成しないといけないみたい。こちらで作るとios、Android同じ見栄え（デザイン）になります。作ってて思うことは師というかメンターがいればもっと効率的に開発できそうです。

師匠がほしい今日此頃・・・。

以上、現場からでした。

import React, { useState } from "react";
import { StyleSheet, Text, TouchableOpacity, View } from "react-native";

const App = () => {
  const [count, setCount] = useState(0);
  const onPress = () => setCount(prevCount => prevCount + 1);

  return (
    <View style={styles.container}>
      <View style={styles.countContainer}>
        <Text>Count: {count}</Text>
      </View>
      <TouchableOpacity
        style={styles.button}
        onPress={onPress}
      >
        <Text>Press Here</Text>
      </TouchableOpacity>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    paddingHorizontal: 10
  },
  button: {
    alignItems: "center",
    backgroundColor: "#DDDDDD",
    padding: 10
  },
  countContainer: {
    alignItems: "center",
    padding: 10
  }
});

export default App;

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2021年11月18 05:50日

タグ

Android, background, button, color, from, import, iOS, of, OR, quot, react, ReactNative, Text, The, TouchableOpacity, useState, アプリ, こちら, こと, デザイン, ドキュメント, ネイティブ, ボタン, メンター, リアクト, 中, 今日, 今日此頃, 代替, 作成, 使用, 制作, 勉強, 師, 師匠, 挙動, 現場, 見栄え, 開発,