投稿時間:2022-09-28 21:32:13 RSSフィード2022-09-28 21:00 分まとめ(34件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia News] まんが「彼岸島」全話無料配信　10月3日まで	https://www.itmedia.co.jp/news/articles/2209/28/news208.html	itmedia	2022-09-28 20:38:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 満足度の高い「車検」ランキング　3位「らくらく安心車検」、2位「ホリデー車検」、1位は？	https://www.itmedia.co.jp/business/articles/2209/28/news157.html	itmedia	2022-09-28 20:38:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 東京都の「住み続けたい街」ランキング　3位「文京区」、2位「武蔵野市」、1位は？	https://www.itmedia.co.jp/business/articles/2209/28/news161.html	itmedia	2022-09-28 20:30:00
js	JavaScriptタグが付けられた新着投稿 - Qiita	【JavaScript】タイトルの変え方	https://qiita.com/asdf22/items/c53c8d5a16a95cc644c9	javascript	2022-09-28 20:12:43
Docker	dockerタグが付けられた新着投稿 - Qiita	VueJSで作成したwebアプリケーションをCloud Runで公開するまで	https://qiita.com/taka_baya/items/df863a26fa3517ceeeff	cloudrun	2022-09-28 20:58:23
GCP	gcpタグが付けられた新着投稿 - Qiita	VueJSで作成したwebアプリケーションをCloud Runで公開するまで	https://qiita.com/taka_baya/items/df863a26fa3517ceeeff	cloudrun	2022-09-28 20:58:23
技術ブログ	Developers.IO	API Gateway でプライベート API にブラウザからアクセスするにはどうすればよいですか？	https://dev.classmethod.jp/articles/tsnote-how-to-access-private-api-with-browser/	gateway	2022-09-28 11:44:11
技術ブログ	Developers.IO	I tried Creating Amazon EMR Cluster	https://dev.classmethod.jp/articles/i-tried-creating-amazon-emr-cluster/	I tried Creating Amazon EMR ClusterIntroduction EMR is widely used by Data analyst for executing massively distributed workloads in the cloud ut	2022-09-28 11:22:31
海外TECH	DEV Community	What is the most effective way of State Management in Enterprise level React Application	https://dev.to/hknasit/what-is-the-most-effective-way-of-state-management-in-enterprise-level-react-application-80a	What is the most effective way of State Management in Enterprise level React ApplicationI am totally confused about how to manage the application level state in React I have an enterprise level application frontend that has some data that is used across application Should I use Redux or react hooks or my own JavaScript code that manages the state	2022-09-28 11:39:55
海外TECH	DEV Community	VALIDATING REACT FORM WITHOUT A LIBRARY	https://dev.to/elobigg/validating-react-form-without-a-library-5gle	VALIDATING REACT FORM WITHOUT A LIBRARYA form is a user interface element within a website or software application that allows you to enter and submit data It contains one or more fields and an action button such as Save or Submit Forms are a vital part of an application Many businesses use forms on their websites to get great benefits It s a great way to get responses and prompt people to engage with you Form validation is a “technical process where a web form checks if the information provided by a user is correct The form will either alert the user that they messed up and need to fix something to proceed or the form will be validated and the user will be able to continue with their registration process In this article we ll discuss Installing and Setting up React appCreating our form applicationForm Value InputsValidating our form ConclusionInstalling and Setting up ReactThe next step is to install our react before we create our form application Note there are two ways we can use this library NPM and CDN but in this article we will install the application using NPM Install the React application using the following command npx create react app my formWe have successfully installed our react application The next step is to create our form Creating our form applicationIn this section we will build a simple registration application with a requirement of name password email etc Go to your code editor and create an app jsx file on the src folder this should be easy to do Here is a basic code for form application import app css const App gt return lt div className app gt lt form gt lt form gt lt div gt Now that we have seen the basic syntax of Form component let s create our form application You can choose to do this inside your app jsx file but I will be creating a components folder and create a Form Input file import app css import FormInput from components FormInput const App gt const handleSubmit e gt e preventDefault return lt div className app gt lt form onSubmit handleSubmit gt lt FormInput placeholder Username gt lt FormInput placeholder Email gt lt FormInput placeholder Full Name gt lt FormInput placeholder Sth else gt lt button gt Submit lt button gt lt form gt lt div gt export default App import formInput css const FormInput props gt return lt div className formInput gt lt input placeholder props placeholder gt lt div gt export default FormInputinput padding px margin px px app display flex align items center justify content center height vh The code blocks above is a form input for the form we are creating although basic styles were added to it Below is an illustration of what our form looks like without validation In the output above if we enter the wrong information our data will be submitted successfully but that is not what we want Let s look at how to validate our form but first let s see some advantages of Form Validation Form value inputsReaching your values without rendering your component you can use the code block below const data new FormData e target console log Object fromEntries data entries Most people are worried about rendering components if you have states and you change them you should not worry about rendering its the nature of react you are changing something and it should be passed through the user screen immediately We are going to change our code block above to use State const App gt const username setUsername useState For the inputs I will be creating a new object instead of username I will be using values below is the code block const App gt const values setValues useState username email birthday password confirmPassword formInput display flex flex direction column width px input padding px margin px px label font size px color gray app display flex align items center justify content center height vh app display flex align items center justify content center height vh background linear gradient rgba rgba url background size cover background position center form background color white padding px px border radius px h color rgb text align center button width px height px padding px border none background color rgb color white border radius px font weight bold font size px cursor pointer margin top px margin bottom px The code block above is basically adding styles to our form Validating our formThere are more validation rules but if you can t find a rule that meets your demands you can design your own validation rules which is something special Here is a simple exampleconst inputs id name username type text placeholder Username errorMessage Username should be characters and shouldn t include any special character label Username pattern A Za z required true id name Email type Email placeholder Email errorMessage It should be a valid email address label Email required true id name birthday type date placeholder Birthday label Birthday id name password type text placeholder Password errorMessage Password should be characters and include at least letter number and special character label Password pattern a zA Z amp a zA Z amp required true id name confirmPassword type text placeholder Confirm Password errorMessage Passwords don t match label Confirm Password pattern values password required true Let s look at our error messages First we go into our FormInput jsx file and edit it to look like the image below span font size px padding px color red display none Above is the css file for your error messages Now to implement your error messages there is an absolute attribute which is pattern you can use strings or regex code below is an example In cases where we want the password to match the confirm password we use the code block below onFocus inputProps name confirmPassword amp amp setFocused true ConclusionHandling and validating forms in a large application can be hard work because each form component must be made from scratch and validation rules must be made for each form component I hope this article has helped you learn how to properly handle validation for your forms without any library We have also covered creating custom errors and customizing error messages	2022-09-28 11:18:05
海外TECH	DEV Community	Formation python compléte & gratuit en version écrite	https://dev.to/codingteam/formation-python-complete-gratuit-en-version-ecrite-2fad	Formation python compléte amp gratuit en version écriteSalut les lecteurs aujourdh ui je vous présente une formation en python compléte et en version écrite sur notre canal TelegramCliquer sur un chapitre pour avoir le coursProgramme ├Installation python ├Présentation de python ├Syntaxes de bases ├Les variables ├les opérateurs de bases ├Les listes ├Les STRING ├Les dates et heures ├If amp else ├Les STRING ├Les paramètres ├Classes amp objets ├Les boucles ├L héritage ├Les tuples ├Les dictionnaires ├JSON └les ensembles amp Turtle amp thinker	2022-09-28 11:12:08
海外TECH	DEV Community	One Click Appwrite Setup With Coolify	https://dev.to/appwrite/one-click-appwrite-setup-with-coolify-2ojk	One Click Appwrite Setup With CoolifyAppwrite is a self hosted backend as a service platform that provides developers with all the core APIs required to build any application Appwrite takes the heavy lifting for developers and handles user authentication and authorization databases file storage cloud functions Webhooks and much more Appwrite can be self hosted on your own server with Docker installed using a command docker run it rm volume var run docker sock var run docker sock volume pwd appwrite usr src code appwrite rw entrypoint install appwrite appwrite This gives you everything you need to get started quickly when building one or more projects If you re not used to self hosting you can also launch Appwrite using a pre configured setup with One Click Setups What If You Could Do More As a developer or a project maintainer we tend to look for ways to automate repetitive tasks or have everything in one place isn t it What if I told you you can deploy Appwrite with one click setups and be able to Do Git integrationsManage development flows PR MR builds Manage databasesManage remote serverAll of it from a single instance Sounds interesting right It s Coolify which does everything in one place What is Coolify Coolify is a self hostable all in one solution to host your applications databases or other open source services with a few simple clicks It s an alternative software to Heroku and Netlify and other alternatives out there Features Deploy Static NodeJS Svelte React Vue Next Nuxt Astro PHP Rust and more applications hassle free with automatic reverse proxy and free SSL certificates One click MongoDB MySQL PostgreSQL CouchDB and RedisDB instances are ready to use locally or over the internet One click and deploy your own instance of WordPress Ghost Plausible Analytics NocoDB BitWarden VaultWarden LanguageTool Nn VSCode Server and more Deploy any of these resources to a Local Docker Engine or Remote Docker Engine Integration with GitHub  GitLab  hosted or self hosted versions Automagically deploy new commits and pull requests separately to quickly review contributions and speed up your teamwork You can manage teams easily with our new team management system Each team is separated by a namespace and you can create as many teams as you want Upgrade your all in one IaaS platform with one button Getting StartedTo use the best of both worlds Appwrite and Coolify the easiest way is using Digital Ocean Make a Digital Ocean dropletDigitalOcean Droplets are Linux based virtual machines VMs that run on top of virtualized hardware The Droplet create page is where you choose your Droplet s configuration like its operating system how much memory it has and which features like backups or monitoring to enable Here s how you can create it After you log in to the control panel click Create in the top right to open the create menu and choose Droplets Choose the image of your choice for this example you can choose UbuntuIn the Choose a plan section choose the amount of RAM storage space and CPU cores your Droplet will have For this example you can choose Basic plan In the next step choose a datacentre region and the type of authenticationFinally click on Create DropletAfter the droplet is created login to it and install DockerAfter Docker is installed you need to install CoolifyAfter installing Coolify you get a sign up page Login Register After logging in you will get to see the Coolify dashboard Under the Services tab you will find Appwrite simply click on it and choose the latest version Fill in the required details and you should be able to use Appwrite Our Appwrite service using Coolify is now active on Learn MoreHope you enjoyed the tutorial below are few resources to learn about Appwrite and Coolify  Getting Started Tutorial Appwrite GitHub Appwrite Docs Coolify Docs Discord Community	2022-09-28 11:09:47
Apple	AppleInsider - Frontpage News	Tim Cook takes European tour, visits 'Ted Lasso' football ground	https://appleinsider.com/articles/22/09/28/tim-cook-takes-european-tour-visits-ted-lasso-football-ground?utm_medium=rss	Tim Cook takes European tour visits x Ted Lasso x football groundApple CEO Tim Cook is tweeting his way around Europe seeing new Apple Stores new Apple offices and also cheering in the stands at AFC Richmond the fictional Ted Lasso football team Tim Cook visits Apple Brompton Road source Tim Cook on Twitter Cook is making his first full scale public tour outside of the US since the coronavirus pandemic He was first in the UK where he launched the new App Store Foundations Program for women Read more	2022-09-28 11:34:09
海外TECH	Engadget	Wacom's Cintiq Pro 27 drawing display is its first with a 4K 120Hz screen	https://www.engadget.com/wacom-cintiq-pro-27-4k-120hz-113513444.html?src=rss	Wacom x s Cintiq Pro drawing display is its first with a K Hz screenWacom has unveiled one of its most advanced drawing tablets yet for creatives the Cintiq Pro It has an all new compact design a inch Hz K reference touch display and all new Pro Pen that s adjustable for weight balance button layout and thickness nbsp The Cintiq Pro is actually smaller than the Cintiq Pro thanks to the significantly slimmer bezels Wacom also moved the ExpressKey buttons to the back left and right sides but they re located on the grips to make them easy to find and use nbsp While previous models effectively required an external monitor to view accurate colors the new multi touch display is effectively a reference monitor itself It uses a true bit and not a dithered bit K panel delivering percent of the Adobe RGB gamut and percent of the DCI P HDR gamut It also runs at Hz for smooth and responsive drawing and has a peak brightness of nits just enough to display HDR content It s even Pantone SkinTone validated meeting the Pantone standard for the full range of human skin tones The faster refresh allows the new Pro Pen to track twice as quickly as previous models And the pen itself is customizable giving users the ability to change the size weight center of gravity and even the button layout via swappable parts The battery free electro magnetic resonance tech offers levels of pressure and ships with five standard and five felt tip nibs The Ergo Stand supports degrees of screen rotation along with tilting functions but it s not included in the price and costs However the display also supports VESA mounts if you prefer to go that route The Cintiq Pro is now available for from Wacom and select retailers ーa lot of money to be sure but more reasonable as a professional tool nbsp	2022-09-28 11:35:13
海外TECH	Engadget	The Morning After: Does Samsung have another phone-battery problem?	https://www.engadget.com/the-morning-after-does-samsung-have-another-phone-battery-problem-111547205.html?src=rss	The Morning After Does Samsung have another phone battery problem A few years ago Samsung had major battery issues when several faulty Galaxy Note phones had exploding batteries The devices were recalled and the company spent a lot of time over the following years outlining all the rigorous battery tests it did to ensure it didn t happen again Now YouTuber Mrwhosetheboss as well as others have noticed batteries in Samsung phones are swelling up at a disproportionately high rate This usually affects older devices but some are only a couple of years old the era Galaxy Z Fold for instance Samsung hasn t formally responded yet but battery swelling isn t a new problem nor one unique to Galaxy phones As lithium batteries age their increasingly flawed chemical reactions can produce gas that inflates battery cells Many companies suggest you keep device batteries at a roughly percent charge if you won t use it for extended periods Mat SmithThe biggest stories you might have missed​​Alienware s revamped QD OLED gaming monitor is slimmer and cheaperIntel s Unison app will let PCs text call and share files from iPhones and Android devicesIntel and Samsung show off fun but impractical slidable PCNreal brings its Air augmented reality glasses to the USApple s GB MacBook Air M falls to a new all time lowElon Musk and Twitter are now fighting about Signal messages Department of Transportation approves EV charging plans for all states billion is available to fund charging stations along highways The Bipartisan Infrastructure Law earmarked billion in funding over five years to help states install chargers along highways and that process just took an important step forward The Department of Transportation has approved EV charging plans for all states Washington DC and Puerto Rico The proposals cover miles of highways Continue reading The latest iPadOS beta brings Stage Manager to older iPad Pro modelsAn M chip is no longer required with a caveat The biggest change with iPadOS may be Stage Manager a totally new multitasking system that adds overlapping resizable windows to the iPad The latest iPadOS developer beta can run Stage Manager on several older devices It ll work on the inch iPad Pro first generation and later and the inch iPad Pro third generation and later However there is one notable missing feature for the older iPad Pro models Stage Manager will only work on the iPad s built in display You won t be able to extend your display to an external monitor Continue reading Intel s th gen CPUs offer up to cores and GHz speedsThe Core i K sounds like a beast Intel s th gen Core chips AKA Raptor Lake have landed The company s new top end chip the Core i K sports cores eight performance cores and efficiency cores and can reach up to a GHz Max Turbo frequency Last year s i K offered cores and a maximum speed of GHz Intel claims the new K is percent better for multi threaded work like video encoding If you skipped last year s chips or are running even older Intel hardware the th gen CPUs look like the update you ve been waiting for Continue reading Volvo has developed the world s first interior radar system for carsIt s a new safety feature Set to debut on its upcoming flagship EX electric SUV Volvo s new radar system monitors both the cabin and trunk to prevent a car from being locked while anyone is inside The idea is to guard against situations where pets or children may be inadvertently trapped inside a car on a hot day with the car surfacing reminders if it recognizes there are occupants inside when being locked Volvo says the multiple radars in the trunk in the car s overhead console and in roof mounted reading lamps can detect quot sub millimeter quot movements Continue reading Apple Watch SE review The best smartwatch can buy EngadgetApple of all companies delivering the most competitively priced smartwatch you can buy in Apple s starter smartwatch offers a comprehensive suite of health and fitness tracking tools emergency features and snappy performance As long as you re not extremely clumsy or impatient you won t miss features like the hardier screen dust resistance or the always on display found on the more expensive models Continue reading Chipotle is moving its tortilla robot to a real restaurantThe chain is also piloting AI that tells kitchen staff what to cook Chipotle s tortilla making robot is moving to a real restaurant In October the machine will start cooking tortilla chips in Fountain Valley California Feedback from customers and workers will help the company decide on a national rollout Artificial intelligence will influence some human cooks too Chipotle is piloting a demand based cooking system that uses AI to tell staff what and when to cook based on forecasts for how much they ll need Continue reading Fujifilm X HS camera reviewThe most powerful APS C camera yet EngadgetWith the X HS Fujifilm has a new flagship camera It features a new megapixel stacked sensor that delivers shooting speeds up to fps in electronic shutter mode At the same time it has the most advanced video features of any APS C camera with up to K video It also offers in body stabilization a high resolution EVF CFexpress support and more The main drawback The autofocus still isn t quite as fast as rival cameras Continue reading	2022-09-28 11:15:47
医療系	医療介護 CBnews	在宅で積極的役割担う機関、医療計画に記載へ-圏域内に1つ以上設定、厚労省WG了承	https://www.cbnews.jp/news/entry/20220928200852	作業部会	2022-09-28 20:30:00
医療系	医療介護 CBnews	循環器病計画指標に主幹動脈閉塞予測6項目などを-関係学会・団体が提案、更新・見直しで	https://www.cbnews.jp/news/entry/20220928195940	厚生労働省	2022-09-28 20:25:00
ニュース	BBC News - Home	Mortgage deals withdrawn in record numbers over rate rise fears	https://www.bbc.co.uk/news/business-63061534?at_medium=RSS&at_campaign=KARANGA	december	2022-09-28 11:46:05
ニュース	BBC News - Home	Hurricane Ian: Florida braces for category four storm	https://www.bbc.co.uk/news/world-us-canada-63052558?at_medium=RSS&at_campaign=KARANGA	florida	2022-09-28 11:27:17
ニュース	BBC News - Home	Alzheimer's-slowing drug labelled historic	https://www.bbc.co.uk/news/health-63060019?at_medium=RSS&at_campaign=KARANGA	clinical	2022-09-28 11:06:45
ニュース	BBC News - Home	Mike Tindall: Amazing how Royal Family came together over Queen's death	https://www.bbc.co.uk/news/uk-63059905?at_medium=RSS&at_campaign=KARANGA	player	2022-09-28 11:03:23
ニュース	BBC News - Home	Stranger Things star Caleb McLaughlin speaks about racism from fans	https://www.bbc.co.uk/news/newsbeat-63060225?at_medium=RSS&at_campaign=KARANGA	lucas	2022-09-28 11:01:58
ニュース	BBC News - Home	Richard Osman's Thursday Murder Club: Retirement village that inspired books	https://www.bbc.co.uk/news/entertainment-arts-63014394?at_medium=RSS&at_campaign=KARANGA	books	2022-09-28 11:00:54
ニュース	BBC News - Home	Rugby League World Cup: How to follow the tournament on BBC television, radio, online & social media	https://www.bbc.co.uk/sport/rugby-league/63059875?at_medium=RSS&at_campaign=KARANGA	Rugby League World Cup How to follow the tournament on BBC television radio online amp social mediaThe BBC will broadcast all games from the men s women s and wheelchair editions of the Rugby League World Cup	2022-09-28 11:37:37
ニュース	BBC News - Home	Mortgage rates: 'If we can't afford higher payments, we lose our home'	https://www.bbc.co.uk/news/business-63046919?at_medium=RSS&at_campaign=KARANGA	interest	2022-09-28 11:09:21
北海道	北海道新聞	大韓航空、１０月３０日に新千歳―仁川を再開	https://www.hokkaido-np.co.jp/article/737494/	大韓航空	2022-09-28 20:11:38
北海道	北海道新聞	愛別発カホン　プロが認めた音色　三浦伸一さん、創意工夫２０年「これからも研究」	https://www.hokkaido-np.co.jp/article/737567/	創意工夫	2022-09-28 20:09:00
北海道	北海道新聞	ディープポンドとタイトルホルダー　日高管内の産馬、凱旋門賞へ	https://www.hokkaido-np.co.jp/article/737502/	凱旋門賞	2022-09-28 20:08:44
北海道	北海道新聞	格安スーパー、道内出店相次ぐ　独自商品や余剰在庫仕入れ低価格維持	https://www.hokkaido-np.co.jp/article/737530/	生活防衛	2022-09-28 20:05:15
北海道	北海道新聞	新Ｂ１の創設など改革を正式承認　バスケ、今季からクラブ審査開始	https://www.hokkaido-np.co.jp/article/737566/	開始	2022-09-28 20:03:00
北海道	北海道新聞	札幌・手稲区　６０代女性が１００万円詐欺被害	https://www.hokkaido-np.co.jp/article/737565/	札幌市手稲区	2022-09-28 20:02:00
北海道	北海道新聞	予習復習、文系は短い？　学生の勉強時間、文科省調査	https://www.hokkaido-np.co.jp/article/737564/	文系学部	2022-09-28 20:01:00
ニュース	Newsweek	｢本国送還なら死刑｣　軍政批判したミス･ミャンマー､最後の選択は......	https://www.newsweekjapan.jp/stories/world/2022/09/post-99709.php		2022-09-28 20:30:12
海外TECH	reddit	Neighbor’s father asking for “compensation for emotional distress”	https://www.reddit.com/r/japanlife/comments/xq9rgj/neighbors_father_asking_for_compensation_for/	Neighbor s father asking for “compensation for emotional distress Hi I m looking for advice in an issue happening with my neighbor Around four weeks ago I installed a washing machine into my apartment I bought it from someone in my community and installed it myself It ran great the first time I used it but the second time I ran the machine the connecting water pipe began leaking and I didn t notice until my kitchen was flooded I turned it off and cleaned up the water as soon as I noticed and I haven t run the machine since However about one week later my landlord came and told me that water had leaked into the apartment below me The man who lives below me is a university student who was out of town so he didn t notice the water for a week The water ruined his futon The landlord my neighbor s father have been speaking about this issue to my boss because my Japanese is not great enough to navigate this properly and she was in charge of organizing my housing Around two weeks ago my boss told me that insurance might not cover the flood because I installed the machine myself and that I might have to pay to replace the futon out of pocket I thought this was fair and was prepared to pay for the futon But a few days later my boss sent me a line to say that the student s father had come to my town at the time to help with the situation and the father wanted reimbursement for his travel costs I found this a little upsetting because I felt like it was the father s choice to come here and not a necessary expense Insurance said they would not pay the father s travel cost but my boss told me it would be nice if I did I tried to give the father and tenant grace and understanding during a frustrating situation and said I would be willing to pay for the new futon and the father s travel costs Today my boss texted me to tell me that the father of the student is requesting reimbursement for The cost of the new futon but the old futon was a present from his grandmother so he wants more than that but didn t specify how much The cost of the two way transportation for the father to come to my town The cost of throwing the old futon away only about yen and I think this request is reasonable Compensation because his son has had quot mental distress quot due to the situation He also did not specify how much he wants for this As this situation escalates and the father is requesting more and more I have become increasingly distressed I have no idea what is reasonable or expected in a situation like this in Japanese culture I don t have a lot of money I live alone and all of my family and loved ones have been locked out of Japan for two and a half years I find his request for emotional compensation exploitative and unreasonable but perhaps that s just my cultural bias I m so defeated at the thought of going through a legal battle here alone if it comes to that My hope is that if insurance will not cover it I pay for the new futon the disposal of the old one and the father s transportation costs as a kind gesture But it seems that as time goes on he continues to ask for more My boss said that maybe I can speak with the father and while I have been working hard all year to improve my Japanese it is incredibly broken limited to pleasant mild conversation and definitely not able to help me communicate or listen clearly to him especially when I am so distressed I wish I could communicate to these people directly to come to a solution and it s frustrating to have to continue to hear their requests through my boss If you have any insight or advice I d be so grateful I don t know whether it s worth it to give them anything they ask or hold boundaries submitted by u clamegg to r japanlife link comments	2022-09-28 11:08:43