投稿時間:2023-07-18 19:29:53 RSSフィード2023-07-18 19:00 分まとめ(35件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	InfoQ	Databricks Unveils Lakehouse AI and MosaicML Acquisition at Data + AI Summit	https://www.infoq.com/news/2023/07/lakehouse-ai-mosaicml/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global	Databricks Unveils Lakehouse AI and MosaicML Acquisition at Data AI SummitThe Data and AI company Databricks recently unveiled Lakehouse AI a suite of tools for building and governing generative AI models including large language models LLMs within the Databricks platform Among the tools were LakehouseIQ a knowledge engine that uses AI to understand a company s unique data culture and language in order to improve natural language interfaces like chatbots By Andrew Hoblitzell	2023-07-18 09:30:00
IT	ITmedia 総合記事一覧	[ITmedia News] AIが作曲した著作権フリーのBGMをサブスクで　ローランドが配信者向け新サービス	https://www.itmedia.co.jp/news/articles/2307/18/news160.html	itmedianewsai	2023-07-18 18:42:00
TECH	Techable（テッカブル）	改正道交法施行の7月1日、旭川市の歩行者専用道路で近距離モビリティ「WHILL」活用の実験実施	https://techable.jp/archives/213791	whill	2023-07-18 09:00:56
Google	Official Google Blog	7 ways Google Health is improving outcomes in Asia Pacific	https://blog.google/around-the-globe/google-asia/7-ways-google-health-is-improving-outcomes-in-asia-pacific/	access	2023-07-18 10:15:00
AWS	lambdaタグが付けられた新着投稿 - Qiita	「お前らの AWS Lambda エイリアスは間違っている」と言われた気がしたので備忘録	https://qiita.com/Rikiya_Ota/items/6001f009751f2074fdc3	awslambda	2023-07-18 18:09:48
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【Ruby】 ハッシュ、シンボルの基礎	https://qiita.com/takayuki91/items/ca4c8e611f90793cb8bb	values	2023-07-18 18:14:37
AWS	AWSタグが付けられた新着投稿 - Qiita	はじめてのPluralith ~インストール編~	https://qiita.com/yuuun/items/33f2217072818516ee56	pluralith	2023-07-18 18:41:52
AWS	AWSタグが付けられた新着投稿 - Qiita	「お前らの AWS Lambda エイリアスは間違っている」と言われた気がしたので備忘録	https://qiita.com/Rikiya_Ota/items/6001f009751f2074fdc3	awslambda	2023-07-18 18:09:48
AWS	AWSタグが付けられた新着投稿 - Qiita	Node.jsでAmazon SP-APIをリクエストする方法：初心者奮闘記	https://qiita.com/bara_/items/d6a2e8c587236f3ac4d5	amazon	2023-07-18 18:01:50
技術ブログ	Developers.IO	Next.js の API Route で動的コンテンツを配信して静的部分を CloudFront でキャッシュしてみた	https://dev.classmethod.jp/articles/nextjs-static-cache/	apiroute	2023-07-18 09:47:02
技術ブログ	Developers.IO	[アップデート] 東京リージョンで「M7g」「R7g」のEC2インスタンスを利用できるようになりました	https://dev.classmethod.jp/articles/m7g-r7g-ec2-tokyo/	awsgraviton	2023-07-18 09:21:04
技術ブログ	Developers.IO	Amazon SageMaker StudioのTerminal上のAWS CLIを最新のバージョン2にアップデートしてみた	https://dev.classmethod.jp/articles/amazon-sagemaker-studio-terminal-aws-cli-update/	amazon	2023-07-18 09:15:42
海外TECH	DEV Community	How to make Radix UI Tabs URL based in NextJS	https://dev.to/yinks/how-to-make-radix-ui-tabs-url-based-in-nextjs-2nfn	How to make Radix UI Tabs URL based in NextJSTab is a common user interface pattern where contents are separated into different panes each of which is viewable one at a time allowing users to switch between different sections without changing the page Radix UI is a primitive unstyled customizable and accessibility focused React component library that provides a foundation for developers to build accessible components upon In this tutorial you ll learn how to make Radix UI tabs URL based in NextJS without causing a full page reload We ll start with setting up a new project create a basic Radix UI tabs component and finally make it URL based by integrating it with NextJS router RequirementsBasic understanding of JavaScript and ReactNode js and NPM installed on your machineA text editor like VS CodeMaking Tabs URL based significantly makes your web application more accessible and user friendly It gives users and developers the ability to directly link to a specific content within the app makes the URL bookmarkable and allows users to share specific content state by simply sharing a URL It also maintains the user s navigation state if they accidentally reloaded the page they would conveniently get back to their last active tab An example URL could look like this https app com page tab specificTab Step Setting Up the ProjectTo bootstrap a Next js project we ll use the official create next app CLI by running the following commands npx create next app latestWhen you run the command it initiates an interactive session where you have to provide specific details like project name Once you answer all the prompts a new Next js application will be created for you Navigate to the newly created project folder and open it with a text editor like VS Code Step Creating a Basic Radix UI Tabs ComponentThe next step is to create a basic Radix UI tabs component We ll use the Tabs component from radix ui react tabs package Install the package by running the following command with npmnpm install radix ui react tabs with yarnyarn add radix ui react tabsThe Tabs component is the parent component that wraps all the other components It accepts a defaultValue prop that sets the default active tab The TabList component is a wrapper for all the TabTrigger components The TabTrigger component is a clickable element that triggers the tab change The TabContent component is a wrapper for the tab content Next create a Tabs component in pages index tsx file import as Tabs from radix ui react tabs const TabsDemo gt return lt Tabs Root gt lt Tabs List gt lt Tabs Trigger value tab gt Tab lt Tabs Trigger gt lt Tabs Trigger value tab gt Tab lt Tabs Trigger gt lt Tabs Trigger value tab gt Tab lt Tabs Trigger gt lt Tabs List gt lt Tabs Content value tab gt Tab content lt Tabs Content gt lt Tabs Content value tab gt Tab content lt Tabs Content gt lt Tabs Content value tab gt Tab content lt Tabs Content gt lt Tabs Root gt export default function Home return lt TabsDemo gt Step Integrating with NextJS RouterThe first step to make Radix UI tabs URL based is to make it s state controlled by using React s useState hook to create a state variable that holds the active tab value We ll then pass the state variable to the Tabs component as a value prop then create a function that handles the tab change and pass it to the Tabs component as an onValueChange prop import React from react import as Tabs from radix ui react tabs const TabsDemo gt const activeTab setActiveTab React useState tab const handleTabChange value string gt setActiveTab value return lt Tabs Root value activeTab defaultValue tab onValueChange handleTabChange gt lt Tabs List gt lt Tabs Trigger value tab gt Tab lt Tabs Trigger gt lt Tabs Trigger value tab gt Tab lt Tabs Trigger gt lt Tabs Trigger value tab gt Tab lt Tabs Trigger gt lt Tabs List gt lt Tabs Content value tab gt Tab content lt Tabs Content gt lt Tabs Content value tab gt Tab content lt Tabs Content gt lt Tabs Content value tab gt Tab content lt Tabs Content gt lt Tabs Root gt Finally we ll integrate the Tabs component with NextJS router by using the useRouter hook to get the current tab value from the URL query parameter and set it as the initial tab value We ll also add a useEffect hook that listens to the router query parameter changes and updates the active tab value accordingly Here is the final code import React from react import useRouter from next router import as Tabs from radix ui react tabs const TabsDemo gt const router useRouter const initialTab router query tab as string const activeTab setActiveTab React useState initialTab tab const handleTabChange value string gt update the state setActiveTab value update the URL query parameter router push query tab value if the query parameter changes update the state React useEffect gt setActiveTab router query tab as string router query tab return lt Tabs Root value activeTab defaultValue tab onValueChange handleTabChange gt lt Tabs List gt lt Tabs Trigger value tab gt Tab lt Tabs Trigger gt lt Tabs Trigger value tab gt Tab lt Tabs Trigger gt lt Tabs Trigger value tab gt Tab lt Tabs Trigger gt lt Tabs List gt lt Tabs Content value tab gt Tab content lt Tabs Content gt lt Tabs Content value tab gt Tab content lt Tabs Content gt lt Tabs Content value tab gt Tab content lt Tabs Content gt lt Tabs Root gt ConclusionIn this tutorial you learned how to make Radix UI tabs URL based in NextJS without causing a full page reload You can find the full source code on GitHub and the live demo here ResourcesRadix UI TabsNextJS useRouterCreate Next App CLI	2023-07-18 09:15:13
海外TECH	DEV Community	Your First Contribution to a Major Open Source Project - Step by Step [Beginner Edition] 🛠️🚀	https://dev.to/quine/your-first-contribution-to-a-major-open-source-project-step-by-step-beginner-edition-b57	Your First Contribution to a Major Open Source Project Step by Step Beginner Edition ️tl dr Find areas of improvement in React s documentation errors grammar wording conciseness etc Fork Clone the React repo short for repository Copy repo onto your own GitHub download it on your local computerAdd Your Changes Save themMake sure repos are in sync with the main repos if not use git stashGit push Upload your changes to your GH accountCreate Your Pull Request PR Update your changes to the Main React RepoGet yourself a nice cold beer and wait for maintainers to review your PR Hey friends Did you ever felt that twinge of excitement when you stumbled upon a cool open source project and thought “Ahhh I wish I could contribute but I m just not that good yet… Well my job today will be to try to prove you wrong…and I think I might succeed sorry but not sorry In case you didn t know a solid start to contributing to open source usually happens when developers attempt to contribute to the project s documentation This is the perfect way to understand more about the project and teaches you all the advanced mechanics behind contributing to a major repository Indeed using GitHub correctly is quite a scary thing at first Now in this article I ll equip you with two key things A gradual and systematic approach to open source contributions The knowledge and mindset required to contribute to documentation effectively After completing this you can visit quine sh which helps you discover open source projects to contribute to It matches projects based on your preferred topics and programming languages here s a short playlist to let you know how to use it The use of it is completely free 🫶Now let s look into all the step by step to get you from “never contributed to documentation in open source to “I just documented one of the biggest open source projects in the world Today you will contribute to React s documentation one of the essential open source contributions made by Meta and the most famous front end JavaScript library However you can pick any project of your liking and follow the below steps I would recommend Pytorch if you like Machine Learning 🪄 Everything you see on the React Documentation is written in a file on GitHub which illustrates the point of open source You can change what appears on the official website by uploading changes to a GitHub file I find that quite mind blowing Are you a little bit nervous to get started Don t worry I got you Requirement If this is the first time you have contributed to anything on open source you must read and do the steps shown in this article alternatively you can watch the Youtube video This will take you only min WARNING ️ Git is your essential tool for open source contributions linking your local computer to GitHub via your terminal Struggling with Git is NORMAL If issues arise when following the step by step don t hesitate to consult Google ChatGPT or StackOverflow Remember virtually every coder encounters Git challenges 🫶For the of us that prefer videos instead of text find the below video to assist you in contributing ‍ Step by Step Find Areas of Improvement in React s Documentation️⃣ Go to React Documentation ️⃣ Try to find areas that could be improved This could be a grammatical improvement a re write of something unclear or areas that could use some conciseness In my case I think the circled sentence could use some conciseness I want to shorten it to “React applications are built using components which are self contained UI segments varying in size from buttons to entire pages each with its logic and styling ️⃣ Head to React GitHub repository to find the original code file Copy React s documentation sentence paragraph you want to change and paste it into GitHub s search bar Chose the option Search in this repository At this point you have found the exact file where the source code is based keep a note of it for later on Fork and Clone React Repo Copy Repo onto my own GH and local computer️⃣ Head back to the main react page and fork the repository Fork means you will create a copy of this repository in your GitHub account ️⃣ Open your terminal and navigate to the folder also called directory in technical terms of your choice ️⃣ Copy the HTTPS link from the repo by clicking on the double square shown below ️⃣Clone the repo by running git clone PASTE YOUR HTTPS LINK HERE inside your terminal Now you have a local copy of React on your local computer Add Your Changes and Save Them️⃣ Before going further read the “CONTRIBUTING md page guideline and the “Code Of Conduct This is a super important step as you sometimes learn about specific rules that each repo has when contributing Note React s README page is perfect for going through in details contributions and this can be used for future contributions 🫡️⃣ Now open the react project with your favourite coding environment ️⃣ Find the file you want to modify using the file path from step In my case it was src content learn index md️⃣ Add your changes and save them ️⃣ Review your changes by running on your terminal git diff At this point you will see what changes you have made and should be ready to commit You can jump straight into step if you want to However I would like to make sure you can handle some edge cases such as when the original React repository on GitHub changed while you have made changes Check your Online GitHub Repo is the same as the main react repoYou are about to update what is in your local computer into what is on your online forked GitHub repo yayyyy However the right thing to do is head online to your GitHub repo and ensure you have the latest version of react official s repo This is because sometimes while you are working the main repository could have gotten some changes so it is in your best interest to ensure you have the most up to date version To go about it it is straightforward head over to your online repo and click on “Sync fork If you are behind on some of the changes GitHub will automatically update your version to the latest version If not in Sync →use Git StashIf your repo was not in sync as someone changed the React s repo in the meantime you were making your changes you need to do the below steps To proceed you need to understand the concept of git pull When you run the git pull command in your terminal you check if someone else has changed any part of the file you ve been working on If the original repository has changed you make sure with git pull that you “pull the latest updates into your computer This lets you keep your code up to date with the latest changes from the remote repository In other words running git pull is a way to check if someone else has changed the same lines of code and bring those changes into your version of the project Now your turn 🪄️⃣ Run in your terminal git pull to ensure you are up to date with the repo Here you will encounter an error since you know that your current version is behind the latest version of React Note If the changes were made to other files you won t get an error and you can proceed without needing git stash and you could jump straight into step ️⃣ Run git stash This will temporarily save changes you have made to your working directory without committing them yet They will be hidden for the time being while allowing you to get the version of the files from your online GitHub repository ️⃣ Run git pull again This will now pull the latest version from your online GitHub repo into your local computer ️⃣ Run git stash pop You should see now in your IDE the changes Delete the changes you don t want and keep the ones you want Git push Upload your changes to your GH account️⃣ Run git status to display the state of the working directory and the staging area It is always a good practice to run it as you essentially get to see “what s happened ️⃣ Run git add This adds all the changes you did onto Git ️⃣ Add a comment to your commit by running git commit m grammatically updated the tech doc ️⃣ Run git push You will be asked to authenticate yourself if this is your first time pushing changes I advise you to read my previous article from step ️⃣ You may receive an error after which you should copy and run this git push origin HEAD Create Your Pull Request Update your changes to the Main React RepoAlright we are so close to it now One last push 🪄️⃣ Head back to your forked repository on GitHub ️⃣ Click on Contribute and then click on Compare and pull request ️⃣ Describe your commit message and why you made the changes its always a good time to go back to the Contributing guidelines to check whether you have done everything properly ️⃣ Click on “Pull Request ‍ ️️⃣ Your pull request is now on its way Meta will prompt you to sign their Contributor License Agreement I attach a picture below so you can see what it should look like After this all you need to do is wait and give yourself a nice pat on the back What is happening is React s project owners also called maintainers need to accept your pull request it is also called merging a pull request That s it people All in all you should be so proud of yourself this has been quite technical especially with learning the GitHub mechanics and you did it splendidly  So sit back and relax as you have just done everything you needed ️‍ ️We know it is always super tough the first time and it s really cool you got to this point so proud of you ‍ ️You have now learned the technicalities behind the entire GitHub contribution process and the methodology for contributing If you are ready to start contributing to other projects we have compiled a list of projects with easy issues you can start on Check out the list of projects on quine sh and here s a short playlist in case you are blocked If you haven t yet you could join our discord server if you need any help or have any questions 🫶 Quine Follow Build rep with every merge Wear your stats in your GitHub README	2023-07-18 09:13:25
海外TECH	Engadget	VanMoof e-bikes has declared bankruptcy	https://www.engadget.com/vanmoof-e-bikes-has-declared-bankruptcy-094041635.html?src=rss	VanMoof e bikes has declared bankruptcyE bike company VanMoof has declared bankruptcy for all its Dutch entities and aims to find a buyer in the quot next few weeks quot The announcement comes alongside the court of Amsterdam s withdrawal of suspension of payment proceedings and appointment of two trustees to oversee a possible third party sale of the assets to ideally keep VanMoof functioning The news came through a mass email to Dutch employees that was subsequently shared on Reddit Bankruptcy proceedings have come to VanMoof less than two years after it claimed to be the quot most funded e bike company in the world quot while announcing a million investment Yet trouble has been brewing for some time with it allegedly costing more money to sell and service its bikes than people were paying for them Dutch financial outlet FD reported an € million million gross margin loss for VanMoof in with € million million spent on repairs and replacements The company s international entities in places like the United States and Taiwan aren t part of the bankruptcy proceedings VanMoof told employees there are quot no funds to pay the salaries quot long term and gave them a six week notice period in which they are expected to work and will receive their final payments Part of this time will entail returning bikes currently in service back to customers VanMoof is really leaning in on its employees to keep working hard stating quot It is necessary to stay strong and to continue with your required work We hope everybody keeps up their best efforts so we can secure a good future for this beautiful company and brand together quot This article originally appeared on Engadget at	2023-07-18 09:40:41
金融	金融庁ホームページ	職員を募集しています。（金融経済教育に関する業務に従事する職員(弁護士)）	https://www.fsa.go.jp/common/recruit/r5/sousei-05.html	金融経済	2023-07-18 10:10:00
海外ニュース	Japan Times latest articles	Carlos Ghosn vows to fight allegations but won’t return to Japan	https://www.japantimes.co.jp/news/2023/07/18/business/corporate-business/carlos-ghosn-news-conference/	Carlos Ghosn vows to fight allegations but won t return to Japan“Nissan will have to pay for what they did to me and my family Ghosn said Tuesday speaking via video link during a news conference	2023-07-18 18:01:09
海外ニュース	Japan Times latest articles	WE League chair: Japan sees ‘cute’ players, not elite athletes	https://www.japantimes.co.jp/sports/2023/07/18/soccer/womens-world-cup/takata-womens-sports-japan-struggles/	WE League chair Japan sees cute players not elite athletesMomentum behind women s soccer in Japan has stalled in the years since its triumph and runner up finish even as global interest in women s	2023-07-18 18:17:59
ニュース	BBC News - Home	McDonald's workers speak out over sexual abuse claims	https://www.bbc.co.uk/news/business-65388445?at_medium=RSS&at_campaign=KARANGA	assault	2023-07-18 09:30:34
ニュース	BBC News - Home	Illegal Migration Bill to become law despite Lords challenge	https://www.bbc.co.uk/news/uk-politics-66229585?at_medium=RSS&at_campaign=KARANGA	english	2023-07-18 09:37:02
ニュース	BBC News - Home	Ryan Giggs: Ex-Man Utd star cleared over ex-girlfriend charges	https://www.bbc.co.uk/news/uk-wales-66230391?at_medium=RSS&at_campaign=KARANGA	wales	2023-07-18 09:51:14
ニュース	BBC News - Home	Ben Wallace: Ukraine has 'tragically become a battle lab' for war technology	https://www.bbc.co.uk/news/uk-66229336?at_medium=RSS&at_campaign=KARANGA	ukraine	2023-07-18 09:45:45
ニュース	BBC News - Home	Daniel Morgan murder: Met Police in talks over settlement payout	https://www.bbc.co.uk/news/uk-england-london-66230801?at_medium=RSS&at_campaign=KARANGA	detective	2023-07-18 09:22:23
ニュース	BBC News - Home	Ocado boss claims worst of food inflation is over	https://www.bbc.co.uk/news/business-66228386?at_medium=RSS&at_campaign=KARANGA	growth	2023-07-18 09:12:29
ニュース	BBC News - Home	Ukraine war: No fast results in offensive, warns Ukrainian commander Gen Syrskyi	https://www.bbc.co.uk/news/world-europe-66225691?at_medium=RSS&at_campaign=KARANGA	quick	2023-07-18 09:31:53
ニュース	BBC News - Home	Parents 'desperate' as summer care hits £943 a child	https://www.bbc.co.uk/news/business-66193974?at_medium=RSS&at_campaign=KARANGA	childcare	2023-07-18 09:17:52
ニュース	BBC News - Home	Ukraine war: Russia says Crimean bridge partially open to cars again	https://www.bbc.co.uk/news/world-europe-66229533?at_medium=RSS&at_campaign=KARANGA	bridge	2023-07-18 09:41:02
ニュース	BBC News - Home	Women's Super League fixtures: Chelsea to play Tottenham in first weekend; Aston Villa against Manchester United	https://www.bbc.co.uk/sport/football/66150621?at_medium=RSS&at_campaign=KARANGA	Women x s Super League fixtures Chelsea to play Tottenham in first weekend Aston Villa against Manchester UnitedReigning Women s Super League champions Chelsea will play Tottenham at Stamford Bridge on October in their first match of	2023-07-18 09:16:34
ビジネス	不景気.com	福岡のスクラップ卸「守田」が破産申請へ、負債30億円 - 不景気com	https://www.fukeiki.com/2023/07/export-morita.html	株式会社	2023-07-18 09:11:20
IT	週刊アスキー	ゲーム実況配信などに活用できる著作権フリーBGM＆効果音サービス「BGM CAST」開始	https://weekly.ascii.jp/elem/000/004/145/4145727/	cloud	2023-07-18 18:45:00
IT	週刊アスキー	人混みでも80％以上の人の動きを把握できる技術を開発、東京都市大学	https://weekly.ascii.jp/elem/000/004/145/4145714/	東京都市大学	2023-07-18 18:30:00
IT	週刊アスキー	ピクシブのマーケットプレイス「BOOTH」にて決済サービス「ピクシブかんたん決済 powered by みんなの銀行」を近日中に提供開始	https://weekly.ascii.jp/elem/000/004/145/4145725/	booth	2023-07-18 18:30:00
IT	週刊アスキー	★5ハマーンやジュドーらをゲットするチャンス！PC『ガンダムトライヴ』で「8周年記念EXCEEDパイロット確定ガシャ」が開催中	https://weekly.ascii.jp/elem/000/004/145/4145741/	exceed	2023-07-18 18:30:00
IT	週刊アスキー	HashPort、大阪・関西万博にて「EXPO 2025 デジタルウォレット」に協賛	https://weekly.ascii.jp/elem/000/004/145/4145695/	hashport	2023-07-18 18:15:00
IT	週刊アスキー	クレヨンしんちゃんの新作映画とコラボ！ 福岡市中央区、「しん次元！夏のBIGフェスティバル in MARK IS 福岡ももち」開催	https://weekly.ascii.jp/elem/000/004/145/4145715/	inmarkis	2023-07-18 18:15:00