投稿時間:2022-07-04 23:36:48 RSSフィード2022-07-04 23:00 分まとめ(41件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	PythonでOSのIPを取得する方法	https://qiita.com/daikidomon/items/b005d2bfb19e73e74740	dresssocketgethostbyna	2022-07-04 22:43:15
js	JavaScriptタグが付けられた新着投稿 - Qiita	[jQuery][DataTable]結合したセルにてSortを行う	https://qiita.com/nagataichiko2249/items/bb7b17c577e9111a9457	datatable	2022-07-04 22:29:50
js	JavaScriptタグが付けられた新着投稿 - Qiita	JSで読んだSMFをファミコン風音源でとりあえず鳴らす	https://qiita.com/McbeEringi/items/17c24d78fcec2907ef95	音源	2022-07-04 22:07:17
Ruby	Rubyタグが付けられた新着投稿 - Qiita	曜日を10秒で暗算しよう！	https://qiita.com/NI57721/items/db69313196ebb48a2067	計算	2022-07-04 22:16:56
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Nokogiriを使って絵文字unicodeとキーワードのJSONを作る	https://qiita.com/yamada_yoshiki/items/aabb11c746b1cdb7bc4a	jsonjsonhexf	2022-07-04 22:15:26
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Linuxのパッケージ管理まとめ(ざっくり)	https://qiita.com/h_tyokinuhata/items/9e1978e1ea6dd410b5f1	linux	2022-07-04 22:57:28
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Ubuntu 20.04 に asdf をインストールする【asdf・zsh】	https://qiita.com/kokiyasui34/items/5cbeb3cfe212800d6423	nodejs	2022-07-04 22:14:22
AWS	AWSタグが付けられた新着投稿 - Qiita	SnykでOSSプロジェクトの脆弱性をチェックしてOSS貢献？！	https://qiita.com/moritalous/items/cd9697001a2da5d57105	securecontinuouslyfindand	2022-07-04 22:58:50
AWS	AWSタグが付けられた新着投稿 - Qiita	【Terraform】ECSの環境変数をSSMを利用して設定する	https://qiita.com/tomoronn3/items/8a387390079b8a56ad1e	enviroment	2022-07-04 22:24:51
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS SAP勉強中に学んだこと	https://qiita.com/ryo1112/items/f36258bb928ed71c2f48	awssap	2022-07-04 22:22:21
AWS	AWSタグが付けられた新着投稿 - Qiita	[AWS]VPCエンドポイント：ゲートウェイ型とインタフェース型の違い	https://qiita.com/cloud-solution/items/bbeaa9a3cc9b958a24a7	awsvpc	2022-07-04 22:05:40
Docker	dockerタグが付けられた新着投稿 - Qiita	9.10 The asm declaration [dcl.asm] C++N4910:2022 (120) p236.cpp	https://qiita.com/kaizen_nagoya/items/6f22d6e3c749033b4674	declaration	2022-07-04 22:59:38
Docker	dockerタグが付けられた新着投稿 - Qiita	13.7.2.6 Enumeration members of class templates [temp.mem.enum] ] C++N4910:2022 (215) p376.cpp	https://qiita.com/kaizen_nagoya/items/f7d62762380be026a130	class	2022-07-04 22:41:39
Docker	dockerタグが付けられた新着投稿 - Qiita	13.7.2.5 Static data members of class templates [temp.static] C++N4910:2022 (214) p375b.cpp	https://qiita.com/kaizen_nagoya/items/8a1be66be35a7b2d2e2f	class	2022-07-04 22:26:12
Docker	dockerタグが付けられた新着投稿 - Qiita	M1macローカルでdockerを使用してwordpress環境構築	https://qiita.com/usamaro/items/593c83558407a5d75e79	docker	2022-07-04 22:23:46
Azure	Azureタグが付けられた新着投稿 - Qiita	【Azure】AzurePowerShellを使用してApplication GatewayおよびWAFポリシー(カスタムルール：IP制限)の作成	https://qiita.com/takaki-imura/items/69527d1b3d95bcf79f2d	applica	2022-07-04 22:14:54
海外TECH	MakeUseOf	The Best Deals This Amazon Prime Day	https://www.makeuseof.com/best-amazon-prime-day-deals/	early	2022-07-04 13:50:13
海外TECH	MakeUseOf	5 Ways Hackers Use Public Wi-Fi to Steal Your Identity	https://www.makeuseof.com/tag/5-ways-hackers-can-use-public-wi-fi-steal-identity/	hackers	2022-07-04 13:30:13
海外TECH	MakeUseOf	GameSir X3 USB-C Controller Review: Bulky, but Beautiful	https://www.makeuseof.com/gamesir-x3-usb-c-review/	beautifula	2022-07-04 13:05:14
海外TECH	DEV Community	Everything a beginner need to know about JSON in 3 minutes	https://dev.to/dadyasasha/everything-a-beginner-need-to-know-about-json-in-3-minutes-2le7	Everything a beginner need to know about JSON in minutesJSON is the most popular data format these days Let s demystify it What JSON is used for JSON is a data format commonly used for building Rest API web services and configuration files How to write JSON documents JSON has very simple syntax it s basically collection of key value pairs What data types does JSON support data types if we will not count null as data type ObjectArraybooleannumerictext	2022-07-04 13:40:15
海外TECH	DEV Community	How to build a pricing table with Tailwind CSS and Flowbite	https://dev.to/themesberg/how-to-build-a-pricing-table-with-tailwind-css-and-flowbite-3if6	How to build a pricing table with Tailwind CSS and FlowbiteToday I want to show you how you can build a simple pricing table that you can use for a website where you want to sell a product or subscription by building it with Tailwind CSS and Flowbite Tailwind CSS is the most popular utility first CSS framework that you can use to quickly build websites without having to leave your HMTL Flowbite is the most popular component library built on top of Tailwind CSS featuring interactive UI elements such as navbars dropdowns modals and more Here s a preview of the pricing table that we will build As a disclaimer I want to let you know that this Tailwind CSS Pricing Table is an example from the Flowbite Blocks collection Without further ado let s get started Building pricing cards with Tailwind CSSWe should probably start with writing the HTML markup and we should use a lt section gt element with a lt h gt and lt p gt tag inside lt section class bg white dark bg gray gt lt div class py px mx auto max w screen xl lg py lg px gt lt div class mx auto max w screen md text center mb lg mb gt lt h class mb text xl tracking tight font extrabold text gray dark text white gt Designed for business teams like yours lt h gt lt p class mb font light text gray sm text xl dark text gray gt Here at Flowbite we focus on markets where technology innovation and capital can unlock long term value and drive economic growth lt p gt lt div gt lt section gt I have already added the Tailwind CSS classes to create a container around the content by using the max w screen md and mx auto classes to also center the content Second I have added the two lt h gt and lt p gt tags with some content inside and classes to style the typography Next we should start creating a pricing card lt div class flex flex col p mx auto max w lg text center text gray bg white rounded lg border border gray shadow dark border gray xl p dark bg gray dark text white gt lt h class mb text xl font semibold gt Starter lt h gt lt p class font light text gray sm text lg dark text gray gt Best option for personal use amp for your next project lt p gt lt div class flex justify center items baseline my gt lt span class mr text xl font extrabold gt lt span gt lt span class text gray dark text gray gt month lt span gt lt div gt lt div gt We ve now added the card styles together with the pricing plan title a short description and the price itself Let s now also add a list of features to it lt List gt lt ul role list class mb space y text left gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Individual configuration lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt No setup or hidden fees lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Team size lt span class font semibold gt developer lt span gt lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Premium support lt span class font semibold gt months lt span gt lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Free updates lt span class font semibold gt months lt span gt lt span gt lt li gt lt ul gt Looking pretty good We still need a CTA button to allow the user to actually purchase the plan lt a href class text white bg primary hover bg primary focus ring focus ring primary font medium rounded lg text sm px py text center dark text white dark focus ring primary gt Get started lt a gt Finally the pricing card should look like this with the following HTML markup and Tailwind CSS classes lt div class flex flex col p mx auto max w lg text center text gray bg white rounded lg border border gray shadow dark border gray xl p dark bg gray dark text white gt lt h class mb text xl font semibold gt Starter lt h gt lt p class font light text gray sm text lg dark text gray gt Best option for personal use amp for your next project lt p gt lt div class flex justify center items baseline my gt lt span class mr text xl font extrabold gt lt span gt lt span class text gray dark text gray gt month lt span gt lt div gt lt List gt lt ul role list class mb space y text left gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Individual configuration lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt No setup or hidden fees lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Team size lt span class font semibold gt developer lt span gt lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Premium support lt span class font semibold gt months lt span gt lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Free updates lt span class font semibold gt months lt span gt lt span gt lt li gt lt ul gt lt a href class text white bg primary hover bg primary focus ring focus ring primary font medium rounded lg text sm px py text center dark text white dark focus ring primary gt Get started lt a gt lt div gt Awesome All we need to do now is to put it all together and add two more pricing cards inside the lt section gt tag lt section class bg white dark bg gray gt lt div class py px mx auto max w screen xl lg py lg px gt lt div class mx auto max w screen md text center mb lg mb gt lt h class mb text xl tracking tight font extrabold text gray dark text white gt Designed for business teams like yours lt h gt lt p class mb font light text gray sm text xl dark text gray gt Here at Flowbite we focus on markets where technology innovation and capital can unlock long term value and drive economic growth lt p gt lt div gt lt div class space y lg grid lg grid cols sm gap xl gap lg space y gt lt Pricing Card gt lt div class flex flex col p mx auto max w lg text center text gray bg white rounded lg border border gray shadow dark border gray xl p dark bg gray dark text white gt lt h class mb text xl font semibold gt Starter lt h gt lt p class font light text gray sm text lg dark text gray gt Best option for personal use amp for your next project lt p gt lt div class flex justify center items baseline my gt lt span class mr text xl font extrabold gt lt span gt lt span class text gray dark text gray gt month lt span gt lt div gt lt List gt lt ul role list class mb space y text left gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Individual configuration lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt No setup or hidden fees lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Team size lt span class font semibold gt developer lt span gt lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Premium support lt span class font semibold gt months lt span gt lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Free updates lt span class font semibold gt months lt span gt lt span gt lt li gt lt ul gt lt a href class text white bg primary hover bg primary focus ring focus ring primary font medium rounded lg text sm px py text center dark text white dark focus ring primary gt Get started lt a gt lt div gt lt Pricing Card gt lt div class flex flex col p mx auto max w lg text center text gray bg white rounded lg border border gray shadow dark border gray xl p dark bg gray dark text white gt lt h class mb text xl font semibold gt Company lt h gt lt p class font light text gray sm text lg dark text gray gt Relevant for multiple users extended amp premium support lt p gt lt div class flex justify center items baseline my gt lt span class mr text xl font extrabold gt lt span gt lt span class text gray dark text gray dark text gray gt month lt span gt lt div gt lt List gt lt ul role list class mb space y text left gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Individual configuration lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt No setup or hidden fees lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Team size lt span class font semibold gt developers lt span gt lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Premium support lt span class font semibold gt months lt span gt lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Free updates lt span class font semibold gt months lt span gt lt span gt lt li gt lt ul gt lt a href class text white bg primary hover bg primary focus ring focus ring primary font medium rounded lg text sm px py text center dark text white dark focus ring primary gt Get started lt a gt lt div gt lt Pricing Card gt lt div class flex flex col p mx auto max w lg text center text gray bg white rounded lg border border gray shadow dark border gray xl p dark bg gray dark text white gt lt h class mb text xl font semibold gt Enterprise lt h gt lt p class font light text gray sm text lg dark text gray gt Best for large scale uses and extended redistribution rights lt p gt lt div class flex justify center items baseline my gt lt span class mr text xl font extrabold gt lt span gt lt span class text gray dark text gray gt month lt span gt lt div gt lt List gt lt ul role list class mb space y text left gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Individual configuration lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt No setup or hidden fees lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Team size lt span class font semibold gt developers lt span gt lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Premium support lt span class font semibold gt months lt span gt lt span gt lt li gt lt li class flex items center space x gt lt Icon gt lt svg class flex shrink w h text green dark text green fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L l a z clip rule evenodd gt lt path gt lt svg gt lt span gt Free updates lt span class font semibold gt months lt span gt lt span gt lt li gt lt ul gt lt a href class text white bg primary hover bg primary focus ring focus ring primary font medium rounded lg text sm px py text center dark text white dark focus ring primary gt Get started lt a gt lt div gt lt div gt lt div gt lt section gt That s it The result should be what you ve seen in the preview image The good news is that this markup also supports dark mode thanks to the Flowbite dark mode styles ConclusionI hope that you ve found this tutorial helpful when building user interfaces with Tailwind CSS and Flowbite You can check out more Tailwind CSS Pricing Examples by browsing the Flowbite Blocks collection some of them are free	2022-07-04 13:07:27
海外TECH	DEV Community	DevOps solution on Azure	https://dev.to/makendrang/devops-solution-on-azure-20ei	DevOps solution on AzureAzure DevOps has robust integration with Azure and a comprehensive suite of technologies to deliver software securely and quickly Combine Azure DevOps with open source DevOps tools to fit your own workflow and integrate seamlessly with Azure Whether your app uses virtual machines web apps or Kubernetes implement DevOps practices such as CI CD infrastructure as code and continuous monitoring with Azure and the DevOps toolchain of your choice CI CDFrom code to the cloud continuous integration and continuous delivery and tool selection automate all parts of the DevOps process Define a CI CD pipeline and use the Azure pipeline to manage releases in multiple environments Target all Azure services such as Azure Kubernetes Service AKS Azure virtual machines and Azure Functions Use GitHub actions to automate your workflow Host Jenkins workloads extend existing configurations and use Jenkins plugins for Azure to simplify CI CD Build a fast and repeatable deployment to Azure using Spinnaker AgileApply agile software development methodologies using planning tracking and reporting to shorten release cycles and gain complete visibility into the software development process Manage your projects on GitHub You can also use Azure Boards to do the following Define assign and track work items Manage the backlog Create a custom dashboard to track your progress Get advanced analysis and reports Version controlUse GitHub to manage share and collaborate on Git repositories Build a team s trusted code workflow with pull requests and code reviews Troubleshooting Continuous Integration Tools Includes apps on the GitHub Marketplace Infrastructure as codeDefine cloud resources in a descriptive way so that your environment is versioned and committed to the repository along with your application code By treating your infrastructure as code you can provision cloud resources in a repeatable and reliable way to ensure that your cloud environment is fully managed Use the Azure Blueprint to define a repeatable fully managed environment Use open source tools such as HashiCorp Terraform and Ansible that fully support Azure resources Configuration managementManage system wide resource configurations apply desired states deploy configuration updates and automate unexpected changes and problem resolution Azure offers several DevOps tools for configuration management including Ansible Chef Puppet and Azure Automation MonitoringMonitor the health of your infrastructure and integrate Azure Monitor with existing dashboards in Grafana Kibana or the Azure portal Practice monitoring the entire stack continuously Configure actionable alerts for all Azure services Collect query and analyze logs to gain insights and mitigate problems Use container monitoring for AKS Gratitude for perusing my article till end I hope you realized something unique today If you enjoyed this article then please share to your buddies and if you have suggestions or thoughts to share with me then please write in the comment box Above blog is submitted as part of Devtron Blogathon Check out Devtron s GitHub repo and give a to show your love amp support Follow Devtron on LinkedIn and Twitter to keep yourself updated on this	2022-07-04 13:05:53
海外TECH	DEV Community	Struggling With Context API ? You Are Not Alone.	https://dev.to/ayo_dev/struggling-with-context-api-you-are-not-alone-20i	Struggling With Context API You Are Not Alone State is an essential part of our React application hence the need to pass to different components state data is passed top down parent to child via props This is called PROP DRILLING This method becomes complex as the application grows and as many components require different props Things can get messy in a twinkle of an eye Context provides a way to share values like these between components without having to pass a prop through every level of the tree In this guide we would talk about context API and its usage and build a mini project a search application with it Let s dive in Context is designed to share data that can be considered global for a tree of React components such as the current authenticated user theme etc I am guessing your editor is already set up Set up Context APIFirst we have to create a file called ResultContext js feel free to name it whatever you want and import the required hooks import React useContext useState createContext from react Create Contextconst ResultContext createContext Create a Provider and add children as a propexport const ResultContextProvider children gt state for resultsconst results setResults useState state for search Termconst searchTerm setSearchTerm useState Elon Musk create a function to fetch dataconst getResults async gt const options method GET headers X API Key process env REACT APP API KEY const response await fetch https googlesearch p rapidapi com api v search options const data await response json set results to the results gotten from data fetched setResults data results Return Context Provider inside the previously created Provider and set value to the props to be passed return lt ResultContext Provider value getResults results searchTerm setSearchTerm gt children lt ResultContext Provider gt We are done with setting up our context file In summary We created context using the createContext hook We created A provider and passed children as a prop and returns ResultContext Provider We fetched data and set the results state to the data fetched We returned a ResultContext Provider and set value to the states we want to pass as props into other components Whatever we pass into the value prop will be available throughout our app Wrap the App component with the Providerimport React from react import App from App import ResultContextProvider from context ResultContextProvider import createRoot from react dom client const container document getElementById root const root createRoot container wrap lt App gt with Provider to make state available through approot render lt ResultContextProvider gt lt Router gt lt App gt lt Router gt lt ResultContextProvider gt Consume the propsNow the state Props are available throughout the App we now need to consume them Import the required Hooks import React useEffect useContext from react The useContext hook is used to get the props from the context Import the contextimport ResultContext from context ResultContext Get the props from the context using useContext component for searchimport React useEffect useState useContext from react import ResultContext from context ResultContext const Search gt get prop from context const setSearchTerm useContext ResultContext const text setText useState change the value of text throughout our app useEffect gt if text setSearchTerm text text return lt div gt lt div gt lt input value text type text onChange e gt setText e target value gt text amp amp lt button type button onClick gt setText gt x lt button gt lt div gt export default Search component displaying resultimport React useEffect useContext from react import useResultContext from context ResultContext const News gt const results getResults searchTerm useContext ResultContext useEffect gt if searchTerm getResults searchTerm return lt div gt results map link title description index gt lt div key index gt lt a href link target blank rel noreferrer gt lt p gt link length gt link substring link lt p gt lt p gt title lt p gt lt p gt description lt p gt lt a gt lt div gt lt div gt export default News ConclusionThe main takeaways from this article include the following The React Context API is designed for prop drillingThis example is fairly simple and I hope you ve been able to understand how to handle State in React using the context API	2022-07-04 13:03:29
Apple	AppleInsider - Frontpage News	How iPad will act as a Home Hub in iOS 16 and more on HomeKit Insider	https://appleinsider.com/articles/22/07/04/how-ipad-will-act-as-a-home-hub-in-ios-16-and-more-on-homekit-insider?utm_medium=rss	How iPad will act as a Home Hub in iOS and more on HomeKit InsiderApple clarifies the iPad s ability to act as a HomeKit Home Hub with iPadOS Belkin announces a new MagSafe charger and more on this week s episode of the HomeKit Insider podcastHomeKit InsiderAfter a footnote on Apple s site left some people believing iPad will soon cease to work as a Home Hub the company has tried to reassure everyone As it turns out the iPad will continue to act as a Home Hub if you want ーbut it won t get certain performance improvements going forward Read more	2022-07-04 13:59:02
Apple	AppleInsider - Frontpage News	Apple Watch Series 8 may feature 50.5mm display	https://appleinsider.com/articles/22/07/04/apple-watch-series-8-may-feature-505mm-display?utm_medium=rss	Apple Watch Series may feature mm displayRumors have stated the Apple Watch Series could come in three size classes with the largest being a mm display up from mm in the current model Apple Watch Series may have a mm display optionApple has sold the Apple Watch in two sizes since it was released in with only slight size bumps thanks to shrinking bezels This may change thanks to a new larger model that could be as large as mm Read more	2022-07-04 13:27:07
Apple	AppleInsider - Frontpage News	Daily deals July 4: Up to $50 off 10.2-inch iPad, $297 LG 32-inch UHD monitor, $162 Bose SoundLink, more	https://appleinsider.com/articles/22/07/04/daily-deals-july-4-up-to-50-off-102-inch-ipad-297-lg-32-inch-uhd-monitor-162-bose-soundlink-more?utm_medium=rss	Daily deals July Up to off inch iPad LG inch UHD monitor Bose SoundLink moreMonday s best deals include iPad and iPad Pro discounts a Schwinn exercise bike and much more Best deals for July Every day AppleInsider searches online retailers to find offers and discounts on items including Apple hardware upgrades smart TVs and accessories We compile the best deals we find into our daily collection which can help our readers save money Read more	2022-07-04 13:57:49
Apple	AppleInsider - Frontpage News	Long-rumored Apple Silicon iMac Pro still in the works, but not coming soon	https://appleinsider.com/articles/22/07/04/long-rumored-apple-silicon-imac-pro-still-in-the-works-but-not-coming-soon?utm_medium=rss	Long rumored Apple Silicon iMac Pro still in the works but not coming soonApple is rumored to be working on a large screen iMac Pro revival ーusing the Apple Silicon M chip Apple is continuing to work on what could end up being a revival with development of a larger screened iMac reportedly still underway ーand using the Apple Silicon M chip After years of offering two iMac sizes and downsizing to just one inch iMac rumors have circulated about Apple making a big screen counterpart On Sunday the rumors were revived though with the added twist of including the next Apple Silicon chip generation Read more	2022-07-04 13:01:35
海外TECH	Engadget	Xiaomi 12S Ultra has a Leica camera with a massive 1-inch sensor	https://www.engadget.com/xiaomi-12s-ultra-leica-one-inch-sensor-130451208.html?src=rss	Xiaomi S Ultra has a Leica camera with a massive inch sensorMerely six months after its previous flagship launch today Xiaomi announced a trio of familiar looking smartphones to mark the beginning of its partnership with Leica The new S Series features MIUI based on Android and it runs on Qualcomm s allegedly more efficient Snapdragon Gen flagship processor with the headlining S Ultra packing a massive inch megapixel Sony IMX main sensor This translates to a generous pixel size of um which then doubles to um via pixel binning for a supposedly boosted color accuracy and low light performance And unlike the Sony Xperia Pro I the Xiaomi S Ultra apparently uses the entire portion of its inch sensor According to CEO Lei Jun Xiaomi took part in the Sony IMX s development and the million cost was also split evenly between the two companies Interestingly the sensor won t be exclusive to Xiaomi Lei added that it ll be made available to his local competitors after the launch of the S Ultra in order to promote the advancement of mobile imaging together Xiaomi S UltraXiaomiAs for Leica s part on the Xiaomi S Ultra you get a Leica Summicron ASPH camera system covering all three rear cameras the aforementioned megapixel main camera mm f along with the megapixel ultra wide camera mm f and the megapixel periscopic camera mm f Both megapixel cameras use a inch Sony IMX sensor The entire circular camera island ーnow with Leica co branding ーbenefits from some coating magic to mitigate lens glare and improve image consistency across each lens Oh and there s a K gold rim here as well In addition to some Leica filters users will be able to switch between two photographic styles Leica Authentic Look for natural looking shots with stronger three dimensional depth and Leica Vibrant Look which adds Xiaomi s input on vibrancy while preserving authenticity somehow You can also toggle the watermark banner at the bottom of your photos which will add Leica s iconic red logo photo metadata and location coordinates to the right along with phone model and timestamp on the left XiaomiOn the other side of the phone there s a megapixel selfie camera powered by an unknown RGBW sensor Most of these cameras are capable of Dolby Vision HDR video recording up to K fps and playback thus making the S Ultra the first Android device to sport these features Some also utilize the motor based HyperOIS for more stable footage As for still shots the entire S Series supports bit RAW format calibrated by Adobe Labs with color correction metadata embedded in the files for easier post production with the likes of Adobe Lightroom The S Ultra also happens to carry two proprietary Xiaomi Surge chips a Surge P fast charging chipset and a Surge G battery management chipset These provide support for W wired fast charging W wireless fast charging and W reverse charging for the mAh single cell silicon oxygen anode battery Note that some fast charging solutions use a dual cell battery instead to split the current load which is why it s a good thing that the Surge P can handle an output current of up to A here and apparently with conversion efficiency Like Oppo s and ASUS recent handsets the S Ultra offer adaptive charging as well which allegedly increases the number of charge cycles by percent Keeping the phone cool is also key to a healthier battery not to mention a more stable performance while gaming The Xiaomi S Ultra is equipped with a three dimensional cooling pump which moves cooling liquid across warm surfaces using a capillary mechanism similar to that on leaves This apparently improves thermal conductivity significantly compared to conventional vapor cooling modules XiaomiThe rest of the Xiaomi S Ultra is standard flagship affair For the display you get a inch Samsung E AMOLED panel x ppi LTPO with a peak brightness of up to nits a Hz AdaptiveSync Pro refresh rate native bit color depth and support for P color gamut As you can tell from the camera features the screen can handle Dolby Vision as well as HDR HDR and HLG these will go well with the Harman Kardon speakers which also support Dolby Atmos audio The device is IP rated meaning it should survive accidental dives into sinks and pools You ll also find an infrared remote port at the top for controlling home appliances Options include up to GB of LPDDR RAM up to GB of UFS storage ーfeaturing Xiaomi s self developed FBO File Based Optimization storage refresh tech which supposedly maintains the same read write performance for at least four years and Lei added that FBO has already been written into the next gen UFS storage specification Buyers can choose between a Classic Black and a Verdant Green both wrapped in vegan leather nbsp Xiaomi S ProXiaomiThe lesser Xiaomi S Pro shares the same inch display and Surge P fast charging chipset as the S Ultra though it supports a whopping W wired charging for its smaller mAh battery but lacks W reverse charging It features a more regular but apparently still pricey inch megapixel Sony IMX main sensor which is a variant of the IMX previously found on Huawei s Mate Pro series This still offers a good pixel size of um or um after pixel binning and it matches the resolution of its ultra wide camera mm and telephoto camera mm ーall fine tuned by Leica as well of course nbsp As for the basic Xiaomi S it has the same main camera as the S Pro and the same fast charging features as the S Ultra but with a smaller mAh battery in a more palm friendly body under the inch Hz display Apparently there is still a sizeable demand for small flagship phones according to Lei The Xiaomi S Series is now available for pre ordering in China ahead of retail launch on July th The S Ultra is priced from from yuan GB RAM GB storage around to yuan GB RAM GB storage around The S Pro is cheaper asking for yuan GB RAM GB storage around to yuan GB RAM GB storage around The S is the most affordable option here starting from yuan GB RAM GB storage around and capping at yuan GB RAM GB storage around We ll keep an eye out for international availability later	2022-07-04 13:04:51
海外TECH	Engadget	HBO Max halts original productions across large parts of Europe	https://www.engadget.com/hbo-max-halts-original-productions-across-large-parts-of-europe-130226456.html?src=rss	HBO Max halts original productions across large parts of EuropeHBO Max is halting original productions across much of Europe Variety has reported The streaming service confirmed that it will no longer produce originals in Denmark Sweden Norway Finland Central Europe the Netherlands and Turkey leaving only Spain and France untouched The news is part of a plan from parent Warner Bros Discovery to cut some billion in costs following its split from AT amp T nbsp quot We are reviewing our current content proposition on the existing services quot a spokesperson told Variety in a statement quot As part of this process we have decided to remove a limited amount of original programming from HBO Max as well as ceasing our original programming efforts for HBO Max in the Nordics and Central Europe We have also ceased our nascent development activities in the newer territories of Netherlands and Turkey which had commenced over the past year quot Some of the service s most praised shows including Lust Sweden and Kamikaze Denmark came from the Nordics and other affected regions On top of ceasing production HBO Max will remove those shows along with the Hungarian drama The Informant from its service globally Projects already in production and other approved shows will reportedly continue ーbut they may be sold to other platforms with Warner acting strictly as producer nbsp Streaming content production has been a bright spot in Europe as Netflix and other platforms have hit the percent local content quotas required in major markets there HBO Max s announcement may put a damper on that though as quot redundancies are likely across HBO Max s European business quot Variety noted nbsp More ominously quot similar decision making for HBO Max is currently taking place in all territories where the streamer operates which spans the U S Latin America and parts of Europe quot it added Along with layoffs recently announced by Netflix it s the first sign of dark clouds during the era of peak TV nbsp	2022-07-04 13:02:26
ニュース	BBC News - Home	Copenhagen shooting: Gunman charged in court with murder	https://www.bbc.co.uk/news/world-europe-62034089?at_medium=RSS&at_campaign=KARANGA	motive	2022-07-04 13:48:30
ニュース	BBC News - Home	Fuel protests: Arrests as go-slow convoys cause motorway delays	https://www.bbc.co.uk/news/uk-62034278?at_medium=RSS&at_campaign=KARANGA	arrests	2022-07-04 13:30:24
ニュース	BBC News - Home	Bedford: Buildings evacuated as gas explosion wrecks flats	https://www.bbc.co.uk/news/uk-england-beds-bucks-herts-62037078?at_medium=RSS&at_campaign=KARANGA	window	2022-07-04 13:08:57
ニュース	BBC News - Home	EasyJet executive quits after major flight disruption	https://www.bbc.co.uk/news/business-62038384?at_medium=RSS&at_campaign=KARANGA	cancellations	2022-07-04 13:46:16
ニュース	BBC News - Home	Commercial flight escorted by fighter jet after bomb hoax	https://www.bbc.co.uk/news/world-europe-62036779?at_medium=RSS&at_campaign=KARANGA	media	2022-07-04 13:47:21
ニュース	BBC News - Home	England v India: Ben Stokes picks up three quick wickets after lunch	https://www.bbc.co.uk/sport/av/cricket/62037743?at_medium=RSS&at_campaign=KARANGA	England v India Ben Stokes picks up three quick wickets after lunchEngland captain Ben Stokes strikes three times quickly after lunch as India are dismissed for on day four of the rearranged fifth Test at Edgbaston	2022-07-04 13:25:54
ニュース	BBC News - Home	Wimbledon 2022: Watch Nick Kyrgios win point after 'hot dog' against Brandon Nakashima.	https://www.bbc.co.uk/sport/av/tennis/62038274?at_medium=RSS&at_campaign=KARANGA	Wimbledon Watch Nick Kyrgios win point after x hot dog x against Brandon Nakashima Watch Nick Kyrgios win a point after hitting a hot dog shot against Brandon Nakashima at Wimbledon on Centre Court	2022-07-04 13:50:59
北海道	北海道新聞	「弱い子がいじめられる」　自民麻生氏、ウクライナ巡り	https://www.hokkaido-np.co.jp/article/701754/	千葉県市川市	2022-07-04 22:50:25
北海道	北海道新聞	＜道南の現場は今＞ウクライナ侵攻　交流停滞揺らぐ平和	https://www.hokkaido-np.co.jp/article/701751/	記念	2022-07-04 22:38:10
北海道	北海道新聞	潮ねりこみ初練習　先導役山本さん、高橋さん　おたる潮まつり	https://www.hokkaido-np.co.jp/article/701726/	山本さん	2022-07-04 22:30:09
北海道	北海道新聞	＜いまの政治、十勝から問う＞飼肥料の高騰　「地域壊れる」農家不安	https://www.hokkaido-np.co.jp/article/701749/	高騰	2022-07-04 22:07:00
北海道	北海道新聞	激しい雨８４４０戸停電　十勝管内　雷、ひょう　農業被害も	https://www.hokkaido-np.co.jp/article/701748/	上士幌町	2022-07-04 22:01:00