投稿時間:2023-07-12 13:16:40 RSSフィード2023-07-12 13:00 分まとめ(17件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia News] 電ファミ、悪質リダイレクト広告に注意喚起　閲覧中に偽アンケート	https://www.itmedia.co.jp/news/articles/2307/12/news126.html	itmedia	2023-07-12 12:30:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] アイ・オー、ウイルス対策ソリューションを標準導入した法人向け2ベイNAS	https://www.itmedia.co.jp/pcuser/articles/2307/12/news128.html	hdlhabtm	2023-07-12 12:27:00
IT	ITmedia 総合記事一覧	[ITmedia News] マスク型の“減音”デバイス、キヤノンが開発　社外でのビデオ会議に	https://www.itmedia.co.jp/news/articles/2307/12/news123.html	itmedia	2023-07-12 12:09:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 屋内で湿気が気になる場所　3位「寝室」、2位「押し入れクローゼット」、1位は？	https://www.itmedia.co.jp/business/articles/2307/12/news124.html	itmedia	2023-07-12 12:03:00
TECH	Techable（テッカブル）	スタートアップのための健康保険組合「VCスタートアップ健保」設立に向け、業界団体新設	https://techable.jp/archives/213583	健康保険組合	2023-07-12 03:00:11
AWS	AWS Japan Blog	Summit Tokyo 2023 ヘルスケア・ライフサイエンスブース 開催報告ブログ	https://aws.amazon.com/jp/blogs/news/summit-tokyo-2023-hcls-booth-blog/	awssummittokyo	2023-07-12 03:59:10
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	known_hostsとauthorized_keysの解説	https://qiita.com/pyon_kiti_jp/items/f89b8fa9f5b7f8abac23	authorized	2023-07-12 12:26:00
golang	Goタグが付けられた新着投稿 - Qiita	【Go】スライスマスターになりたくSlice Tricksを作ってみた	https://qiita.com/nakampany/items/d994e67c125fc1014b14	gogolang	2023-07-12 12:12:59
海外TECH	DEV Community	Building a TODO app in React Native with Supabase	https://dev.to/mrcflorian/building-a-todo-app-in-react-native-with-supabase-h2i	Building a TODO app in React Native with SupabaseLet s build a Todo mobile app using React Native and Supabase This tutorial assumes you have a basic understanding of JavaScript React Native and SQL Building a Todo Application with React Native and SupabaseIn this tutorial we will learn how to build a simple Todo application using React Native for the frontend and Supabase for the backend Interested in building more complex apps Check out these amazing mobile app templates PrerequisitesBefore you begin this guide you ll need the following Basic understanding of JavaScript and React Native Node js and npm yarn installed on your system Expo CLI for building React Native apps A code editor like Visual Studio Code A Supabase account Step Setup your Development EnvironmentLet s begin by setting up our development environment We need to install Expo CLI if it s not already installed npm install g expo cliNext create a new React Native project expo init TodoAppMove into your project directory cd TodoApp Step Setting Up SupabaseHead over to Supabase and create a new project Once the project is set up navigate to the SQL section and create a new table for your todos CREATE TABLE todos id SERIAL PRIMARY KEY task VARCHAR done BOOLEAN Make sure to replace YOUR PROJECT URL and YOUR PROJECT KEY with your actual Supabase project URL and the anon public key You can find these in the settings of your Supabase project npm install supabase supabase jsThen initialize Supabase in your app import createClient from supabase supabase js const supabaseUrl YOUR PROJECT URL const supabaseAnonKey YOUR PROJECT KEY export const supabase createClient supabaseUrl supabaseAnonKey Step Building The Todo ApplicationLet s create a simple UI for our Todo application We ll need a text input for adding new tasks a button for submitting tasks and a flat list for displaying the tasks In your App js import React useState from react import View Text TextInput Button FlatList from react native export default function App const task setTask useState const handleAddTask gt Add task to supabase return lt View gt lt TextInput value task placeholder Add a task onChangeText setTask gt lt Button title Add Task onPress handleAddTask gt lt View gt Step Adding TasksTo add a task we need to create a function that makes a request to our Supabase client This function should be asynchronous as it needs to wait for the request to complete Update handleAddTask in your App js const handleAddTask async gt if task length gt await supabase from todos insert task done false single setTask Step Displaying TasksTo display tasks we need to fetch them from our Supabase client and store them in state Add a useEffect hook to fetch tasks from your Supabase client when the component mounts import React useState useEffect from react export default function App const todos setTodos useState useEffect gt fetchTodos const fetchTodos async gt const data await supabase from todos select setTodos data Rest of your component Then use a FlatList to display the tasks lt FlatList data todos renderItem item gt lt Text gt item task lt Text gt keyExtractor item gt item id toString gt Step Marking Tasks as DoneTo mark a task as done we need to make a PUT request to our Supabase client Add a handleDone function to your App js const handleDone async id gt const data error await supabase from todos update done true eq id id Handle response Add a Done button to each todo item lt FlatList data todos renderItem item gt lt View gt lt Text gt item task lt Text gt lt Button title Done onPress gt handleDone item id gt lt View gt keyExtractor item gt item id toString gt And there you have it You now have a simple Todo application using React Native and Supabase You can add additional features like user authentication delete tasks or update tasks You can check the Supabase documentation for more information Happy coding	2023-07-12 03:47:03
海外TECH	WIRED	101+ Best Prime Day Deals Our Reviewers Love	https://www.wired.com/story/best-amazon-prime-day-deals-2023/	apple	2023-07-12 03:13:00
海外ニュース	Japan Times latest articles	North Korea fires off ICBM-class missile ahead of Kishida-Yoon meeting	https://www.japantimes.co.jp/news/2023/07/12/national/north-korea-missile-launch-july-12/	North Korea fires off ICBM class missile ahead of Kishida Yoon meetingAlthough the missile fell outside Japan s EEZ the weapon s minute flight was longest yet for a North Korean missile the Defense Ministry said	2023-07-12 12:53:29
海外ニュース	Japan Times latest articles	Yen strengthens through ¥140 as bulls bet on turning point	https://www.japantimes.co.jp/news/2023/07/12/business/yen-strengthens-bulls-eyeing-gains/	monetary	2023-07-12 12:31:22
海外ニュース	Japan Times latest articles	Tennis star Naomi Osaka gives birth to baby girl	https://www.japantimes.co.jp/sports/2023/07/12/tennis/naomi-osaka-first-child/	media	2023-07-12 12:17:12
ニュース	BBC News - Home	North Korea fires intercontinental ballistic missile after threatening US	https://www.bbc.co.uk/news/world-asia-66172284?at_medium=RSS&at_campaign=KARANGA	incursions	2023-07-12 03:15:52
IT	週刊アスキー	ローランドDG、低溶剤インクに対応した大判インクジェットプリンター「ER-642」発表	https://weekly.ascii.jp/elem/000/004/144/4144936/	溶剤	2023-07-12 12:45:00
IT	週刊アスキー	24karat、コミュニティモバイルウォレット「24kZAP」とサイネージ型IoT自動販売機「AIICO（アイコ）」を連携した実証実験を実施	https://weekly.ascii.jp/elem/000/004/144/4144934/	aiico	2023-07-12 12:30:00
IT	週刊アスキー	ものづくりをDXで支援する「HIKIFUDA（ヒキフダ）」公開	https://weekly.ascii.jp/elem/000/004/144/4144930/	hikifuda	2023-07-12 12:15:00