IT |
ITmedia 総合記事一覧 |
[ITmedia PC USER] 「プラス」と「マイナス」が入り交じるPC市場 インテルが2023年春に向けた“次の一手”を披露 |
https://www.itmedia.co.jp/pcuser/articles/2212/06/news162.html
|
itmediapcuser |
2022-12-06 20:15:00 |
AWS |
AWS Compute Blog |
Introducing Serverlesspresso Extensions |
https://aws.amazon.com/blogs/compute/introducing-serverlesspresso-extensions/
|
Introducing Serverlesspresso ExtensionsToday the Serverless DA team is launching Serverlesspresso Extensions a new program that lets you contribute to Serverlesspresso The best extensions will be added to the Serverlesspresso application running in production and featured on the AWS Compute Blog What is Serverlesspresso Serverlesspresso is a multi tenant event driven serverless application for a pop up coffee bar that allows … |
2022-12-06 11:32:39 |
Google |
Official Google Blog |
Meet the news publishers with creative new ideas in Asia Pacific |
https://blog.google/outreach-initiatives/google-news-initiative/meet-the-news-publishers-changing-the-industry-in-asia-pacific/
|
graphs |
2022-12-06 12:43:00 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
Pythonでサイコロ作ってみた |
https://qiita.com/Pitts7/items/cc65f49077b1fcac1c18
|
作ってみた |
2022-12-06 20:43:19 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
Python&R比較表 |
https://qiita.com/1024yoshida/items/64d70665ba315cce57a4
|
pythonr |
2022-12-06 20:18:47 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
Jupyter notebookでのR環境設定&拡張機能追加 |
https://qiita.com/1024yoshida/items/47f7438eb4dcb0c65e85
|
finder |
2022-12-06 20:13:18 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
【AWS】用語を整理しながら学ぶAWS - CloudWatchアラーム 監視編 part1 |
https://qiita.com/ymd65536/items/5c8c95abf8138f16d4ba
|
amazonappflow |
2022-12-06 20:13:34 |
Docker |
dockerタグが付けられた新着投稿 - Qiita |
=> ERROR [internal] load metadata for docker.io/library/ruby:2.6.6 |
https://qiita.com/ono-hiroki/items/dfbb49a2dacbb802f61b
|
gt ERROR internal load metadata for docker io library ruby gt ERROR internal load metadata for docker io library ruby s internal load metadata fo… |
2022-12-06 20:17:53 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
=> ERROR [internal] load metadata for docker.io/library/ruby:2.6.6 |
https://qiita.com/ono-hiroki/items/dfbb49a2dacbb802f61b
|
gt ERROR internal load metadata for docker io library ruby gt ERROR internal load metadata for docker io library ruby s internal load metadata fo… |
2022-12-06 20:17:53 |
技術ブログ |
Mercari Engineering Blog |
メルカードの還元率管理の仕組み |
https://engineering.mercari.com/blog/entry/20221206-mercard-behind-the-scenes-06/
|
hellip |
2022-12-06 12:00:53 |
技術ブログ |
Mercari Engineering Blog |
FinOpsへの取組 エンジニア組織の意識を変えた「データストーリーテリングに基づいたコスト可視化」 |
https://engineering.mercari.com/blog/entry/20221205-02701ed73d/
|
hellip |
2022-12-06 11:00:56 |
技術ブログ |
Developers.IO |
問題が優先的に取り扱われるまでの過程。主観的問題〜客観的問題〜優先的問題 |
https://dev.classmethod.jp/articles/process-of-problems/
|
問題解決 |
2022-12-06 11:52:33 |
海外TECH |
MakeUseOf |
How to Change the Default Password Manager on Your iPhone |
https://www.makeuseof.com/how-to-change-default-password-manager-iphone/
|
default |
2022-12-06 11:15:15 |
海外TECH |
MakeUseOf |
How Power Outages Can Damage Your Computer (And How to Protect It) |
https://www.makeuseof.com/effects-power-outages-can-computer/
|
computer |
2022-12-06 11:05:14 |
海外TECH |
MakeUseOf |
The Best Budget Smartphones |
https://www.makeuseof.com/tag/best-budget-smartphone/
|
smartphones |
2022-12-06 11:01:15 |
海外TECH |
MakeUseOf |
How to Add a Date Picker to a React.js App |
https://www.makeuseof.com/react-date-picker/
|
experience |
2022-12-06 11:01:15 |
海外TECH |
DEV Community |
How I build Register and Login page using Supabase |
https://dev.to/surajondev/how-i-build-register-and-login-page-using-supabase-5h43
|
How I build Register and Login page using Supabase IntroductionOne of the challenging things to build in an application is Authentication It is a process of identifying the user We do that by registering the user and then letting them login into the account For this we need to create the Register and Login page in our front end application We need to add a login method with Email or any OAuth provider We also need to store user data in a database For secure login we need to send a token can be a JWT token for web application This a quite a work to do in an application and the process is repetitive for every application That s why we have Supbabase to help us in managing Authentication Supabase is an open source Firebase alternative It provides support such as a Postgres database Authentication instant APIs Edge Functions Realtime subscriptions and Storage It has been my go to tool for Authentication since I first used it It supports Email Phone and major third party OAuth providers It has a free tier that is best for building individual projects Auth UI is a pre build Authentication component from Supabase It is for building the login registering page Today we are going to use the Supabase and Auth UI to build a Register Login page We are going to look into the following topics Adding a project to SupabaseUsing Auth UI to build the frontend componentEmail Provider for registering and loginSupabase s launch week will begin on the th of December It will extend to the th of December In this they are going to launch new features every day Grab your ticket and look out for some amazing features that are coming to the platform I already got mine Now let s get started with the project Adding a project to SupabaseFirst let s set up our project on the supabase dashboard Visit supabase com then click on Start your project from the right of the nav bar This will take you to the sign in page Enter your details for sign in or sign up as you required After logging in you will be redirected to the project page From here click on New project to create a project On Create new project page you will be asked to enter details of your project Fill in the details of your project Enter the project s name as per your choice For passwords you can use the Generate a password for generating password Select the region that is nearest to the user of your project In the free tier you can create two projects After filling the detail click on Create new project It will take a few minutes to set up the project Frontend with Auth UIYou can use React or any other framework that is built upon React for building the component I am going to use the NextJS You can create a NextJS project with the below command Run the command in the terminal npx create next app latest experimental appNote To use the above command and further commands you need to have nodejs pre installed Create a folder with the name register inside the app directory Inside it creates a page js file Here is the code for it import AuthUI from Auth export default function Register return lt div gt lt AuthUI gt lt div gt It is a layout page that will hold our AuthUI component Let s build the AuthUI component Create a file with the name Auth js inside the register directory Auth jsTo use Supabase s Authentication and Auth UI we need to install supabase supabase js and supabase auth ui react respectively Run the below command in the terminal to install the libraries npm i supabase supabase js supabase auth ui reactNote Run the above command in the terminal from the root directory of the NextJS project Here is the code for the Auth js in context with imports use client import useEffect from react import createClient from supabase supabase js for supabase s function import ThemeSupa Auth from supabase auth ui react for Auth UI import useRouter from next navigation const supabase createClient process env NEXT PUBLIC SUPABASE URL process env NEXT PUBLIC ANON You can see the comments for the imports description We have created a supabase variable for using the supabase client in our application We have used the environment variable for storing sensitive data Let s create that too We need two variables from our Supabase project that is Supabase URL and Anon Visit your project s dashboard on supabase From there go to Project Setting and then API You will find your Project URL and Anon key there Now create a env file in the root of your project Add the details of both as the environment variable NEXT PUBLIC SUPABASE URL lt Project ULR gt NEXT PUBLIC ANON lt anon public gt Note Prefix the environment variable s name with NEXT PUBLIC This will be directly loaded to the client Let s move on and add a return to our Auth js component Here is the code for it return lt div className auth gt lt Auth supabaseClient supabase appearance theme ThemeSupa theme light providers github twitter view sign in gt lt div gt The Auth component from the supabase auth ui react is for the login register component Let s look into the used props supabaseClient It takes the supabase that we have declared in the beginning appearance It is where we pass the theme of the component At present they have two themes We have used ThemeSupa You can customize the appearance by overriding the styles But for right now we are going to use the default theme theme There are two kinds of themes based on the color mode that is dark light provider They are the third party OAuth provider We have listed the github and twitter You need to enable it from the Authentication section for its working view It is the value for the page such as sign in sign up forget the password or update the password We have passed the default page as sign in Once it is done Now it s time to add some more features to the application Redirect after successful sign inAfter successful login sign up we need to redirect the user to some other route We can do that by listening to the Auth State In supabase there is a method for that onAuthStateChange will listen to any auth change We can perform tasks based on the event supabase auth onAuthStateChange event gt if event SIGNED IN router push dashboard In the above code the router push will redirect the user to the dashboard route This will only happen if the event is “SIGNED IN If the session is active then redirect the user to the dashboardWhen a user with an active session visits the route it should redirect the user to the dashboard route We can use the useEffect hook to look for the session once the page is loaded We can get the session details using supbase auth getSession method Here is the useEffect code useEffect gt const checkSession async gt const data await supabase auth getSession if data session router push dashboard checkSession Together with all the functionality our Auth js will look like this use client import useEffect from react import createClient from supabase supabase js import ThemeSupa Auth from supabase auth ui react import useRouter from next navigation const supabase createClient process env NEXT PUBLIC SUPABASE URL process env NEXT PUBLIC ANON const AuthUI gt const router useRouter useEffect gt const checkSession async gt const data await supabase auth getSession if data session router push dashboard checkSession supabase auth onAuthStateChange event gt if event SIGNED IN router push dashboard return lt div className auth gt lt Auth supabaseClient supabase appearance theme ThemeSupa theme light providers github twitter view sign in gt lt div gt export default AuthUI Testing the ApplicationGo to localhost register after running the NextJS server You can run it by running the below command npm run devOn register route you will have the below output screen You will need to first create an account You can do that by clicking Don t have an account Sign up link Enter details regarding registering After entering the details click on Sign up If everything goes well you will be redirected to dashboard route Note We haven t created any dashboard route Make sure you create a route with components Additional FeaturesThere are many authentication features that I haven t implemented You can work on the project to add those A few of them can be Creating dashboard routeUsing getSession from supabase to verify the active session of the user for dashboard route Add more features as per your requirement ConclusionFrom the article you can think of How amazing Supabase is We have a proper authentication system with Supbase UI and Authentication The authentication is via Email provider It was quite easy to build it with supabase s method You can try the platform for features other than Authentication such as Database Edge Functions Realtime subscription or Storage Make sure to look out for the upcoming launch week by Supubase I hope the article has helped you understand in building a login register page using Supabase Thanks for reading the blog post |
2022-12-06 11:30:00 |
Apple |
AppleInsider - Frontpage News |
How and when to use multiple calendars in iOS 16 & macOS Ventura |
https://appleinsider.com/inside/ios-16/tips/how-and-when-to-use-multiple-calendars-in-ios-16-macos-ventura?utm_medium=rss
|
How and when to use multiple calendars in iOS amp macOS VenturaWhether you use Apple s own Calendar app or a powerful third party alternative you can stay more organized by leveraging multiple calendars Here s why when and how to do it If you deliberately set out to make confusing terminology then you couldn t do much better than the word calendar That word calendar is seemingly so simple but it s used in many different ways Enough so that it s also a reason why new Mac and iOS users may not be making the most of the Calendar app Read more |
2022-12-06 11:52:59 |
Apple |
AppleInsider - Frontpage News |
'Slow Horses' nominated for UK Writers' Guild award |
https://appleinsider.com/articles/22/12/06/slow-horses-nominated-for-uk-writers-guild-award?utm_medium=rss
|
x Slow Horses x nominated for UK Writers x Guild awardHit thriller series Slow Horses becomes the first Apple TV show to be nominated for an award from the Writers Guild of Great Britain WGGB Gary Oldman in Slow Horses The UK s Writers Guild Award nominations have been announced with entries competing in categories across television film radio theatre novels and video games Writer Will Smith previously best known for Veep is nominated under Best Long Form TV Drama for his Slow Horses episode Failure s Contagious Read more |
2022-12-06 11:34:11 |
海外TECH |
Engadget |
Apple's Self Service Repair program comes to Europe |
https://www.engadget.com/apple-opens-self-service-repair-in-europe-to-let-customers-fix-their-own-devices-112500379.html?src=rss
|
Apple x s Self Service Repair program comes to EuropeAfter launching it in the US earlier this year Apple s Self Service Repair program has arrived in eight European countries Customers there will be able to perform many of the most common fixes on the iPhone an iPhone lineups along with MacBooks with Apple silicon not Intel models The Self Service Repair Store provides access to more than individual parts and tools as well as repair manuals Apple said in a press release nbsp Spare parts and tools can be purchased at Apple s Self Service repair store in Belgium France Germany Italy Poland Spain Sweden and the UK Apple said that they re the same ones at the same prices as those available to authorized repair providers If you d rather not purchase a tool for a one time repair you can rent a kit for a week at £ Customers can send back replaced parts for refurbishment and recycling and potentially receive a credit A few examples of part prices include a battery module for £ € a display module for £ € and a camera module for £ € A lot of tools are required for an iPhone repair including a battery press display press adhesive cutter various torque drivers and a magnetizer among others so the rental seems like a good solution Also it goes without saying that you should feel confident doing relatively complex repair jobs AppleIt s a good option for folks who may be far from an authorized Apple repair center At the same time you may want to compare the price of the parts tool rental and your own time with the cost of a professional repair from Apple or a third party nbsp We believe the best technology for our customers and for the planet is technology that lasts which is why we design our products to be durable and rarely require maintenance or repair said Apple COO Jeff Williams But when a repair is needed we want customers to have many options for safe reliable and secure repair That s well and good but Apple was essentially forced into this position by right to repair rules both in the United States and Europe The EU also wants you to be able to go back more than two generations for repairs It recently proposed new rules that would require components batteries displays chargers etc to be available for at least five years after a phone is released in the EU ーor back to the iPhone X in Apple s case nbsp The EU also passed a law requiring USB C charging for mobile devices by the end of meaning that Apple will have to eliminate its Lightning connector on iPhones by that time The law represents an effort to eliminate e waste in the form of cables since even owning two Apple devices an iPad Pro and an iPhone requires two separate cables nbsp |
2022-12-06 11:25:00 |
医療系 |
医療介護 CBnews |
循環器病DB構築、医療情報プラットフォーム活用も-厚労省が方向性、医療の質向上や相談支援の充実に |
https://www.cbnews.jp/news/entry/20221206195220
|
厚生労働省 |
2022-12-06 20:05:00 |
ニュース |
BBC News - Home |
December train strikes: Union told not to hold country 'to ransom' |
https://www.bbc.co.uk/news/business-63872789?at_medium=RSS&at_campaign=KARANGA
|
festive |
2022-12-06 11:29:11 |
ニュース |
BBC News - Home |
Conservative peer Michelle Mone to take leave of absence from Lords |
https://www.bbc.co.uk/news/uk-politics-63871448?at_medium=RSS&at_campaign=KARANGA
|
covid |
2022-12-06 11:53:07 |
ニュース |
BBC News - Home |
Eddie Jones sacked by England after review into poor run of form |
https://www.bbc.co.uk/sport/rugby-union/63801857?at_medium=RSS&at_campaign=KARANGA
|
world |
2022-12-06 11:52:30 |
ニュース |
BBC News - Home |
December strikes - everything you need to know |
https://www.bbc.co.uk/news/business-62134314?at_medium=RSS&at_campaign=KARANGA
|
disruption |
2022-12-06 11:27:03 |
ニュース |
BBC News - Home |
World Cup 2022: Samuel Eto'o appears to lash out at man in Qatar after game |
https://www.bbc.co.uk/sport/africa/63872382?at_medium=RSS&at_campaign=KARANGA
|
World Cup Samuel Eto x o appears to lash out at man in Qatar after gameA video posted online appears to show former Barcelona and Cameroon striker Samuel Eto o lashing out at a man following a World Cup match |
2022-12-06 11:28:40 |
ニュース |
Newsweek |
クロアチアの勝利に泥?イスラム教国で巨乳を誇示する挑発美女 |
https://www.newsweekjapan.jp/stories/world/2022/12/post-100280.php
|
「彼らが写真を撮ったのは、彼女の服装が私たちの文化には不適切だと感じたからだ」と強弁。 |
2022-12-06 20:07:25 |
コメント
コメントを投稿