投稿時間:2022-07-08 22:43:37 RSSフィード2022-07-08 22:00 分まとめ(67件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Apple、｢USB-C – MagSafe 3ケーブル｣の新しいカラーモデルを販売開始	https://taisy0.com/2022/07/08/158936.html	apple	2022-07-08 12:22:09
IT	気になる、記になる…	Apple、M2チップ搭載｢MacBook Air｣の予約受付を開始 − 7月15日に発売へ	https://taisy0.com/2022/07/08/158933.html	apple	2022-07-08 12:00:25
IT	バズ部	URLの正規化とは？具体的な方法と正規化すべきケースを解説	https://lucy.ne.jp/bazubu/url-normalization-41531.html	検索エンジン	2022-07-08 12:09:01
IT	バズ部	ページランクとは？今でも意識するべき理由と調べ方を解説	https://lucy.ne.jp/bazubu/pagerank-41500.html	過去	2022-07-08 12:08:28
IT	バズ部	外部リンクとは？SEOに与える影響・注意点・対策方法まで解説	https://lucy.ne.jp/bazubu/external-link-41479.html	解説	2022-07-08 12:07:53
IT	バズ部	canonicalとは？役割やSEOに効果的な使い方を徹底解説	https://lucy.ne.jp/bazubu/seo-canonical-41444.html	canonical	2022-07-08 12:07:11
AWS	AWS Machine Learning Blog	Onboard PaddleOCR with Amazon SageMaker Projects for MLOps to perform optical character recognition on identity documents	https://aws.amazon.com/blogs/machine-learning/onboard-paddleocr-with-amazon-sagemaker-projects-for-mlops-to-perform-optical-character-recognition-on-identity-documents/	Onboard PaddleOCR with Amazon SageMaker Projects for MLOps to perform optical character recognition on identity documentsOptical character recognition OCR is the task of converting printed or handwritten text into machine encoded text OCR has been widely used in various scenarios such as document electronization and identity authentication Because OCR can greatly reduce the manual effort to register key information and serve as an entry step for understanding large volumes of documents …	2022-07-08 12:29:29
python	Pythonタグが付けられた新着投稿 - Qiita	pythonでリスト中の数値を文字列に変換する際は`print("".join(list(map(str, ans))))`のようにした方が処理が早そうな印象	https://qiita.com/seigot/items/b1ccaf18ee1e6cf4ad66	print	2022-07-08 21:49:36
python	Pythonタグが付けられた新着投稿 - Qiita	Spotify APIで完全ランダムなプレイリストを生成する(Python)	https://qiita.com/heyt/items/50daa854cc8b3751decf	spotify	2022-07-08 21:28:11
python	Pythonタグが付けられた新着投稿 - Qiita	Python で、別プロセス間での Singleton 実装 - Socket_Singleton を使う	https://qiita.com/takavfx/items/3ce8a10d8d7b7759e58a	pyinstaller	2022-07-08 21:13:31
js	JavaScriptタグが付けられた新着投稿 - Qiita	JSの復習：オブジェクトの基礎	https://qiita.com/LAB1312239235/items/b9426cab0eeb0a40bb89	letobjpropsvaluepropsva	2022-07-08 21:21:47
AWS	AWSタグが付けられた新着投稿 - Qiita	NATGWでセッションマネージャー接続する方法	https://qiita.com/rupy/items/e9efbddf1eaa00f77ab0	natgw	2022-07-08 21:52:21
AWS	AWSタグが付けられた新着投稿 - Qiita	【AWS DBS-C01】合格のための知識詰め込み	https://qiita.com/tetsuya_tech/items/04fe764bc600fc0d3778	amazonrds	2022-07-08 21:13:41
AWS	AWSタグが付けられた新着投稿 - Qiita	WorkDocs で、ゲストユーザーの招待の挙動を確認する	https://qiita.com/sugimount-a/items/ae1fac2fae51eda87509	directoryservi	2022-07-08 21:12:27
AWS	AWSタグが付けられた新着投稿 - Qiita	必見！クラウドプラクティショナーの出題範囲のサービスを一枚にしました	https://qiita.com/moritalous/items/168fc7cce9ba2116a2cf	個人ブログ	2022-07-08 21:09:18
Docker	dockerタグが付けられた新着投稿 - Qiita	17.3.4.1 Type float_round_style [round.style] C++N4910:2022 (272) p502a.cpp	https://qiita.com/kaizen_nagoya/items/dc8d17cc9ca12ff8430d	draft	2022-07-08 21:27:55
Docker	dockerタグが付けられた新着投稿 - Qiita	17.3.3 Header <limits> synopsis [limits.syn] C++N4910:2022 (271) p502.cpp	https://qiita.com/kaizen_nagoya/items/2bf8ff0a3f627c4c98d9	draft	2022-07-08 21:24:25
Docker	dockerタグが付けられた新着投稿 - Qiita	17.3.2 Header <version> synopsis [version.syn] C++N4910:2022 (270) p499.cpp	https://qiita.com/kaizen_nagoya/items/0eae923e0ba30d691603	draft	2022-07-08 21:20:01
技術ブログ	Developers.IO	オブジェクトを簡単にイミュータブルに扱えるライブラリ「Immer」をSWRと共に使ってみた	https://dev.classmethod.jp/articles/tried-using-the-library-immer-with-swr/	immer	2022-07-08 12:30:33
海外TECH	MakeUseOf	Try Python in Your Browser With These Free Online Interactive Shells	https://www.makeuseof.com/tag/try-python-free-interactive-shells/	Try Python in Your Browser With These Free Online Interactive ShellsWhether you re trying Python for the first time or reviewing the basics of arrays and lists it s easy to try your code in a browser with these tools	2022-07-08 12:30:15
海外TECH	MakeUseOf	How to Check and Send Your Astrological Profile on Snapchat	https://www.makeuseof.com/how-to-check-send-astrological-profile-snapchat/	astrology	2022-07-08 12:30:14
海外TECH	MakeUseOf	July Shopping Sale: Windows 10 Genuine Lifetime License Only $14, Office $26, Discounts up to 91%	https://www.makeuseof.com/windows-office-lifetime-license-discounts/	July Shopping Sale Windows Genuine Lifetime License Only Office Discounts up to Getting a Windows or Microsoft Office license doesn t have to cost a fortune and you can get them a lot cheaper from Keysbuff	2022-07-08 12:22:19
海外TECH	DEV Community	Some common function attributes that I found useful	https://dev.to/pllee4/some-common-function-attributes-that-i-found-useful-2baa	Some common function attributes that I found useful Common function attributesAfter my first post I feel it may be good to continue from low level perspective before going to higher level in term of embedded C C programming for robotics There are a lot of common function attributes from documentation of gcc For this post I will show examples of usage for only few function attributes which are attribute warn unused result attribute deprecated attribute weak Perhaps you have come across with something like below ifndef must check define must check attribute warn unused result endif ifndef deprecated define deprecated attribute deprecated endif ifndef weak define weak attribute weak endif attribute warn unused result In some cases it is very important to force the user to capture the return value of the functions As shown in below there is status code that indicates the result of initalization process int Init some status code after certain intiialization process return status code In this case we would like to avoid calling of function as belowint main int argc char argv Init return Thus we could add the attribute warn unused result for the function to be like attribute warn unused result int Init some status code after certain intiialization process return status code In this case if the return value of the function is ignored calling the function like the example above user will get a warning as belowwarning ignoring return value of int Init declared with attribute warn unused result Wunused result attribute deprecated Most of the times when we are maintaining a codebase that is used by big group of users deprecation of code is quite normal but there may be a promised period to maintain the same interface while backward compatibility is also a common requirement The example below shows how function attributes can help to give a warning to the user when the function called is deprecated attribute deprecated int Init By having the attribute above user will get a warning as below when calling the function of Init warning int Init is deprecated Wdeprecated declarations DEPRECATED MACROAs a continuation from marking as deprecation we could also tag some old macros as deprecated define WARN msg WARN GCC GCC warning msg define WARN GCC s Pragma s ifndef DEPRECATED MACRO define DEPRECATED MACRO WARN Macro is deprecated endifIf previously we have a macro define MAX a b a gt b a b We can mark it as define MAX a b DEPRECATED MACRO std max a b Calling of the macro would now outputwarning Macro is deprecated attribute weak From gcc documentation The weak attribute causes the declaration to be emitted as a weak symbol rather than a global This is primarily useful in defining library functions which can be overridden in user code though it can also be used with non function declarations Weak symbols are supported for ELF targets and also for a out targets when using the GNU assembler and linker For example if we have a attribute weak int Init std cout lt lt Init is not supported lt lt std endl return Calling the function would result in output ofInit is not supportedIF there is no other translation unit that provides the definition of the same function If there is other file that also provides the definition int Init std cout lt lt Init done lt lt std endl return The output of calling Init would now beInit doneThe theory is whenever linker found both weak and strong symbol it would first choose the strong symbol If there is only weak symbol it will be chosen This is valid only for static library o a it would not work in dynamic so library Based on One Definition Rule objects and non inline functions cannot have more than one definition in the entire program So if you remove the attribute weak you will get error that complains about multiple definition Here comes the end of the post hope you enjoy the reading	2022-07-08 12:42:30
海外TECH	DEV Community	Top Fintech Trends of 2022: The Power of Technology to Transform Finance	https://dev.to/maksimbieliai/top-fintech-trends-of-2022-the-power-of-technology-to-transform-finance-58a9	Top Fintech Trends of The Power of Technology to Transform FinanceAs one of the most disruptive industries fintech has significantly changed the way we interact with financial companies over the past decade and hasn t stopped there Each year brings us new innovations designed to meet growing customer expectations That s why it s important for business owners and executives to understand where we are now and where we re headed with financial technology in order to maintain relevancy and competitiveness Let s talk about the top fintech trends that drive the market Global Fintech Market TrendsBefore diving into specific fintech areas let s take a look at the general fintech market trends that are game changing for the financial technology scene and check some market statistics WEB AND BLOCKCHAIN PROVIDE SECURITY AND DECENTRALIZATIONFollowing lofty promises and ambitious visions of the future of the Internet Web technologies and blockchain exploded worldwide Сonsumers are increasingly favoring the ownership of digital goods made possible by non fungible tokens NFTs and cryptocurrencies Blockchain is exactly the technology that can support the economy of this virtual space by maintaining exceptional security and providing the necessary financial infrastructure While cryptocurrencies are a means of payment there NFTs are reliable proof of ownership of a particular digital asset Based on the implementation of blockchain artificial intelligence and machine learning and the Internet of Things Web offers a high level of decentralization and personalization providing financial services users with a completely new customer experience For example blockchain allows peer to peer transactions without financial intermediaries like banks However this does not take banks out of a growing trend The American banking company J P Morgan announced last year the use of blockchain technology in its new Confirm solution designed to reduce the cost of payments between banking institutions around the world So blockchain is still an integral part of the development of the fintech market According to Markets and Markets the fintech blockchain market size is expected to grow from million in to million by ARTIFICIAL INTELLIGENCE MAKES FINANCIAL OPERATIONS SMARTERFintech solutions involve a great deal of data and there s no better technology to handle all that data than artificial intelligence Specifically machine learning AI helps with a number of areas of fintech like risk management fraud prevention decreasing operating costs through optimization personalizing the banking experience and automating workflows for team members and customers Artificial intelligence is best used for recognizing patterns in data and then AI powered solutions can give suggestions based on findings to help users reduce or optimize their spending AI allows financial companies to track the financial health of customers by collecting and processing information about their cash accounts credit accounts and investments to provide customers with relevant and more personalized services This can be done through tailored budgeting plans and spending analysis The Royal Bank of Canada uses the power of AI to improve user experience and deliver new applications to customers faster RBC s private AI cloud can analyze millions of data points accelerating financial forecast analysis and enabling a company to build and deploy AI powered apps more efficiently And this is not the only example According to Mordor Intelligence AI in the fintech market is expected to grow from billion in to billion by EMBEDDED FINANCE EXPANDS SERVICES RANGEAnother top fintech trend is embedded finance which allows financial technologies to be integrated into non financial products For example at checkout on a website a user could select an option to buy an item in multiple installments Another application of this is choosing to add on insurance for an item like a car or electronic device at checkout As a result this can increase conversions yield more valuable data and increases the competitiveness of products Solutions such as embedded payments that support instant online purchases or embedded insurance that allows you to purchase insurance when buying a plane ticket without the need to contact an insurance agent are not a novelty but a developing area of ​​fintech For example the BNPL buy now pay later uptrend which we will discuss a little later is also an example of embedded finance According to Future Market Insights the embedded finance market was valued at billion in and it has all chances to reach billion in the next years Fintech Lending TrendsLoans financing and installment payments are a big part of the fintech industry Digital lending systems have grown more popular these past several years There are also many opportunities for artificial intelligence and automation to assist here One of the main reasons why alternative lending technology is disrupting the market is because it s more efficient than traditional lending services Alternative lenders are much more flexible so they cater to the different needs of clients For example while banks typically provide loans for three to five years alternative lending is short term and often low in interest Fintech lending trends rely heavily on advances in related fields For example through the development of open banking alternative lenders can access existing accounts while analyzing data and through machine learning they can determine spending habits and classify risks For example using Optical Character Recognition OCR solutions with machine learning helps eliminate all the manual work that lenders have to do to review legal documents OCR solutions allow you to automatically extract the necessary information from documents making it available for further processing PEER TO PEER PP LOANSThe most popular forms of alternative lending include credit unions microlenders marketplace lending and PP peer to peer lending PP lending is a specific type of alternative lending technology that involves three parties a borrower an investor and a rd party platform online The rd party platform provides the basis for the interaction to take place This allows the investor to lend money to the borrower without intervention from a bank Peer to peer loaning platforms reduce costs since they don t own the loans themselves and offer more cost effective solutions PP lending serves both the consumer and business markets A growing number of small and medium sized companies as well as start ups is driving demand for this type of lending For example UK based PP lending provider Capitalise matches business owners with lenders that can provide a business with funds for various purposes such as buying new premises expanding staff and so on Marketplace lenders connect borrowers with both individual and institutional investors providing more funding options BUY NOW PAY LATER BNPL As an alternative form of short term financing Buy Now Pay Later BNPL is a way of paying for products or services later on in the future Most of the time this works without interest making it a popular form of financing With point of sale installment loans customers pay a certain amount down on a purchase and then pay the rest later Experts predict a boom in the BNPL sector and global giants are already following this fintech trend For example Amazon is partnering with Affirm to implement BNPL by splitting purchases of or more into smaller monthly payments Research by C R Research Fintech Payment TrendsModern payment solutions make it easier for consumers to send and receive money The expansion of possible payment methods reduces the barriers between the buyer and the company That s why when talking about the biggest trends in fintech we can t skip a payment area Let s dive into it CONTACTLESS PAYMENTS ARE ON THE RISE AFTER THE PANDEMICNo touch payments have been popular for years after the onset of NFC technologies Being able to tap a mobile device on a payment terminal not only is simple but it also helped reduce contact during the COVID pandemic Being not new but easy to adopt QR code payments are also on the rise According to Juniper Research the QR code payment market will be worth trillion by One of the leaders of this industry is Alipay Consumers simply need to scan a QR code to direct the app on the device to a page where they can send money securely Increasing penetration of NFC and Host Card Emulation HCE drives the growth of the wearable payments market HCE allows wearables without requiring access to an authentication function to imitate a card on NFC enabled devices Smartwatches aren t the only wearable with this ability now Smart NFC rings are also making waves Innovative hardware like this is proving to be attractive to many consumers REQUEST TO PAY TECHNOLOGY LOWERS TRANSACTION COSTSThis is another trending fintech solution that allows one party to request money from someone else That person can approve the payment or they can deny it If the request is approved the money is transferred in real time to the recipient One example of this technology is Zelle which has partnered with several banks like Huntington Request to pay RTP technologies are used by consumers merchants and businesses that may request bill payments from other businesses The technology is secure because the payment request is sent to the payer s proxy billing address without the need to disclose the payer s sensitive payment details and the payer has full control over whether to approve or reject the payment More acquiring and consumer banks are implementing RTP to give businesses real time visibility into incoming payments while lowering transaction costs The request to pay trend originates in the UK where Pay UK launched it in Now the technology is gaining momentum around the globe This is called Request Pay RP in Europe Request for Payment in the USA and UPI Collect payments in India Fintech Banking TrendsRecent years have given us some exciting new trends in fintech that have affected the banking industry The increased demand for digitalization and the growing adoption of technologies have pushed traditional banks and fintechs to cooperate to jointly develop the market and improve the quality of services OPEN BANKING EXPANDS BANK ECOSYSTEMBanking trends in fintech are largely related to the development of open banking With the adoption of PSD in Europe in this trend continues to develop rapidly both in the European Union and other regions opening up a joint development branch of fintech startups and traditional banks Open banking is all about sharing financial information in a controlled setting Account owners can approve ways to securely share their financial information with alternative financial providers This allows third party providers to gain access to the customers financial information through open APIs Open banking opportunities are used by many fintech startups that provide budgeting cost tracking financial planning lending and other services Leveraging open banking APIs will drive the market this year and it s expected to reach billion in up from billion in according to Business Wire NEOBANKS OFFER MOBILE FIRST SERVICES AT LOWER COSTNeobanks exist in the fintech space as a way to make banking services more affordable They generally provide fewer types of services compared to larger banks but they specialize in these services to improve their quality Neobanks are also much more transparent about their operations Neobanks were also successful due to their valuable features during the COVID pandemic Instant transfers fast registration and IBAN and ACH accounts offered entirely online banking access were beneficial during a time when remote work was a necessity for many industries Now that the world is recovering from the pandemic interest in this trend has not faded Many users have appreciated the advantages of neobanks and are ready to continue to cooperate with them According to Statista the number of individuals who hold at least one account at a neobank in the US is expected to peak at million in up from million in BANKING AS A SERVICE ENABLES NEW SOURCES OF GROWTHThis is another important trend in the fintech industry Banking as a service BaaS allows banks to open access to their payment ecosystem to companies that want to provide financial services and build their products on top of traditional banking infrastructure Thus non banks can provide financial services without the need for a banking license which is very convenient for small businesses who want to get additional profit without investing extra costs in building infrastructure BaaS also takes advantage of APIs but unlike open banking it provides a third party not with ready made data but with the functionality of a bank on the basis of which a new product can be developed Companies pay for access to the BaaS platform after which the financial institution opens its APIs to that company providing the systems and information needed to create new financial products With the development of interest in BaaS the list of key market players is growing Bankable BBVA ClearBank Green Dot MatchMove Pay Pte Starling Bank are at the forefront of this fintech area but new BaaS platforms are popping up all the time as are a growing number of their users looking to incorporate financial services into their experience So we definitely need to keep an eye on this fintech trend to see how it affects the market in the coming years Fintech Investment TrendsThere are a number of emerging trends in fintech that are changing how investing works Let s take a look at the most interesting of them CRYPTO ASSETS ARE COMING ALONG WITH THE METAVERSEDespite the ups and downs of cryptocurrencies in the market investors continue to include this asset in their portfolios Therefore it s not surprising that trading platforms and crypto exchanges are still gaining popularity in the investment market With the wide adoption of crypto by companies around the globe the value of these assets is growing For example in June PayPal announced support for the native transfer of cryptocurrencies between PayPal and other wallets and exchanges which made this one of the world s largest payment services crypto friendly However cryptocurrencies aren t the full picture There are also crypto investment opportunities with non fungible tokens NFTs These unique digital items stored on the blockchain have become quite controversial over the past year due to rampant art theft and misuse However NFTs can still be useful as a unique digital license As long as that license grants the owner access to certain features and items either in digital spaces like video games or in the real world the token will have use to a user beyond sentimental value In fact digital assets like NFTs and cryptocurrencies are lately associated heavily with the metaverse As the real world blends further and further with the digital world investors are increasingly interested in owning digital items that have worth in the digital space Acquiring metaverse land purchasing metaverse stocks investing in metaverse ETFs and buying NFTs are the most popular ways to invest in the metaverse a trend that investment platforms are trying to adopt For example crypto exchange Coinbase recently announced the development of a unique username NFT that will allow users to carry a unique ID across different worlds in the metaverse The platform is also working on technology that will allow users to buy avatars for metaverse applications ROBO ADVISORS AND PFMS FOR NOVICE INVESTORSThanks to advances in artificial intelligence automatic financial advice is now a viable solution for many investors Robo advisors and personal finance managers PFMs use AI suggestions to show optimized ways for investors to spend their money These kinds of applications are very profitable and are a disruptive force in the market Robo advisors based on AI data analysis algorithms are able to process large amounts of data adapt to a changing landscape faster than human advisors and offer investors the most appropriate investment options to meet their goals Since alternative investment tools have significantly lowered the entry threshold for investors and allowed almost anyone to earn money even with small capital robo advisors are especially popular among novice investors that don t have access to traditional consulting The Future of the Fintech IndustryAs the fintech industry continues to grow more businesses will get involved in hosting and utilizing solutions like open banking robo advisors BNPL PP lending and more If we try to find something in common in all fintech trends then we can identify factors that drive the development of the industry and which must be taken into account by companies wishing to succeed in this area Regulatory compliance An unexpected hurdle that businesses can face is how governments around the world will catch up with quickly evolving financial industry trends It s important for companies to be aware of regulatory changes Adapting to these changes will be critical for long term success Blurring of boundaries As customer expectations rise the most successful companies are looking to provide more comprehensive services without limits For example profitable international payments the ability to trade crypto stocks goods in one application and so on Increasing accessibility of financial services Fintech companies strive to make their services for customers as simple and accessible as possible This includes for example simplifying and speeding up the process of buying stocks quickly calculating interest on a loan issuing insurance in a few clicks etc Companies that can make progress in these three areas are most likely to be the main market players in the near future	2022-07-08 12:42:22
海外TECH	DEV Community	Using Dark Mode in your react app! 🌙	https://dev.to/franklin030601/using-dark-mode-in-your-react-app-5364	Using Dark Mode in your react app Dark mode is one of the features that would look excellent implemented in your app as it would improve the user experience inside your app So this time I will show you how to implement dark mode with React and without any other external library Note This post requires you to know the basics of React with TypeScript basic hooks Any kind of feedback is welcome thanks and I hope you enjoy the article  Table of Contents Technologies to be used Creating the project First steps Creating Switch component Adding a few cards Styles for the themes Configuring variables for light theme Configuring variables for dark theme Using the variables in our style Adding the logic to switch between themes Controlling the state of the switch Refactoring the logic in a custom hook Conclusion Live Demo Source code   Technologies to be used ️React JS version ️Vite JS ️TypeScript ️CSS vanilla You can find the styles in the repository at the end of this post   Creating the project We will name the project dark light app optional you can name it whatever you like npm init vite latestWe create the project with Vite JS and select React with TypeScript Then we run the following command to navigate to the directory just created cd dark light appThen we install the dependencies npm installThen we open the project in a code editor in my case VS code code   First steps Now we first create a folder src components and add the Title tsx file it contains export const Title gt return lt h gt Dark Light Mode lt h gt And now inside the folder src App tsx we delete all the content of the file and we place the title that we have just created const App gt return lt div className container gt lt Title gt lt div gt export default AppIt should look like this   Creating Switch component Now inside the src components folder we add the Switch tsx file and place the following export const Switch gt return lt div className container switch gt lt span gt Change Theme lt span gt lt label className switch gt lt input type checkbox gt lt span className slider gt lt span gt lt label gt lt div gt It should look like this   Adding a few cards Again inside the src components folder we add Card tsx file we add the Card tsx file First we will create the Layout component that will contain the cards export const LayoutCards gt return lt div className grid cards gt lt Card gt lt Card gt lt Card gt lt div gt Then the Card component will look like this export const Card gt return lt div className card gt lt div className card image gt lt div gt lt h className card title gt Lorem ipsum dolor sit lt h gt lt p className card description gt Lorem ipsum dolor sit amet consectetur adipisicing eli lt p gt lt div className card container buttons gt lt button gt Buy lt button gt lt button gt Show lt button gt lt div gt lt div gt It should look something like this   Styles for the themes The idea is to use the variables with CSS for the dark and light theme   Configuring variables for light theme We create a folder called src styles and create the file var css This file will be in charge of setting the CSS variables To set the variables inside CSS we use pseudo class root as follows root Inside we place the variables we are going to use To define variables we use this syntax background fff We have to place a double hyphen before the custom name of our property then we place a colon and add the value of that property Here are the other variables root background fff text primary fff text secondary eee accent dfb accent hover cea border fee shadow px px px px These variables that we have just declared without for the light theme   Configuring variables for dark theme Now let s define the variables for the dark theme To do this the variable names have to be named exactly the same as the previous variables and we only change their value after the colon data theme dark background a text primary fff text secondary aaa accent aacd accent hover bcbe border shadow px px px px ffffffb Note that for the dark theme variables we no longer use the pseudo class root but we reference a custom attribute that we are defining as theme This custom attribute has to be placed in an HTML tag for the dark mode to work Do not place the attribute manually this will be done dynamically using react But not in just any tag it must be placed in the highest hierarchy tag such as the body This is an example of how it should look lt body data theme dark gt lt content gt lt body gt If we place the data theme attribute in the other tag with less hierarchy only the content of that tag will use the dark mode For this reason it should be placed in the tag with the highest hierarchy lt body gt lt div data theme dark gt lt Dark theme gt lt div gt lt div gt lt Light theme gt lt div gt lt body gt   Using the variables in our style Now notice that we have created a var css file inside src styles But where do we import them Well in my case I found it best to import them into the src index css file To import css files into another css file we use import url and add the path where the file to import is located This is a good practice to separate the CSS files as it helps to understand better the code of the styles By the way you must place the import at the top of your file import url styles var css body font family Montserrat sans serif font weight transition all s ease in out Well now let s use the variables To use the variables we make use of the function var and inside we place the name of the variable exactly as we name it in our file var css body background color var background color var text primary Once the variables have been placed in the other styles in the cards switch and title we will proceed with adding the logic for switching between themes   Adding the logic to switch between themes First we have to control the state of the switch to be able to get when it is on off and depending on those values use one theme or another   Controlling the state of the switch First we add a state This state will be of type Theme and will only accept the string dark or light type Theme dark light export const Switch gt const theme setTheme useState lt Theme gt light return lt div className container switch gt lt span gt Change Theme lt span gt lt label className switch gt lt input type checkbox gt lt span className slider gt lt span gt lt label gt lt div gt We create the function to control the switch event Which receives as parameter the event that emits by default the input The function calls the setter setTheme and inside it makes an evaluation If the checked property of the input is set to true it sets the dark theme If the checked property of the input is false it sets the light theme Now the function handleChange is going to be executed when the input of type checkbox has a change and for that reason we pass it to method onChange And the checked property of the same input we will pass an evaluation since the checked property only accepts boolean values The evaluation will be If the value of the state theme is dark the value of checked will be true If the value of the state theme is light the value of checked will be false type ChangeEvent React ChangeEvent lt HTMLInputElement gt type Theme dark light export const Switch gt const theme setTheme useState lt Theme gt light const handleChange e ChangeEvent gt setTheme e target checked dark light return lt div className container switch gt lt span gt Change Theme lt span gt lt label className switch gt lt input type checkbox onChange handleChange checked theme dark gt lt span className slider gt lt span gt lt label gt lt div gt And now remember that we were going to place the custom attribute data theme well now it s time to do it For this we use an effect which must be executed every time the value of the theme state changes That s why we place it in its dependency array of the useEffect Then inside the useEffect we execute the following document body setAttribute data theme theme Basically we are accessing the body tag because it is the highest point that encloses all our application and we set a new attribute with the function setAttribute setAttribute receives in this case two parameters the name of the new attribute the value for that new attribute So we set the data theme attribute with the value of the theme state The code should look like this type ChangeEvent React ChangeEvent lt HTMLInputElement gt type Theme dark light export const Switch gt const theme setTheme useState lt Theme gt light const handleChange e ChangeEvent gt setTheme e target checked dark light useEffect gt document body setAttribute data theme theme theme return lt div className container switch gt lt span gt Change Theme lt span gt lt label className switch gt lt input type checkbox onChange handleChange checked theme dark gt lt span className slider gt lt span gt lt label gt lt div gt And that s it you would now have the functionality to switch between themes But now we have a lot of logic in our file so it s time to create a custom hook   Refactoring the logic in a custom hook We create a new folder inside src hook create the useTheme ts file and cut the logic from the Switch tsx file and paste it into useTheme ts We make the necessary imports import useEffect useState from react type ChangeEvent React ChangeEvent lt HTMLInputElement gt type Theme dark light export const useTheme gt const theme setTheme useState lt Theme gt light const handleChange e ChangeEvent gt setTheme e target checked dark light useEffect gt document body setAttribute data theme theme theme Then this hook will return an array with two elements theme the value of the theme state handleChange the function which receives an event to change the state between themes and returns nothing import useEffect useState from react type ChangeEvent React ChangeEvent lt HTMLInputElement gt type Theme dark light type useThemeReturn string e ChangeEvent gt void export const useTheme useThemeReturn gt const theme setTheme useState lt Theme gt light const handleChange e ChangeEvent gt setTheme e target checked dark light useEffect gt document body setAttribute data theme theme theme return theme handleChange And also we are going to receive as parameter the initial theme and add it to the initial value of the useState import useEffect useState from react type ChangeEvent React ChangeEvent lt HTMLInputElement gt type Theme dark light type useThemeReturn string e ChangeEvent gt void export const useTheme initialTheme Theme useThemeReturn gt const theme setTheme useState lt Theme gt initialTheme const handleChange e ChangeEvent gt setTheme e target checked dark light useEffect gt document body setAttribute data theme theme theme return theme handleChange Now it s time to call our custom hook Returned in the file src components Switch tsx import useTheme from hook useTheme export const Switch gt const theme handleChange useTheme dark return lt div className container switch gt lt span gt Change Theme lt span gt lt label className switch gt lt input type checkbox onChange handleChange checked theme dark gt lt span className slider gt lt span gt lt label gt lt div gt And now it is definitely cleaner and easier to read our component   Conclusion The whole process I just showed is one of the ways you can do the functionality to create dark mode and switch between themes without using some external library I hope I helped you understand how to make this functionality and that you manage to apply it in your future projects thank you very much for getting this far ️I invite you to comment if you know any other different or better way of how to do this functionality   Live Demo   Source code Franklin dark light app Switch between dark light themes without using external libraries Dark Theme React JS This time we are going to implement the dark mode with React and without any other external library   Features ️Tema LightDark ThemeSwitch between themes Tecnologies React JSTypeScriptVite JSVanilla CSS  Installation Clone the repository you need to have Git installed git clone Install dependencies of the project npm installRun the project npm run devNote For running the tests use the following command npm run test Links ️Demo of the application Here s the link to the tutorial in case you d like to take a look at it eyes View on GitHub	2022-07-08 12:35:12
海外TECH	DEV Community	Usando Modo oscuro en tu aplicación de react! 🌙	https://dev.to/franklin030601/usando-modo-oscuro-en-tu-aplicacion-de-react-m48	Usando Modo oscuro en tu aplicación de react El modo oscuro es una de las funciones que se vería excelente implementado en tu aplicación ya que mejoraría la experiencia de usuario dentro de tu aplicación Por lo que en esta ocasión te enseñare como implementar el modo oscuro con React y sin alguna otra librería externa Nota Este post requiere que sepas las bases de React con TypeScript hooks básicos Cualquier tipo de Feedback es bienvenido gracias y espero disfrutes el articulo  Tabla de contenido Tecnologías a utilizar Creando el proyecto Primeros pasos Creando el componente Switch Agregando unos cuantas tarjetas Estilos para los temas Configurando las variables para el tema light Configurando las variables para el tema dark Usando las variables en nuestros estilo Agregando la lógica para cambiar entre temas Controlando el estado del switch Refactorizando la lógica en un custom hook Conclusión Demostración en vivo Código fuente   Tecnologías a utilizar ️React JS version ️Vite JS ️TypeScript ️CSS vanilla Los estilos los encuentras en el repositorio al final de este post   Creando el proyecto Al proyecto le colocaremos el nombre de dark light app opcional tu le puedes poner el nombre que gustes npm init vite latestCreamos el proyecto con Vite JS y seleccionamos React con TypeScript Luego ejecutamos el siguiente comando para navegar al directorio que se acaba de crear cd dark light appLuego instalamos las dependencias npm installDespués abrimos el proyecto en un editor de código en mi caso VS code code   Primeros pasos Ahora primero creamos una carpeta src components y agregamos el archivo Title tsx que contiene export const Title gt return lt h gt Dark Light Mode lt h gt Y ahora dentro de la carpeta src App tsx borramos todo el contenido del archivo y colocamos el titulo que acabamos de crear const App gt return lt div className container gt lt Title gt lt div gt export default AppDebería de verse así   Creando el componente Switch Ahora dentro de la carpeta src components agregamos el archivo Switch tsx y colocamos lo siguiente export const Switch gt return lt div className container switch gt lt span gt Change Theme lt span gt lt label className switch gt lt input type checkbox gt lt span className slider gt lt span gt lt label gt lt div gt Debería de verse así   Agregando unos cuantas tarjetas Nuevamente dentro de la carpeta src components agregamos el archivo Card tsx Primero crearemos el componente Layout que contendrálas tarjetas export const LayoutCards gt return lt div className grid cards gt lt Card gt lt Card gt lt Card gt lt div gt Luego el componente Card luciráde esta manera export const Card gt return lt div className card gt lt div className card image gt lt div gt lt h className card title gt Lorem ipsum dolor sit lt h gt lt p className card description gt Lorem ipsum dolor sit amet consectetur adipisicing eli lt p gt lt div className card container buttons gt lt button gt Buy lt button gt lt button gt Show lt button gt lt div gt lt div gt Debería de verse algo como esto   Estilos para los temas La idea es usar las variables con CSS para el tema dark y light   Configurando las variables para el tema light Creamos una carpeta llamada src styles y creamos el archivo var css Este archivo se encargara de establecer las variables de CSS Para establecer las variables dentro de CSS usamos pseudo clase root de la siguiente manera root Dentro colocamos las variables que vamos a usar Para definir variables utilizamos esta sintaxis background fff Tenemos que colocar doble guion antes del nombre personalizado de nuestra propiedad luego colocamos dos puntos y agregamos el valor de dicha propiedad Aquíestán las demás variables root background fff text primary fff text secondary eee accent dfb accent hover cea border fee shadow px px px px Estas variables que acabamos de declarar sin para el tema light   Configurando las variables para el tema dark Ahora vamos a definir los variables para el tema oscuro Para ello los nombres de las variables tienen que ser nombradas exactamente igual que las variables anteriores y solo cambiamos su valor después de los dos puntos data theme dark background a text primary fff text secondary aaa accent aacd accent hover bcbe border shadow px px px px ffffffb Nota que para las variables de tema oscuro ya no usamos la pseudo clase root sino que hacemos referencia a un atributo personalizado que estamos definiendo como theme Este atributo personalizado tiene que colocarse en una etiqueta HTML para que el modo oscuro funcione No coloque el atributo manualmente esto se haráde forma dinámica usando react Pero no en cualquier etiqueta sino que se debe colocar en la etiqueta de mayor jerarquía como bor ejemplo el body Esto es un ejemplo de como debe verse lt body data theme dark gt lt content gt lt body gt Si colocamos el atributo data theme en el otra etiqueta con menos jerarquía solo el contenido de esa etiqueta usara el modo oscuro Por esta razón hay que colocarla en la etiqueta con mayor jerarquía lt body gt lt div data theme dark gt lt Dark theme gt lt div gt lt div gt lt Light theme gt lt div gt lt body gt   Usando las variables en nuestros estilos Ahora note que hemos creado un archivo var css dentro de src styles Pero ¿Donde las importamos Bueno en mi caso me pareció mejor importarlo en el archivo src index css Para importar archivos de css en otro archivo css usamos import url y agregamos la ruta donde se encuentra el archivo a importar Esto de separar los archivos CSS es buena practica ya que ayuda a entender mejor el código de los estilos Por cierto debes colocar la importación en el top de tu archivo import url styles var css body font family Montserrat sans serif font weight transition all s ease in out Bueno ahora si usemos las variables Para usar las variables se hace uso de la función var y dentro le colocamos el nombre de la variable exactamente como la nombramos en nuestro archivo var cssbody background color var background color var text primary Una vez que se hayan colocado las variables en los demás estilos en las tarjetas en el switch y el titulo proseguiremos con agregar la lógica para cambiar entre temas   Agregando la lógica para cambiar entre temas Primero tenemos que controlar el estado el switch para poder obtener cuando esta on off y dependiendo de esos valores usar un tema u otro   Controlando el estado del switch Primero agregamos un estado Este estado sera de tipo Theme y solo aceptara el string dark o light type Theme dark light export const Switch gt const theme setTheme useState lt Theme gt light return lt div className container switch gt lt span gt Change Theme lt span gt lt label className switch gt lt input type checkbox gt lt span className slider gt lt span gt lt label gt lt div gt Creamos la función para controlar el evento del switch El cual nombramos handleChange recibe como parámetro el evento que emite por defecto el input La función llama al setter setTheme y dentro hace una evaluación Si la propiedad checked del input esta en true establece el tema dark Si la propiedad checked del input esta en false establece el tema light Ahora la función handleChange se va a ejecutar cuando el input de tipo checkbox tenga un cambio y por eso se lo pasamos a método onChange Y la propiedad checked del mismo input le pasaremos una evaluación ya que la propiedad checked solo acepta valores booleanos La evaluación sera Si el el valor del estado theme es dark el valor de checked sera verdadero Si el el valor del estado theme es light el valor de checked sera falso type ChangeEvent React ChangeEvent lt HTMLInputElement gt type Theme dark light export const Switch gt const theme setTheme useState lt Theme gt light const handleChange e ChangeEvent gt setTheme e target checked dark light return lt div className container switch gt lt span gt Change Theme lt span gt lt label className switch gt lt input type checkbox onChange handleChange checked theme dark gt lt span className slider gt lt span gt lt label gt lt div gt Y ahora recuerdan que íbamos a colocar el atributo personalizado data theme pues ahora toca hacerlo Para ello usamos un efecto el cual debe ejecutarse cada vez que el valor del estado theme cambie Es por eso que lo colocamos en su arreglo de dependencias del useEffect Después dentro del useEffect ejecutamos lo siguiente document body setAttribute data theme theme Básicamente estamos accediendo a la etiqueta body porque es el punto más alto que encierra toda nuestra aplicación y le establecemos un nuevo atributo con la función setAttributesetAttribute recibe en este caso dos parámetros el nombre del nuevo atributo el valor para ese nuevo atributo Asi que le establecemos el atributo data theme con el valor del estado theme El código debería de verse como esto type ChangeEvent React ChangeEvent lt HTMLInputElement gt type Theme dark light export const Switch gt const theme setTheme useState lt Theme gt light const handleChange e ChangeEvent gt setTheme e target checked dark light useEffect gt document body setAttribute data theme theme theme return lt div className container switch gt lt span gt Change Theme lt span gt lt label className switch gt lt input type checkbox onChange handleChange checked theme dark gt lt span className slider gt lt span gt lt label gt lt div gt Y listo ya quedaría la funcionalidad para cambiar entre temas Pero ahora tenemos mucha lógica en nuestro archivo por lo que toca crear un custom hook   Refactorizando la lógica en un custom hook Creamos una nueva carpeta dentro de src hook creamos el archivo useTheme ts y cortamos la lógica del archivo Switch tsx y la pegamos en useTheme ts Hacemos las importaciones necesarias import useEffect useState from react type ChangeEvent React ChangeEvent lt HTMLInputElement gt type Theme dark light export const useTheme gt const theme setTheme useState lt Theme gt light const handleChange e ChangeEvent gt setTheme e target checked dark light useEffect gt document body setAttribute data theme theme theme Luego este hook va a retornar un arreglo con dos elementos theme el valor del estado del temahandleChange la función que recibe un evento para cambiar el estado entre temas y no retorna nada import useEffect useState from react type ChangeEvent React ChangeEvent lt HTMLInputElement gt type Theme dark light type useThemeReturn string e ChangeEvent gt void export const useTheme useThemeReturn gt const theme setTheme useState lt Theme gt light const handleChange e ChangeEvent gt setTheme e target checked dark light useEffect gt document body setAttribute data theme theme theme return theme handleChange Y también vamos a recibir como parámetro el tema inicial y se lo agregamos al valor inicial del useState import useEffect useState from react type ChangeEvent React ChangeEvent lt HTMLInputElement gt type Theme dark light type useThemeReturn string e ChangeEvent gt void export const useTheme initialTheme Theme useThemeReturn gt const theme setTheme useState lt Theme gt initialTheme const handleChange e ChangeEvent gt setTheme e target checked dark light useEffect gt document body setAttribute data theme theme theme return theme handleChange Ahora toca llamar nuestro custom hook Devuelta en el archivo src components Switch tsximport useTheme from hook useTheme export const Switch gt const theme handleChange useTheme dark return lt div className container switch gt lt span gt Change Theme lt span gt lt label className switch gt lt input type checkbox onChange handleChange checked theme dark gt lt span className slider gt lt span gt lt label gt lt div gt Y ahora definitivamente ya esta mas limpio y fácil de leer nuestro componente   Conclusión Todo el proceso que acabo de mostrar es una de las formas en que se puede hacer la funcionalidad para crear el modo oscuro y cambiar entre temas sin usar alguna librería externa Espero haberte ayudado a entender como realizar esta funcionalidad y que logres aplicarla en tus futuros proyectos muchas gracias por llegar hasta aquí ️Te invito a que comentes si es que conoces alguna otra forma distinta o mejor de como hacer esta funcionalidad   Demostración en vivo   Código fuente Franklin dark light app Switch between dark light themes without using external libraries Dark Theme React JS This time we are going to implement the dark mode with React and without any other external library   Features ️Tema LightDark ThemeSwitch between themes Tecnologies React JSTypeScriptVite JSVanilla CSS  Installation Clone the repository you need to have Git installed git clone Install dependencies of the project npm installRun the project npm run devNote For running the tests use the following command npm run test Links ️Demo of the application Here s the link to the tutorial in case you d like to take a look at it eyes View on GitHub	2022-07-08 12:34:21
海外TECH	DEV Community	Introduction to Devtron	https://dev.to/makendrang/introduction-to-devtron-cf8	Introduction to DevtronOne of the hottest keywords in the DevOps space is AppOps As the DevOps ecosystem matures the focus shifts from automation and continuous delivery to enriching the developer experience AppOps takes an application centric approach that enables developers to use self service tools to build deploy and operate their applications on the latest cloud native platforms Over the past few years we ve seen a variety of great open source tools to reach some of this goal creating a seamless experience that spans CI CD security cost management and observability Overview of DevtronDevtron is an open source tool that pulls together a number of popular components such as ArgoCD Clair external secrets and minio to bootstrap a fully managed application delivery platform on Kubernetes Underneath the hood it leverages GitOps principles to create sample CI CD pipelines integrated with security scanning and observability tools via a slick application dashboard For teams looking to adopt Kubernetes at scale Devtron offers a quick way to provide developers and platform teams a way to onboard their applications onto Kubernetes without having to fumble with various YAML files and piecing together complex tools Devtron s AdvantagesDevtron makes some unique design decisions about what your cloud native application delivery workflow will look like It comes with preconfigured templates for automating the construction publishing scanning and deployment of Docker processes using several built in guardrails This is ideal for teams struggling to manage all Kubernetes tools or wanting to adopt a Kubernetes workflow with minimal overhead The console makes it easy for both developers and DevOps teams to repeatedly onboard new applications 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-08 12:05:07
Apple	AppleInsider - Frontpage News	MacBook Air vs 13-inch MacBook Pro: Which M2 MacBook to buy	https://appleinsider.com/articles/22/07/08/macbook-air-vs-13-inch-macbook-pro-which-m2-macbook-to-buy?utm_medium=rss	MacBook Air vs inch MacBook Pro Which M MacBook to buyApple has given consumers two ways to get started with M but when deciding whether to go for the M MacBook Air or the M inch MacBook Pro there s a clear choice for most users The M MacBook AirApple s introduction of the M generation of Apple Silicon is similar to the M launch in a few ways Yet again Apple is starting with entry level Mac models with the M MacBook Air and M inch MacBook Pro the first options on the block Read more	2022-07-08 12:54:34
Apple	AppleInsider - Frontpage News	Apple releases MagSafe cable in new colors to match M2 MacBook Air	https://appleinsider.com/articles/22/07/08/apple-releases-magsafe-cable-in-new-colors-to-match-m2-macbook-air?utm_medium=rss	Apple releases MagSafe cable in new colors to match M MacBook AirApple is now taking preorders for a USB C to MagSafe charging cable made in four colors to match the new M MacBook Air Alongside opening up preorders for the new M MacBook Air ーand its shipping date instantly slipping back ーApple has also added a matching new cable The m color USB C to MagSafe cable costs It s available to order in Midnight Starlight Space Gray and Silver The Silver one was already available for the inch MacBook Pro so it can be ordered now and picked up today in store Read more	2022-07-08 12:33:10
Apple	AppleInsider - Frontpage News	Daily deals July 8: $250 off 16-inch MacBook Pro, $90 Apple Magic Trackpad 2, $32 Lego Star Wars TIE Fighter, more	https://appleinsider.com/articles/22/07/08/daily-deals-july-8-250-off-16-inch-macbook-pro-90-apple-magic-trackpad-2-32-lego-star-wars-tie-fighter-more?utm_medium=rss	Daily deals July off inch MacBook Pro Apple Magic Trackpad Lego Star Wars TIE Fighter moreAlongside a inch MacBook Pro Friday s best deals include an TCL inch K Smart TV a Eufy RoboVac G and much more Best Deals for July AppleInsider checks online stores daily to uncover discounts and offers on hardware and other products including Apple devices smart TVs accessories and other items The best offers are compiled into our regular list for our readers to use and save money Read more	2022-07-08 12:28:27
Apple	AppleInsider - Frontpage News	M2 MacBook Air shipping dates instantly started slipping	https://appleinsider.com/articles/22/07/08/m2-macbook-air-shipping-dates-instantly-started-slipping?utm_medium=rss	M MacBook Air shipping dates instantly started slippingWithin minutes of Apple opening preorders for the new M MacBook Air shipping dates slipped back from one week to between July and July ーand it will only get worse Of the two new M based Macs unveiled at WWDC the MacBook Air received the most attention ーand appears to have now received the most preorders Originally billed as shipping by Friday July a stock M MacBook Air ordered now will not arrive before Monday July However adding any build to order customization changes that whether with extra SSD storage space or even having software preinstalled A maxed out M MacBook Air can still be ordered today but Apple estimates shipping as between August and August Read more	2022-07-08 12:21:09
Apple	AppleInsider - Frontpage News	Apple's MacBook Air with M2 processor is now available to preorder	https://appleinsider.com/articles/22/07/08/apples-macbook-air-with-m2-processor-is-now-available-to-preorder?utm_medium=rss	Apple x s MacBook Air with M processor is now available to preorderApple has officially started taking preorders for the newly redesigned and M equipped MacBook Air with orders expected to arrive as soon as July M MacBook AirAs expected starting at AM ET on Friday July customers can now preorder the newly redesigned MacBook Air model from Apple s website The preorders have started about a month after the computer was announced at the company s WWDC keynote in parallel with the M inch MacBook Pro Read more	2022-07-08 12:10:30
Apple	AppleInsider - Frontpage News	Some iPad mini 6 owners are seeing a charging problem after the iPadOS 15.5 update	https://appleinsider.com/articles/22/07/08/some-ipad-mini-6-have-a-charging-issue-after-the-ipados-155-update?utm_medium=rss	Some iPad mini owners are seeing a charging problem after the iPadOS updateAn unknown number of iPad mini users are discovering that their iPads aren t charging after an update to iPadOS While there is sufficient evidence on Apple s support forums and on social media that the issue exists AppleInsider has not been able to reproduce the problem across several iPad mini devices Apple company has reportedly issued a memo about the problem to service providers Apple s memo says that the company is investigating the issue but also that it is unquestionably a software problem not a hardware one Apple says that replacing the battery in an affected unit will not solve the issue Read more	2022-07-08 12:02:22
Apple	AppleInsider - Frontpage News	Apple Store is down ahead of M2 MacBook Air preorders	https://appleinsider.com/articles/22/07/08/apple-store-is-down-ahead-of-m2-macbook-air-preorders?utm_medium=rss	Apple Store is down ahead of M MacBook Air preordersApple has taken down its online Apple Store making updates ahead of the opening of M MacBook Air preorders from a m Pacific Time After unveiling the new M MacBook Air at WWDC Apple said only that it would ship in July The company later announced it would begin taking orders on July with initial orders being delivered by a week later Friday July The new M MacBook Air has been completely redesigned will start at for the base model With all possible customization options it tops out at Read more	2022-07-08 12:01:22
海外TECH	Engadget	Snap hires the head of the Secret Service to lead employee security	https://www.engadget.com/snapchat-hires-former-head-of-the-secret-service-james-murray-124519863.html?src=rss	Snap hires the head of the Secret Service to lead employee securityThe current head of the United States Secret Service James Murray pictured will leave his role to head up security at Snap Murray who joined the Secret Service in and assumed the mantle of director in April will step down on July th The Washington Post reports that Murray was looking to retire from public service for some time and that his departure is unrelated to any recent scandals The Verge reports that Murray will start at Snapchat on August st working on employee protection and acting as a liaison with law enforcement when necessary The Secret Service has come under fresh scrutiny in recent years after a number of high profile incidents dulled some of its reputation This includes a series of security breaches during President Obama s tenure agents soliciting sex workers while on duty Politico reports that Murray s decision to allow service agent Anthony Ornato to take a role as White House political advisor to the previous administration was problematic for a body that is meant to be above politics	2022-07-08 12:45:19
海外TECH	Engadget	Engadget Podcast: How bad is the Supreme Court’s EPA ruling?	https://www.engadget.com/engadget-podcast-supreme-court-epa-ruling-123051558.html?src=rss	Engadget Podcast How bad is the Supreme Court s EPA ruling This week Devindra and Senior Writer Sam Rutherford dive into the Supreme Court s latest EPA ruling which severely limits the agency s ability to curtail power plant emissions Devindra also chats with ProPublica reporter Lisa Song about what this means for the EPA and other federal agencies Basically it makes fighting climate change much harder Also we discuss Apple s new lockdown mode which adds an extreme layer of security to your devices and why Gen Z is so Minion crazy Engadget ·How bad is the Supreme Court s EPA ruling Listen above or subscribe on your podcast app of choice If you ve got suggestions or topics you d like covered on the show be sure to email us or drop a note in the comments And be sure to check out our other podcasts the Morning After and Engadget News Subscribe iTunesSpotifyPocket CastsStitcherGoogle PodcastsRSSTopicsLuke Brooks EngadgetHow bad is the Supreme Court s EPA ruling Apple is building a lockdown mode for an “extreme level of security Axie Infinity hack was traced back to a fake LinkedIn job offer Toyota has run out of EV tax credits in the US God of War Ragnarok will be released on November WTF is going on with all the Minions memes Working on Picks LivestreamCreditsHosts Devindra Hardawar and Sam RutherfordGuest Lisa Song from ProPublicaProducer Ben EllmanMusic Dale North and Terrence O BrienLivestream producers Julio BarrientosGraphic artists Luke Brooks and Brian Oh	2022-07-08 12:30:51
海外科学	NYT > Science	Fields Medals in Mathematics Won by Four Under Age 40	https://www.nytimes.com/live/2022/07/05/science/fields-medal-math	complex	2022-07-08 12:21:32
金融	金融庁ホームページ	金融安定理事会による「特にクロスボーダー送金における使用に向けてLEIの採用を改善するための選択肢」について掲載しました。	https://www.fsa.go.jp/inter/fsf/20220708/20220708.html	金融安定理事会	2022-07-08 14:00:00
海外ニュース	Japan Times latest articles	Former Prime Minister Shinzo Abe dies after being shot in Nara	https://www.japantimes.co.jp/news/2022/07/08/national/shinzo-abe-dead-nara-shooting/	election	2022-07-08 21:00:45
海外ニュース	Japan Times latest articles	Abe murder suspect quit most recent job after he felt ‘tired’	https://www.japantimes.co.jp/news/2022/07/08/national/crime-legal/shinzo-abe-murder-suspect-tetsuya-yamagami/	company	2022-07-08 21:32:10
海外ニュース	Japan Times latest articles	National Police Agency to investigate possible flaws in security for Abe	https://www.japantimes.co.jp/news/2022/07/08/national/national-police-agency-investigate-security-abe/	National Police Agency to investigate possible flaws in security for AbeThe investigation comes as the NPA considers how the armed security force guarding the former Prime Minister couldn t prevent the shooting	2022-07-08 21:22:14
海外ニュース	Japan Times latest articles	A shameful attack on Shinzo Abe — and a nation	https://www.japantimes.co.jp/opinion/2022/07/08/editorials/shinzo-abe-assassination/	attack	2022-07-08 21:25:50
ニュース	BBC News - Home	Sir Keir Starmer cleared by police over Durham lockdown beers	https://www.bbc.co.uk/news/uk-politics-62095955?at_medium=RSS&at_campaign=KARANGA	gathering	2022-07-08 12:27:58
ニュース	BBC News - Home	Julia James: Callum Wheeler jailed for life for PCSO murder	https://www.bbc.co.uk/news/uk-england-kent-62085713?at_medium=RSS&at_campaign=KARANGA	wheeler	2022-07-08 12:56:08
ニュース	BBC News - Home	Jack Wilshere: Ex-Arsenal, West Ham and England midfielder retires	https://www.bbc.co.uk/sport/football/62094173?at_medium=RSS&at_campaign=KARANGA	wilshere	2022-07-08 12:26:18
ニュース	BBC News - Home	Austrian Grand Prix: Max Verstappen sets impressive pace in first practice	https://www.bbc.co.uk/sport/formula1/62096790?at_medium=RSS&at_campaign=KARANGA	austrian	2022-07-08 12:41:45
ニュース	BBC News - Home	Wimbledon 2022: Mansour Bahrami's highlights in invitational doubles	https://www.bbc.co.uk/sport/av/tennis/62096872?at_medium=RSS&at_campaign=KARANGA	Wimbledon Mansour Bahrami x s highlights in invitational doublesWatch year old Mansour Bahrami entertain crowds at Wimbledon with a series of brilliant tricks in the invitational mixed doubles at Wimbledon	2022-07-08 12:22:36
北海道	北海道新聞	バレーボール男子、日本が８勝目　カナダ退ける、Ｎリーグ	https://www.hokkaido-np.co.jp/article/703549/	大阪大会	2022-07-08 21:52:00
北海道	北海道新聞	国枝、上地が決勝進出　ウィンブルドン、車いすの部	https://www.hokkaido-np.co.jp/article/703516/	車いすの部	2022-07-08 21:37:18
北海道	北海道新聞	胆振管内３６人感染　日高管内１１人　新型コロナ	https://www.hokkaido-np.co.jp/article/703547/	胆振管内	2022-07-08 21:51:00
北海道	北海道新聞	オホーツク管内４４人感染　新型コロナ	https://www.hokkaido-np.co.jp/article/703546/	新型コロナウイルス	2022-07-08 21:51:00
北海道	北海道新聞	鶴居ＰＲパンフに記事掲載　釧公大生、観光スポット巡り取材	https://www.hokkaido-np.co.jp/article/703545/	経営戦略	2022-07-08 21:50:00
北海道	北海道新聞	釧根４６人感染　新型コロナ	https://www.hokkaido-np.co.jp/article/703543/	根室管内	2022-07-08 21:49:00
北海道	北海道新聞	ジャガイモの花かれんに　倶知安で満開	https://www.hokkaido-np.co.jp/article/703542/	道内	2022-07-08 21:48:00
北海道	北海道新聞	銭函海水浴場で男性死亡	https://www.hokkaido-np.co.jp/article/703514/	銭函海水浴場	2022-07-08 21:47:51
北海道	北海道新聞	通学、通院、利便性に重点　長万部―小樽間、バス４区間ルート提示　運転手確保、財源が課題	https://www.hokkaido-np.co.jp/article/703541/	北海道新幹線	2022-07-08 21:46:00
北海道	北海道新聞	米欧とロシア、対立先鋭化　Ｇ２０外相会合閉幕	https://www.hokkaido-np.co.jp/article/703540/	閉幕	2022-07-08 21:46:00
北海道	北海道新聞	空知管内１７人感染　新型コロナ	https://www.hokkaido-np.co.jp/article/703531/	新型コロナウイルス	2022-07-08 21:45:00
北海道	北海道新聞	中９―２広（８日）　中日、猛攻で連敗止める	https://www.hokkaido-np.co.jp/article/703528/	連敗	2022-07-08 21:43:00
北海道	北海道新聞	安倍元首相死去　本紙が札幌で号外配布	https://www.hokkaido-np.co.jp/article/703518/	北海道新聞社	2022-07-08 21:39:52
北海道	北海道新聞	死亡女児の手縛り放置か　逮捕祖母ら「これまでも」	https://www.hokkaido-np.co.jp/article/703526/	大阪府富田林市	2022-07-08 21:39:00
北海道	北海道新聞	拉致被害者家族に動揺　「打ちのめされている」	https://www.hokkaido-np.co.jp/article/703525/	北朝鮮拉致問題	2022-07-08 21:39:00
北海道	北海道新聞	国内コロナ感染者５万人超　４月１４日以来	https://www.hokkaido-np.co.jp/article/703515/	新型コロナウイルス	2022-07-08 21:15:06
北海道	北海道新聞	ヒグマ出没相次ぐ札幌市、２地域に警戒情報　市「ゴミの管理徹底を」	https://www.hokkaido-np.co.jp/article/703523/	近郊	2022-07-08 21:27:00
北海道	北海道新聞	若隆景、好内容で優勝なら大関も　審判部長が含み	https://www.hokkaido-np.co.jp/article/703522/	伊勢ケ浜	2022-07-08 21:26:00
北海道	北海道新聞	「願いかなわず言葉ない」　小泉前環境相	https://www.hokkaido-np.co.jp/article/703520/	安倍晋三	2022-07-08 21:26:00
北海道	北海道新聞	ラベンダー香る羊ケ丘　観光客ら刈り取り体験	https://www.hokkaido-np.co.jp/article/703519/	刈り取り	2022-07-08 21:16:00