styleをJavaScript（React、React Native）で変更したい場合があると思います。 たとえば、ボタンを押すと、文字のサイズがでかくなるとか、、、

iFrame.jsで、 PLAYボタンの作成のところで、 player.playVideo()を、 player.loadPlaylist(playlist:String|Array)に書き換える。ここに、YOUTUBE動画のＩＤの配列をいれておけば再生可能。次は、YoutubeIDの配列データを渡せば、そのリストを再生してくれ…

webにある動画 import * as React from "react"; import {useState, useRef} from 'react'; import { View, StyleSheet, Button } from "react-native"; import { Video, AVPlaybackStatus } from "expo-av"; export default function App() { const video =…

最近、また躓いているところが下記である。 React Nativeスタイリングの手引き (zenn.dev) もう一度読んでおこう。 zenn.dev 上記HP内に、Expo公式ページでも1年の振り返り記事があるようである。 expo.dev

もう一度理解する、JavaScriptの配列とコピー #JavaScript - Qiita 上記を読んでみます。 まず、これです。 『const a = [1, 2, 3];const b = a; // aの「コピー」？？ これはコピーではない』 JavaScriptでは（この言語に限らず）、数学の『＝』と、プログ…

今回、react-native-youtube-iframeというライブラリを利用して、Youtube動画を見れるアプリを作成します。 Youtube公式アプリにリンクがしてあるので、違法ではないようです。まあ、これに関しては自分で使用するだけなので関係ないですが。 lonelycpp.gith…

下記HPを参考にしてます。 qiita.com totolog34.com このHPにでてくるもののTipsを上げておきます。 非同期処理については以前勉強したので詳細は割愛しますが、今回の非同期処理ではPromiseが使用されていないことに留意してください。また、非同期処理がで…

https://www.nativewind.dev/quick-starts/expo このライブラリの前身は、設定で躓いたが、やはりできることなら利用したい。 ということで、再度試してみることとした。 Expoでやってます。 上記HPを参考にするとうまくいきました。 npx create-expo-app Sa…

前回の用途で行くと、ボタンは縦横にできるだけ大きい方が、リモコン操作でカーソルを合わせやすいとのことで、React NativeでButtonコンポーネントをみると、heightを設定できないとのこと。 幅だけなら、Viewコンポーネントで挟んで、Viewの方に、widthプ…

さて、アンドロイド用のリモコンを買ったのですが、これを使って、Youtube動画を再生したいと思うようになりました。（車で、Youtube動画をうつす方法はいろいろありますが、最近ottocastなるものが流行っているようですが、流行りにのらずに、ミラーリング…

npm と yarnの違いについて npmとyarnの機能比較と使い方 - nao tech blog. (nao-blog.info) React NativeをExpoでやっている場合には、 npx expo installを使用しましょう。

データベースや内部Storageを利用するときには、非同期処理というものが出てきます。ほかには、APIをたたくときにも出てきます。 以下、create-react-appを使用したReact.jsで考えたいと思います。 非同期処理という概念と密接に関連する書き方がコールバッ…

React Nativeがどのように動いているかをすこし勉強してみました。 そうすると、『Bridge』と『JSI』『Fabric』という用語がでてきました。 下記HP参照にしてます。 qiita.com flatirons.com ここからの説明は、素人がこのように理解しましたということであ…

React Nativeから少し離れていましたが、最近、create-expo-appでプロジェクトを作成して、「w」を押すと、以前は変なエラーがでてましたが、今は下記のようなエラーが出て教えてくれるようになりました。 これに従うと、これまでは、Android StudioやExpoを…

(56) ゆるコンピュータ科学ラジオ - YouTube https://kaiyuusya.jp/webLog/article/code-sandbox www.onamae.com

最もわかりやすいサイトはこれですね。 choippo.com

ヘッドレスCMSとは？

さて、前にやったときに,firebase authenticationだと、エラーが出てうまくいかなかったので、これがないアプリで試したいと思います これまでの順番で、TextCodeRegistryWithoutAuthというプロジェクトでやっていきます。 アプリの大きさについては、注意は…

本格的にPWAにするにはどうするか？ （そもそもPWAとは？ (44) 【PWA】Webアプリをネイティブアプリ化！ - YouTube PWAとは？Webサイトを「ほぼアプリ化」する方法 | 株式会社パンタグラフ (pantograph.co.jp)） Service Workerを、プロジェクト内にセ…

まず、Expoを利用して、React Navigationを使った簡単なアプリを作成しました。 （プロジェクト名）/App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, Button } from 'react-native'; import { NavigationContainer }…

npx expo startするだけなら、依存するライブラリは不要だが、 ビルドするとなると以下のように、依存するライブラリのインストールと、babel.config.jsの修正・追加が必要です。 module.exports = function(api) { api.cache(true); return { presets: ['ba…

Expoアプリを作成したら、 expo login ⇒Email、パスワードの記入を促されるので記入 npm install -g eas-cli ※ npm install eas-cliにしてしまうと、プロジェクトにローカルに、eas-cliがインストールされてしまい、後々ビルドがうまくいってもアプリが起動…

ReactでTesting Library/Jestを使ってテストを学ぼう | アールエフェクト (reffect.co.jp)

https://reactnativeblog.com/this-will-change-the-way-of-routing-in-expo-react-native

・DetailScreen.jsについては、view部分は、RegisterScreenと同様であるため、return以下はコピペでよさそう。 ・RegisterScreenから、DetailScreenへ、firestoreのデータのIDの値を渡す必要がある。 DetailScreenはそのＩＤのデータを表示すればよい。 演習…

・プロジェクト名が同じものがあったりするとうまくいかない場合が多いため、プロジェクト名はこれまでとかぶらないようにすべし。 （・読み込むファイルについてのimport文は改めて書き直したほうがよいかもしれない）

AppRegistry · React Native まず、React Nativeのプロジェクトを、Expoで作成した際のファイルの構成について理解しておく必要がありそうです。 エントリーポイントはどれでしょうか? それは、node_modulesにあるexpoディレクトリ内にある、entryApp.js で…