キーワード react が含まれる動画 : 961 件中 33 - 64 件目
種類:
- タグ
- キーワード
対象:
PC自作から始めるスマホアプリ開発 #22 React Native基礎編 クリップボードにコピーしてSnackbarを表示する
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではexpo-clipboardを使用して文字列をクリップボードにコピーする方法と、React Native Paperを使用してSnackbarを表示する方法を解説しました。
このYouTubeシリーズのレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
動画内で紹介しているライブラリ「expo-clipboard」のページです。
https://docs.expo.dev/versions/latest/sdk/clipboard/
動画内で紹介しているライブラリ「React Native Paper」のページです。
https://callstack.github.io/react-native-paper/
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #32 React Native基礎編 ライブラリにパッチを当てる
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではpatch-packageを使用してライブラリにパッチを当てる方法を紹介しました。
以前紹介したreact-native-snap-carouselが原因でエラーが表示されていたので、ライブラリを修正する方法となります。
このYouTubeシリーズのレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
動画内で紹介しているライブラリのページです
「patch-package」
https://github.com/ds300/patch-package
動画内で紹介したreact-native-snap-carouselのIssueのページです
https://github.com/meliorence/react-native-snap-carousel/issues/981
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
【九楽ライと幻の塔】九楽ライ(Re:AcT)ファンゲーム【プレイスルー】
七四(x.com/nanashi_74_name)様によるファンゲームのプレイ動画です
うまく行った部分を繋ぎ合わせて全体を見えるようにしました
九楽ライ様: youtube.com/@KulakuLie
Re:AcT: v-react.com
The First 15 Minutes of Batman: Arkham Origins (Wii U)
Copied from MobyGames:
Batman: Arkham Origins is a prequel to Batman: Arkham Asylum and is set about one year after Bruce Wayne became Batman. The main villain is the drug lord Black Mask who assigns eight powerful villains to assassinate Batman once and for all. It is long before Arkham City was established and therefore Batman can explore the whole city.
The basic gameplay is unchanged to Arkham City. Batman still slides through the open city and visits more linear locations in plot missions. The fights use the series' trademark freeflow system. An important part of these fights is to react to the enemies. When said enemies have firearms, melee fights are out of the question and Batman has to use stealth.
Besides fighting even more enemies, there are side quests to solve, like stopping the sniper Deadbeat or solving the Enigma puzzles. The crime scene investigations with detective view were expanded and involve short videos which can be searched for clues.
PC自作から始めるスマホアプリ開発 #11 React Native基礎編 もっと読むを実装する
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではサードパーティのライブラリを使用して「もっと読む」ボタンを実装しました。「もっと読む」ボタンで長文を開閉可能にしました。
このYouTubeシリーズ用のレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
今回紹介したライブラリです
https://github.com/fawaz-ahmed/react-native-read-more
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #26 React Native基礎編 背景画像を設定する
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではmicroCMSから取得したサムネイル画像を記事タイトルの背景に設定する方法を解説しました。
このYouTubeシリーズのレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
動画内で紹介した「ImageBackground」のページです。
https://reactnative.dev/docs/imagebackground
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #29 React Native基礎編 スケルトンローダーを表示する
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画では「rn-placeholder」を使用してスケルトンローダーを表示する方法を紹介しました。
このYouTubeシリーズのレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
動画内で紹介した「rn-placeholder」のページです。
https://github.com/mfrachet/rn-placeholder
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #30 React Native基礎編 長押しとダブルタップできるボタンを作る
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画では長押しとシングルタップ、ダブルタップをできるボタンの作り方を紹介しました。
このYouTubeシリーズのレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #35 React Native基礎編 GoogleのAIと対話する方法
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではGoogleのPaLMモデルを使って対話画面を作る方法を紹介しました。
このYouTubeシリーズのレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
動画内で紹介したライブラリのページです。
「react-native-keyboard-aware-scroll-view」
https://github.com/APSL/react-native-keyboard-aware-scroll-view
動画内で紹介しているPaLM APIのページです
「https://developers.generativeai.google/」
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #24 React Native基礎編 microCMSからデータを取得する
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではmicroCMSからデータを取得してアプリに描画する方法を解説しました。
このYouTubeシリーズのレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
動画内で紹介したmicroCMSのページです。
https://microcms.io
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #28 React Native基礎編 カルーセルを表示する
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画では「react-native-snap-carousel」を使用してカルーセルを表示する方法を紹介しました。
このYouTubeシリーズのレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
動画内で紹介した「react-native-snap-carousel」のページです。
https://github.com/meliorence/react-native-snap-carousel
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
JavaScriptでハイフンや空白を簡単に削除する方法(置き換え)【replace】
空白やハイフンなど文字を削除したい場面ってありますよね?
削除ではなく「置き換え」というものを使うだけで、JavaScriptでは簡単に出来てしまいます。
フォームやデータの整理など地味に使える場面が多いので共有です。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-replace
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ:https://lorem-co-ltd.com/
Twitter:https://twitter.com/rubyprogram
PC自作から始めるスマホアプリ開発 #14 React Native基礎編 セレクトボックスを作成
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではreact-native-material-menuを使用してセレクトボックスを作成する方法を解説しました。
このYouTubeシリーズ用のレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
react-native-material-menu
https://github.com/mxck/react-native-material-menu
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #31 React Native基礎編 OpenAIを使用して画像を生成する
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではOpenAIのAPIを使用してテキストから画像を生成する方法を紹介しました。
このYouTubeシリーズのレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
動画内で参考にしているキータの記事です
「React NativeでOpen AIを使用してText to Imageを行う」
https://qiita.com/votepurchase/items/ba7b1768530ee90e40d3
動画内で紹介しているライブラリのページです
「OpenAI Node API Library」
https://www.npmjs.com/package/openai
「react-native-auto-height-image」
https://github.com/vivaxy/react-native-auto-height-image
「react-native-polyfill」
https://www.npmjs.com/package/react-native-polyfill
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #34 React Native基礎編 OpenAIで生成した画像を保存する
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではOpenAI APIを使用して生成した画像を端末に保存する方法を紹介しました。
このYouTubeシリーズのレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
動画内で紹介したライブラリのページです。
「Expo MediaLibrary」
https://docs.expo.dev/versions/latest/sdk/media-library/
「Expo FileSystem」
https://docs.expo.dev/versions/latest/sdk/filesystem/
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #33 React Native基礎編 OpenAIを使って複数の画像を生成する
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではOpenAI APIを使用して複数の画像を方法を紹介しました。
以前に作成した画像生成画面では画像を1枚だけしか生成できませんでしたが、今回はその画面を編集して複数画像を生成し表示できるようにしました。
このYouTubeシリーズのレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
架空の図書管理システム - 削除ができるようになりました
React & Spring Boot with OpenAPI で作っています。
確認ダイアログはサボった。申し訳ない...
リポジトリ: https://github.com/mikoto2000/LibrarySyste-React-Java
JavaScriptの「?.」オプショナルチェーンが便利すぎた
ドットを使った文法の中に「?.」を使ったものを見かけ、最初は「これってタイプミス?」と思ってました。
それから実際にオプショナルチェーンを使う事になり、使ってみて感じた恩恵や具体例などをまとめてみました。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
【東方】【東方アクションやってみた】東方アクションまとめ
この動画は【東方project】を基にした二次創作です 東方Projectの二次創作ガイドライン↓↓↓ https://touhou-project.news/guideline あいずさん(https://x.com/izS_nowiz?t=IxI3kdHvqkiFidm1NhlY7A&s=09) mi-shuさん(https://x.com/mishu_shuki?t=U0JQtWeuKGw9lNRNquKbtA&s=09) PaNoRaMaさん(https://x.com/BLOODyUrizenV2?t=xzOLRlSDVeaBSyckZ02w8w&s=09) えすかるごさん(https://x.com/Karugo_shan?t=_MFJfu3QTfoSNiXDMJ7JYw&s=09) Special thanks BuffSTUDIO様(https://x.com/StudioBuff?t=F4Btb2PlLRts-zFrQTmmWw&s=09) Re-act様(https://x.com/REact555?t=lTxJBa1EKfJo_dX0kwe-9g&s=09)
【完全版】モバイルアプリ開発の手順を徹底解説!2023年版
2023年これからアプリ開発を始めたいけど、何から始めていいかわからないという方はこちらの動画で手順を学んで進めてください。
プログラミングからスタートしてしまう方が多いですが、プログラミングから始めてしまうとマーケティングで行き詰まります。
そのため、予めニーズがあることを調査してから開発をスタートしましょう!
プログラミングは手段です。特にAIが発展してきた2023年においてはアイデア出しや市場調査がより重要になってくるので、ぜひ市場調査も手を抜かずに行いましょう。
■ 打田裕馬のメルマガ(合計83,400円分 React.jsとデータベースのコースをプレゼント)
https://www.yumaclass.com/opt-in?from=niconico_2023_roadmap
■ 目次
01:24 結論
02:01 ①トレンドを知る
02:43 ②キーワード選定
04:04 ③アイデアと要件定義
06:35 ④データベース設計
08:11 ⑤開発環境の選定
09:37 楽しく継続するコツ
11:16 ⑥デザイン
12:47 ⑦プログラミング
14:00 ⑧ストア準備
15:32 ⑨テスト
16:44 最強のスキルアップ方法
雪のキス-reACT-|ガレージロック(オリジナル)|Suno AI
生成AI(Suno)で制作したオリジナル楽曲です。
ジャンル:ガレージロック/パワーバラード
「雪のキス」のリアレンジ版です。
元のYouTube版はサビが一回多く、冗長になってしまったので
原曲準拠でアレンジし直しました。
【Credits】
Lyrics:Suno AI + Shige
Music:Suno AI
Arrangement:Suno AI
Mix/Master:BandLab
Prompt/Direction:ChatGPT + Shige
【Lyrics】
「雪のキス-reACT-」
降り積もる 雪の夜に
君の笑顔が 眩しくて
触れたいけど 触れられない
心が 揺れるだけ
初めての 願いごと
君と同じ 空の下
雪のキス 一瞬の奇跡
叶わないと 知ってもいい
切ないほど 美しい
泣かない 泣かないと決めたのに
プレゼントなんて いらない
君の声が 聞けたなら
さようならが 来る前に
時間を 止めてほしい
初めての 片想い
永遠に 終わらない夢
雪のキス 儚い光
溶けて消える 愛の証
願い事 ひとつだけ
泣かない 泣かないはずだったのに
Image:Midjourney
Music:Suno AI
Text/Prompt:ChatGPT
Mix/Master:BandLab
※本作品に登場する人物は実在の人物とは一切関係のないオリジナルキャラクターです。
#GarageRock #JRock #ChristmasSong #IndieMusic #SunoAI
order number:8126623656955097 (1/2)
I sent two emails to [email protected].
I sent an email with the following content.
TITLE:order number:8126623656955097 (1/2)
--------------------------------------------
order number:8126623656955097
dear,
Send a video to solve the problem.
order number:8126623656955097
one is broken.
One works fine.
One does not react.
--------------------------------------------
PC自作から始めるスマホアプリ開発 #20 React Native基礎編 入力ダイアログを実装する
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではreact-native-dialogを使用して入力ダイアログを実装する方法を解説しました。
このYouTubeシリーズのレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
動画内で紹介しているライブラリ「react-native-dialog」のページです。
https://github.com/mmazzarolo/react-native-dialog
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
クリスマスの夜-reACT-|ガレージロック(オリジナル)|Suno AI
生成AI(Suno)で制作したオリジナル楽曲です。
ジャンル:ガレージロック/パワーバラード
YouTube初投稿の作品です。
色々試行錯誤しながらの投稿だったので一番「あーしときゃ良かった/こーしときゃ良かった」
が、多かった作品でもあります。
ですので曲はニューアレンジヴァージョンで且つ挿し絵も字幕も新しくなりました。
YouTubeと違ってサムネは有料じゃないと変えられなかったのは残念です。
【Credits】
Lyrics:Suno AI + Shige
Music:Suno AI
Arrangement:Suno AI
Mix/Master:BandLab
Prompt/Direction:ChatGPT + Shige
【Lyrics】
「クリスマスの夜-reACT-」
白い雪が街を包む
君の笑顔 まだ胸に残る
初めてのキス 夢のようで
お願い神様 もう一度だけ
君に会えるなら 何もいらない
クリスマスの夜 片想いのまま
星に願いを 泣かないと決めた
切ない想い 胸にしまって
さようなら 君 愛してた
飾られたツリー 光が揺れる
二人の写真 そっと隠した
消せない想い 時を超えて
お願い神様 この心に
最後の強さを 与えて欲しい
クリスマスの夜 片想いのまま
星に願いを 泣かないと決めた
切ない想い 胸にしまって
さようなら 君 愛してた
クリスマスの夜 片想いのまま
星に願いを 泣かないと決めた
切ない想い 胸にしまって
さようなら 君 愛してた
【Tools】
Image:Midjourney
Music:Suno AI
Text/Prompt:ChatGPT
Mix/Master:BandLab
※本作品に登場する人物は実在の人物とは一切関係のないオリジナルキャラクターです。
#GarageRock #JRock #ChristmasSong #IndieMusic #SunoAI
にわかKPと行くクトゥルフ神話TRPG 「もっと食べたい」 総集編
部屋の掃除で1日が終わる! 連休とはいえこんなものよ・・・
この動画は「株式会社アークライト」及び「株式会社KADOKAWA」が権利を有する『クトゥルフ神話TRPG』の二次創作物であり、実卓を基にしたリプレイ風動画です。
■クレジット
・音源
VOICE VOX 様 DOVA-SYNDROME 様
ニコニ・コモンズ 様
・背景・小物等イラスト
ニコニ・コモンズ 様
Phot AC 様
・立ち絵・一枚絵 カタギリペンギン
・お借りした音源
ARASHI - Love so sweet https://www.youtube.com/watchv=EAgACSowE5k&list=RDEAgACSowE5k&start_radio=1
【FIREPROOF-React ver-】スマスロ バイオハザード ヴィレッジ
https://www.youtube.com/watch?v=BDlgDractJ0&list=RDBDlgDractJ0&start_radio=1
Fireproof ~Full Ver.~ /パチスロ バイオハザード7 レジデント イービル
https://www.youtube.com/watch?v=MMj2dXiFy08&list=RDMMj2dXiFy08&start_radio=1
クレジットの内容に抜けているものがございましたらお知らせください。
PC自作から始めるスマホアプリ開発 #18 React Native基礎編 YouTubeを再生する
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではReact Native Youtube-iframeを使用してアプリ内でYouTubeを再生する方法を解説しました。ChatGPT先生も登場します!
このYouTubeシリーズのレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
動画内で紹介しているReact Native Youtube-iframeです。
https://lonelycpp.github.io/react-native-youtube-iframe/
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
晴れ渡る空-reACT-|ガレージロック(オリジナル)|Suno AI
生成AI(Suno)で制作したオリジナル楽曲です。
ジャンル:ガレージロック
この曲も結局リアレンジして挿し絵も字幕も新しくしました。
何だか出張版と言うよりチャンネル・リニューアルと言った方が近いのかもしれない‥。
【Credits】
Lyrics:Suno AI + Shige
Music:Suno AI
Arrangement:Suno AI
Mix/Master:BandLab
Prompt/Direction:ChatGPT + Shige
【Lyrics】
「晴れ渡る空-reACT-」
晴れ渡る空 眩しい程に
涙の跡が 消えていくように
でも心の中は 嵐のまま
忘れたい 忘れられない
君の声が まだ耳に残る
笑顔の影が 夢に潜む
晴れ渡る 空に叫びたい
この涙 いつか虹になる
笑顔でまた 歩き出せる日
信じてる 信じたい
独りの夜 月が静かに
私の弱さを 映し出すけど
星の光が 道を照らす
歩こうか 止まろうか
君の言葉が 胸を刺すけど
未来の風が 背中を押す
晴れ渡る空に 歌いたい
この涙 いつか虹になる
笑顔の意味 思い出す時
新しい 私になる
【Tools】
Image:Midjourney
Music:Suno AI
Text/Prompt:ChatGPT
Mix/Master:BandLab
※本作品に登場する人物は実在の人物とは一切関係のないオリジナルキャラクターです。
#GarageRock #JRock #aimusic #IndieMusic #SunoAI
分かりそうで分からなかったReactを説明してみた
Reactを初めて触った時はいまいち「これって何のためにやるんだろう?」という感じでした。
それから数ヶ月経って初心者なりに感じたReactを使う事による恩恵などをまとめてみました。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
架空の図書管理システム - 一部項目のソートができるようになりました
Spring Data REST + React による、架空の図書管理システムです。
別テーブルの項目でのソートがまだできてない感じ。
リポジトリ: https://github.com/mikoto2000/TIL/tree/master/java/SpringBoot/Web/practice20241220
order number:8126623656955097 (2/2)
I sent two emails to [email protected].
I sent an email with the following content.
TITLE:order number:8126623656955097 (2/2)
--------------------------------------------
order number:8126623656955097
dear,
Send a video to solve the problem.
order number:8126623656955097
one is broken.
One works fine.
One does not react.
--------------------------------------------
