投稿時間:2023-08-03 14:28:36 RSSフィード2023-08-03 14:00 分まとめ(31件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
ROBOT	ロボスタ	NTT西日本グループとマクニカが次世代地域交通システムで提携　自動運転シャトルの社会実装を支援	https://robotstart.info/2023/08/03/ntt-west-group-macnica-alliance.html		2023-08-03 04:12:49
IT	ITmedia 総合記事一覧	[ITmedia News] Meta、テキストプロンプトで作曲できる生成AIスイート「AudioCraft」をオープンソース化	https://www.itmedia.co.jp/news/articles/2308/03/news127.html	audiocraft	2023-08-03 13:30:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] 日本品質にこだわるマウスコンピューター、なぜ長野県飯山市で組み立てる？　工場をのぞいてきた	https://www.itmedia.co.jp/pcuser/articles/2307/29/news078.html	itmediapcuser	2023-08-03 13:29:00
IT	ITmedia 総合記事一覧	[ITmedia エンタープライズ] ソフトバンクと日本マイクロソフトが提携　5GやAI、クラウドと通信インフラを業界別に包括提供へ	https://www.itmedia.co.jp/enterprise/articles/2308/03/news070.html	itmedia	2023-08-03 13:22:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] プラネックス、見守りや防犯などにも使える「どこでもセンサー」新モデル	https://www.itmedia.co.jp/pcuser/articles/2308/03/news124.html	itmediapcuser	2023-08-03 13:13:00
IT	ITmedia 総合記事一覧	[ITmedia News] PayPayフリマ、生成AIによる商品説明文の自動作成機能（β版）提供	https://www.itmedia.co.jp/news/articles/2308/03/news119.html	itmedianewspaypay	2023-08-03 13:03:00
IT	ITmedia 総合記事一覧	[ITmedia News] Sansanが”名刺交換なし”でも使える営業ツールに？　新規顧客の開拓機能を追加へ	https://www.itmedia.co.jp/news/articles/2308/03/news096.html	itmedianewssansan	2023-08-03 13:02:00
AWS	AWS Japan Blog	AWS上で優れた MACH を実現するには	https://aws.amazon.com/jp/blogs/news/great-mach-runs-on-aws/	cloudnativesaasheadless	2023-08-03 04:46:35
AWS	AWS Japan Blog	AWS Inferentia2 で Stable Diffusion のパフォーマンスを最大化し、推論コストを削減する	https://aws.amazon.com/jp/blogs/news/create-high-quality-images-with-stable-diffusion-models-and-deploy-them-cost-efficiently-with-amazon-sagemaker/	awsinferentia	2023-08-03 04:25:29
python	Pythonタグが付けられた新着投稿 - Qiita	PyTorchでCUDAを使用する際の注意点（備忘録）	https://qiita.com/higuchi_window/items/09f3cd5666dd01eb953d	pytorch	2023-08-03 13:36:07
python	Pythonタグが付けられた新着投稿 - Qiita	FastAPI APIを使ってみる	https://qiita.com/dbd_fish/items/098079078ce5333185bc	fastapi	2023-08-03 13:28:52
python	Pythonタグが付けられた新着投稿 - Qiita	タスクを定期実行する常駐アプリとそのインストーラを作る	https://qiita.com/doranko/items/1f849afd42f66bbb1967	pystray	2023-08-03 13:02:11
js	JavaScriptタグが付けられた新着投稿 - Qiita	【PDF印刷】html2canvasとjsPDFでの複数ページ印刷時にautoTableを導入した話	https://qiita.com/rororodao/items/0fbb8eb2ff6158722634	autotable	2023-08-03 13:03:39
AWS	AWSタグが付けられた新着投稿 - Qiita	ARN情報とリソースURLの紐づけ	https://qiita.com/yokanda/items/ff371ceb98ef8a5f7610	awssecurityhub	2023-08-03 13:23:42
js	JSer.info	2023-08-03のJS: Riot.js v9.0.0、Firefox 116、React Server Componentsへの移行	https://jser.info/2023/08/03/riot.js-v9.0.0-firefox-116-react-server-components/	FirefoxSeeAllNewFeaturesUpdatesandFixesFirefoxfordevelopersMozillaMDNHTTPのアップロードパフォーマンスの改善、CSPexternalhashesをサポート。	2023-08-03 13:00:38
技術ブログ	Developers.IO	Amazon Linux に影響する脆弱性への対応状況を調べられるページを紹介します	https://dev.classmethod.jp/articles/amazon-linux-security-center-cve/	amazon	2023-08-03 04:56:30
技術ブログ	Developers.IO	StorageGateway のゲートウェイ作成時に「Internal Server Error」が発生する	https://dev.classmethod.jp/articles/gateway-internalerror/	internalservererror	2023-08-03 04:39:40
技術ブログ	Developers.IO	Slack Workflow Builder & Spreadsheet: How to change the timestamp to a different time zone	https://dev.classmethod.jp/articles/slack-workflowbuilder-timestamp-different-timezone/	Slack Workflow Builder amp Spreadsheet How to change the timestamp to a different time zoneMoi This is Sanni from Classmethod Group s contract support team I usually write blogs in Japanese but I mad	2023-08-03 04:32:43
技術ブログ	Developers.IO	Amazon QuickSight คืออะไร? การแนะนำฟังก์ชันล่าสุดของ AWS	https://dev.classmethod.jp/articles/what-is-amazon-quicksight-introduction-to-the-latest-aws-functions/	amazonquicksight	2023-08-03 04:32:08
海外TECH	DEV Community	CSS z index not working (Reason with solution live snippet code)	https://dev.to/lakshmananarumugam/css-z-index-not-working-reason-with-solution-live-snippet-code-1589	CSS z index not working Reason with solution live snippet code What is z index in CSS z index is a CSS property that controls the stacking order of positioned elements It determines how elements are layered and displayed on top of each other when they overlap in a web page s layout The z index property only works on elements with a specified position value of absolute relative fixed or sticky Common reasons If the z index property is not working as expected in your CSS there are a few common reasons and solutions you can check Position Property The z index property only works on positioned elements i e elements with position set to absolute relative fixed or sticky Make sure the element you want to apply z index to have one of these position values Parent Elements The z index property is relative to the stacking context of the parent elements If the parent elements do not have a specified z index or position property the z index of the child may not behave as expected Check the parent elements to ensure they also have appropriate z index or positioning Order of Elements If you have multiple elements with different z index values the stacking order will be determined by the order of the elements in the HTML document Elements declared later in the document will be displayed on top of earlier ones regardless of their z index values Make sure the stacking order is as desired Overlapping Elements If the elements are not overlapping the z index property may not seem to work Ensure that the elements you want to control the stacking of are indeed overlapping each other in the layout Auto Stacking Context Some elements like flex containers with z index auto will create a new stacking context for their children isolating them from other stacking contexts This can affect how the z index works for the children In such cases consider using a different z index value or changing the stacking context Transforms and Filters Elements with CSS transforms or filters applied to them create a new stacking context and can affect how z index works In some cases this can lead to unexpected results If you re using transforms or filters check if they are interfering with the stacking context and adjust as needed Check for Conflicts Make sure there are no conflicting z index values or CSS rules that might override the intended behaviour Global z index Scaling Sometimes third party libraries or CSS frameworks might set a global z index value which can interfere with your specific use cases Check for any such global styling that might be affecting your component Test in Different Browsers Browser inconsistencies can also impact how z index is interpreted Test your layout in different browsers to ensure consistent behaviour By reviewing these points and troubleshooting your CSS you should be able to identify and resolve the issue with the z index property not working as expected Bonus pointThis above is a common reason we will fix it in CSS but if an element has a position fixed inside we show hide any popup or slider element also has position fixed In this case CSS z index will not work For example refer the below imagesImage Image Image has position fixed with z index value Meanwhile image also has a position fixed with z index Technically Image slider must come to the front of the Image footer action Reason When an element creates a stacking context it will be stacked relative to its siblings within that context Elements inside a stacking context are independent of elements outside it when it comes to z index stacking order For example if an element with a higher z index value is inside a stacking context it may still be behind an element with a lower z index value that is outside that stacking context The stacking context creates a separate layering group and elements inside it only interact with each other for z index ordering Solution Move the content outside of the content parent and into the main stacking context of the page using the portal What is a portal The concept of a portal in web development refers to a technique that allows rendering a component s content outside its parent component s DOM hierarchy In other words it enables you to render elements in a different part of the DOM tree even outside the container that the component is defined in while still maintaining the benefits of the component s lifecycle and state management Portals are particularly useful when creating UI elements that need to overlay on top of the existing content such as modals tooltips popovers dropdowns and notifications Instead of nesting these elements deep within the DOM tree which can cause z index issues and layout complexities portals offer a clean and efficient way to render them at the top level of the DOM Real time example React Let s create a simple example of using a React portal with CSS to display a modal overlay Create the Modal Component Create a new file called Modal js and define the Modal component import React from react import ReactDOM from react dom import Modal css const Modal children onClose gt return ReactDOM createPortal lt div className modal overlay gt lt div className modal content gt children lt button className close button onClick onClose gt Close Modal lt button gt lt div gt lt div gt document getElementById modal root export default Modal Create the Modal css File Create a new file called Modal css in the same directory and add the following CSS styles Modal css modal overlay position fixed top left width height background color rgba display flex justify content center align items center z index modal content background color fff padding px border radius px box shadow px px rgba max width px width text align center close button margin top px cursor pointer background color bff color fff border none padding px px border radius px Use the Modal Component in App js Now let s use the Modal component in the App js file import React useState from react import Modal from Modal const App gt const showModal setShowModal useState false const handleOpenModal gt setShowModal true const handleCloseModal gt setShowModal false return lt div gt lt h gt Welcome to My App lt h gt lt button onClick handleOpenModal gt Open Modal lt button gt showModal amp amp lt Modal onClose handleCloseModal gt lt p gt This is the content inside the modal lt p gt lt Modal gt lt div gt export default App Include the modal root in the HTML file Make sure to include a lt div gt element with the id modal root in your index html file lt index html gt lt DOCTYPE html gt lt html gt lt head gt lt title gt React Modal Example lt title gt lt head gt lt body gt lt div id root gt lt div gt lt The div below is where the modal will be rendered gt lt div id modal root gt lt div gt lt body gt lt html gt Start the Development Server Finally run your React application npm startNow when you click the Open Modal button the modal overlay will appear with the content inside it Clicking the Close Modal button will hide the modal The modal will be rendered outside the root component s DOM hierarchy allowing it to overlay on top of the rest of the content The CSS styles in Modal css provide a simple design for the modal overlay ConclusionReact Portals empower developers to build more sophisticated and interactive UI elements with ease By embracing this powerful concept we can create better user experiences and streamline the development process Remember always refer to the official React documentation for the latest updates and best practices and apply portals thoughtfully to enhance your web applications Happy coding Live demo URL	2023-08-03 04:30:00
海外TECH	Engadget	Alienware announces a new-look Aurora R16 desktop	https://www.engadget.com/alienware-announces-a-new-look-aurora-r16-desktop-070153737.html?src=rss	Alienware announces a new look Aurora R desktopNow might be your chance if you ve been in the market for a new gaming computer but haven t found the right one Alienware has announced the launch of its Aurora R desktop an updated version of its flagship computer Though the Aurora R is being released less than a year after the Aurora R it features a different design and features than its predecessor nbsp At a quick glance you ll notice that the line s former triangle shape is gone in favor of the rectangular Legend design Alienware rolled out with its gaming laptops earlier this year Yet the Aurora is percent smaller than its predecessor while maintaining the same internal volume and thus upgradability It also debuts the Alienware Command Center for desktops nbsp Additional features of Alienware s Aurora R desktop include percent lower acoustics seven percent lower temperatures and up to ten percent lower CPU than the Aurora R It also brings larger air intakes and exhausts with a percent larger open ratio Plus the Aurora R has two M PCIe slots providing up to TB of storage and supports Wi Fi E and Gbps ethernet Alienware s Aurora R desktop is available now for It will offer RTX or RTX Ti in the US and Canada while European and Asian markets will also have RTX and RTX nbsp This article originally appeared on Engadget at	2023-08-03 04:01:53
海外TECH	Engadget	IBM and NASA teamed up to build the GPT of Earth sciences	https://www.engadget.com/ibm-and-nasa-teamed-up-to-build-the-gpt-of-earth-sciences-040116377.html?src=rss	IBM and NASA teamed up to build the GPT of Earth sciencesNASA estimates that its Earth science missions will generate around a quarter million terabytes of data in alone In order for climate scientists and the research community efficiently dig through these reams of raw satellite data IBM HuggingFace and NASA have collaborated to build an open source geospatial foundation model that will serve as the basis for a new class of climate and Earth science AIs that can track deforestation predict crop yields and rack greenhouse gas emissions For this project IBM leveraged its recently released Watsonx ai to serve as the foundational model using a year s worth of NASA s Harmonized Landsat Sentinel satellite data HLS That data is collected by the ESA s pair of Sentinel satellites which are built to acquire high resolution optical imagery over land and coastal regions in spectral bands For it s part HuggingFace is hosting the model on its open source AI platform According to IBM by fine tuning the model on “labeled data for flood and burn scar mapping the team was able to improve the model s performance percent over the current state of the art using half as much data quot The essential role of open source technologies to accelerate critical areas of discovery such as climate change has never been clearer Sriram Raghavan VP of IBM Research AI said in a press release “By combining IBM s foundation model efforts aimed at creating flexible reusable AI systems with NASA s repository of Earth satellite data and making it available on the leading open source AI platform Hugging Face we can leverage the power of collaboration to implement faster and more impactful solutions that will improve our planet This article originally appeared on Engadget at	2023-08-03 04:01:16
金融	ニッセイ基礎研究所	オタク×色－「推し色」からみる推し活市場の広がり	https://www.nli-research.co.jp/topics_detail1/id=75707?site=nli	ー直接コンテンツを消費しない意味このように、昨今の推し活市場は、公式グッズ、推し活充足グッズ、推し色グッズのつが主な消費対象と言えるのではないだろうか。	2023-08-03 13:56:33
ニュース	BBC News - Home	Trump to face charges of election conspiracy in court hearing	https://www.bbc.co.uk/news/world-us-canada-66388176?at_medium=RSS&at_campaign=KARANGA	corruption	2023-08-03 04:01:02
ニュース	BBC News - Home	Bibby Stockholm: Asylum barge not a death trap, minister Grant Shapps says	https://www.bbc.co.uk/news/uk-england-dorset-66381331?at_medium=RSS&at_campaign=KARANGA	access	2023-08-03 04:20:26
ビジネス	ダイヤモンド・オンライン - 新着記事	メタのスマートグラス、購入者の9割強はあまり使わず - WSJ発	https://diamond.jp/articles/-/327205	購入者	2023-08-03 13:28:00
ニュース	Newsweek	「常におなかが空いていた...」超加工食品だけを2週間...私の体に起きた衝撃の変化	https://www.newsweekjapan.jp/stories/lifestyle/2023/08/post-102342.php	だが驚いたことに、そんな気持ちでいたのに、私の体はまだ超加工食品を欲していた。	2023-08-03 13:20:00
IT	週刊アスキー	『パワプロ 栄冠クロス』は9月20日配信決定！明日より事前登録もスタート	https://weekly.ascii.jp/elem/000/004/148/4148245/	事前登録	2023-08-03 13:55:00
IT	週刊アスキー	ツクル・ワーク新宿センタービル店「kinko's fab」にてクリエイター「ゆうき」のグッズ販売開始	https://weekly.ascii.jp/elem/000/004/148/4148194/	kinkosfab	2023-08-03 13:45:00
IT	週刊アスキー	パシフィコ横浜にて「ヨガフェスタ横浜2023」9月16日～18日開催	https://weekly.ascii.jp/elem/000/004/148/4148131/	横浜	2023-08-03 13:15:00
IT	週刊アスキー	新宿西口のXR常設施設「NEUU」では夏休み子供向け体験をもりだくさんに用意	https://weekly.ascii.jp/elem/000/004/148/4148224/	小田急電鉄	2023-08-03 13:15:00