投稿時間:2022-12-13 21:26:18 RSSフィード2022-12-13 21:00 分まとめ(30件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	｢iPhone 14｣シリーズの衛星経由の緊急SOS機能、フランスやドイツなど4カ国で提供開始	https://taisy0.com/2022/12/13/166034.html	apple	2022-12-13 11:57:39
IT	InfoQ	Wayve's End-to-End Deep Learning Model for Self-Driving Cars	https://www.infoq.com/news/2022/12/wayve-deep-learning-model/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global	Wayve x s End to End Deep Learning Model for Self Driving CarsWayve released a state of the art end to end model for learning a world model and vehicular driving policy based on simulation data from CARLA allowing autonomy to cars without HD maps Wayve s new Model based Imitation Learning MILE is a machine learning model specifically a reinforcement learning architecture that learns a model of the world and a driving policy during offline training By Bruno Santos	2022-12-13 11:30:00
IT	ITmedia 総合記事一覧	[ITmedia News] セブン-イレブン、スマホが“レジ”になるアプリ展開拡大　並ばず手元で決済完了	https://www.itmedia.co.jp/news/articles/2212/13/news177.html	itmedia	2022-12-13 20:45:00
IT	ITmedia 総合記事一覧	[ITmedia News] 忘年会の余興に一役？　「アイスブレイク専用質問出題ツール」Webで無料公開	https://www.itmedia.co.jp/news/articles/2212/13/news175.html	itmedia	2022-12-13 20:33:00
AWS	lambdaタグが付けられた新着投稿 - Qiita	シフト自動化をサーバーレスアーキテクチャと遺伝的アルゴリズムで作成した話	https://qiita.com/e-sakisaka/items/0d9900a83ecd914341e7	遺伝的アルゴリズム	2022-12-13 20:30:39
python	Pythonタグが付けられた新着投稿 - Qiita	シフト自動化をサーバーレスアーキテクチャと遺伝的アルゴリズムで作成した話	https://qiita.com/e-sakisaka/items/0d9900a83ecd914341e7	遺伝的アルゴリズム	2022-12-13 20:30:39
python	Pythonタグが付けられた新着投稿 - Qiita	Evidentlyというデータドリフト検知ライブラリについて	https://qiita.com/T_death/items/ee73a9ba32a67bdab5d6	evidently	2022-12-13 20:16:55
js	JavaScriptタグが付けられた新着投稿 - Qiita	Agoraを使ってスポーツベッティングしたら楽しそう！！	https://qiita.com/yamaorca/items/326454c913c98ae2327c	abema	2022-12-13 20:27:56
js	JavaScriptタグが付けられた新着投稿 - Qiita	【JavaScript】mapメソッド	https://qiita.com/mortyie/items/9b8dc32e67d205e494ab	javascript	2022-12-13 20:09:53
js	JavaScriptタグが付けられた新着投稿 - Qiita	【TypeScript】意外と？ハマりやすいユニオン型	https://qiita.com/taroyamada5963/items/695e4f6af4740c063849	typescript	2022-12-13 20:07:06
golang	Goタグが付けられた新着投稿 - Qiita	GoでWebサーバーを作成する4 jwt認証 TESTについて	https://qiita.com/bear05/items/fce6d6b0ae64043a9edc	jwtjwt	2022-12-13 20:32:02
golang	Goタグが付けられた新着投稿 - Qiita	GoでWebサーバーを作成する3	https://qiita.com/bear05/items/50855d7617f69e4287cd	格納	2022-12-13 20:29:38
Azure	Azureタグが付けられた新着投稿 - Qiita	意外と開いたことがなかった（かもしれない）App Service/Functions の `問題の診断と解決`	https://qiita.com/zak74702675/items/c522883d96e79d18746a	appservicefunctions	2022-12-13 20:19:44
技術ブログ	KAYAC engineers' blog	完璧な結婚の挨拶をするために本気で準備をしていたら、いつの間にかマネキンにプロジェクションして仮お義父さんを作っていた話	https://techblog.kayac.com/father-projection	……ここである問題が、……しゃべらないそりゃそうだという話なのですが、顔には慣れてきましたが、これでは一人で台本練習してるのと変わらない状況になってしまうので、擬似的に対話ができるように、写真を喋らせていきたいと思います。	2022-12-13 21:00:00
技術ブログ	Mercari Engineering Blog	メルカリアプリのコードベースを置き換える GroundUP App プロジェクトの話	https://engineering.mercari.com/blog/entry/20221213-ground-up-app/	hellip	2022-12-13 12:00:28
技術ブログ	Developers.IO	[レポート] 機械学習のインスタンスどれ使えばいいの？に答える Chalk Talk セッションに参加してきました #reinvent #AIM407	https://dev.classmethod.jp/articles/reinvent2022-session-aim407-ml-instance-choosing/	choosingtherig	2022-12-13 11:28:47
海外TECH	DEV Community	React Drag and Drop File Upload example	https://dev.to/tienbku/react-drag-and-drop-file-upload-example-bac	React Drag and Drop File Upload exampleIn this React tutorial I will show you way to build Drag and Drop File Upload example with React Hooks using react dropzone Axios and Multipart File for making HTTP requests Bootstrap for progress bar and display list of files information with download url From BezKoder OverviewWe re gonna create a Drag and Drop File Upload by React Hooks application in that user can drag file and drop it into Drop zone see the upload process percentage with progress bar view all uploaded files download link to file when clicking on the file nameRight after drag and drop file into the Dropzone Click on Upload button Technology React Axios react dropzone Bootstrap Rest API for File Upload amp StorageHere is the API that our React App will work with MethodsUrlsActionsPOST uploadupload a FileGET filesget List of Files name amp url GET files filename download a FileYou can find how to implement the Rest APIs Server at one of following posts Node js Express File Upload Rest API exampleNode js Express File Upload to MongoDB exampleNode js Express File Upload to Google Cloud Storage exampleSpring Boot Multipart File upload to static folder exampleOr Spring Boot Multipart File upload to database exampleDrag and Drop File Upload React Hooks ApplicationAfter building the React js project is done the folder structure will look like this Let me explain it briefly FileUploadService provides functions to save File and get Files using Axios FileUpload contains file upload dropzone progress bar display of list files App js is the container that we embed all React components http common js initializes Axios with HTTP base Url and headers We configure port for our App in envSetup Drag and Drop File Upload ProjectOpen cmd at the folder you want to save Project folder run command npx create react app drag drop file upload react hooksAfter the process is done We create additional folders and files like the following tree publicsrc components FileUpload js services FileUploadService js App css App js index jspackage jsonImport Bootstrap to React Hooks Drag Drop File Upload AppRun command yarn add bootstrap Or npm install bootstrap Open src App js and modify the code inside it as following import React from react import App css import bootstrap dist css bootstrap min css function App return export default App Initialize Axios for React HTTP ClientLet s install axios with command yarn add axios or npm install axios Under src folder we create http common js file with following code import axios from axios export default axios create baseURL http localhost headers Content type application json You can change the baseURL that depends on REST APIs url that your Server configures Create Service for File UploadThis service will use Axios to send HTTP requests There are functions uploadFile file POST form data with a callback for tracking upload progress getFiles GET list of Files informationservices FileUploadService jsimport http from http common export const uploadFile file onUploadProgress gt let formData new FormData formData append file file return http post upload formData headers Content Type multipart form data onUploadProgress export const getFiles gt return http get files First we import Axios as http from http common js Inside uploadFile method we use FormData to store key value pairs It helps to build an object which corresponds to HTML form using append method We pass onUploadProgress to exposes progress events This progress event are expensive change detection for each event so you should only use when you want to monitor it We call Axios post to send an HTTP POST for uploading a File to Rest APIs Server and get method for HTTP GET request to retrieve all stored files Install react dropzoneAdd react dropzone module into project with command yarn add react dropzoneOr npm install react dropzoneCreate Page for Upload FilesLet s create a File Upload UI with Progress Bar Card Button and Message First we create a React template with React Hooks useState useEffect and import react dropzone FileUploadService functions components FileUpload jsimport React useState useEffect from react import Dropzone from react dropzone import getFiles uploadFile from services FileUploadService const UploadFiles gt return export default UploadFiles Then we define the state using React Hooks const UploadFiles gt const selectedFiles setSelectedFiles useState undefined const currentFile setCurrentFile useState undefined const progress setProgress useState const message setMessage useState const fileInfos setFileInfos useState Next we define onDrop method which helps us to get the selected Files from element later const UploadFiles gt const onDrop files gt if files length gt setSelectedFiles files We use selectedFiles for accessing current File as the first Item Then we call UploadService uploadFile method on the currentFile with a callback So create following upload method const UploadFiles gt const upload gt let currentFile selectedFiles setProgress setCurrentFile currentFile uploadFile currentFile event gt setProgress Math round event loaded event total then response gt setMessage response data message return getFiles then files gt setFileInfos files data catch gt setProgress setMessage Could not upload the file setCurrentFile undefined setSelectedFiles undefined The progress will be calculated basing on event loaded and event total If the transmission is done we call UploadService getFiles to get the files information and assign the result to fileInfos state which is an array of name url objects We also need to do this work in the Effect Hook useEffect method which serves the same purpose as componentDidMount const UploadFiles gt useEffect gt getFiles then response gt setFileInfos response data Now we return the Upload File UI Add the following code inside return block const UploadFiles gt return lt div gt currentFile amp amp lt div className progress mb gt lt div className progress bar progress bar info progress bar striped role progressbar aria valuenow progress aria valuemin aria valuemax style width progress gt progress lt div gt lt div gt lt Dropzone onDrop onDrop multiple false gt getRootProps getInputProps gt lt section gt lt div getRootProps className dropzone gt lt input getInputProps gt selectedFiles amp amp selectedFiles name lt div className selected file gt selectedFiles amp amp selectedFiles name lt div gt Drag and drop file here or click to select file lt div gt lt aside className selected file wrapper gt lt button className btn btn success disabled selectedFiles onClick upload gt Upload lt button gt lt aside gt lt section gt lt Dropzone gt lt div className alert alert light role alert gt message lt div gt fileInfos length gt amp amp lt div className card gt lt div className card header gt List of Files lt div gt lt ul className list group list group flush gt fileInfos map file index gt lt li className list group item key index gt lt a href file url gt file name lt a gt lt li gt lt ul gt lt div gt lt div gt In the code above we use Bootstrap Progress Bar progress as a wrapper inner progress bar to indicate the progress progress bar requires style to set the width by percentage progress bar also requires role and some aria attributes to make it accessible label of the progress bar is the text within itTo display List of uploaded files we iterate over fileInfos array using map function On each file item we use file url as href attribute and file name for showing text Don t forget to export the function component const UploadFiles gt export default UploadFiles CSS style for Dropzone and FileOpen App css and add following styles dropzone text align center padding px border px dashed eeeeee background color fafafa color bdbdbd cursor pointer margin bottom px selected file wrapper text align center selected file color font weight bold Add Drag and Drop File Upload Component to App ComponentOpen App js import and embed the UploadFiles Component tag import React from react import App css import bootstrap dist css bootstrap min css import FileUpload from components FileUpload function App return lt div className container style width px gt lt div className my gt lt h gt bezkoder com lt h gt lt h gt React Hooks Drag amp Drop File Upload lt h gt lt div gt lt FileUpload gt lt div gt export default App Configure Port for React AppBecause most of HTTP Server use CORS configuration that accepts resource sharing restricted to some sites or ports you need to configure port for our App In project folder create env file with following content PORT So our app will run at port Run the AppYou can find how to implement the Rest APIs Server at one of following posts Node js Express File Upload Rest API exampleNode js Express File Upload to MongoDB exampleNode js Express File Upload to Google Cloud Storage exampleSpring Boot Multipart File upload to static folder exampleRun this React Client with command yarn start or npm run start Open Browser with url http localhost and check the result ConclusionToday we re learned how to build a React Hooks application for Drap and Drop file upload using React Dropzone Axios Bootstrap with Progress Bar We also provide the ability to show list of files upload progress percentage and to download file from the server For Multiple Files Upload like this Please visit React Hooks Multiple File upload example with Axios amp Progress BarUsing React Components instead React Drag and Drop File Upload exampleHappy Learning See you again Further Reading React Hooks React Custom Hook Bootstrap Progress react dropzoneMore Practice React Custom HookReact File Upload Download example with Spring Boot Rest ApiReact Hooks CRUD example with Axios and Web APIReact Form Validation with Hooks exampleReact Hooks JWT Authentication without Redux exampleReact Redux JWT Authentication exampleFullstack React Spring Boot MySQL CRUD exampleReact Spring Boot PostgreSQL CRUD exampleReact Spring Boot MongoDB CRUD exampleReact Node js Express MySQL CRUD exampleReact Node js Express PostgreSQL exampleReact Redux Node js Express MySQL CRUD exampleReact Node js Express MongoDB exampleReact Django Rest Framework exampleServerless React Hooks Firebase Realtime Database CRUD AppReact Hooks Firestore example CRUD appSource CodeYou can find the complete source code for this tutorial at Github	2022-12-13 11:50:00
海外TECH	DEV Community	Blue/Green Deployments for RDS: How Fast is a Switchover?	https://dev.to/aws-heroes/bluegreen-deployments-for-rds-how-fast-is-a-switchover-48bf	Blue Green Deployments for RDS How Fast is a Switchover AWS recently announced the general availability of RDS Blue Green Deployments a new feature for RDS and Aurora to perform blue green database updates One of the aspects that caught my eye is how fast a switchover is In as fast as a minute you can promote the staging environment to be the new production environment with no data loss Let s give it a try How can we check how long a switchover really takes We will perform the simplest test using only a MySQL client and a while loop in Bash while true do mysql s N h renato cluster eu west rds amazonaws com u renato e select now sleep done We keep asking every second for the current date and time to the RDS server and we will check what happens when we trigger a switchover We will compare the results with a reboot and a reboot with failover To perform the test we will use an mg large Multi AZ instance with some production traffic a cluster where the Seconds Behind Master value of a replica hardly goes above a single digit number   Rebooting an instanceUsing the CLI we can perform a reboot of an RDS instance without forcing a failover of the database server aws rds reboot db instance db instance identifier renato cluster no force failover That is just about seconds for a reboot of an RDS instance Rebooting with failoverWe can now repeat the test forcing a failover aws rds reboot db instance db instance identifier renato cluster force failover This time it takes longer including the time required to switch the CNAME of our database to the new IP address minutes and seconds Switching a blue green deploymentFinally we can trigger a switchover in our blue green deployment calling aws rds switchover blue green deployment blue green deployment identifier renato cluster bg The switchover time of the RDS Blue Green Deployments is just about a minute minute and seconds   RecapReboot secondsReboot with failover secondsSwitchover secondsThe switchover of an RDS for MySQL instance is “as fast as a minute and significantly faster than a reboot with failover of a Multi AZ instance Of course the switchover can take significantly longer according to the write load of your production database This was only a basic test to validate the minimum downtime for a switchover Questions Comments Contact or follow me Originally published on cloudiamo com	2022-12-13 11:46:23
海外TECH	DEV Community	🎄 New year open-source giveaway: $100 Amazon Gift Card + Full Swag Kit	https://dev.to/necatiozmen/new-year-open-source-giveaway-100-amazon-gift-card-full-swag-kit-2f3e	New year open source giveaway Amazon Gift Card Full Swag Kitrefine is an open source React based framework for building CRUD apps rapidly As the new year rolls around we want to take a moment to celebrate our open source community and thank everyone who has been part of it We re giving away Amazon gift cardto the raffle winner To sweeten this deal even more all three winners will get refine swag kit To participate Give a star to refine repository on GitHub if you really liked it Follow us on TwitterGive a Like️and leave a comment under this post GitHub Twitter We will announce the winners on December on Twitter refine ️Open Source	2022-12-13 11:09:43
Apple	AppleInsider - Frontpage News	Emergency SOS via Satellite for iPhone 14 expands into Europe	https://appleinsider.com/articles/22/12/13/emergency-sos-via-satellite-for-iphone-14-expands-into-europe?utm_medium=rss	Emergency SOS via Satellite for iPhone expands into EuropeApple has brought the iPhone Emergency SOS via Satellite feature to Europe with users in the UK Ireland France and Germany able to get help without a network connection Emergency SOS via Satellite in the UKInitially launched in North America earlier in Apple was rumored to bring Emergency SOS via Satellite into more markets starting with areas of Europe On Tuesday Apple confirmed the feature is usable in four more countries Read more	2022-12-13 11:48:16
海外TECH	Engadget	SEC charges FTX co-founder Sam Bankman-Fried with 'defrauding investors'	https://www.engadget.com/us-sec-regulator-charges-sam-bankman-fried-with-defrauding-investors-113127838.html?src=rss	SEC charges FTX co founder Sam Bankman Fried with x defrauding investors x Following his arrest in the Bahamas the US Securities and Exchange Commission SEC has charged FTX co founder Sam Bankman Fried with quot defrauding investors quot it announced It alleges that Bankman Fried quot concealed his diversion of FTX customers funds to the crypto trading firm Alameda Research while raising more than million from investors quot nbsp At the same time the US Attorney s Office or the Southern District of New York and the Commodity Futures Trading Commission CFTC also announced charges against Bankman Fried in parallel actions according to the SEC nbsp quot We allege that Sam Bankman Fried built a house of cards on a foundation of deception while telling investors that it was one of the safest buildings in crypto quot said SEC Chair Gary Gensler quot The alleged fraud committed by Mr Bankman Fried is a clarion call to crypto platforms that they need to come into compliance with our laws quot The SEC alleges that since at least May FTX raised billion from equity investors including billion from US investors alone Bankman Fried promoted the exchange as a safe trading platform with quot sophisticated automated measures to protect customer assets quot it said In reality though Bankman Fried orchestrated a fraud to conceal the diversion of customer funds to his privately held crypto hedge fund Alameda Research nbsp That fund was given special treatment quot including an unlimited line of credit funded by the platform s customers and exempting Alameda from certain key FTX risk mitigation measures quot the commissioner added And finally customers were exposed to undisclosed risk from FTX s exposure to Alameda holdings of quot overvalued illiquid assets such as FTX affiliated tokens quot It further alleges that Bankman Fried used commingled FTX customer funds to make quot undisclosed venture investments lavish real estate purchases and large political donations quot nbsp Bankman Fried was set to be testifying today in Congress but it now looks like that won t happen In a transcript of his testimony seen by Forbes he would have led by saying quot I fucked up quot followed by a series of surprising statements Those include stating that FTX didn t have a risk management team accusing Binance s CEO of organizing a negative PR campaign to bring down FTX and stating that the US general counsel rushed Bankman Fried into filing for Chapter nbsp The SEC is seeking injunctions including barring Bankman Fried from future securities dealings seizing his ill gotten gains a civil penalty and an officer and director bar quot FTX operated behind a veneer of legitimacy quot said SEC enforcement director Surbir S Grewal quot But as we allege in our complaint that veneer wasn t just thin it was fraudulent quot Developing	2022-12-13 11:31:27
医療系	医療介護 CBnews	ゾコーバ錠100万人分追加購入へ、厚労相-必要な人に「確実に処方可能」	https://www.cbnews.jp/news/entry/20221213202003	加藤勝信	2022-12-13 20:30:00
金融	金融庁ホームページ	「産業のGXに向けた資金供給の在り方に関する研究会」施策パッケージを取りまとめました。	https://www.fsa.go.jp/news/r4/singi/20221213.html	資金供給	2022-12-13 13:00:00
ニュース	BBC News - Home	Vigil held for three boys who died in icy lake near Solihull	https://www.bbc.co.uk/news/uk-england-birmingham-63954733?at_medium=RSS&at_campaign=KARANGA	state	2022-12-13 11:45:31
ニュース	BBC News - Home	UK weather: Drivers warned as snow and ice alerts continue	https://www.bbc.co.uk/news/uk-63956540?at_medium=RSS&at_campaign=KARANGA	alerts	2022-12-13 11:23:00
ニュース	BBC News - Home	Train strikes: RMT boss Mick Lynch hits out at BBC over coverage	https://www.bbc.co.uk/news/business-63955617?at_medium=RSS&at_campaign=KARANGA	press	2022-12-13 11:28:27
ニュース	BBC News - Home	Tony Hudgell: Family appalled at Gatwick wheelchair wait	https://www.bbc.co.uk/news/uk-england-kent-63947507?at_medium=RSS&at_campaign=KARANGA	hudgell	2022-12-13 11:28:26
ニュース	BBC News - Home	Anger as Roma teen shot by Greek police dies	https://www.bbc.co.uk/news/world-europe-63956994?at_medium=RSS&at_campaign=KARANGA	thessaloniki	2022-12-13 11:10:56
ニュース	BBC News - Home	World Cup 2022: Hugo Lloris texted Harry Kane after France beat England	https://www.bbc.co.uk/sport/football/63956189?at_medium=RSS&at_campaign=KARANGA	World Cup Hugo Lloris texted Harry Kane after France beat EnglandFrance captain Hugo Lloris says it was not easy to find the words when he texted Tottenham team mate Harry Kane after England s World Cup exit	2022-12-13 11:01:17
ニュース	BBC News - Home	December strikes: Who is striking and what are their pay claims?	https://www.bbc.co.uk/news/business-62134314?at_medium=RSS&at_campaign=KARANGA	disruption	2022-12-13 11:24:31