| AWS |
AWS News Blog |
Amazon RDS Custom for Oracle – New Control Capabilities in Database Environment |
https://aws.amazon.com/blogs/aws/amazon-rds-custom-for-oracle-new-control-capabilities-in-database-environment/
|
Amazon RDS Custom for Oracle New Control Capabilities in Database EnvironmentManaging databases in self managed environments such as on premises or Amazon Elastic Compute Cloud Amazon EC requires customers to spend time and resources doing database administration tasks such as provisioning scaling patching backups and configuring for high availability So hundreds of thousands of AWS customers use Amazon Relational Database Service Amazon RDS because it automates … |
2021-10-26 17:48:20 |
| AWS |
AWS Partner Network (APN) Blog |
Performance Efficiency in AWS Multi-Tenant SaaS Environments |
https://aws.amazon.com/blogs/apn/performance-efficiency-in-aws-multi-tenant-saas-environments/
|
Performance Efficiency in AWS Multi Tenant SaaS EnvironmentsMaximizing performance is a key area of focus for all architects Achieving optimal performance however can be challenging in SaaS environments where multi tenant workloads can make it difficult to efficiently profile and scale your environment This post dives deep into the challenges opportunities and best practices of efficiently managing performance in multi tenant SaaS environments on AWS We ll review these topics through the lens of an example multi tenant search application |
2021-10-26 17:56:07 |
| AWS |
AWS Partner Network (APN) Blog |
How Accenture Accelerates Building and Monetizing Production-Scale Data Lakes Natively on AWS |
https://aws.amazon.com/blogs/apn/how-accenture-accelerates-building-and-monetizing-production-scale-data-lakes-natively-on-aws/
|
How Accenture Accelerates Building and Monetizing Production Scale Data Lakes Natively on AWSUnlocking data intelligence and implementing modern data architectures can turn organizations into data driven enterprises and help drive business outcomes Learn how AWS and Accenture are helping customers transform to data driven organizations through Accenture s Data Lake Accelerator built on AWS It s a one stop solution for automated data platform creation managed data transformation and data and analytics performed in a cloud native way |
2021-10-26 17:13:07 |
| AWS |
AWS Media Blog |
NHL goes all in on UHD with help from AWS |
https://aws.amazon.com/blogs/media/nhl-goes-all-in-on-uhd-aws/
|
NHL goes all in on UHD with help from AWSFans can now get a clearer real time view of what s happening on the ice through the NHL s new UHD enhanced video production pipeline NHL s recent technology infrastructure update which includes the addition of several AWS Elemental Link UHD cloud contribution encoders across NHL arenas provides innovative viewer experiences The NHL s new Link UHDs make it … |
2021-10-26 17:14:12 |
| AWS |
AWS Government, Education, and Nonprofits Blog |
Register now for the AWS DeepRacer Army-Navy Competition |
https://aws.amazon.com/blogs/publicsector/register-now-aws-deepracer-army-navy-competition/
|
Register now for the AWS DeepRacer Army Navy CompetitionThe second annual AWS DeepRacer Army Navy Competition brings teams together to train a robotic vehicle to discover whose car can autonomously navigate a track with the fastest time using artificial intelligence AI and robotics The competition is for anyone affiliated with the US armed services no matter their experience with AI machine learning or robotics Novices can get started with machine learning quickly with hands on tutorials The second annual competition will happen on December prior to the Army Navy football game Registration is now open |
2021-10-26 17:11:44 |
| AWS |
AWS Security Blog |
Three ways to improve your cybersecurity awareness program |
https://aws.amazon.com/blogs/security/three-ways-to-improve-your-cybersecurity-awareness-program/
|
Three ways to improve your cybersecurity awareness programRaising the bar on cybersecurity starts with education That s why we announced in August that Amazon is making its internal Cybersecurity Awareness Training Program available to businesses and individuals for free starting this month This is the same annual training we provide our employees to help them better understand and anticipate potential cybersecurity risks The … |
2021-10-26 17:07:54 |
| AWS |
AWS |
Industrial defect detection with computer vision using Amazon SageMaker | Amazon Web Services |
https://www.youtube.com/watch?v=v6OHL3LTjkA
|
Industrial defect detection with computer vision using Amazon SageMaker Amazon Web ServicesIn this video you will learn how you can train your own computer vision models for industrial defect detection in the cloud with Amazon SageMaker deploy them to an edge device and run local inference on the edge device using Amazon SageMaker Edge Manager We show how you can leverage SageMaker Pipelines to automatically train ML models and use SageMaker Model Registry to manage model versions and deployments We showcase a demo application running on an edge device with two different types of computer vision models for defect detection classification and segmentation You can try this demo out yourself by following the steps in the associated GitHub repository Learn more about Amazon SageMaker at Subscribe More AWS videos More AWS events videos ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster AWS AmazonWebServices CloudComputing AmazonSageMaker AWSDemos |
2021-10-26 17:36:07 |
| AWS |
AWS - Webinar Channel |
Maximizing Growth Through Event-Driven Architecture - AWS Online Tech Talks |
https://www.youtube.com/watch?v=3IRMZTbyU1E
|
Maximizing Growth Through Event Driven Architecture AWS Online Tech TalksAs your company gains momentum and grows so do your technology demands You need architectures and services that scale with your growing business The easiest way to scale architecture on demand is with a serverless first strategy AWS s serverless services give you the ability to build and scale without needing to think about managing infrastructure such as servers and networking We ll show you the fundamentals of serverless applications from understanding compute services like AWS Lambda to how you can build API and event driven applications to meet almost any scale Learning Objectives Learn the benefits of a serverless first approach to building applications Understand the best practices for data driven serverless use cases Learn how to build an application architecture that can grow and expand with your company To learn more about the services featured in this talk please visit |
2021-10-26 17:24:26 |
| AWS |
AWS - Webinar Channel |
Accelerate Organization-Wide Modernization by Enabling Cloud Center of Excellence (CCOE) |
https://www.youtube.com/watch?v=k7x1kZI-yMM
|
Accelerate Organization Wide Modernization by Enabling Cloud Center of Excellence CCOE Cloud native development with AWS Serverless and Containers services enables customers to get the maximum benefit of the cloud During this tech talk you will learn how to scale and accelerate an organization wide adoption of your modernization strategy and execution by enabling Cloud Center of Excellence teams CCOEs or central architecture teams Learning Objectives Learn about the modernization journey and when a CCOE team is right for your organization Understand the role of a CCOE team Learn how to establish operating principles and guardrails To learn more about the services featured in this talk please visit |
2021-10-26 17:15:53 |
| AWS |
AWS Security Blog |
Three ways to improve your cybersecurity awareness program |
https://aws.amazon.com/blogs/security/three-ways-to-improve-your-cybersecurity-awareness-program/
|
Three ways to improve your cybersecurity awareness programRaising the bar on cybersecurity starts with education That s why we announced in August that Amazon is making its internal Cybersecurity Awareness Training Program available to businesses and individuals for free starting this month This is the same annual training we provide our employees to help them better understand and anticipate potential cybersecurity risks The … |
2021-10-26 17:07:54 |
| js |
JavaScriptタグが付けられた新着投稿 - Qiita |
Web上でパーティクルフィルタのデモをJavaScriptで簡単に実装してみる. |
https://qiita.com/kanagii_codes/items/da7437ef6494ec1b15b8
|
|
2021-10-27 02:06:45 |
| Program |
[全てのタグ]の新着質問一覧｜teratail（テラテイル） |
高さが可変のグリッドレイアウトをcssで実装することが可能か教えていただきたいです。 |
https://teratail.com/questions/366378?rss=all
|
折り返し |
2021-10-27 02:51:48 |
| Program |
[全てのタグ]の新着質問一覧｜teratail（テラテイル） |
dlvインストール後にnot foundと表示される件について |
https://teratail.com/questions/366377?rss=all
|
dlvインストール後にnotfoundと表示される件についてgoのデバッグをしようと思い、「gonbspgetnbspunbspgithubcomderekparkerdelvecmddlv」を実行しました。 |
2021-10-27 02:33:36 |
| Program |
[全てのタグ]の新着質問一覧｜teratail（テラテイル） |
pythonファイルを実行したときのカレントディレクトリ |
https://teratail.com/questions/366376?rss=all
|
pyinstaller |
2021-10-27 02:15:45 |
| Program |
[全てのタグ]の新着質問一覧｜teratail（テラテイル） |
カルーセル表示画像の上にテキスト配置したい |
https://teratail.com/questions/366375?rss=all
|
カルーセル表示画像の上にテキスト配置したいカルーセル表示画像の上にテキスト配置したい【やりたいこと】・PC表示SPレスポンシブ表示の種類・カルーセルで画像を表示画像枚・カルーセル画像の上にタイトルテキスト行を中央配置【参照】下記イラスト画像枚のような状態にしたいです。 |
2021-10-27 02:05:19 |
| 海外TECH |
Ars Technica |
You only live once: Epidemiologists analyze health risks in all the James Bond films |
https://arstechnica.com/?p=1807538
|
partners |
2021-10-26 17:43:39 |
| 海外TECH |
Ars Technica |
Report: Microsoft is working on a low-cost Surface Laptop and “Windows 11 SE” |
https://arstechnica.com/?p=1807572
|
chromebooks |
2021-10-26 17:17:26 |
| 海外TECH |
Ars Technica |
New Yubico security keys let you log in with a tap to your USB-C port |
https://arstechnica.com/?p=1807565
|
security |
2021-10-26 17:01:31 |
| 海外TECH |
MakeUseOf |
The 4 Best Websites Offering CPR Courses |
https://www.makeuseof.com/best-websites-cpr-courses/
|
courses |
2021-10-26 17:30:12 |
| 海外TECH |
MakeUseOf |
5 Ways to Fix Headphones That Don't Work in Windows |
https://www.makeuseof.com/ways-to-fix-headphones-dont-work-in-windows/
|
fault |
2021-10-26 17:15:21 |
| 海外TECH |
DEV Community |
Top 7 Featured DEV Posts from the Past Week |
https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-4mbg
|
Top Featured DEV Posts from the Past WeekEvery Tuesday we round up the previous week s top posts based on traffic engagement and a hint of editorial curation The typical week starts on Monday and ends on Sunday but don t worry we take into account posts that are published later in the week Prettifying GitHub yuridevat is here with some fantastic tips for making your GitHub profile as unique and wonderful as you are How to create a stunning GitHub Profile Julia Undeutsch・Oct ・ min read career github productivity codenewbie Red Light Green Light STAY CALM shuvo has created a simulation of Squid Game s Red Light Green Light game using JavaScript I made Squid Game with JavaScript Shuvo・Oct ・ min read javascript webdev programming beginners A Well Shaped Codebase without sacrificing efficiency nikmilson has loads of great advice about how to refactor your codebase without sacrificing efficiency How to refactor without overtime and missed deadlines Nikita Milyanik for SinnerSchrader Engineers・Oct ・ min read watercooler codequality productivity motivation Dev Freelancing TakeawaysThis whole series by saifullahusmani is worth taking a look at if you ve ever considered freelancing as a software developer ーespecially as a self taught developer What I learned in freelancing as a self taught developer Saifullah Usmani・Oct ・ min read career beginners programming codenewbie Finding Joy as a DevAs dvddpl says coding is hard ーBut that doesn t mean you need to sacrifice your enthusiasm about your career Your jobs is boring and everything sucks Here are some tips Davide de Paolis・Oct ・ min read career motivation personalgrowth mentalhealth Make the buttons look like buttons and more simple but valuable button design tips from imiahazel Design Tips for Perfect Buttons Imia Hazel・Oct ・ min read button ux design css Mastering the Art of GooglingMost of us here use Google very frequently ーif not daily That said there are many things you can do to be an expert level Googler ruphaa serves up a few tips to Google like a pro Ruphaa・Oct ・ min read webdev beginners productivity career That s it for our weekly wrap up Keep an eye on dev to this week for daily content and discussions and if you miss anything we ll be sure to recap it next Tuesday |
2021-10-26 17:44:35 |
| 海外TECH |
DEV Community |
Tina now Supports MDX |
https://dev.to/tinacms/tina-now-supports-mdx-2jki
|
Tina now Supports MDXThe team at Tina is dedicated to revolutionizing the CMS space We were the first to offer contextual editing in real time which enabled teams to be more productive Now we are introducing the world s first UI editor for MDX This empowers content teams to add components to a page with a single click You can see our starter repository on our GitHub or select Documentation Starter when going through our quickstart flow Why MDX MDX provides the ability to write JSX into Markdown files which gives developers the ability to create content that is dynamic interactive and customizable The problem with MDX by nature is you need to have some technical understanding to be able to both use and create content using MDX This is where we have empowered non technical members of your team to leverage reusable components with a single click This means that content teams can move quickly and developers can focus on other projects How to start using MDX We have made the developer experience a breeze you can check out our documentation or check out the steps to start using MDX Update to the latest version TinaYou will need to update tinacms and tinacms cli to the latest versions to use the MDX features Create your components you want your content team to use Create a component as you normally would and use props for any part you would like to be editable below is an example of a callout component export default function Callout callout return lt CalloutWrapper type backgroundColor callout type gt lt CalloutLabel gt label callout type callout type lt CalloutLabel gt lt CalloutText textColor textColor callout type textColor default gt callout text lt CalloutText gt lt CalloutWrapper gt Add the fields for your components to your schema ts type rich text label Body name body templates name Callout label Callout fields name type label Type type string options default warning error name text label Text type string isBody true Add the components to your Tina powered pages importsimport TinaMarkdown from tinacms dist rich text import Callout from blocks callout block const components Callout props gt return lt Callout callout props gt Code removed for simplification lt TinaMarkdown components components gt props data getDocsDocument data body lt TinaMarkdown gt Ready to get started You can see our starter repository on our GitHub or select Documentation Starter when going through our quickstart flow |
2021-10-26 17:34:02 |
| 海外TECH |
DEV Community |
3 Step Guide to Mine Crypto on Laptop in 2021 |
https://dev.to/courseprobe/3-step-guide-to-mine-crypto-on-laptop-in-2021-4hil
|
Step Guide to Mine Crypto on Laptop in Easiest tutorial to start mining crypto with Laptops in Even though this guide is designed for people mining crypto with laptops the methodology and software can also be used to mine on Desktop computers under Windows Linux and Mac if you run into any trouble I m available to help in this discord channel I ve created for you Step Get a Wallet and a public address so you can receive funds in the blockchain for the coin you want to mine You have some options for wallets I personally like the ones that you can install directly into your browser Metamask Guarda Tronlink Phantom Other options might include Atomic Wallet Exodus Trustwallet There are paper wallets and other web wallets or free wallets If you chose Metamask io for example then it is recommended you add some networks to it like the Binance Smart Chain and also Polygon in this way you will be able to use Metamask to interact with those blockchains Step Download The Unmineable Software Before downloading the file set some folder exclusions on Windows Defender in your antivirus and also in your browser so you can download the file without being bothered with notifications of dangerous files Official Unmineable software can be downloaded from this site Unmineable DownloadDownload the MFI version Miners files included Step Extract and Run Unmineable as Administrator The unmineable software is just one executable file it already contains all the configurations so it is the best and easiest way to mine any Crypto Run the file as an Administrator in windows It looks exactly like this when you run it You can select GPU cards or CPU It will take you to the second screen where you will enter your Bitcoin Gold BTG Address and also the code which will allow you to drop your Dev Fee from to Use the code exd wmzl to drop your Dev Fee from to it makes a difference Your screen should look like this Once you click on the Start button you should see a similar screen At this point I would recommend you to click the option at the bottom to display the logs Looks like a sheet of paper here click Force Stop Then click the Settings Icon Looks like a cog wheel in the screen that pops up you want to double check a few things Make sure the algorithm selected is ETCHASH if you are mining with GB cards use ETHASH for cards with GB or more if you selected CPU everything is ready to start mining no need to select anything Make sure the Code exd wmzl is showing in the referral box Recommended not mandatory Set a name for your worker The computer you are mining from Set your mining Intensity at the top I would recommend High for those periods when you are not using the computer It looks similar to this Click on the Save amp Restart button to start mining Once it starts you can check the speed of your Graphic card or CPU which shows as the Current Hashrate Also you can click on the stats button on the top right to go directly to the Unmineable website where you can check your balance and request a manual payment note it is recommended you change a few settings in Windows there s people that disable the Updates and also disable sleeping mode hibernation or anything that could turn off the computer while it is not in use When using a Laptop make sure it has some battery or is plugged so it won t shut down Congrats if you are using Unmineable you are now a miner A bit more complex strategy might include downloading the Miner software on your own and configuring them to connect with the Unmineable Pool and start mining that way You can take a look at this previous posts to have a good idea Mining with CPU Mining with GPU Now you can Log into Unmineable to check your stats Unmineable com is a mining Pool which allows you to mine with your CPU using RandomX or GPUS using Etchash or Ethash and pay you in any coin you select In order to check your balance log into Unmineable and then select the coin you want to mine In this example Ripple XRP Then you can select the Tab that reads RandomX or ETCHAS or ETHASH depending on your algo and enter your address in the box that reads Enter your address to check your stats After doing this you will see the balance on your account and you will even be able to request a payment If you are having any difficulties please join me on discord so I can help you furtherIf you are looking for more information into CPU mining there s a good guide in a PDF ebook and is Free get it at Referral Disclosure Please read the Unmineable Referral Policy at the following link to better understand How the referral code works in detail Unmineable Referrals |
2021-10-26 17:25:14 |
| 海外TECH |
DEV Community |
How to finally choose a Javascript framework in 2021 |
https://dev.to/tevko/how-to-finally-choose-a-javascript-framework-in-2021-1p1m
|
How to finally choose a Javascript framework in The JavaScript ecosystem has exploded in the past several years and shows no sign of slowing down This trend is especially apparent when looking at the state of front end JavaScript frameworks Quite simply there are too many to choose from If you re finding yourself in the position of having to choose a front end JavaScript framework in don t worry Let s take a look at a few ways to make this decision with the health and success of your next project in mind Throw a dartAt first this might sound like a cruel joke but if you re trying to choose between the top available options React Vue Svelte Angular etc and you re not concerned about the differences in syntax there s a high probability that you ll be fine choosing from these popular options Because they re widely used and thoroughly tested if you run into any trouble you re only a quick Google search away from finding a resolution But what if you need to search from a larger pool of options or if you re looking for something new entirely Use a dedicated service to review your optionsThankfully there s finally a service you can use to get authentic user ratings insight and experience as well as a host of other key metrics related to open source packages For front end JavaScript frameworks this service is especially helpful Openbase has managed to thoroughly categorize nearly any open source package you can find ensuring that searching for something specific is a breeze Looking at alternatives to Angular for example we can find a wide array of other options and even sort them by highest rated most used or best maintained Clicking into a specific option gives access to individual user reviews as well as package specific metrics like bundle size and type definitions Using Openbase it becomes very easy to sort through the seemingly infinite list of front end JavaScript frameworks in order to find the perfect option that meets all of your needs Once you ve found the perfect option for your project you can even find tutorials to help you get started quickly or work through a technical challenge Copy from a similar applicationIf you want to all but ensure you re making the right framework choice it s never a bad idea to look at what other similar applications have done and make the same technology choices While it might sometimes be difficult to find a similar application especially if your idea is new it s always helpful to look to see if any of the challenges you may encounter have been solved and if so identify the specific technologies used to solve those challenges A combination of viewing source code in the browser and looking through GitHub will help you decipher which frameworks are being used but be careful Without sourcemaps it might be hard to figure out which framework the minified compiled code belongs to So there you have it Three valid options for choosing a front end JavaScript framework in at a time when there are more frameworks than ever If you really want to be thorough it may make the most sense to employ a combination of all three options Look into what similar applications are usingReview Openbase to find user feedback metrics maintenance statistics and alternativesIf you can t choose after you ve narrowed down options throw a dart Have you recently had to choose a javascript framework How did you make your decision Which did you end up going with |
2021-10-26 17:23:32 |
| 海外TECH |
DEV Community |
Blazing-fast product search w. MeiliSearch and Medusa |
https://dev.to/medusajs/blazing-fast-product-search-w-meilisearch-and-medusa-3dee
|
Blazing fast product search w MeiliSearch and Medusa IntroductionSearch functionality is one of the most useful and important features in e commerce platforms From increasing customer conversion rates to significantly improving the user experience search engines can enable significant business growth Medusa brings search functionality to your doorstep by leveraging some of the already existing search engines out there We have developed a plugin that will allow you to use the performant open source and feature rich search engine MeiliSearch MeiliSearch is a super fast open source search engine built in Rust It comes with a wide range of features such as typo tolerance filtering sorting and much more MeiliSearch also provides a pleasant developer experience as it is extremely intuitive and newcomer friendly so even if you re new to the search engine ecosystem you ll have a great time navigating through their documentation Through Medusa flexible plugin system it is possible to enable search functionality into your medusa applications with minimum hassle by including our new plugin medusa plugin meilisearch to your medusa config js file InstallationIn case you don t have MeiliSearch installed locally on your environment yet you can run the following Install MeiliSearchcurl L sh Launch MeiliSearch meilisearchFor other installation alternatives you can head over to Meilisearch s installation guide In order to add the plugin to your medusa project you will need to first install the plugin using your favorite package manager yarnyarn add medusa plugin meilisearch npmnpm install medusa plugin meilisearchThen in your medusa config js file add the plugin to your plugins array For this example assumption is that you re leveraging MeiliSearch to perform searches on an index called productsmodule exports other options plugins other plugins resolve medusa plugin meilisearch options config object passed when creating an instance of the MeiliSearch client config host apiKey your master key settings index name products MeiliSearch s setting options to be set on a particular index searchableAttributes title description variant sku displayedAttributes title description variant sku Et voilà That s all it takes to make medusa and MeiliSearch work in great harmony Please note that you can use any other setting from this list such as filterableAttributes sortableAttributes and synonyms We are working on another blog post that will demonstrate how you can make use of these settings to build a great storefront experience so stay tuned to that Simple UsageMedusa exposes an API layer that can serve as an abstraction over various search providers We will now be interacting with one of the search routes parts of that layer namely the POST store products search route The route will enable you to test out the integration between Medusa and MeiliSearch The endpoint takes a mandatory q property and a set of optional parameters which will be passed to MeiliSearch s search method as a second argument The list of the parameters which can be provided can be found in MeiliSearch s docs Let s use Postman for this short demo to get some search results We tried to perform a search query creneck to find all crewnecks in our store Note how the explicit mistake of leaving a w out from crewneck still yields the correct results Postman is not the most exciting client to use to showcase this so in the next section there is a short guide on how you can use React and MeiliSearchh s ecosystem to build something that looks better than JSON Highlighting and Pagination in a React StorefrontThe Medusa MeiliSearch integration opens up a lot of capabilities for creating a rich UX for your storefront The plugin indexes all your products and listens to any updates made on them so you can then leverage any client side SDKs developed by the MeiliSearch team to build cool search experiences for storefronts For example MeiliSearch exposes a React adapter that can be used with React InstantSearch made by Algolia which provides features such as highlighting filtering and pagination out of the box In order to leverage this functionality you ll need to install the corresponding packages by running npmnpm install react instantsearch dom meilisearch instant meilisearch yarnyarn add react instantsearch dom meilisearch instant meilisearchYou can then use the MeiliSearch client in your react app import React from react import InstantSearch Hits SearchBox Pagination Highlight from react instantsearch dom import instantMeiliSearch from meilisearch instant meilisearch const searchClient instantMeiliSearch your master key const SearchPage gt lt InstantSearch indexName products searchClient searchClient gt lt SearchBox gt lt Hits hitComponent Hit gt lt Pagination gt lt InstantSearch gt const Hit hit gt return lt div key hit id gt lt div className hit name gt lt Highlight attribute name hit hit gt lt div gt lt img src hit image align left alt hit name gt lt div className hit description gt lt Snippet attribute description hit hit gt lt div gt lt div className hit info gt price hit price lt div gt lt div className hit info gt release date hit releaseDate lt div gt lt div gt If you want to play around with the various features provided by React InstantSearch you can read more on algolia s documentation You can also use MeiliSearch s react demo for a more interactive example Demo Palmes StorefrontBy using the above libraries React react instantsearch dom and instant meilisearch in addition to the medusa plugin we have successfully integrated the MeiliSearch plugin for one of our customers Palmes Following is a short GIF demoing the functionality Enhance your development experience with MeiliSearch s Web UIFor a quicker feedback loop on what s happening on your search engine you can use MeiliSearch s helpful out of the box web interface to run some searches and get live results It comes with MeiliSearch when you first install it and requires configuration When integrating the MeiliSearch plugin to existing medusa projects we also found it to be extremely helpful for debugging More to comeAs briefly mentioned before we re preparing another blog post that dives a bit deeper into the Medusa Search API and provides a more in depth walkthrough on how to build a feature rich search experience that includes filtering synonyms stop words and more |
2021-10-26 17:21:47 |
| 海外TECH |
DEV Community |
One major key that will amplify your coding prowess. |
https://dev.to/jimster397/one-major-key-that-will-amplify-your-coding-prowess-4754
|
One major key that will amplify your coding prowess OnChange vs OnClick within React When traversing through one of the advanced deliverables in my nd coding challenge at Flatiron school I realized there is a big difference between OnChange and OnClick The deliverable asks you to create a sorting feature with a checkbox that changes the orientation of how certain cards are organized This seemed simple at first to be an OnChange event since the page was changing its state however the onChange event did not work Why did this happen The state of the page changes yet on onChange did not work This is due to the special events that happen under the hood of react The method that was called was sort and onChange causes the page to lose focus of the event that you are calling When an onClick event occurs it allows for the sort to happen on the event that you are calling This ties into the difference between setting state and calling that state When setting the state we use a const variable and set it to this const variable setVariable useState true This setVariable is what we use when we want to call the state of the page and in this situation we set it to true This page will automatically have everything rendered until we set a onClick or onChange to our components Once we call that OnChange event to our page it attempts to find the state of the page and change it order for the change to occur However the detriment to this is that the when it changes and attempts to find the state of the page again it fails Again as previously said it is because onChange loses the focus of what it is changing Coincidentally onClick does the same thing without having to continually check the state of the page In conclusion whenever you need to sort a page through a checkbox it is critical to use onClick however some other programmers have gotten onChange to work but it requires more effort and more coding Knowing the differnce between these two OnChange and OnClick gives insight into how both work and how they interact with useState Here is the link to a Stack Overflow when encountering this issue |
2021-10-26 17:21:42 |
| 海外TECH |
DEV Community |
Remembering the button |
https://dev.to/lizblake/remembering-the-button-15ln
|
Remembering the buttonWednesday night is Survivor night which means us and the population of people who still have cable sit down to watch a show that s older than everyone in the apartment But this also means it s the convention of the nerds Because I ve been falling behind in literally all of my classes because I ve been applying to internships I took last Wednesday to sit down relax and work on the card we re developing for IST And ask my comp sci friend for help Thank god I got an internship offer just yesterday so maybe I ll be able to get my shit together All I can say is that I m a cybersecurity major and will be doing cybersecurity related things Because I m falling behind on everything this blog post is also two days late Anyway buttons We made one a while ago published it to npm and now we re using it in our card project This process really made me realize how import reusability is This is how I slotted the button in lt div slot button class buttonContainer gt lt cta button icon subject title this type style psu background color this bannerColor gt lt cta button gt lt div gt Notice how psu background color was a called variable This allowed the button color to mutable when a type was applied to the card But because I didn t think ahead the button reverts to the colors it was when it s hovered over When I was creating the button I didn t think about all the different states I should make accessible Being able to apply the button to the card has not only helped learn about slots but the considerations that should be made with creating a web component The current card project can be accessed at runtimeErrorsMadeEasy project Making a card for IST And always here s the song of the week |
2021-10-26 17:18:30 |
| 海外TECH |
DEV Community |
A deep dive into ES6 Classes |
https://dev.to/mustapha/a-deep-dive-into-es6-classes-2h52
|
A deep dive into ES ClassesClasses were introduced in ES ECMA script and we can leverage them to structure our code in a traditional OOP fashion by defining a template for creating objects In this post we ll learn everything about ES classes then we will compare them to constructor functions and prototypal inheritance A quick word before we start This article is intended to appeal to a wide range of readers So if you re an advanced JS user you can use the table of contents below to select which sections to read If on the other hand you re just getting started with JS and you re having trouble understanding something feel free to ask me in the comments section Table of ContentsAnatomy of a classThe class keywordConstructorPropertiesMethodsGetters and SettersStatic fields and methodsCreating an object with a classThe new keywordHoistingInheritanceThe extends keywordSuperMetadataComparison with Constructor functionsProperties and methodsGetters and SettersPrototypal inheritanceWrap upWe will see how to define classes and how to create objects using them then we will talk about inheritance and more But first let s start right away by taking a look at the anatomy of a class Anatomy of a class The class keyword To declare a class we use the class keyword followed by the name of the class Class declaration class Point constructor In the snippet above we declared a Point class This is called a class declaration Note that I m using the PascalCase notation for the name of the class This is not mandatory but a common convention In fact classes are special functions and like with functions you can use either class declarations or class expressions Class expression This is a class expression let Point class constructor Constructor The constructor method is a special method for creating and initialising an object created with a class There can only be one constructor in each class A SyntaxError will be thrown if the class contains more than one occurrence of a constructor It is not mandatory to have a constructor in the class definition The code bellow is valid class Point Properties Instance properties Instance properties must be defined inside of class methods In the snippet below x and y are instance properties class Point constructor a b this x a this y b Fields The code can be more self documenting by declaring fields up front Let s refactor the code above using fields and while we re at it let s give them a default value class Point x y constructor a b this x a this y b Note that fields are always present whereas instance properties must be defined inside of class methods Note also that fields can be declared with or without a default value Private fields To declare a private field all you have to do is prefix its name with See the code below class Point x y constructor a b this x a this y b Trying to access a private field outside the scope of the class will result in a syntax error Note that instance properties can not be private only fields can So you can t create an instance property with the prefix This would result in a syntax error Methods Public methods To declare a method we can use the ES shorter syntax for method definitions on objects class Point x y translate a b this x a this y b Private methods Like we did with private fields we can use a as a prefix of our private methods class Point x y constructor x y this setXY x y translate a b this setXY this x a this y b Private method setXY x y this x x this y y Generator methods The same way as public methods we can declare generator methods class Point x y historyPositions translate a b this x a this y b this historyPositions unshift this x this y getHistoryPositions for const position of this historyPositions yield position In the snippet above we declared a getHistoryPositions generator method Note to declare a private generator method use this syntax getHistoryPositions Getters and Setters To implement getters and setters we use the get and set keyword Here is an example class Point x y get position return this x this y set position newPosition newPosition is an array like this x this y newPosition Static fields and methods Static methods and fields of a class can be defined using the static keyword Static members fields and methods cannot be called through a class instance and must be called without instantiating the class Static methods are frequently used to construct utility functions whereas static properties are excellent for caching fixed configuration or any other data that does not need to be copied across instances Here is an example of a static method class Point static isEqual pointA pointB const x y pointA position const x y pointB position return x x amp amp y y x y get position return this x this y constructor a b this x this y a b Consider that p and p are both instances of PointPoint isEqual p p Boolean Creating an object with a class The new keyword To create a new instance of a class we use the new keyword class Point const point new Point Hoisting Function declarations and class declarations can be distinguished by the fact that function declarations are hoisted whereas class declarations are not You must first define and then access your class otherwise code like this will throw a ReferenceError const point new Point ReferenceErrorclass Point Inheritance The extends keyword In class declarations or class expressions the extends keyword is used to create a class that is a child of another class a subclass We ll look at an example in the next section Super The super keyword is used to access and call functions on an object s parent If there is a constructor present in the subclass it needs to first call super before using this See the code below class Vehicle numberOfPassengers constructor nb this numberOfPassengers nb getNumberOfPassengers return this numberOfPassengers class Car extends Vehicle constructor super class Bike extends Vehicle constructor super const car new Car const bike new Bike car getNumberOfPassengers bike getNumberOfPassengers Metadata In class constructors new target refers to the constructor that was called directly by new This is also true if the constructor belongs to a parent class and was delegated from a child constructor class Vehicle constructor console log new target name class Car extends Vehicle constructor super new Vehicle Vehiclenew Car CarConsider the following use case If we want the Vehicle class to be abstract we can throw an error if new target name Vehicle is true However you ve to keep in mind that if you use this in production and build your project with bundlers the names of your classes may be prefixed causing the condition to always be false Comparison with Constructor functions Before there were classes constructor functions and prototypes were the default I won t go too deep in this section but i wanted to show you how we could achieve pretty much the same with constructor functions and prototypes since ES classes use prototypes behind the hood Properties and methods Let s start by setting some properties and methods function Point x y this x x this y y this translate function a b this x a this y b const point new Point point translate point x point y Getters and Setters To implement setters and getters we have to use Object defineProperty or Object defineProperties function Point x y this x x this y y Object defineProperty this position set function x y this x this y x y get function return this x this y const point new Point point position point position To learn more about property descriptors you can check this article A deep dive into Javascript Object properties Mustapha Aouas・Oct ・ min read javascript webdev programming beginners Prototypal inheritance Here s an example of prototypal inheritance function Vehicle numberOfPassengers this numberOfPassengers numberOfPassengers this getNumberOfPassengers function return this numberOfPassengers function Car Vehicle call this The same way we used super for classes here we call the Vehicle constructor in this context Car context Car prototype Object create Vehicle prototype Setting up the inheritanceCar prototype constructor Car As a side effect of the line above we loose the Car constructor So we have to set it hereconst car new Car car getNumberOfPassengers I won t go into much details here as there s a lot to cover But this is the minimal setup to do prototypal inheritance You may agree with me or not but I find it a lot less straight forward and less descriptive than the class implementation Wrap up We covered a lot already We saw all of the tools we can use to create classes that are tailored to our needs we discussed how to create objects using classes and we talked about some caveats to be aware of Finally we saw how difficult it can be to use constructor functions compared to using classes That s it for this post I hope you liked it If you did please share it with your friends and colleagues Also you can follow me on twitter at theAngularGuy as it would greatly help me Have a good day What to read next Tips to boost your productivity as a web developer Mustapha Aouas・Aug ・ min read javascript webdev beginners productivity |
2021-10-26 17:12:27 |
| 海外TECH |
DEV Community |
C language and 15+Projects for Beginners- the better way to learn programming |
https://dev.to/rrtutors/c-language-and-15projects-for-beginners-the-better-way-to-learn-programming-80c
|
C language and Projects for Beginners the better way to learn programmingProgramming is exciting and interesting if you have the right logic As technology moves forward you must get familiarized with the coding part C language is suitable for system programming it was invented by Dennis Ritchie If you are a beginner at coding then it would be better if you start with basic projects using C language Some of the other languages have borrowed syntax from the C language directly and indirectly When you start doing the projects rather than just going through different programs you get a better understanding You will get to download the source code for the projects you are planning to do and you can make variations according to your requirements in the code to bring changes to the outputC Projects for beginners C Projects for BeginnersBank Management SystemCalender Application Contact Management System Cricket Score Card Management SystemCyber Management System Departmental Store Management SystemEmployee Record SystemHangMan GameLibrary Management SystemMedical Store Management SystemPackman GamePersonal Dairy Management Phone Management SystemQuiz Application |
2021-10-26 17:08:52 |
| 海外TECH |
DEV Community |
Building a react application from absolute scratch ! ⚛️ |
https://dev.to/aviyel/building-a-react-application-from-absolute-scratch-1684
|
Building a react application from absolute scratch ️In this blog tutorial we are going to set up and build react applications absolutely from scratch So before we start Let s take a brief tour about What is React js What is React JS React is a javascript library for building very fast and interactive interfaces It was developed at Facebook in and currently it is the most popular and famous library for creating user interfaces Its popularity is increasing day by day It is currently dominating the space of various libraries and frameworks for building user interfaces At the core of all the react applications there are components A component is essentially a piece of the UI so when building the application with react we build a bunch of independent isolated and reusable components and then compose them t build a complex user interface Every react application has at least one component which we refer to as the root of the component this particular component represents the internal applications and contains other child components So every react application is essentially a tree of components React embraces the use of JSX but though it is not mandatory to use JSX to write React applications simple JS will suffice But JSX makes it a whole lot easier to create a React application In terms of implementation a component is typically implemented as a JavaScript class that has some state and render method The state helps to display the data when the components are rendered and the render method is responsible for describing what the UI should look like The output provided from that render method is the React Element which is a simple plain JavaScript object that maps to a DOM element Note that it s not a DOM element it is just a plain JavaScript object that represents that DOM element in memory Hence react keeps a very lightweight representation of the DOM in memory which is referred to as the virtual DOM Unlike the browser or the real Document Object Model this Virtual Document Object Model DOM is very easy to create So whenever we change the state of the component we receive a new react element react will then compare this element and its children It figures out what is changed and then it will update a part of the real DOM to keep it updated and in sync with the virtual DOM Hence unlike vanilla javascript or Jquery when we build an application with react we no longer have to work with the DOM API in the browser That is instead of writing code in query and manipulating the DOM or attaching an event handler to the DOM elements we can simply change the state of our components and react will automatically update the DOM to match that state React gets its name from the fact that it reacts to state changes and updates the DOM whenever the changes occur Installing react applicationLet s get started with our first react application So the first thing you need to do is install Node js if you don t have it already installed on your system So for that visit Node js official site which is nodejs org en download and install the correct and appropriate version We need node js because we can utilize the node package manager or NPM feature Now create a blank folder and open it inside the code editor of your choice For this tutorial I will be using VScode Next step lets open the integrated terminal using ctrl tilde and type npx create react app this command will create the app inside the current directory It usually only takes a few minutes to install Normally when downloading packages we would use npm to download them into the project but here we are using npx the package runner which will download and configure everything for us so that we can begin with an amazing template If everything is downloaded the folder structure should look something like this It s time to start our development server so for that simply type npm start and that s going to automatically open react app in the browser So this is how the boilerplate template looks right out of the box Now it s time to delve deep into the file and folder structure provided by create react app There is a node module folder which contains all of our node dependencies Then there is a public folder and the only thing that matters in this folder is the index html file So this appears to be a standard HTML file with head body and meta tags available to us Inside our body tag you ll notice a div with the id root followed by the fallback noscript tag which will be visible only if the users browser has javascript disabled lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset utf gt lt link rel icon href PUBLIC URL favicon ico gt lt meta name viewport content width device width initial scale gt lt meta name theme color content gt lt meta name description content Web site created using create react app gt lt link rel apple touch icon href PUBLIC URL logo png gt lt link rel manifest href PUBLIC URL manifest json gt lt title gt React practice lt title gt lt head gt lt body gt lt noscript gt You need to enable JavaScript to run this app lt noscript gt lt div id root gt lt div gt lt body gt lt html gt So you might be wondering where the content is coming from NOTE all of our source code is inside our source or src folder and react is going to inject our content into the root div element Let s take a look at our src folder which contains some stylesheets javascript files and SVG files Now head over to our App js file App jsimport logo from logo svg import App css function App return lt div className App gt lt header className App header gt lt img src logo className App logo alt logo gt lt p gt Edit lt code gt src App js lt code gt and save to reload lt p gt lt a className App link href target blank rel noopener noreferrer gt Learn React lt a gt lt header gt lt div gt export default App So in this case we re simply using standard javascript to import react from react and logo from our logo After that we have a normal javascript function called APP and this function in react is known as functional component and this function is returning a react element that looks like HTML but is actually a jsx as you can see there is a div tag with a className of APP and now we can t say class by itself because the class is a reserved word in javascript so in jsx we have to use className After that we have the header and then the image and notice on the image source that we have our logo which is actually a javascript variable that we imported at the top so in order to use the javascript within JSX we have to surround it with curly brackets and then we have a paragraph an anchor tag and that is everything for this component So how are we going to get this component onto the webpage There is export at the bottom of the app js file which means we are exporting the App function So Now let s look at the index js file index jsimport React from react import ReactDOM from react dom import index css import App from App import reportWebVitals from reportWebVitals ReactDOM render lt React StrictMode gt lt App gt lt React StrictMode gt document getElementById root reportWebVitals So in this case we re importing react from react again and this time we re also importing react dom and then we re importing the CSS stylesheet file and finally we re importing App from App js which is the file that we just previously discussed and then there is service worker which is used to make your application work completely offline Then we call ReactDom render which takes two parameters The first parameter is the jsx object and inside jsx we can include our user defined components as well so react strictmode is a react defined component whereas App is a user defined component and the second parameter is document getElementById root which targets the root div in our index html file and this is how we access the content in our webpage In short ReactDom renders our content into our root div located at our index html file Note We should always begin with an uppercase letter because this is how JSX distinguishes between user defined components and standard DOM elements Creating a simple grocery shopping list application Let s create a simple grocery shopping list application in react from the ground up but first let s create a prototype or mindmap of our final application So our final app will look something like this Before we begin building our projects we must first clean them up by removing some of the files provided by create react app Your src files should look like this after you ve cleaned them up Now within the src folder make another folder called components and within that folder make three components GroceryItems GroceryForm and GroceryList GroceryItems component will be used for displaying the item This will be a presentational component that takes the item as a prop and displays it GroceryItems jsimport React from react const GroceryItems item gt return lt div gt lt span gt item lt span gt lt div gt export default GroceryItems GroceryList component will contain a list of all the items This will take the items as a prop and display them as an ordered list It will make use of the GroceryItems component that we just created for displaying individual elements GroceryList jsimport React from react import Item from GroceryItems const GroceryList items gt return lt div className items container gt lt ul gt items map item gt lt li gt lt Item key item item item gt lt li gt lt ul gt lt div gt export default GroceryList Now let s do some initial setup on App js file App jsimport React from react import GroceryList from components GroceryList const App gt const items item item return lt div className App gt lt header className App header gt To Do items lt GroceryList items items gt lt header gt lt div gt export default App React Hook useState Now that we ve completed our initial setup let s dive into React useState The first hook we ll employ is the useState hook It will enable us to integrate the state into our functional component useState unlike state in class components does not work with object values If necessary we can use primitives directly and create multiple react hooks for multiple variables const state setState useState initialState Hooks in React must always be declared at the top of a function This also aids in the preservation of state between all rendering for the component Now change the item initialization to const items setItems useState item item Adding Item functionalityNow that we have the items as a state variable we can use the setter function to modify them in functions So let us build the second section of the application that allows us to create lists We ll make a separate component for this GroceryForm component This component will include a form with an input field where the user can enter the content of the new item to be added It will also include a button for adding the item to the list A variable is also required to store the item as the user types in the input text box To accomplish this we will create an item state that is unique to this component The GroceryForm component will then look like GroceryForm jsimport React useState from react const GroceryForm addItem gt const item setItem useState or React useState const handleSubmit e gt e preventDefault addItem item setItem return lt div gt lt p gt Shopping List lt p gt lt form onSubmit handleSubmit gt lt div className form grp gt lt input className field placeholder Name name name id name value item onChange e gt setItem e target value gt lt label for name class label gt Item Name lt label gt lt div gt lt br gt lt button className myButton gt Add in Bag lt span role img aria label bag gt ️ lt span gt lt button gt lt form gt lt div gt export default GroceryForm Now that we have the functionality to add an item we can modify our App component to declare the addItem function and also import the GroceryForm function that we just created const addItem item gt assuming no duplicates setItems items item Finally we destructured the existing items array appended the newly created item to the end of the array and passed this new array to our previously learned setItems function We can also remove the default values from the useState initialization now that we have everything set up to add new items to the application Deleting item functionalitySimilarly to adding item functionality we will pass a remove item function from the parent component to the item list component which will be passed down to the item component When the user clicks the clear button on the item component the function is called and the item is deleted GroceryItems jsimport React from react const GroceryItem item removeItem gt return lt div gt lt span gt item lt span gt lt button className redButton onClick gt removeItem item gt Delete lt button gt lt div gt export default GroceryItem The GroceryList component has a similar change of taking the remove item prop in and passing it to the GroceryItem component GroceryList jsimport React from react import GroceryItem from GroceryItems const GroceryList items removeItem gt return lt div className grid container gt lt ol gt items map item gt lt li gt lt GroceryItem key item item item removeItem removeItem gt lt li gt lt ol gt lt div gt export default GroceryList Then we will define the remove item function in the parent component as const removeItem itemToBeDeleted gt setItems items filter item gt itemToBeDeleted item React Hook useEffect Let s use the useEffect hooks in our project By using this Hook you tell React that your component needs to do something after render React will remember the function you passed we ll refer to it as our “effect and call it later after performing the DOM updates To this effect we set the document title but we could also perform data fetching or call some other imperative API Placing useEffect inside the component lets us access the count state variable or any props right from the effect We don t need a special API to read it ーit s already in the function scope Hooks embrace JavaScript closures and avoid introducing React specific APIs where JavaScript already provides a solution useEffect hook is somewhat similar to the life cycle methods that we are aware of for class components It runs after every render of the component including the initial render Hence it can be thought of as a combination of componentDidMount componentDidUpdate and componentWillUnmount If we want to control the behavior of when the effect should run only on initial render or only when a particular state variable changes we can pass in dependencies to the effect to do so This hook also provides a clean up option to allow cleaning up of resources before the component is destroyed basic syntax of the effect useEffect didUpdate Here didUpdate is a function that performs mutations subscriptions timers logging etc It will get triggered after the component is rendered to the screen as well as on every subsequently completed render Now getting back to our Grocery application let us put this in use to set the grocery item list data to local storage whenever we update the items in the grocery list Add the following code in the app component useEffect gt localStorage setItem items JSON stringify items This sets a key value pair in local storage with the key being items and the value being a JSON representation of the Grocery items Next check if there are any values in local storage So add the following piece of code const items setItems useState transformed to const saveditems JSON parse localStorage getItem items const items setItems useState saveditems Since loading from local storage is synchronous process the code should work perfectly fine const items setItems useState useEffect gt const items JSON parse localStorage getItem items if items setItems items The above code doesn t work because useEffect runs every time a component is rendered and we are calling setItems inside the effect it will trigger another render of the component which triggers useEffect again And the cycle goes on Firing useEffect The useEffect hook takes in a second argument which is an array of values that the effect depends on This way useEffect is only triggered again if one of these values changes Calling useEffect only when necessary or when value changes Using the dependency array we can pass in the state variable to useEffect to make it fire useEffect only when the variable s value changes useEffect gt const items JSON parse localStorage getItem items if items setItems items items Calling useEffect only once on componentPass an empty array to useEffect as the second parameter to tell React to only run that effect only once useEffect gt const items JSON parse localStorage getItem items if items setItems items Now that we know about the dependency array it will be a good practice to add it to the effect that we were using to save the items to save to local storage as well useEffect gt localStorage setItem items JSON stringify items items Finally the App component is locked and ready The final code inside the app component should look something like this App jsimport React useEffect useState from react import GroceryForm from components GroceryForm import App css import GroceryList from components GroceryList function App const items setItems useState const addItem item gt setItems items item const removeItem itemToBeDeleted gt setItems items filter item gt itemToBeDeleted item useEffect gt const items JSON parse localStorage getItem items if items setItems items useEffect gt localStorage setItem items JSON stringify items items return lt div className App gt lt header className App header gt lt GroceryList items items removeItem removeItem gt lt GroceryForm addItem addItem gt Grocery Items lt header gt lt div gt export default App Happy Coding Full article available here gt Follow aviyelHQ or sign up on Aviyel for early access if you are a project maintainer contributor or just an Open Source enthusiast Join Aviyel s Discord gt Aviyel s worldTwitter gt |
2021-10-26 17:02:31 |
| 海外TECH |
DEV Community |
Generate HTML, CSS, JS project using Python |
https://dev.to/victuk/generate-html-css-js-project-using-python-nce
|
Generate HTML CSS JS project using Python IntroductionHey peeps I ll like to show you a simple Python code that generates a folder puts in your Html css and javascript into that folder and also adds a little boilerplate code that you can start with RequirementsYou ll need to have Python installed on your PC if you want to test out this code Let s get started First of all you will need to create a folder with the py extension Example htmlcssjsgen py Inside the file type Line and imports sys and os inbuilt module We use os on line to get path current working directory etc The sys is used on line etc to get the second argument passed to python after the file name argument on command line That second argument will serve as the folder name for your HTML CSS and JavaScript files You will get to know how it is used in a minute Line and creates the HTML CSS and JavaScript files into the folder with the name you passed as an argument during when you ll run this script Then add this This obviously writes html sample code into the index html file previously created Final set of codes to type This also writes sample css into the style css file and writes sample javascript function into style js file we previously created line and closes out those files that we just wrote into Save and run Youll run it this way python py I saved my script as scafoldHTMLCSSJS py and ran python scafoldHTMLCSSJS py myproject myproject is gotten from sys argv The result will be myproject index htmlmyproject style cssmyproject script js ConclusionThis script should help you in times when you want to quickly create a HTML CSS and JS project automatically |
2021-10-26 17:01:40 |
| 海外TECH |
DEV Community |
XRPL Grants Expands Judging Committee |
https://dev.to/ripplexdev/xrpl-grants-expands-judging-committee-140n
|
XRPL Grants Expands Judging CommitteePictured in header image from top left Klitos Christodoulou Atefeh Mashatan Cristina Nita Rotaru Scott Chamberlain Stefanie Roos Elias Losif Sean Bennett and Aanchal Malhotra XRPL Grants today welcomes new judges to the selection process for Wave Each judge is a respected member of their industry and among academia around the world and includes a number of University Blockchain Research Initiative UBRI partners XRPL Grants provides funding to software developers and small teams to build inclusive standards leveraging the XRP Ledger s open source technology and innovate in the Internet of Value For Wave XRPL Grants has expanded its panel of judges to increase the level and diversity of expertise in judging Sean Bennett Co Founder at Stronghold USA Stronghold is a San Francisco based financial technology company creating virtual payment networks that enable instant settlement and interoperability between legacy and new payment networks At Stronghold Sean has focused on leading the development of retail and business payment products utilizing differing payment modes from banking layer integrations to blockchain technology Sean started building on XRP Ledger in as part of his first commercial venture in the distributed ledger space Scott Chamberlain Entrepreneurial Fellow at Australian National University Australia As an entrepreneurial fellow at the ANU College of Law Scott researches and teaches about blockchain smart contracts and the impact of technology on law and legal practice His work has been funded through Ripple s UBRI “I call my research the Lex Automagica Project It asks whether and how blockchain smart contracts and AI can benefit society by automating legal relationships In conjunction with some very smart programmers I pick an area of legal friction and see if we can use technology to solve it Klitos Christodoulou Ph D Assistant Professor at University of Nicosia Cyprus Dr Christodoulou is an assistant professor in the Department of Digital Innovation at the University of Nicosia UNIC Klitos obtained his Ph D in Computer Science from the School of Computer Science at the University of Manchester UK He has been an adjunct staff member at the University of Manchester where he engaged in various research and teaching activities He is also the Research Manager at the Institute For the Future IFF and the Scientific Lab leader of the Distributed Ledgers Research Center DLRC at IFF a Center that aims towards fostering academic research on blockchains His research interests span both Data Management challenges with a focus on Machine Learning techniques and Distributed Ledger Technologies with an emphasis on Blockchain ledgers Klitos teaches courses on Blockchain Applications and Blockchain Programming under UNIC s MSc in Blockchain and Digital Currency programme Dr Elias Losif Assistant Professor at University of Nicosia Cyprus Dr Iosif is Assistant Professor at the Department of Digital Innovation School of Business University of Nicosia UNIC as well as scientific lab co leader at the Distributed Ledgers Research Centre Institute For the Future UNIC He is teaching at the MSc in Digital Currency offered by UNIC which is the first degree programme globally on decentralized digital currencies and blockchains Also he is participating in a number of EC funded projects focused on blockchain technologies as a senior researcher Dr Iosif has a PhD degree in Electronic and Computer Engineering His areas of expertise include blockchain and machine learning with focus on natural language processing and spoken dialogue systems He has authored co authored over peer reviewed scientific publications Aanchal Malhotra PhD Senior Software Engineer Cryptography at RippleX USA As a senior software engineer at Ripple Aanchal s work focuses on proposing amp designing new features for the XRP Ledger She applies theoretical tools such as cryptography economics and game theory and network measurements to improve the security amp privacy of distributed systems She is also a part time lecturer at Northeastern University serves as a reviewer at Security Area Directorate IETF an advisory committee representative for Ripple at WC and a board member at Travel Rule Information Sharing Alliance TRISA Prior to joining Ripple Aanchal worked at Akamai Cisco Cloudflare and NlNet Labs Amsterdam Aanchal received her MS and PhD degrees in Computer Science with specialization in cyber security from Boston University amp has authored several peer reviewed scientific publications Dr Atefeh Atty Mashatan Canada Research Chair and Associate Professor at Ryerson University Canada Dr Mashatan s research is focused on the development of novel cybersecurity designs based on emerging technologies such as IoT Blockchain and Quantum Computing She investigates challenges and opportunities brought forward by these new technologies and how they change the threat landscape of cybersecurity Mashatan s expertise at the frontlines of the global cybersecurity field was recognized by SC Magazine in when she was named one of the top five Women of Influence in Security In she received the Enterprise Blockchain Award in the category of New Frontiers in Blockchain Academic Research by Blockchain Research Institute Cristina Nita Rotaru Ph D Professor at Northeastern University USA Cristina is a professor at Northeastern University s Khoury College of Computer Science Prior to joining Northeastern she was a faculty member in the Department of Computer Science at Purdue University Her research lies at the intersection of information security distributed systems and computer networks The overarching goal of her work is designing and building practical distributed systems and network protocols that are robust to failures and attacks while coping with the resource constraints existent in computing systems and networks Dr Stefanie Roos Assistant Professor at TU Delft Netherlands Dr Roos is an assistant professor for distributed systems at TU Delft and the Delft Blockchain Lab Her work deals with trade offs between privacy security and performance in decentralized systems She contributed to the censorship resistant PP network Freenet and designed SpeedyMurmurs a routing algorithm for payment channel networks like Lightning Her current research is focused on improving Layer protocols for blockchains as well as designing more efficient anonymity systems If you are an expert interested in joining the XRPL Grants Judging Committee please email info xrplgrants org with a CV and relevant experience to the XRP Ledger Are you a software developer You could receive USD to build on the XRPL The deadline for Wave is October at PM PT Learn more and apply today |
2021-10-26 17:01:07 |
| Apple |
AppleInsider - Frontpage News |
Amazon slashes $250 off 512GB 13-inch MacBook Pro with M1 |
https://appleinsider.com/articles/21/10/26/amazon-slashes-250-off-512gb-13-inch-macbook-pro-with-m1?utm_medium=rss
|
Amazon slashes off GB inch MacBook Pro with MOn the heels of the inch MacBook Pro launch Amazon is slashing the cost of the upgraded M inch MacBook Pro to thanks to a hidden cash discount Units are in stock and ready to ship inch MacBook Pro price cutHoliday shoppers looking for an aggressive early Black Friday deal on Apple s budget friendly inch MacBook Pro can save instantly at Amazon thanks to a cash rebate stacked with in bonus savings at checkout Read more |
2021-10-26 17:23:30 |
| Apple |
AppleInsider - Frontpage News |
Apple spent $64.8 million on paid search ads in 2020, ranking 12th overall |
https://appleinsider.com/articles/21/10/26/apple-spent-648-million-on-paid-search-ads-in-2020-ranking-12th-overall?utm_medium=rss
|
Apple spent million on paid search ads in ranking th overallApple ranked among the top Fortune companies that pay the most to appear in search ads according to analysis by Semrush Credit Laurenz Heymann UnsplashThe Cupertino tech giant spent million to appear in search ads in which are ads that appear in results when users look something up using a search engine Search engine optimization and targeting tool producer Semrush analyzed monthly traffic costs using its own tools to get the data Read more |
2021-10-26 17:15:44 |
| 海外TECH |
Engadget |
Valve reveals dates for Steam's Halloween, autumn and winter sales |
https://www.engadget.com/valve-steam-halloween-autumn-winter-sales-dates-171627417.html?src=rss
|
Valve reveals dates for Steam x s Halloween autumn and winter salesEven though Valve usually keeps the dates of Steam sales close to the chest until almost the time they go live the details usually end up leaking anyway This time though Valve is getting ahead of the curve It confirmed when the next three sales will take place As spotted by Eurogamer the Steamworks Documentation page notes that the Steam Halloween sale is this weekend and it runs between October th and November st The autumn sale will take place from November th th As for the Steam winter sale one of the platform s two biggest sales of the year alongside the summer edition you ll be able to score discounts on a ton of games between December nd and January th It s not a bad idea to reveal the dates well in advance Steam connoisseurs know the sales are coming anyway and the dates are less important than announcing which games will be included beforehand If a player knows that a game they want to buy will likely get a hefty discount in a couple of months they ll be less inclined to buy it now In any case Steam users now know when they ll be able to stockpile games for their Steam Deck |
2021-10-26 17:16:27 |
| 海外TECH |
Engadget |
Qualcomm's Snapdragon 695 brings faster 5G to low-cost phones |
https://www.engadget.com/qualcomm-snapdragon-695-5g-chip-170124266.html?src=rss
|
Qualcomm x s Snapdragon brings faster G to low cost phonesNow that G phones are more affordable Qualcomm wants to make those low cost devices more desirable The company has introduced three new systems on chip that all promise improved performance for budget G hardware The star is easily the Snapdragon This nm based sequel to the adds much faster millimeter wave G important for carriers like AT amp T and Verizon while delivering up to percent faster graphics and percent speedier CPU tasks Your next mid range phone might be that much better suited to gaming and giant downloads The Snapdragon Plus and G Plus meanwhile are iterations of the and G that deliver minor gains to CPU and GPU performance through increased clock speeds Think of them as tune ups for entry level and upper mid range phones respectively ーyou won t have to make do with a chip several months old There s also a lone LTE chip the Snapdragon that shares the s nm process without the added costs of G It s aimed at markets where G service is either limited or too expensive All four parts are due to reach shipping products before the end of Honor Motorola Nokia that is HMD Global Oppo Vivo and Xiaomi all expect to use one or more of the new Snapdragons in their phones There s a pragmatism at work The nm parts including the G Plus help Qualcomm continue to serve a large chunk of the smartphone market despite limited supplies of nm parts like the G It doesn t have to rely on truly old process lStill it s notable that the chip maker is launching so many speed bumped chips in the first place ーthe company is clearly determined to fend off heavyweights like MediaTek that thrive on budget and mid range hardware |
2021-10-26 17:01:24 |
| 海外TECH |
CodeProject Latest Articles |
News Track - News Aggregator |
https://www.codeproject.com/Articles/5299293/News-Track-News-Aggregator
|
certain |
2021-10-26 17:53:00 |
| 海外科学 |
NYT > Science |
Your Questions About Covid Vaccine Dosage for Children, Answered |
https://www.nytimes.com/2021/10/26/well/live/child-vaccine-dose-weight-age.html
|
answeredwe |
2021-10-26 17:19:59 |
| ニュース |
BBC News - Home |
Queen will not attend COP26 climate change summit |
https://www.bbc.co.uk/news/uk-59056725?at_medium=RSS&at_campaign=KARANGA
|
palace |
2021-10-26 17:38:42 |
| ニュース |
BBC News - Home |
Rust: Assistant director had been sacked before over gun safety |
https://www.bbc.co.uk/news/entertainment-arts-59055138?at_medium=RSS&at_campaign=KARANGA
|
safety |
2021-10-26 17:18:04 |
| ニュース |
BBC News - Home |
New legal duty promised over sewage as Lords forces issue |
https://www.bbc.co.uk/news/uk-politics-59052995?at_medium=RSS&at_campaign=KARANGA
|
forces |
2021-10-26 17:30:50 |
| ニュース |
BBC News - Home |
Covid: Masks mandatory for everyone in the Commons - except MPs |
https://www.bbc.co.uk/news/uk-politics-59056316?at_medium=RSS&at_campaign=KARANGA
|
covid |
2021-10-26 17:22:48 |
| ニュース |
BBC News - Home |
Christmas turkey shortage likely, farmers warn |
https://www.bbc.co.uk/news/uk-politics-59052711?at_medium=RSS&at_campaign=KARANGA
|
government |
2021-10-26 17:33:44 |
| ニュース |
BBC News - Home |
Grenfell Tower Inquiry: Escape plans needed to avoid next disaster - union |
https://www.bbc.co.uk/news/uk-59054490?at_medium=RSS&at_campaign=KARANGA
|
crews |
2021-10-26 17:50:06 |
| ニュース |
BBC News - Home |
Covid-19 in the UK: How many coronavirus cases are there in my area? |
https://www.bbc.co.uk/news/uk-51768274?at_medium=RSS&at_campaign=KARANGA
|
cases |
2021-10-26 17:23:44 |
| ニュース |
BBC News - Home |
'Humble, insightful, a colossus' - Sir Alex, Souness & Guardiola lead tributes to Smith |
https://www.bbc.co.uk/sport/football/59051464?at_medium=RSS&at_campaign=KARANGA
|
x Humble insightful a colossus x Sir Alex Souness amp Guardiola lead tributes to SmithSir Alex Ferguson Graeme Souness and Pep Guardiola are among those to pay tribute to former Rangers manager Walter Smith who has died at |
2021-10-26 17:15:08 |
| ニュース |
BBC News - Home |
T20 World Cup: Pakistan beat New Zealand for second win in three days |
https://www.bbc.co.uk/sport/cricket/59055198?at_medium=RSS&at_campaign=KARANGA
|
T World Cup Pakistan beat New Zealand for second win in three daysA sensational and brutal partnership between Shoaib Malik and Asif Ali guides Pakistan to a five wicket win over New Zealand in the Men s T World Cup |
2021-10-26 17:53:57 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
【精神科医が教える】SNSでケンカを売られても、心を乱されずに平常心でいられるコツ - 精神科医が教える後悔しない怒り方 |
https://diamond.jp/articles/-/285178
|
|
2021-10-27 02:45:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
「失敗がこわい」「不安で仕方がない」あなたへ、ぜひおすすめしたい！ 最強のマインドセット - 生きづらいがラクになる ゆるメンタル練習帳 |
https://diamond.jp/articles/-/285245
|
|
2021-10-27 02:40:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
自分に余裕があるときは 誰かを助けましょう - 精神科医Tomyが教える １秒で元気が湧き出る言葉 |
https://diamond.jp/articles/-/283243
|
voicy |
2021-10-27 02:35:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
リーダーが絶対に言ってはいけない「一瞬で信頼を失う発言」 - 武器としての組織心理学 |
https://diamond.jp/articles/-/284727
|
人間関係 |
2021-10-27 02:30:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
【この三字熟語わかりますか？】先□者 （ヒント）時代を牽引する人です。 - 世にも美しい三字熟語 |
https://diamond.jp/articles/-/285744
|
三字熟語 |
2021-10-27 02:25:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
なぜ株主はすぐ「ROE」と口にするのか - 三位一体の経営 |
https://diamond.jp/articles/-/284330
|
三位一体 |
2021-10-27 02:20:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
金運の神様ベスト3！「神社分析」のリュウ博士がおすすめ - 最強の神様100 |
https://diamond.jp/articles/-/285820
|
金運の神様ベスト「神社分析」のリュウ博士がおすすめ最強の神様「仕事運」「金運」「恋愛運」「健康運」アップ「のご利益」の組み合わせからあなたの願いが叶う神様が必ず見つかる八百万やおよろずの神様から項目にわたって紹介。 |
2021-10-27 02:15:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
【ネット銀行フル活用術】金利も手数料もお得にしなさい - そのままやるだけ！ お金超入門 |
https://diamond.jp/articles/-/285735
|
新進気鋭 |
2021-10-27 02:10:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
自然界で最強の「猛毒」…「酸素がなくても生きられる」驚くべき細菌とは？ - すばらしい人体 |
https://diamond.jp/articles/-/285753
|
自然界で最強の「猛毒」…「酸素がなくても生きられる」驚くべき細菌とはすばらしい人体唾液はどこから出ているのか、目の動きをコントロールする不思議な力、人が死ぬ最大の要因、おならはなにでできているか、「深部感覚」はすごい…。 |
2021-10-27 02:05:00 |
コメント
コメントを投稿