投稿時間:2021-12-31 12:16:57 RSSフィード2021-12-31 12:00 分まとめ(22件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Appleの整備済み商品情報 2021/12/31	https://taisy0.com/2021/12/31/150249.html	apple	2021-12-31 02:20:09
TECH	Engadget Japanese	搭載AIがあなたの感情や運動状況を感知する、1.78インチ大画面スマートウォッチ「Hey+」	https://japanese.engadget.com/hey-plus-smart-watch-023542290.html	搭載AIがあなたの感情や運動状況を感知する、インチ大画面スマートウォッチ「Hey」「Hey」ヘイプラス主な特徴フレームレートfpsを実現、操作がスムーズで誤作動を起こしにくい。	2021-12-31 02:35:42
TECH	Engadget Japanese	新感覚ブーメランFPS「Boomerang X」にハマった!｜ゲームレビュー2021	https://japanese.engadget.com/boomerang-x-013051921-023042302.html	boomerangx	2021-12-31 02:30:42
TECH	Engadget Japanese	交換レンズのAmazon売れ筋ランキング。ボケ味、マクロ、超望遠など一眼カメラならではの楽しみを！	https://japanese.engadget.com/ranking-interchangeable-lens-020528740.html	amazon	2021-12-31 02:05:28
TECH	Techable（テッカブル）	【2021年振り返り #8】 家ではホームシアターを、外では電動アシスト自転車を。Techableでバズったモノ（後編）	https://techable.jp/archives/169703	techable	2021-12-31 02:00:09
js	JavaScriptタグが付けられた新着投稿 - Qiita	【Vue.js】Twitterシェアボタンの実装（初心者向け）	https://qiita.com/Yudai_35_/items/1254f04a913e66d330ed	動作確認①Twitterシェアボタンをクリック②ツイート画面へアクセスできたのを確認。	2021-12-31 11:38:56
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Swiftで郵便番号から住所を取得したい	https://teratail.com/questions/376175?rss=all	Swiftで郵便番号から住所を取得したいアプリ内のフォームに郵便番号が入力された際に住所を自動で入力する機能をつけたいと考えています。	2021-12-31 11:51:14
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	RasberryPi【python】:G-mail送受信のcron定期実行が動作しない。	https://teratail.com/questions/376174?rss=all	RasberryPi【python】Gmail送受信のcron定期実行が動作しない。	2021-12-31 11:21:51
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	pipのアップデートができない	https://teratail.com/questions/376173?rss=all	pipのアップデートができないsklearnのモジュールを使いたいのですが、pipがアップデートできないせいで使えません。	2021-12-31 11:17:37
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	JAVAで起こっているエラーについて（CSVファルを読み込む）	https://teratail.com/questions/376172?rss=all	JAVAで起こっているエラーについてCSVファルを読み込む前提・実現したいことお世話になっております。	2021-12-31 11:15:26
Ruby	Rubyタグが付けられた新着投稿 - Qiita	rails s時の「Address already in use」の解決方法	https://qiita.com/yuhi_taka/items/03cb2a09b790e5f27369	今回は「kill」とする事で、PID番号を強制終了させました。	2021-12-31 11:17:17
AWS	AWSタグが付けられた新着投稿 - Qiita	CDKの環境構築	https://qiita.com/ShiroUz/items/fad73b29b77f289c22e1	CDKの環境構築CDKインストール前提Nodeをインストールする。	2021-12-31 11:36:15
GCP	gcpタグが付けられた新着投稿 - Qiita	GCP gcloud auth application-default login ができない	https://qiita.com/Afro0009/items/94ea141e0786a8cae3fc	問題下記コマンドでGCPの認証を得ようとしたがエラーが返る。	2021-12-31 11:13:48
Ruby	Railsタグが付けられた新着投稿 - Qiita	rails s時の「Address already in use」の解決方法	https://qiita.com/yuhi_taka/items/03cb2a09b790e5f27369	今回は「kill」とする事で、PID番号を強制終了させました。	2021-12-31 11:17:17
技術ブログ	Developers.IO	プロジェクトとピープルのマネジメントを分担した話	https://dev.classmethod.jp/articles/the_story_of_sharing_the_management_of_the_project_and_people/	kwappa	2021-12-31 02:16:43
海外TECH	DEV Community	Build Authentication with NextJS and NextAuth v4	https://dev.to/przpiw/build-authentication-with-react-and-nextauth-v4-2edc	Build Authentication with NextJS and NextAuth vToday we are going to build authentication example app using Nextjs and NextAuth We will use a custom form and credential provider which will let us bring in effortlessly custom DB or endpoint for credential verification in our project A Good boilerplate if you need authentication functionality with less code in your project What is NextAuth Is a complete open source solution for the nextjs application It s designed to simplify handling multiple ways of handling user authentication for your application It offers built in support for authentication services such like OAuth Google and many more NextAuth is also perfect solution for authentication with your database as it offers wide database support Demo  Project setupyarn create next app app amp amp cd appmkdir components amp amp cd pages amp amp touch login js amp amp cd api amp amp mkdir auth npm i next auth axios Lets start with editing app jsWe will import SessionProvider and userSession Session Provider will allow us to supply session data to our Components useSession client side react hook which will let us determine if the user is authenticated and pull user data We will create Auth functional component which will allow us to determine whether user should be allowed to access certain pages or if the user needs to be redirected back to login import SessionProvider useSession from next auth react import useEffect from react import useRouter from next router export default function MyApp Component pageProps pageProps return lt SessionProvider session pageProps session gt Component auth lt Auth gt lt Component pageProps gt lt Auth gt lt Component pageProps gt lt SessionProvider gt function Auth children const router useRouter const data session status token useSession const isUser session user useEffect gt if status loading return Do nothing while loading if isUser router push login Redirect to login isUser status if isUser return children Session is being fetched or no user If no user useEffect will redirect return lt div gt Loading lt div gt  Now we ll create a dynamic API route to catch all paths from api auth as NextAuth by default will need access to these routes The credential provider lets us implement the logic for user authorization here we need our database or API to verify that user credentials are valid Throwing an error will return a message to our login form In this example for simplicity I used a hardcoded user We will use jwt an encrypted JWT JWE in the session cookie Create nextauth js file under pages api auth byimport NextAuth from next auth import CredentialsProvider from next auth providers credentials Api route function that is returned from next authexport default NextAuth providers CredentialsProvider async authorize credentials credentials will to passed from our login form Your own logic here either check agains database or api endpoint e g verify password if valid return user object const user id name john email user example com password if credentials email user email amp amp credentials password user password return user throw new Error Incorrect Credentials This will be error message displayed in login form callbacks called after sucessful signin jwt async token user gt if user token id user id return token called whenever session is checked session async session token gt if token session id token id return session secret SECRET HERE session strategy jwt maxAge d jwt secret SECRET HERE encryption true Now we will implement login jssignIn function will call and pass user details to authorize if credentials match user will be given access and redirected to protected route import signIn useSession from next auth react import useRouter from next router import useState useRef from react const Login gt const status loading useSession const router useRouter const error setError useState false const emailRef useRef const passwordRef useRef if status authenticated router push const loginHandler async e gt e preventDefault const error await signIn credentials redirect false email emailRef current value password passwordRef current value callbackUrl if error setError error return lt gt status unauthenticated amp amp lt gt lt p gt status lt p gt lt h gt error lt h gt lt h gt Log in lt h gt lt form onSubmit e gt loginHandler e gt lt input placeholder Email name email ref emailRef gt lt input placeholder Pasword name password ref passwordRef gt lt input type submit gt lt form gt lt gt lt gt export default Loginindex js In our index js we set Dashboard auth true to mark this route as protected So only authenticated users can access it import Navbar from components Navbar export default function Dashboard return lt gt lt Navbar gt lt h gt secret dashboard lt h gt lt gt Dashboard auth trueLastly we will create a Navbar with signout button which will let us destroy the session and redirect to the login page Navbar jsimport signOut useSession from next auth react const Navbar gt const data session useSession return lt div style display flex flexDirection row width backgroundColor bcc gt lt a gt session user name lt a gt amp nbsp lt button onClick gt signOut redirect false gt Signout lt button gt lt div gt export default Navbar To sum up NextAuth is a powerful and flexible authentication solution with developer friendly documentation With NextAuth we can simplify user auth for our application and follow good practices and patterns I hope this article was helpful to some of you guys Thanks for reading Github repo	2021-12-31 02:13:08
海外ニュース	Japan Times latest articles	Hong Kong’s media crackdown portends tough 2022 for free press	https://www.japantimes.co.jp/news/2021/12/31/asia-pacific/press-freedom-outlook-2022/	coverage	2021-12-31 11:28:39
海外ニュース	Japan Times latest articles	Dubai can’t shake off the stain of smuggled African gold	https://www.japantimes.co.jp/news/2021/12/31/world/dubai-stain-smuggled-african-gold/	Dubai can t shake off the stain of smuggled African goldThe U N has found a discrepancy of at least billion between the United Arab Emirates declared gold imports from Africa and what African countries	2021-12-31 11:25:50
ニュース	BBC News - Home	Omicron wave may have peaked, South Africa says	https://www.bbc.co.uk/news/world-africa-59832843?at_medium=RSS&at_campaign=KARANGA	omicron	2021-12-31 02:04:55
北海道	北海道新聞	高木菜那、１５００ｍで代表確実　スピード五輪代表選考会で２位	https://www.hokkaido-np.co.jp/article/629115/	北京冬季五輪	2021-12-31 11:13:00
北海道	北海道新聞	米、ロシア侵攻なら断固対応　ウクライナ巡り、首脳が電話会談	https://www.hokkaido-np.co.jp/article/629114/	米大統領	2021-12-31 11:08:00
海外TECH	reddit	[Post Game Thread] Wizards defeat the Cavaliers: 110 - 93	https://www.reddit.com/r/washingtonwizards/comments/rsiule/post_game_thread_wizards_defeat_the_cavaliers_110/	Post Game Thread Wizards defeat the Cavaliers Box Scores NBA amp Yahoo nbsp GAME SUMMARY Location Capital One Arena Clock Officials Kevin Cutler Matt Myers and Lauren Holtkamp Team Q Q Q Q Total Cleveland Cavaliers Washington Wizards nbsp TEAM STATS Team PTS FG FG P P FT FT OREB TREB AST PF STL TO BLK Cleveland Cavaliers Washington Wizards nbsp PLAYER STATS Cleveland Cavaliers MIN PTS FGM A PM A FTM A ORB DRB REB AST STL BLK TO PF Lauri MarkkanenSF Evan MobleyPF Kevin LoveC Isaac OkoroSG Kevin PangosPG Dean Wade RJ Nembhard Jr Lamar Stevens Dylan Windler Malik Newman Ed Davis Tacko Fall Justin Anderson Luke Kornet Denzel Valentine Washington Wizards MIN PTS FGM A PM A FTM A ORB DRB REB AST STL BLK TO PF Kentavious Caldwell PopeSF Kyle KuzmaPF Daniel GaffordC Bradley BealSG Brad WanamakerPG Corey Kispert Deni Avdija Jordan Schakel Anthony Gill Jordan Goodwin Jaime Echenique Isaiah Todd Joel Ayayi Craig Sword Alize Johnson rnbapgtgenerator by u fukr submitted by u cheese to r washingtonwizards link comments	2021-12-31 02:16:49