IT |
InfoQ |
Azul Joins the Effort of Improving Supply Chain Security by Launching Vulnerability Detection SaaS |
https://www.infoq.com/news/2022/11/azul-vulnerability-detection/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global
|
Azul Joins the Effort of Improving Supply Chain Security by Launching Vulnerability Detection SaaSNovember nd Azul released a new security product that intends to offer a solution to the increased risk of enterprise software supply chain attacks compounded by severe threats such as LogShell Azul Vulnerability Detection is a new SaaS that continuously detects known security vulnerabilities in Java applications In addition they promise not to affect the application s performance By Olimpiu Pop |
2022-11-02 17:17:00 |
AWS |
AWS Partner Network (APN) Blog |
How to Secure Data Movement with Fivetran and AWS PrivateLink |
https://aws.amazon.com/blogs/apn/how-to-secure-data-movement-with-fivetran-and-aws-privatelink/
|
How to Secure Data Movement with Fivetran and AWS PrivateLinkTo reduce the technical complexity and manual processes needed to build pipelines that meet various security policies Fivetran offers flexible connection options to securely and reliably move enterprise data from source to destination Fivetran runs on AWS and can support customers syncing data from databases and to destinations hosted on AWS including the Amazon Redshift data warehouse Integration with AWS PrivateLink also allows customers to send data without using the public internet |
2022-11-02 17:23:19 |
AWS |
AWS Messaging and Targeting Blog |
Amazon Simple Email Service (SES) helps improve inbox deliverability with new features |
https://aws.amazon.com/blogs/messaging-and-targeting/amazon-simple-email-service-ses-helps-improve-inbox-deliverability-with-new-features/
|
Amazon Simple Email Service SES helps improve inbox deliverability with new featuresEmail remains the core of any company s communication stack but emails cannot deliver maximum ROI unless they land in recipients inboxes Email deliverability or ensuring emails land in the inbox instead of spam challenges senders because deliverability can be impacted by a number of variables like sending identity campaign setup or email configuration Today email … |
2022-11-02 17:41:43 |
AWS |
AWS Open Source Blog |
Managing Computer Labs on Amazon AppStream 2.0 with Open Source Virtual Application Management |
https://aws.amazon.com/blogs/opensource/managing-computer-labs-on-amazon-appstream-2-0-with-virtual-application-management/
|
Managing Computer Labs on Amazon AppStream with Open Source Virtual Application ManagementThe AWS Virtual Application Management Solution is an open source companion application to AppStream designed to help administrators create AppStream images at scale |
2022-11-02 17:58:09 |
AWS |
AWS |
AWS Automotive Expert Insights: Human-Centered Managed Data |
https://www.youtube.com/watch?v=RtOQD6E82r8
|
AWS Automotive Expert Insights Human Centered Managed DataTake a quick minute with AWS Solution Architect Specialist Stefano Marzini for thoughts around transforming mobility to be more equitable and sustainable AWS AmazonWebServices CloudComputing Otonomo AWSIoTFleetWise MobilityIntelligence FleetManagement UrbanPlanning Mobility s a service |
2022-11-02 17:08:42 |
海外TECH |
MakeUseOf |
How Much Power Does My Windows PC Use? Here's How to Find Out |
https://www.makeuseof.com/windows-pc-power-usage/
|
How Much Power Does My Windows PC Use Here x s How to Find OutPowerful processors and GPUs usually have a clear cut price tag but the amount of money it takes to run them is a little trickier to calculate |
2022-11-02 17:15:01 |
海外TECH |
DEV Community |
How to add PayPal checkout payments to your React app |
https://dev.to/paypaldeveloper/how-to-add-paypal-checkout-payments-to-your-react-app-53aa
|
How to add PayPal checkout payments to your React appHave you always wondered how to monetize your web applications Time to start making those benjamins In this how to guide you will learn how to integrate PayPal as your checkout payment solution for your ReactJS app using the react paypal js npm package What is PayPal Paypal is a payment processing product that helps you process payments for your mobile and web applications We provide a fast and easy way to handle online payments whether it s for a digital media property or an online merchant of any kind in over countries Guide OverviewPart PayPal Developer sandbox AppCreating an app using the PayPal sandboxPart Adding PayPal to your React App Add the PayPal NPM package Working with the PayPalScriptProvider Loading state with the usePayPalScriptReducer Adding the PayPal buttonsPart Testing the PayPal CheckoutTesting the PayPal CheckoutThis tutorial requires the following A PayPal Developer AccountA ReactJS application I m using create react app for this example You can find the source code to this guide in our PayPal React Sample App in our Github Org Part PayPal Developer sandbox appFirst we need to create a PayPal app To do this navigate to the PayPal Developer Dashboard and login into your PayPal developer account Once you are inside the PayPal Developer dashboard make sure you are in the My Apps amp Credentials page Inside this page click on the blue button Create App Enter the name of the PayPal app you are creating In my case I named my app React checkout Now select the App Type to be a Merchant and click on the blue button Create App After creating your PayPal app you will see a screen similar to mine In this screen you will see your Client ID Copy this ID and save it somewhere We will use it later on in this tutorial You can always get this Client ID by navigating to the app you just created inside of the PayPal Developer Dashboard Part Adding PayPal to your React App Add the PayPal NPM packageTo install the react paypal js npm package run the following command inside of your project s terminal npm install paypal react paypal jsThe PayPal npm package consists of main parts The Context Provider this lt PayPalScriptProvider gt is responsible for the PayPal JS SDK script This provider uses the native React Context API for managing the state and communicating with child components It also supports reloading the script when parameters change The PayPal SDK Components components like lt PayPalButtons gt are used to render the UI for PayPal products served by the JS SDK If you have any issues with this npm package please report them in its GitHub repo After you have installed the react paypal js npm package open your root file in my case my root file is the App js file In this app the App js component is responsible for loading the PayPal script and rendering the lt Checkout gt component The lt Checkout gt component will be created later in this tutorial In this file you will import the PayPalScriptProvider from the PayPal npm package At the top of the file add the following line of code import PayPalScriptProvider from paypal react paypal js In this file we are adding the initialOptions object these options can be changed with other configuration parameters To learn more about the other configuration options look at the PayPal SDK docs const initialOptions client id YOUR CLIENT ID HERE currency USD intent capture Now make sure you replace the text from the client ID property with the Client ID from your PayPal app Working with the PayPalScriptProviderFinally inside the App js we add the lt PayPalScriptProvider gt Notice we have inside the provider the lt Checkout gt component where we have the PayPal components We now add the options prop to the PayPalScriptProvider to configure the JS SDK It accepts an object for passing query parameters and data attributes to the JS SDK script lt PayPalScriptProvider options initialOptions gt lt Checkout gt lt PayPalScriptProvider gt Your App js component should look like this import Checkout from Checkout import PayPalScriptProvider from paypal react paypal js const initialOptions client id YOUR CLIENT ID HERE currency USD intent capture function App return lt PayPalScriptProvider options initialOptions gt lt Checkout gt lt PayPalScriptProvider gt export default App In our React app we are giving the user the option to select between currencies USD and Euro to make a payment When the user changes the currency the value will be passed to the PayPal script thanks to the usePayPalScriptReducer Time to create a new Checkout js component inside of your React application This file is responsible for loading the PayPal components such as the PayPal buttons At the top of the Checkout js file add the following line to include the PayPalButtons and the usePayPalScriptReducer import PayPalButtons usePayPalScriptReducer from paypal react paypal js Loading state with the usePayPalScriptReducerThe usePayPalScriptReducer will help us show a spinner when the PayPal script is loading and can be used to change the values of the options of the PayPal script and at the same time reload the script with the updated parameters The PayPal script has several loading states and with the usePayPalScriptReducer we can track it in an easier way This state can be used to show a loading spinner while the script loads or an error message if it fails to load Loading states isInitial not started only used when passing deferLoading true isPending loading default isResolved successfully loadedisRejected failed to loadIn this sample app we used the isPending to render the rest of the UI including the PayPalButtons Inside your Checkout component add the code below This code will extract the options the loading state isPending and the dispatch to dispatch an action to our usePayPalScriptReducer const options isPending dispatch usePayPalScriptReducer Adding The Currency SelectorsIn the Checkout component you will add the code to update the state with the new currency the user selects and this will dispatch an action to the usePayPalScriptReducer to update the PayPal script const currency setCurrency useState options currency const onCurrencyChange target value gt setCurrency value dispatch type resetOptions value options currency value Now your UI will look like this isPending lt p gt LOADING lt p gt lt gt lt select value currency onChange onCurrencyChange gt lt option value USD gt USD lt option gt lt option value EUR gt Euro lt option gt lt select gt lt gt Adding the PayPal buttonsTo start using the PayPal buttons all you have to do is add the lt PayPalButtons gt component to your JSX The magic comes when you extend the functionality of the PayPal buttons by passing the following props available style This attribute allows you to style the PayPal button E g color shape layout and more createOrder This attribute allows you to create the request of your order with the following properties item total purchase units and more onApprove This attribute allows doing something with the order details after the order has been created Inside of your lt Checkout gt component after the onCurrencyChange function add the following functions to be called with the onCreateOrder and onApprove props of the PayPal button const onCreateOrder data actions gt return actions order create purchase units amount value const onApproveOrder data actions gt return actions order capture then details gt const name details payer name given name alert Transaction completed by name Now we will add the lt PayPalButtons gt component to your lt Checkout gt component Your JSX code should look like this lt div className checkout gt isPending lt p gt LOADING lt p gt lt gt lt select value currency onChange onCurrencyChange gt option value USD gt USD lt option gt lt option value EUR gt Euro lt option gt lt select gt lt PayPalButtons style layout vertical createOrder data actions gt onCreateOrder data actions onApprove data actions gt onApproveOrder data actions gt lt gt lt div gt The Final code of the Checkout js file will look like this import React useState from react import Checkout css import PayPalButtons usePayPalScriptReducer from paypal react paypal js const Checkout gt const options isPending dispatch usePayPalScriptReducer const currency setCurrency useState options currency const onCurrencyChange target value gt setCurrency value dispatch type resetOptions value options currency value const onCreateOrder data actions gt return actions order create purchase units amount value const onApproveOrder data actions gt return actions order capture then details gt const name details payer name given name alert Transaction completed by name return lt div className checkout gt isPending lt p gt LOADING lt p gt lt gt lt select value currency onChange onCurrencyChange gt lt option value USD gt USD lt option gt lt option value EUR gt Euro lt option gt lt select gt lt PayPalButtons style layout vertical createOrder data actions gt onCreateOrder data actions onApprove data actions gt onApproveOrder data actions gt lt gt lt div gt export default Checkout Part Testing the PayPal Checkout Testing the PayPal CheckoutInside your project run in the terminal the npm start command to run your ReactJS application Open http localhost to view the app in your browser You should see the following Finally click on the Debit or Credit Card button to make a payment You can use the sample card below to test this out Sample CardYou can create sample credit card numbers using the PayPal Credit Card Generator inside of your PayPal Developer Dashboard Card Type VisaCard Number Expiration Date CVV Online payments have grown exponentially in the past years especially during the COVID pandemic The number of online payment transactions will continue to grow as the years go by We know that online payments are not going anywhere but now it s up to you to get on this trend so your business continues to make money and PayPal is here to help you with this You can find the source code to guide in our PayPal React Sample App in our Github Org PayPal Developer CommunityThe PayPal Developer is a community of developers who work with PayPal technologies The community members have the opportunity to contribute to open source expand their network and knowledge across different PayPal technologies and improve PayPal products Website developer paypal comTwitter paypaldevGithub paypal developer |
2022-11-02 17:25:59 |
海外TECH |
DEV Community |
Editing Content with Hugo Shortcodes in the CMS: Built-in and Custom Shortcode Support |
https://dev.to/cloudcannon/editing-content-with-hugo-shortcodes-in-the-cms-built-in-and-custom-shortcode-support-5cn1
|
Editing Content with Hugo Shortcodes in the CMS Built in and Custom Shortcode SupportYou asked for it We ve done it CloudCannon is the first CMS with full support and full integration for built in and custom Hugo shortcodes ーin our Visual Content and Source Editors That s a pretty big claim What do we mean by this Let s take a look What are shortcodes Hugo uses shortcodes ーcode snippets in content files ーto get around the limitations of Markdown while keeping the simplicity and ease of Markdown s syntax Shortcodes let developers consolidate templating into small reusable snippets that can be embedded directly inside Markdown content Hugo ships with a set of predefined shortcodes which we ve integrated and configured for immediate use in CloudCannon s Visual and Content Editors How to use Hugo s built in shortcodes in CloudCannonWhen you and your team members are working in CloudCannon s Content Editor or Visual Editor which provide two different WYSIWYG interfaces for Markdown content you ll be able to add a shortcode by simply clicking the Snippet button at the top right of the editing pane More on Snippets later ーwe ll be expanding this functionality across other SSGs in the coming weeks From here you can select your Hugo shortcode Within the shortcode interface itself you ll see all the available options to change the shortcode s parameters This integration means that content editors and marketers will be able to create new shortcodes and edit existing shortcodes via an intuitive interface without ever needing to work in source files If you re a developer working locally or via CloudCannon s Source Editor view simply call the shortcode in your Markdown content as you normally would ー lt shortcodename parameters gt ーand CloudCannon will include it in your Hugo build Here s an example of how the gist shortcode looks in an example Markdown file Heading text Here s my Markdown content with an example of the gist shortcode below lt gist spf img html gt The above shortcode lt gist spf img html gt will build in your published page something similar to the below code block depending on your stylesheets and surrounding markup lt image gt lt figure if isset Params class class index Params class end gt if isset Params link lt a href index Params link gt end lt img src index Params src if or isset Params alt isset Params caption alt if isset Params alt index Params alt else index Params caption end end gt if isset Params link lt a gt end if or or isset Params title isset Params caption isset Params attr lt figcaption gt if isset Params title lt h gt index Params title lt h gt end if or isset Params caption isset Params attr lt p gt index Params caption if isset Params attrlink lt a href index Params attrlink gt end index Params attr if isset Params attrlink lt a gt end lt p gt end lt figcaption gt end lt figure gt lt image gt You and your editors will now be able to see this gist shortcode edit its parameters or remove it via the Content Editor and Visual Editor views where it appears as a component within the Markdown section of your page Configure your custom Hugo shortcodes in CloudCannonIf you ve been using Hugo for a while you re likely to have built up a library of your own custom shortcodes stored in layouts shortcodes If you re working locally or within CloudCannon s Source Editor you can use them immediately To ensure that others can use or edit custom shortcodes from CloudCannon s Content Editor or Visual Editor you ll need to add to your global CloudCannon configuration file If you re familiar with the logic behind configuring inputs within CloudCannon this will be a relatively straightforward process For more details view our documentation on editing content with custom Hugo shortcodes Shortcodes for everyoneBy fully integrating both Hugo s built in shortcodes and your own custom Hugo shortcodes into CloudCannon s intuitive Markdown editing views CloudCannon help to surface one of Hugo s core features for users with any level of technical ability We ve always been focused on enhancing the editing experience for our users and by integrating Hugo s shortcodes fully into our Content Editor and Visual Editor we re giving all our users a more efficient means of using templated content and more control over their Hugo websites What s next We ve been working on this feature for some time because it s important to our users Over the coming weeks we ll start to reveal more of the bigger picture for our Snippets feature which will include full support and integration for shortcode equivalents in other static site generators like Liquid tags in Jekyll and Eleventy as well as full MDX support Our goal is to build the best Git based CMS for your whole team no matter which SSG you re using We d love to hear what you think about our shortcode integration for your Hugo sites and which features are still on your wishlist As always feel free to reach out to our dev team in support with any questions or comments |
2022-11-02 17:23:57 |
Apple |
AppleInsider - Frontpage News |
Some Apple customers report Face ID issues with iOS 16 |
https://appleinsider.com/articles/22/11/02/some-apple-customers-report-face-id-issues-with-ios-16?utm_medium=rss
|
Some Apple customers report Face ID issues with iOS An unknown number of iPhone users have reported having problems with Face ID not working immediately after updating to iOS Face IDIt s unclear how many people are affected by the Face ID bug nor whether only particular models of iPhone are affected However it is not a widespread issue Read more |
2022-11-02 17:54:16 |
Apple |
AppleInsider - Frontpage News |
Apple is freezing hiring, cutting budgets, claims new report |
https://appleinsider.com/articles/22/11/02/apple-is-freezing-hiring-cutting-budgets-claims-new-report?utm_medium=rss
|
Apple is freezing hiring cutting budgets claims new reportA report claiming to be based on multiple sources within Apple says that the company is drastically cutting its budget for hiring staff despite Tim Cook s denial Apple has previously been rumored to be reducing recruitment and is known to have cut some contract staff But Tim Cook has said that Apple is not slowing hiring it is just being more deliberate about recruitment Now however Business Insider claims to have information of high level conversations within Apple which show a conscious hiring freeze Reportedly existing staff have been told that there will be no further recruitment for at least many months perhaps until the end of Apple s fiscal year in September Read more |
2022-11-02 17:43:57 |
海外TECH |
Engadget |
Gmail will track packages to help with your holiday shopping |
https://www.engadget.com/gmail-package-tracking-google-173148117.html?src=rss
|
Gmail will track packages to help with your holiday shoppingYou might not have to jump between your email client and a web browser just to find out if a holiday gift will arrive on time Google is updating the Gmail app with simple package tracking If your order email has a supported tracking number more on that in a moment you ll see the shipping status at the top of the message If your must have item arrives tomorrow you may know without having to plug digits into a web link or dedicated app The feature will be available in the US in the coming weeks and will support most large shipping providers It s strictly opt in so Google won t look up your tracking numbers unless you want it to In the months ahead Gmail will also watch for delays and surface the order email with a label indicating the problem You may know about a delivery setback before you ve even received an official notification GoogleThe timing is convenient of course Google is hoping to get ahead of the holiday shopping rush and make Gmail your go to app for tracking packages That could help keep you in the company s ecosystem All the same it should be a genuinely useful feature ーparticularly if you shop smaller stores that don t always have their own apps |
2022-11-02 17:31:48 |
海外TECH |
Engadget |
Google expands AI-powered flood detection and wildfire systems |
https://www.engadget.com/google-flood-wildfire-ai-170904186.html?src=rss
|
Google expands AI powered flood detection and wildfire systemsFor the last several years Google has been using artificial intelligence to develop a system that can predict floods It has also been working on wildfire tracking tools Ahead of the COP climate conference taking place next week the company announced that it is expanding those tools First Google says it will offer flood forecasts for river basins in another countries Those are Brazil Colombia Sri Lanka Burkina Faso Cameroon Chad Democratic Republic of Congo Ivory Coast Ghana Guinea Malawi Nigeria Sierra Leone Angola South Sudan Namibia Liberia and South Africa The company previously offered flood warnings to users in India and Bangaldesh with alerts on Android devices and phones that have the Google Search app installed Google is also making a tool called Flood Hub available worldwide Flood Hub displays flood forecasts on a map and shows when and where they might occur with color coded pins The company hopes the tool will help people who are directly at risk from the impacts of flooding and that it will assist organizations and governments in mobilizing their responses This expansion in geographic coverage is possible thanks to our recent breakthroughs in AI based flood forecasting models and we re committed to expanding to more countries Yossi Matias Google vice president of engineering and crisis response lead wrote in a blog post Matias noted that catastrophic flood damage affects more than million people every year Global warming is likely to result in more flooding which makes detection systems such as the one Google is working on critical Using weather forecast data the company is able to offer flood warnings up to a week in advance senior staff engineering manager Sella Nevo told The Verge The AI model previously used water level gauge data which limited the advance warning window to around hours As for wildfires Matias wrote that Google detects wildfire boundaries using new AI models based on satellite imagery and shows their real time location in Search and Maps The company said last year that it would make its wildfire tracking tool available worldwide It s now using machine learning to improve wildfire detection and monitoring Initially the improved tracking tools are available in the US Mexico Canada and some areas of Australia The company also uses data from the National Oceanic and Atmospheric Administration and NASA satellites for wildfire tracking Matias also touched on some of the other work Google and parent company Alphabet are doing to mitigate climate change such as an AI powered system to make traffic lights more efficient and reduce pollution from idling cars Meanwhile Mineral a project housed under Alphabet s X moonshot division is attempting to make the global food system more sustainable and productive |
2022-11-02 17:09:04 |
海外科学 |
NYT > Science |
Phillies Fans Are Raucous, but They Didn’t Move a Seismograph |
https://www.nytimes.com/2022/11/02/sports/baseball/phillies-fans-seismograph.html
|
events |
2022-11-02 17:54:47 |
海外TECH |
WIRED |
The Strange Death of the Uyghur Internet |
https://www.wired.com/story/uyghur-internet-erased-china/
|
media |
2022-11-02 17:51:24 |
ニュース |
BBC News - Home |
Chris Mason: Life under the 'don't know yet' government |
https://www.bbc.co.uk/news/uk-politics-63486668?at_medium=RSS&at_campaign=KARANGA
|
chris |
2022-11-02 17:02:34 |
ニュース |
BBC News - Home |
Warning of fewer rental properties as landlords squeezed |
https://www.bbc.co.uk/news/business-63486784?at_medium=RSS&at_campaign=KARANGA
|
landlords |
2022-11-02 17:10:06 |
ニュース |
BBC News - Home |
PMQs: Fact-checking claims about asylum and migrants |
https://www.bbc.co.uk/news/63489695?at_medium=RSS&at_campaign=KARANGA
|
minister |
2022-11-02 17:45:59 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
「知らんけど」の絶大効果。大阪ひと筋50年ベストセラーライター堂々語る【書籍オンライン編集部セレクション】 - 会って、話すこと。 |
https://diamond.jp/articles/-/311939
|
関西弁の真髄は関西人に語ってもらおう。 |
2022-11-03 02:55:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
「社交的で明るい人」と「内向的で静かな人」の人生の歩みの大差 - 話題書の編集者に聞く |
https://diamond.jp/articles/-/311853
|
明るい人 |
2022-11-03 02:50:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
【神様に好かれる人の習慣】 ガンになって5年、「自分優先の生き方」を止めた人に起こったこと - ありがとうの神様――神様が味方をする習慣 |
https://diamond.jp/articles/-/311763
|
【神様に好かれる人の習慣】ガンになって年、「自分優先の生き方」を止めた人に起こったことありがとうの神様ー神様が味方をする習慣年の発売以降、今でも多くの人に読まれ続けている『ありがとうの神様』。 |
2022-11-03 02:45:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
つみたてNISAは足元の投資環境や相場観により投資対象の配分を決めてはいけない! - 一番売れてる月刊マネー誌ザイが作った 投資信託のワナ50&真実50 |
https://diamond.jp/articles/-/312233
|
ideco |
2022-11-03 02:40:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
鴻海の中国iPhone工場、1週間封鎖 コロナで混乱 - WSJ発 |
https://diamond.jp/articles/-/312347
|
iphone |
2022-11-03 02:19:00 |
コメント
コメントを投稿