https://note.com/kisshii/n/ne476ccab0891 プログラミングでコピペするとダメか論争に興味がありました。 今できるだけコピペはしないようにしてますが、この機能を実装したい、そして、そのためのコードが運よく見つかったとなれば、それでも、コピペしな…

作ってみました。 App.js import { StatusBar } from "expo-status-bar"; import { StyleSheet, Text, View, Button } from "react-native"; import { useState } from "react"; export default function App() { const [bool, setBool] = useState(true); c…

以下、APIか、今あるいは今後使えそうなAI関連技術を中心に調べ、メモしました。 ・テキストベースのチャットボット ・ChatGPT ・Copilot(旧Bing Chat) ・Gemini(旧Bard) ただし、テキストだけでなく画像・動画が扱えるマルチモーダルな生成AIである。 ・音…

Reactで環境変数を読み込む【開発・本番で切り替え可能】 | RalaCode

配列のコード、すなわち、["banana", "apple","orange"]というのを文字列で渡したいときがありました。 const array = ["banana","apple","orange"]; const arrayText = array.join('","'); const arrayTextConnect = '["' + arrayText + '"]'; console.log(…

初期画面は『取得中．．．』というのが出ないように、ボタンを押せば取得中．．．がでるようなコードに変更しました。 App.js import { StatusBar } from "expo-status-bar"; import { StyleSheet, Text, View, Button } from "react-native"; import { useS…

Androidで Microsoft Copilotのアプリが2023年12月に出たようです。 「Microsoft Copilot」のAndroidアプリがGoogle Playストアに登場 - ITmedia NEWS copilotのAPlは提供されてないようです。 なので、Open AIでchatgptのAPIを使用することにします。

Microsoft Copilot、GPT-4 Turbo、最新DALL・E 3対応などでグレードアップ - ITmedia NEWS 最新Copilot「ChatGPT-4 Turbo」搭載、動画要約などAIの可能性が広がる‼ - YouTube Youtube動画の要約を教えてくれるようです。 サイドバーでSliderを開いて、『今視…

Copilotに、Pythonの環境設定について聞いてみます。 python プログラミングを始める際の環境設定を教えて Pythonのプログラミングを始める際の環境設定について、詳しく解説します。Pythonは初心者にも学びやすく、広く利用されているプログラミング言語で…

ChatGPT、Copilot、GitHub Copilotというものが話題になって久しいです。 これまで、わざと避けていた感が否めません。 ChatGPTが出たとき、あるライブラリを使用したいため、これに質問してその通りにしたのですが、まったくできなかったという経験があった…

『プリンシプル オブ プログラミング』秀和システム 上田 勲 著 プリンシプル オブ プログラミング 3年目までに身につけたい 一生役立つ101の原理原則 - 秀和システム 感想を書いてみます。 まず、DRY Don't repeat yourself の理念はよいですね。反対が、WE…

いろいろ『APIとは？』について説明しているページがありますが、実際手を動かしたほうがわかりやすいかもしれません。 まず、ここでは、1つ目として、Zip Cloud APIを利用します。 これは、郵便番号を入れて、APIをたたくと、住所他の情報が返ってくるAPIで…

expo-routerを扱うくらいから、jsxよりtsxでないと対応していけなくなっている。 わざわざ回り道を探さないといけないというデメリットがあります。 jsxファイルの内容をtsxファイルに変更するのは割合簡単なようです。 以下の２つを実践すればよいです。 ①…

下記のエラーが出ることがおおい Error: could not find react-redux context value; please ensure the component is wrapped in a <Provider> 対処については下記HP参照 reactjs - could not find react-redux context value; please ensure the component is wrappe</provider>…

SQLiteデータベースからデータを抽出して、別ページでFlatListで表示する App.js import { StatusBar } from "expo-status-bar"; import { StyleSheet, Text, View } from "react-native"; import HomeScreen from "./screens/HomeScreen"; import { Navigat…

最近React Nativeのプログラミングして思ったことを書いてみます。 2024/02/08、Expo SDK50でさくせいしたプロジェクトがExpo Goで動くようになってました。 まあ、しようしようと先延ばしにしてたAndroid Studio再導入ができて良かったです。 また、最近のE…

ドキュメントを見てみましょう https://docs.expo.dev/versions/latest/sdk/sqlite/ To doアプリのサンプルがあります。 前のデータベースでうまくいかない点が一つあったんですが、これを見て解決しました。 あと、expo-sqliteライブラリの印象は、おぼえる…

実際的な使用例について。 https://blog.omoidasu.dev/posts/2022-10-30-coin-rotate-animation

Tabs - Expo Documentation https://dev.to/aaronksaunders/expo-router-tab-navigation-from-the-docs-3c38

Android Studio再導入してみます。 今はdolphin（イルカ）→ girrafe（キリン） → hedgehog（ハリネズミ）にかわっているようです。 下記を参考にしていきます。 codeforfun.jp 方法は下記 ①Android Studioをダウンロード、インストール ②Android SDKをPCに入…

長方形をふたつつくり、片方をゆっくりもう一方に近づけ、衝突した時点で、衝突判定できるようにしたいと思います。 JavaScriptで図形を描画・動かすためのCanvas活用術！ | 侍エンジニアブログ (sejuku.net) 当たり判定のアルゴリズム（2D 四角×四角） #Jav…

久しぶりにReact.jsで書くのでやり方をわすれつつあるので復習しながらやっていきます。create-react-appで行います。 import React, { useState, useEffect } from "react"; import { ReactDOM } from "react-dom"; import "./App.css"; function App() { c…

暗記型 vs 理解型 vs 実践型のいずれがよいのか？ 暗記型では上達するのに時間がかかるし、記憶に頼ると細かいところを間違えているのに気づかない。 プログラミング初心者に写経が勧められるのは、ある程度のプログラミングの『型』を身に着けるのに役立つ…

React Native vs Flutter https://zenn.dev/tellernovel_inc/articles/2628a04a22dbf3 solitoとtamaguiを学ぶ予定。 Welcome to Solito | Solito React と React Native 両対応のUIライブラリ Tamagui の紹介

単純に、state, propsが変更されたときと思っていたのですが、厳密には違うようです。 https://zenn.dev/taroro28/articles/3bec0f3f4711e9

Expoが、SDK50になってる裏側でこのようなことが起こってます。まあ、前々からのことなので仕方ないですが。 Expo Go: Dropped SDK 47 and 48Expo Goでサポートバージョンの数を減らすため、SDK 47および48のプロジェクトは最新バージョンのExpo Goでは動作…

appフォルダは、自動作成される場合と、自分で作成する必要がある場合とがあります。（開発環境によるようです） TypeScriptでは、テンプレートっぽくフォルダ構成が作成されます。 それをJavaScriptで作成してくれているものがありますので、 それから、以…

ボタンではなく、gesture handlerで円を拡大したい。 ①まずは、タップすると円が大きくなるようにしたい。 これについては、下記のサンプルコード参照。 Handling gestures | React Native Reanimated ②ピンチして、円を大きくしたい。 これもサンプルコード…

Next.jsについては全く知識がないところからスタートです。 まず、公式ドキュメントどおりにしてみると、TypeScriptで、フレームワークっぽく、フォルダが作成される。 公式ドキュメント： Install Expo Router - Expo Documentation しかし、JavaScript で…