AWS CodeWhisperer学習教材

気になる記事が表示されていたので見てみました。 AWSをゲームで学べる「AWS Quest」、中級者向けコンテンツも日本語化 https://news.yahoo.co.jp/articles/f08b69ce8363dc0b11336b7b7b8ae68dbb5c4a23

React Nativeで、拡張性のあるクイズアプリ簡易版を作成する① ~AWS CodeWhispererを極める例 ~~

AWS CodeWhispererをすごさを実感する方法 現時点で、GitHub Copilotを使うと、プログラミングが上達しないような気がして使いたくない(料金がかかるからかもしれません)。 無料のAWS CodeWhispererを使おうということで、初めは、Youtube動画でやっている…

番外編~Google colabで、Gemini以外のモデルも試したい~

Copilotに『pythonプログラムをJavaScriptで実行する方法はありますか?』聞いてみた

PythonプログラムをJavaScriptで実行する方法はいくつかあります。一般的な方法の一つに、pywebviewを使用する方法があります。これは、PythonのGUIアプリケーションからWebページにアクセスし、JavaScriptからPythonコードを実行するためのツールです1。ま…

Copilotに『JavaScriptは、AIアプリ開発と相性が悪いか?』聞いてみた

JavaScriptはAIアプリ開発においても非常に有用な言語です。Webベースのプロジェクトにおいて、JavaScriptはブラウザ上で動作するAIアプリケーションを作成するためによく使用されます。TensorFlow.jsやml5.jsなどのライブラリを利用することで、機械学習モ…

Google colabを使ってみた⑤~感想~

Google colabの良いところは、Pythonを環境設定無しで使用でき、ひいては、簡単に、AI、特に大規模言語モデルを試せるところまでいけるところにある。 また、いろいろなプログラム言語をお試しという感じで使えるところもよい。 例えば、プログラム言語が出…

Google colabを使ってみた④~Google colabでGeminiを使いたい~

Google colabで、大規模言語モデルであるGeminiを使いたい。 Google版ChatGPTのGemini APIが無料公開中! - YouTube 上記Youtube動画の後半参照。 ここでは次の流れでやっていきます。 『Google AI Studioを体験して、そこからAPIキーを取得して、それを使っ…

大きなアプリの作り方を勉強したいが、どうすればよいか?基本情報技術者試験入門

大きなアプリ開発の際にどうすればよいかを学ぶべく、基本情報技術者試験を眺めてました。 なかなか勉強になる内容なので、しっかり勉強してみることにしました。 この1ヶ月は、これに集中して、関連事項を記事にしていきます。 用語を理解しただけではすぐ…

Google colabを使ってみた⓵~javascript使用~

Google colabを知ったので、どんなものか調べてみた。 学習者向けのもののようですが、pythonやC言語だけでなくいろいろな言語が使えるようです。 javascriptも使えるようで、また、わざわざhtmlファイルを用意しなくても動きを試せるようで面白いと思います…

Google colabを使ってみた③~Google colabのAIであるColabAIの使用方法~ 

下記のHP参照 Google ColaboratoryにAIが搭載されたから使ってみた!スゴい!!! #Python - Qiita generativeinfo365.com Colab AIはPythonを主に扱っているとのことですが、他のページ見ると、 and-engineer.com 「・コーディング PythonやJavaScriptなど…

Google colabを使ってみた②~Google colabでReact Nativeを実行しWebブラウザで表示~

このように、Google colabは、javascriptも使用できるようです。 では、React.jsはというと使えるようです。 Google Colaboratoryでcreate-react-appしてみた話 #React - Qiita それでは、React Nativeは使用できるか試してみます。 ※ expo SDK 50だと、”cry…

海外のReact Native関連のYoutube動画をピックアップ

React Nativeの最近の動向を知りたければ下記 www.youtube.com スライドも長い文章は出てこないので、英語初心者でもわかりますし、速度を0.75倍にしたり、字幕をつければ内容は理解できます。 www.youtube.com expo-router(version3)についてです。 www…

expo-routerでdrawerを使う

https://youtu.be/6LGWYRcDLwY?si=Z6AfzDW63iNpWKnC (drawer)の下に、(tabs)や遷移したい画面を集めたscreesフォルダを入れればよい?!

expo-routerの内部にdangerouslySetInnerHtmlというメソッドがあったのでなにか調べてみた

NVIDIAについて

自作パソコンするなら一度は聞いたことがあるでしょう。 以下は私見です。 GPU(グラボ)つけるなら、NVIDIA製品なら間違いない。いくらAMDが好きでも、わざわざRadeonにはしません。NVIDIAだと、グラフィックスの面でもそうですが、音に関しても良くなるよう…

AWSのCodeWispererの導入を考える

下記Youtube動画を参照してみます。 【無料でコレ】Amazon版 Github Copilot「CodeWhisperer 」VSCode拡張機能を紹介 - YouTube 実際やってみましたが、同じように、うまいこと、コードが出ませんね。 使い方が悪いのかもしれませんので、今後工夫してみます…

WebViewについて②

React Nativeのボタンを押したというイベントを、WebView側に渡して、そこに書かれているJavaScriptのコードを実行する。 App.js import { StatusBar } from "expo-status-bar"; import { StyleSheet, Text, View, SafeAreaView, Button } from "react-nativ…

Expo routerライブラリの使用方法について④ ~JavaScriptでのやり方とその考察~

JavaScriptでExpo Routerを使用し、NavigationとTabを使う方法についてまとめると、 下記のYoutube動画が有用。ソースコードも概要欄にリンクされている(一部 .tsxファイルとなっているが、.jsxに変えて登録すればよい。[id].tsxだけTypeScriptで記載されて…

WebViewについて①

WebでのサービスをReact Nativeで使用したいときは、React.jsを経由せず、HTML(+ JavaScript)を、WebViewを使って表示させるのがよい。(使用するライブラリは、react-native-webviewである。) この際、2つの方法がある。 【ReactNative】WebViewを使ってW…

GPTライブラリ

GPTのライブラリ GitHub - rgommezz/react-native-chatgpt: A React Native wrapper around ChatGPT to seamlessly integrate it with your applications. It handles authentication, streamed responses, and keeping track of conversations. 100% client…

自分で考えてとコピペのバランス

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

React Native で、トグルボタンを作成する

作ってみました。 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…

最近のAIやプログラミング言語関連技術の進歩について調べてみた①

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

React Nativeでリストを作り、ドラッグできるリストを作る①

.envファイル

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

JavaScriptで、文字列を操作する~配列のコードを文字列として表示したい~

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

苦手なAPI対応について再入門する②

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

ChatGPTを使用したアプリを作成したい④

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

ChatGPTを使用したアプリを作成したい③

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

ChatGPTを使用したアプリを作成したい②

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