投稿時間:2023-03-16 19:24:35 RSSフィード2023-03-16 19:00 分まとめ(33件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
ROBOT	ロボスタ	【日本初】「空飛ぶクルマ」屋外スペースで有人での実証飛行に成功　大阪で実施、GMOの熊谷代表がパイロットを務める	https://robotstart.info/2023/03/16/team-osaka-test-pilot-masatosihi-kumagai.html	【日本初】「空飛ぶクルマ」屋外スペースで有人での実証飛行に成功大阪で実施、GMOの熊谷代表がパイロットを務めるシェアツイートはてブ国の許可が必要な屋外スペースにおいては日本で初めてとなる「空飛ぶクルマ」の有人実証飛行が、年月日に大阪市の大阪城公園内野球場で行われた。	2023-03-16 09:31:32
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] スクエニ、正社員の基本給10％引き上げ　初任給も27％アップで28.8万円に	https://www.itmedia.co.jp/business/articles/2303/16/news178.html	itmedia	2023-03-16 18:55:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 6000円の座席も　新宿・歌舞伎町に「全席プレミアムシート」の映画館誕生　どんなサービス？	https://www.itmedia.co.jp/business/articles/2303/16/news176.html	itmedia	2023-03-16 18:50:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 「盲点だった市場」　ホリエモンがMVNO事業に商機を見いだした理由	https://www.itmedia.co.jp/business/articles/2303/16/news129.html	horiemobile	2023-03-16 18:40:00
IT	ITmedia 総合記事一覧	[ITmedia News] Revolut、クレカチャージに手数料　1.7%徴収	https://www.itmedia.co.jp/news/articles/2303/16/news175.html	itmedianewsrevolut	2023-03-16 18:12:00
TECH	Techable（テッカブル）	愛犬の運動量に応じたフード量を表示するアプリ「BODY BALANCE」登場	https://techable.jp/archives/200128	bodybalance	2023-03-16 09:00:43
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	ピュア・ストレージ、GB単価0.2ドル未満をうたう容量重視のオールフラッシュストレージ「FlashBlade//E」 | IT Leaders	https://it.impress.co.jp/articles/-/24589	ピュア・ストレージ、GB単価ドル未満をうたう容量重視のオールフラッシュストレージ「FlashBladeE」ITLeadersピュア・ストレージ・ジャパンは年月日、オールフラッシュストレージ新シリーズ「FlashBladeE」を発表した。	2023-03-16 18:22:00
Git	Gitタグが付けられた新着投稿 - Qiita	git 詳解	https://qiita.com/haystacker/items/a58c557e0b998101bc4b	開発	2023-03-16 18:02:01
技術ブログ	Developers.IO	IncrediBuild CloudのHelper Agentに独自のセキュリティグループを設定してみた	https://dev.classmethod.jp/articles/incredibuild-cloud_helper-agent_unique_securitygroup/	helperagent	2023-03-16 09:45:03
技術ブログ	Developers.IO	これを見れば理解できる Contact Lens for Amazon Connect 入門	https://dev.classmethod.jp/articles/contact-lens-for-amazon-connect-summary-2023/	amazon	2023-03-16 09:42:22
技術ブログ	Developers.IO	Classmethod Europeにジョインしたchataです	https://dev.classmethod.jp/articles/introduction-chata/	chata	2023-03-16 09:25:34
技術ブログ	Developers.IO	Route53에서 취득한 서브 도메인으로 EC2에 https로 접속해 보기	https://dev.classmethod.jp/articles/jw-access-ec2-with-https-with-subdomain-acquired-from-route53/	Route에서취득한서브도메인으로EC에https로접속해보기안녕하세요클래스메소드김재욱 Kim Jaewook 입니다 이번에는Route에서취득한서브도메인으로EC에https로접속해보는방법을정리해봤습니다 서브도메인을취득하는방	2023-03-16 09:24:25
海外TECH	DEV Community	Why You Should Consider Using TypeScript for Your Next Project 🚀	https://dev.to/megagon/why-you-should-consider-using-typescript-for-your-next-project-50gd	Why You Should Consider Using TypeScript for Your Next Project TypeScript has gained popularity in recent years and for good reason Here are some benefits of using TypeScript and how it can improve your project Improved Type Safety One of the main benefits of TypeScript is improved type safety With TypeScript you can catch errors at compile time before they even happen at runtime This can help prevent bugs and improve the stability of your codebase Additionally TypeScript makes it easier to understand the types of data being used throughout your code which can make it easier to maintain and debug Better Tooling ️TypeScript also has better tooling than JavaScript which can improve your development workflow For example TypeScript can provide more accurate and helpful auto completion suggestions and can help catch errors before you even run your code Additionally many popular editors and IDEs such as Visual Studio Code have great support for TypeScript which can make development more efficient Real World Examples TypeScript can be used in a variety of real world projects from small personal projects to large enterprise applications Some examples of popular projects that use TypeScript include ️Angular️React NativeAsanaSlack️Microsoft Office Conclusion TypeScript is a powerful tool that can improve the safety and efficiency of your development workflow Whether you are working on a small or large project TypeScript can provide benefits that will help you create better more stable code Give it a try	2023-03-16 09:37:01
海外TECH	DEV Community	Browser Zoom, CSS, Event Handlers, and Accessibility	https://dev.to/bytebodger/browser-zoom-css-event-handlers-and-accessibility-4phn	Browser Zoom CSS Event Handlers and AccessibilityA few weeks ago I was working on some features for my color mapping site and I ran into some very odd edge case bugs I found that when I used Chrome s zoom feature which also exists in any other modern browser my seemingly perfect code was breaking Specifically CSS properties and React JavaScript event handlers were simply disappearing when I viewed the app at different zoom levels Here s the exact scenario along with the associated fix First the user selects an image along with a number of different parameters that determine exactly how that image will be transformed The result is that you get a pixelated image that matches the colors in that image to a known set of colors from a palette of paints The result looks like this In theory the app will process images of any size They could be small images that are easily viewed onscreen But in practice nearly all the images that I put through the app are fairly large Most commonly they re x pixels This means that it can be difficult to view the generated image in its entirety So when I m using the app I usually have my browser s zoom function set to On my k monitors this allows me to view the entire x image onscreen without having to scroll horizontally or vertically Another feature of the app is that it will then convert the transformed image into a huge color map This is a massive HTML table where every cell in the table corresponds to one of the pixelated blocks from the transformed image But on the map feature each of those cells contains a number and each number corresponds to a given color of paint In case your wondering the whole purpose of this feature is that I can then copy n paste the entire HTML table into a spreadsheet Once it s in a spreadsheet I can then use it as a paint by numbers style template Unfortunately converting the image into the massive HTML table makes the onscreen output even larger This is necessary because if I try to adhere to the size of the original image you ll never be able to see all of the numbers in every individual cell So even with my browser set at a zoom the resulting display looks like this That may seem somewhat unwieldy because I still have to scroll horizontally and vertically to see the whole image But this isn t much of a concern because it s all just gonna get copied n pasted into a spreadsheet anyway Besides when you re viewing an image in this format that has x table cells there s only so much you can do to make it presentable on a single screen Adding clickable elementsHere s the feature that I needed to add When I was looking at the big color map I found myself wondering How many other places on the map use the same color as the one that s in this particular cell For example when looking at the following section of the map I can see that there are certain blocks that use color But I wanted to be able to quickly see at a glance where color occurs in the entire color map So I added some new logic to the code that renders the table cells That looked like this const getTableCells cells rgbModel rowIndex gt allow anArrayOfInstances cells rgbModel anInteger rowIndex is not negative const highlightedColor uiState return cells map cell cellIndex gt const paintIndex colors findIndex color gt color name cell name const darkness cell red cell green cell blue let color let backgroundColor if highlightedColor cell name backgroundColor ff color red else backgroundColor rgb cell red cell green cell blue color darkness lt white black return lt td className cell id cell name key cell rowIndex cellIndex onClick handleCellClick style backgroundColor borderWidth highlightedColor cell name color gt paintIndex lt td gt Here s what s happening in that function We grab the highlightedColor from uiState Then for each cell if that cell represents the highlightedColor we set the style to have a neon green background with a red number and a border width of If it s not the highlightedColor then we match the background color of the cell to the normal color with a black number and a border width of We set an onClick handler for each cell that will update the highlightedColor We also set the className for each cell to cell The cell CSS class looked like this cell border color red border style solid cursor pointer font weight bold height px min height px min width px text align center transform origin vertical align middle width px Notice that I ve set the cursor attribute to pointer to give an extra visual cue that each individual table cell is indeed clickable And the handleCellClick event handler looked like this const handleCellClick event gt allow anObject event is not empty uiState toggleHighlightedColor event target id The end result is that if I clicked on any cell that contained the previous subsection would look like this And if I zoomed way out I d get something that looked like this This allowed me to quickly see all the other places in the image that used the same color The zoom problemAt first I was quite pleased with my new color highlighting feature But then I noticed something really wonky When I viewed the color map with no browser zoom applied everything worked great But viewing it with no zoom meant that I could only see a tiny portion on the screen When I went back to my normal setting browser zoom something really strange happened Most of the onClick handlers worked just fine But in some portions of the map they did nothing at all Also for most of the table cells the cursor pointer CSS attribute was applied But on all of the cells where the onClick handler was failing the cursor also reverted to its default value of pointer I couldn t find any rhyme or reason as to why the event CSS values failed on some cells but worked perfectly fine on others Furthermore the exact cells that failed or worked varied depending upon the particular zoom setting that I d chosen in the browser At zoom a given region of cells would lose their event CSS settings But at zoom entirely different regions would lose the settings I also noticed that at zoom everything worked just fine This was a critical clue as to what was happening The dangers of subpixel renderingYou may have noticed that in most modern IDEs if you try to manually set a CSS property to a subpixel value e g height px you ll get some kinda warning They do this because browsers can get kinda wonky when you set pixel values that are not integers Of course in my example I wasn t manually setting any style attributes to subpixel values Everything was set to nice clean whole numbers But here s the gotcha When the user manually alters the display with their browser s zoom feature it forces everything onscreen to be re rendered And those re renderings will often turn your nice clean whole numbers into subpixel calculations For example I was setting every table cell to have height px and width px Nothing wrong with that But if the user sets the zoom factor to now every cell height and width becomes px Now I m gonna be honest here I don t fully understand what happens inside the guts of the browser itself that makes a table cell with height px and width px suddenly lose it s CSS properties or its event handlers But I was able to prove out through experimentation that those subpixel calculations were indeed the source of my problem This explains why at different zoom levels some regions of the color map performed just fine while other regions failed Because when you re tiling successive table cells on the screen at say zoom the first cell will be off from the screen s normal pixel grid because of that pesky px modifier And the second cell will also be off from the pixel grid because now that one is essentially shunted by px But the third cell will be able to snap into the screen s normal pixel grid Because by the time that the third cell is rendered it s offset is meaning that it can snap into the monitor s normal display This also explains why my code worked perfectly at zoom and zoom but failed at zoom levels like or Because at zoom all of my height px width px cells became height px width px cells meaning that at zoom everything was still rendered with nice clean whole number pixel dimensions The fixLuckily once I realized what was going on and I did a bit of CSS googling I was able to solve the whole problem with a single line of CSS I altered my cell CSS class by adding this transform scaleX scaleY This basically tells each cell to scale up to consume of its boundaries This in turn seems to clear the problem that the CSS and event handlers had with subpixel styled elements But who cares It s reasonable to look at this odd bug and wonder if you should even care about it at all At first I just filed it away as a weird edge case that I never ran into before and I d probably never need to worry about it again But I m actually pretty sure that I have run into this issue before There have been times in the past when I was working on a site and I got tired of scrolling around to verify functionality So I d shrink the screen down so I could see it all in one shot But then after days or even weeks of using the site in this manner I d find some odd glitch in the app After investigating it further and after realizing that none of my colleagues could reproduce the error I d realize that the issue only happened for me because I was the only one using the site on a non zoom level So what did I do I just flipped my zoom back to and went about my business Afterall no one else had reported the error or was complaining about it in any way So I didn t want to burn dev cycles troubleshooting a problem that no one else cared about The only reason that I felt a need to fix the bug in this particular case was because it was important to me Specifically it mattered because it s hard to view those large color maps onscreen unless I m shrinking it down to a workable size Additionally even if someone had complained in the past about features being broken in non zoomed formats I m pretty sure that I would ve been fairly dismissive about it It s not that I don t care about the user experience But my reasoning would have been as such We spend a lot of time painstakingly ensuring that the site works optimally in its default resolution If you feel compelled to change that resolution for some odd reason I can t be bothered to test and troubleshoot every far edge case that results from people using the site in unintended ways Maybe that sounds flippant But there are many things you can do use in a browser that subvert the devs original intent And we can hardly be expected to devote loads of troubleshooting time to your aberrant way of using the app For example I ve received bug tickets from users who said that something was broken on the site When I investigated it further I couldn t recreate the error Nor could anyone else on our team When I contacted the user directly I realized that the bug was caused because they re using some third party browser plugin And it s interfering with the site s normal functionality In such scenarios my answer has always been the same Stop using that third party browser plugin on our site Sure some people have whined about this response But I ve always received support in this stance from my management chain Because trying to ensure that your app works properly no matter which third party plugin someone chooses to use is a horrific rabbit hole that yields almost no discernible value Finally issues caused by browser zoom functionality feel like extreme edge cases I mean of the time when I m viewing using any website I m viewing using it at the default zoom level For the vast majority of users out there they probably use most all sites at the same zoom level as well An accessibility issueBut the more I thought about this I began to realize this is an accessibility issue And it s one that I don t think many dev teams are really thinking much about I ve worked on apps where accessibility was no one s real concern We had a limited userbase and management put no priority on accessibility standards So we happily cranked out code without worrying about things like AY compliance I ve also worked on teams where accessibility was a critical concern In those shops we constantly ran auditing tools and preached the importance of accessibility standards in everything we built Even in those woke environments I don t ever remember anyone saying that we needed to validate the site s features at different zoom levels But what subset of your userbase is most likely to be using your site app at varying zoom levels That s right People with impaired vision And if key features of your site simply break at say zoom you could be alienating those users To be clear I m not even sure exactly how you test for this Like if you re writing Jest unit tests you won t be able to validate functionality at different zoom levels You d need to leverage a headless browser solution And I m not sure if quick auditing tools like Axe even check for these things I ll have to research that some more At any rate I m not trying to upend your current accessibility practices And to be fair maybe in your dev shop this is already something that s on your radar But I m just highlighting it as one potential issue that you may need to keep in mind going forward Cheers And happy coding	2023-03-16 09:10:02
Apple	AppleInsider - Frontpage News	Apple holds premiere for climate change drama 'Extrapolations'	https://appleinsider.com/articles/23/03/16/apple-holds-premiere-for-climate-change-drama-extrapolations?utm_medium=rss	Apple holds premiere for climate change drama x Extrapolations x Ahead of its streaming debut Apple TV hosted a world premiere of Extrapolations in Los Angeles with its all star cast and crew Extrapolations writer creator Scott Z BurnsApple TV was first reported to be working on what would become its eight episode climate change drama Extrapolations in Created by writer director Scott Z Burns it s an anthology series which starts streaming from March Read more	2023-03-16 09:44:17
Java	Java Code Geeks	Web Application Testing Tools: Cypress vs. Puppeteer	https://www.javacodegeeks.com/2023/03/web-application-testing-tools-cypress-vs-puppeteer.html	Web Application Testing Tools Cypress vs PuppeteerWeb application testing and automation are essential components of the software development lifecycle as they help to ensure that web applications are functioning correctly and meeting the needs of end users To accomplish this Cypress and Puppeteer have commonly used tools In this post we will endeavour a comparison between those two introducing their main benefits	2023-03-16 09:24:13
医療系	医療介護 CBnews	看護職員のコロナ関連欠勤者数が9週連続減少-厚労省が重点医療機関の集計更新	https://www.cbnews.jp/news/entry/20230316175618	医療機関	2023-03-16 18:10:00
金融	RSS FILE - 日本証券業協会	外国株式信用取引の取扱状況	https://www.jsda.or.jp/shiryoshitsu/toukei/foreign-shinyo/index.html	信用取引	2023-03-16 09:20:00
海外ニュース	Japan Times latest articles	Kishida and Yoon to resume ‘shuttle diplomacy’ as chilly ties warm	https://www.japantimes.co.jp/news/2023/03/16/national/kishida-yoon-summit-bilateral-thaw/	Kishida and Yoon to resume shuttle diplomacy as chilly ties warmThe visit to Japan by Yoon was the first by a South Korean president for a bilateral summit since Lee Myung bak traveled to Tokyo more	2023-03-16 18:36:07
ニュース	BBC News - Home	Markets rebound after Credit Suisse secures massive funding deal	https://www.bbc.co.uk/news/business-64973321?at_medium=RSS&at_campaign=KARANGA	calms	2023-03-16 09:09:03
ニュース	BBC News - Home	TikTok to be banned on UK government phones	https://www.bbc.co.uk/news/uk-politics-64975672?at_medium=RSS&at_campaign=KARANGA	beijing	2023-03-16 09:43:36
ニュース	BBC News - Home	John Lewis axes staff bonus again as losses surge	https://www.bbc.co.uk/news/business-64945767?at_medium=RSS&at_campaign=KARANGA	waitrose	2023-03-16 09:36:46
ニュース	BBC News - Home	Unions close to pay deal with government to avert more NHS strikes	https://www.bbc.co.uk/news/uk-64973045?at_medium=RSS&at_campaign=KARANGA	health	2023-03-16 09:42:11
ニュース	BBC News - Home	Six Nations: Smith, Kinghorn & Watson replace big names for Scotland	https://www.bbc.co.uk/sport/rugby-union/64975570?at_medium=RSS&at_campaign=KARANGA	Six Nations Smith Kinghorn amp Watson replace big names for ScotlandOllie Smith and Blair Kinghorn will start in place of Stuart Hogg and Finn Russell for Scotland s final Six Nations match against Italy	2023-03-16 09:47:13
ニュース	BBC News - Home	Budget 2023: Pensions tax cut for wealthy is wrong priority, Labour says	https://www.bbc.co.uk/news/uk-politics-64972143?at_medium=RSS&at_campaign=KARANGA	budget	2023-03-16 09:24:17
ビジネス	不景気.com	インヴァストが子会社の不動産事業者向け融資事業を廃止 - 不景気com	https://www.fukeiki.com/2023/03/invast-capital-end.html	金融業	2023-03-16 09:15:29
ニュース	Newsweek	｢萌え萌えきゅん｣は日本アニメ好きな韓国に定着するか?　ソウルにメイドカフェがオープン	https://www.newsweekjapan.jp/stories/culture/2023/03/post-101119.php	「萌え萌えきゅん」は日本アニメ好きな韓国に定着するかソウルにメイドカフェがオープン尹錫悦ユン・ソクヨル大統領の日本初訪問を翌日に控えた月日、韓国ソウルの北西部にある麻浦区でメイドカフェが開業した。	2023-03-16 18:35:55
ニュース	Newsweek	オスカー受賞作『ナワリヌイ』への批判記事はAI生成ですぐバレた	https://www.newsweekjapan.jp/stories/world/2023/03/ai-71.php	オスカー受賞作『ナワリヌイ』への批判記事はAI生成ですぐバレたアメリカを拠点とする極左ニュースサイト「グレイゾーン」は、アカデミー賞受賞ドキュメンタリー『ナワリヌイ』の「嘘を暴く」記事を公開した。	2023-03-16 18:02:15
IT	週刊アスキー	ららぽーと横浜がアニメ「ブルーロック」とコラボ！　オリジナルノベルティーがもらえるイベントなど開催	https://weekly.ascii.jp/elem/000/004/128/4128937/	期間	2023-03-16 18:40:00
IT	週刊アスキー	IIJ、「IIJ仮想デスクトップサービス／Citrix Cloud for Azure Virtual Desktop」にて内部不正や情報漏えいのリスクを軽減するオプションを提供	https://weekly.ascii.jp/elem/000/004/128/4128988/	IIJ、「IIJ仮想デスクトップサービスCitrixCloudforAzureVirtualDesktop」にて内部不正や情報漏えいのリスクを軽減するオプションを提供IIJは「IIJ仮想デスクトップサービスCitrixCloudforAzureVirtualDesktop」にて、内部不正や情報漏えいのリスクを軽減する「セッション録画オプション」および「不正アクセス検知オプション」を提供開始する。	2023-03-16 18:40:00
IT	週刊アスキー	「小田急くらしサポート」にてシニア世代が利用しやすい「介護・暮らしのケア」サービス開始	https://weekly.ascii.jp/elem/000/004/128/4128848/	小田急電鉄	2023-03-16 18:30:00
IT	週刊アスキー	コーヒー「ジョージア」ブランド刷新、ペットボトル製品を中心に展開へ	https://weekly.ascii.jp/elem/000/004/128/4128944/	誕生	2023-03-16 18:30:00
IT	週刊アスキー	電子契約の利用企業が73.9％に増加、JIPDECとITRが「企業IT利活用動向調査2023」速報を発表	https://weekly.ascii.jp/elem/000/004/128/4128976/	jipdec	2023-03-16 18:30:00