AWS |
AWS Architecture Blog |
Migrating to an Amazon Redshift Cloud Data Warehouse from Microsoft APS |
https://aws.amazon.com/blogs/architecture/migrating-to-an-amazon-redshift-cloud-data-warehouse-from-microsoft-aps/
|
Migrating to an Amazon Redshift Cloud Data Warehouse from Microsoft APSBefore cloud data warehouses CDWs many organizations used hyper converged infrastructure HCI for data analytics HCIs pack storage compute networking and management capabilities into a single “box that you can plug into your data centers However because of its legacy architecture an HCI is limited in how much it can scale storage and compute and continue … |
2021-11-09 17:13:28 |
AWS |
AWS Big Data Blog |
How Roche democratized access to data with Google Sheets and Amazon Redshift Data API |
https://aws.amazon.com/blogs/big-data/how-roche-democratized-access-to-data-with-google-sheets-and-amazon-redshift-data-api/
|
How Roche democratized access to data with Google Sheets and Amazon Redshift Data APIThis post was co written with Dr Yannick Misteli João Antunes and Krzysztof Wisniewski from the Roche global Platform and ML engineering team as the lead authors Roche is a Swiss multinational healthcare company that operates worldwide Roche is the largest pharmaceutical company in the world and the leading provider of cancer treatments globally In this … |
2021-11-09 17:43:10 |
AWS |
AWS Database Blog |
Avoid PostgreSQL LWLock:buffer_content locks in Amazon Aurora: Tips and best practices |
https://aws.amazon.com/blogs/database/avoid-postgresql-lwlockbuffer_content-locks-in-amazon-aurora-tips-and-best-practices/
|
Avoid PostgreSQL LWLock buffer content locks in Amazon Aurora Tips and best practicesWe have seen customers overcoming rapid data growth challenges during For customers working with PostgreSQL a common bottleneck has been due to buffer content locks caused by contention of data in high concurrency or large datasets If you have experienced data contentions that resulted in buffer content locks you may have also faced a business impacting reduction of … |
2021-11-09 17:41:29 |
AWS |
AWS Machine Learning Blog |
Bring your own data to classify news with Amazon SageMaker and Hugging Face |
https://aws.amazon.com/blogs/machine-learning/bring-your-own-data-to-classify-news-with-amazon-sagemaker-and-hugging-face/
|
Bring your own data to classify news with Amazon SageMaker and Hugging FaceThe fields of natural language processing NLP natural language understanding NLU and related branches of machine learning ML for text analysis have rapidly evolved to address use cases involving text classification summarization translation and more State of the art general purpose architectures such as transformers are making this evolution possible Looking at text classification in particular a supervised … |
2021-11-09 17:53:07 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
(usage: ipykernel_launcher.py [-h] [-w WEIGHTS] [-m])というエラーがJupyterNotebookで実行時に出てしまいます |
https://teratail.com/questions/368562?rss=all
|
usageipykernellauncherpyhwWEIGHTSmというエラーがJupyterNotebookで実行時に出てしまいます前提・実現したいこと任意のSignaltoNoise比の音声波形をPythonで作ろうこちらのサイトのプログラムをjupyternotebookを利用して、ノイズ除去を試みているのですが、以下のエラーメッセージが起きてしまいます。 |
2021-11-10 02:50:59 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
rails tutorial 第8章 user_login_testにてNoMethodError: undefined method `document' for nil:NilClass |
https://teratail.com/questions/368561?rss=all
|
railstutorial第章userlogintestにてNoMethodErrorundefinedmethoddocumentxfornilNilClassrailsnbsptutorialnbsp第章でのエラーです。 |
2021-11-10 02:49:31 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
TypeError: seasonal_decompose() got an unexpected keyword argument 'freq'の解決方法 |
https://teratail.com/questions/368560?rss=all
|
TypeErrorseasonaldecomposegotanunexpectedkeywordargumentxfreqxの解決方法前提・実現したいことプログラム初心者です勉強を兼ねてデータサイエンス塾さんの時系列データ自己相関コレログラム波形分解を実際に行ってみました途中までは何とかサイト上のものと同じ結果を得ることができましたしかし最後の波形分解のところでTypeErrorがでてしまい自力では解決できませんでした。 |
2021-11-10 02:13:18 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
windowsのタスクスケジューラーでの不明点 |
https://teratail.com/questions/368559?rss=all
|
windowsのタスクスケジューラーでの不明点前提・実現したいcsv出力用のexeをタスクスケジューラーで起動するとexeは起動されますが、DB接続エラーがでます。 |
2021-11-10 02:11:05 |
海外TECH |
Ars Technica |
A quarter of new Volvos are now plug-in hybrids or battery EVs |
https://arstechnica.com/?p=1811536
|
electrification |
2021-11-09 17:25:53 |
海外TECH |
Ars Technica |
Zuckerberg’s metaverse will invade workers’ privacy, whistleblower says |
https://arstechnica.com/?p=1811526
|
invade |
2021-11-09 17:20:10 |
海外TECH |
Ars Technica |
Netflix Gaming starts to look legit with impressive League of Legends spinoff |
https://arstechnica.com/?p=1811274
|
switch |
2021-11-09 17:00:48 |
海外TECH |
MakeUseOf |
How to Become a Google Cloud Expert With Google Cloud Skills Boost |
https://www.makeuseof.com/become-google-cloud-expert-skills-boost/
|
boost |
2021-11-09 17:30:22 |
海外TECH |
MakeUseOf |
What DirectStorage Means for Windows 11 Gamers |
https://www.makeuseof.com/what-directstorage-means-windows-11-gamers/
|
directstorage |
2021-11-09 17:16:38 |
海外TECH |
DEV Community |
Build your own component library with Svelte |
https://dev.to/logrocket/build-your-own-component-library-with-svelte-510l
|
Build your own component library with SvelteWritten by Madushika Perera ️ IntroductionSvelte is an open source JavaScript component framework for building web applications Svelte takes a different approach than all the existing web frameworks like React Angular and Vue which follow declarative state driven code The Svelte bundle size is significantly smaller than most frameworks because it doesn t have any dependencies only dev dependencies are available in the package js file Due to these features Svelte has become the most loved dreaded and wanted web framework in Due to this popularity devs have introduced several awesome UI component frameworks libraries like Svelte Material UI Smelt Svelte Materialify and Sveltestrap But what would it be like to build your own Svelte component library Fortunately there are several templates that you could start with like the official template provided by Svelte and Svelte Component Template which are considered the go to for building your own component library However these templates are highly opinionated and you may not be able to see the underlying tools and techniques required to build the component library itself In this article we are going to learn how to build a component library on our own using Svelte s new SvelteKit What is SvelteKit SvelteKit can be considered the successor to Sapper or NextJS for Svelte It is packed with tons of cool features like server side rendering routing and code splitting SvelteKit uses Vite under the hood which is quite surprising as Sapper and most tools are developed using Snowpack Vite is framework agnostic and designed with SSR at its core SvelteKit is still in beta but it s very stable and there are many projects in production using this framework Getting started with SvelteKitFor this project we will use a skeleton project as the base for our library Let s initialize the project using SvelteKit You will need to execute the following command and select the options given by the Svelte Integrate StorybookIt s time to integrate Storybook an open source tool for building UI components and pages in isolation It streamlines UI development and testing which is ideal for our component library development It allows us to build components without worrying about the configurations or development server in SvelteKit In your SvelteKit project root execute the following command This will identify and generate the necessary configurations for Svelte npx sb initYou may face some issues when setting up Storybook with a SvelteKit project Storybook will throw an error when you start the server like so This issue is thrown due to the property of the “type module under the package json file which means we cannot use ESM required syntax To overcome this you can make a small tweak in the Storybook configuration files Simply change the extension of your Svelte Storybook configuration files from js to jcs and inside the main cjs file make sure you comment out the svelteOptions property which consists of a require command After making the above tweaks you can run the command below to start the Storybook server npm run storybookThis command will open up a new tab in the browser that loads the Storybook app for our SvelteKit project Factors to consider before building componentsConsider the factors below before building components as they will help us follow the proper guidelines Props usageThe word “props is common to all major frameworks and libraries like Vue and React Props pass data to child components or enable component communication Slots and slots usageEven though props allow you to reuse components by passing data it will bring a strict parent child relationship This means its HTML content will always control the child and the parent is only capable of passing different values so components can t be composed together with props This is where slots come in handy Slots maintain reusability while allowing the parent component to control the content of the child including the HTML elements inside it By adding lt slots gt tags you can pass down HTML or markdown from the parents not just the values Avoiding nested and global CSSWhen building components avoid nested and global CSS because they will not be scoped which means they will leak through to all child components Handling eventsWhen building components make sure you add or handle the proper events You will have to use a Svelte API called createEventDispatcher which can be useful when dispatching events Creating componentsLet s create some components for our library First remove the default story folder generated by Storybook and create a stories file under the src directory Next we will focus on the project structure Create a directory called lib under the src directory This lib directory is a special directory for SvelteKit because it will allow us to use a special notation called lib lib can be used to alias the src lib directory and helps us to access components and utility modules without using relative paths like Button componentNow let s create our button component under the lib directory called Button svelte lt script gt import createEventDispatcher from svelte export let primary false export let size medium export let label const dispatch createEventDispatcher Button click handler function onClick event dispatch click event lt script gt lt button type button class sveltio button sveltio button size sveltio button primary primary secondary join on click onClick gt label lt button gt lt style gt sveltio button font family Nunito Sans Helvetica Neue Helvetica Arial sans serif font weight border border radius px cursor pointer display inline block line height sveltio button primary color be background color bedb sveltio button secondary color ffffff background color be box shadow rgba px px px px inset sveltio button small font size px padding px px sveltio button medium font size px padding px px sveltio button large font size px padding px px sveltio button primary hover color be background color bd sveltio button primary active color be background color bd border solid px be sveltio button primary disabled color be opacity background color bedb sveltio button secondary hover color be background color bd sveltio button secondary active color be background color bedb border solid px be sveltio button secondary disabled color ffffff opacity background color be lt style gt Notice that we have added styles in the same file under the lt style gt tags Now let s create a stories file for our Button component called Button stories svelte lt script gt import Meta Template Story from storybook addon svelte csf import Button from Button svelte lt script gt lt Meta title Sveltio Button component Button argTypes label control text primary control boolean backgroundColor control color size control type select options small medium large onClick action onClick gt lt Template let args gt lt Button args on click args onClick gt lt Template gt lt Story name Primary args primary true label Button gt lt Story name Secondary args label Button gt lt Story name Large args size large label Button gt lt Story name Small args size small label Button gt Notice that we have created several templates for our button component by passing several arguments to the templates Now in the Storybook window you will be able to see a button You can switch from the primary button to the secondary button from the controllers provided below You can also clearly view the types of events that are available for this custom component from the Actions logs Toggle componentNow let s create a toggle component Start by creating the Toggle svelte and Toggle stories svelte file Toggle svelte lt script gt export let label export let isToggled false export let style lt script gt lt label style class sveltio toggle label gt lt input type checkbox class sveltio input bind checked isToggled gt lt div class sveltio toggle gt label lt label gt lt style gt sveltio toggle label width px height calc var width radius calc var height display flex sveltio toggle position relative width var width height var height border radius var radius border solid px ccc transition background color s ease margin right px background color var toggleBackgroundColor ccc sveltio toggle after content position absolute top px left px height var height width var height border radius var radius background color var toggleButtonColor ffffff box shadow px px px rgba transition transform s ease sveltio input display none sveltio input checked toggle background color var toggleCheckedBackgroundColor be sveltio input checked toggle after transform translated lt style gt Toggle stories svelte lt script gt import Meta Template Story from storybook addon svelte csf import Toggle from Toggle svelte lt script gt lt Meta title Sveltio Toggle component Toggle argTypes label control text primary control boolean backgroundColor control color size control type select options small medium large onClick action onClick gt lt Template let args gt lt Toggle args on click args onClick gt lt Template gt lt Story name Labeled args primary true label Check me gt lt Story name Blank args label gt Now let s see how this component will be rendered in Storybook This story consists of Two templates called Labeled and Blank and will render two instances of the same component with different props or arguments Input field componentFinally we will create an input field component with styling that shows pleasing colors for each state for the input Write the following in your Input svelte file lt script gt import createEventDispatcher from svelte export let placeholder export let label export let disabled false export let state active const dispatch createEventDispatcher input change handler function onChange event dispatch click event lt script gt lt label gt if label lt span class sveltio input label gt label lt span gt if lt input disabled disabled type text class sveltio input sveltio input state join placeholder placeholder gt lt label gt lt style gt sveltio input font family Nunito Sans Helvetica Neue Helvetica Arial sans serif font weight min height px margin px border radius px border solid px background color ffffff sveltio input focus border solid px be sveltio input success border solid px d sveltio input error border solid px ab sveltio input disabled color eeea border solid px eeea sveltio input webkit input placeholder color red sveltio input label font family Nunito Sans Helvetica Neue Helvetica Arial sans serif font weight lt style gt Now because we have created the input component with its styling let s see how we can write stories for these components and how it renders Here we will pass in some arguments like backgroundColor and state Input stories svelte lt script gt import Meta Template Story from storybook addon svelte csf import Input from Input svelte lt script gt lt Meta title Sveltio Input component Input argTypes backgroundColor control color state control type select options active success error onChange action onChange disabled control boolean gt lt Template let args gt lt Input args on change args onChange gt lt Template gt lt Story name Active args placeholder Text Input Active state active gt lt Story name Success args placeholder Text Input Success state success gt lt Story name Error args placeholder Text Input Error state error gt lt Story name Disabled args state disabled disabled true gt In a similar manner you can create other web components and create stories for other components to continue building your component library You can find the whole code for the components we built through this link Testing with svelte testing library and JestOne of the most critical aspects of developing web applications is running and maintaining tests for our components With Svelte the process of running tests is similar to what we get with React Vue or Angular There are several tools to write and run tests like Mocha Karma Jasmine and Jest For this project we will be using Jest as our test runner However even Jest falls slightly short because we need to render our component and check how it s behaving after executing actions on them For this purpose we will be using a tool called Testing Library This tool helps us write tests as if a real user is working on the elements and also supports all the major frontend frameworks and libraries We will also use an additional plugin with Testing Library called user event which allows us to mimic user events like typing inside an input or clicking on a button We will also use a plugin called jest dom which extends the DOM related matching capabilities of Jest which we require because we are dealing with web components Now let s install these libraries as dev dependencies in our project like so npm install save dev jest babel jest svelte jester testing library svelte testing library user event testing library jest dom testing library domNow let s add some configuration files to the root of our project Starting with the Jest config cjs file which holds the configurations for Jest and a babelrc with some presets for converting the files to ES JavaScript Jest config cjs module exports transform js babel jest svelte svelte jester moduleFileExtensions js svelte moduleNameMapper lib pre gt lt rootDir gt src lib app pre gt lt rootDir gt svelte kit dev runtime app lt rootDir gt svelte kit build runtime app setupFilesAfterEnv testing library jest dom extend expect testEnvironment jsdom babelrc presets babel preset env targets node current The above test will check if the text is available in the button and do some assertions Let s add another test for the Input file we have created Let s call this Input test js under the test directory import testing library jest dom import Input from lib Input Input svelte import render from testing library svelte describe Input component gt it Input Has Placeholder gt const getByPlaceholderText render Input placeholder Hello Sveltio expect getByPlaceholderText Hello Sveltio toBeInTheDocument The above test will check if the input field consists of the placeholder we pass as a prop Before we run these tests we will add a small attribute called “test jest under scripts to the package json file Now all you have to do is run the following command in the project root With this you can maintain unit tests that will improve the quality of your components Packaging and publishing to npmNow it s time to publish your project to the world There are several tools that can be used to export your components as a package but we will be using a cool feature that comes built in to SvelteKit First add this attribute to the package json file package svelte kit package Now all you have to do is run the following from the root of the project npm run packageIf you didn t initialize a TypeScript SvelteKit project you will need to install a dependency called sveltetsx which converts the Svelte component source into TSX This command will take all the files that are under the src lib folder and make them available as a package This command generates a new directory called package at the root of your project and inside this you will notice that there is a new package json file This file consists of an attribute called exports which consists of all the paths or entry points to the individual components that we have developed Enter the following code into the package json file under the package directory name sveltio version devDependencies some dependencies type module dependencies exports package json package json Button svelte Button Button svelte Input svelte Input Input svelte Modal svelte Modal Modal svelte Toggle svelte Toggle Toggle svelte If your library consists of files like src lib index js or src lib index svelte it will be treated as the package root This makes it much easier to use the components of our library as ES module imports For example if you had an src lib Button svelte component and an src lib index js module that re exported it a consumer of your library could do either of the following import Button from your library orimport Button from your library Button svelte Now that we have created a package using SvelteKit it s time to publish it as an npm module All you need to do is to execute the following command from the root of the project npm publish packageThe above command will publish the package we have created using SvelteKit Make sure that the package name and package version combination don t exist already if so the package will not be published on npm ConclusionYou can see why SvelteKit deserves more attention in the developer community SvelteKit has fantastic features packed in and creating packages is quite easy With tools like Storybook and Jest creating a component in isolation and maintaining tests for components is simple and efficient For more information please go through the SvelteKit documentation LogRocket Full visibility into your web appsLogRocket is a frontend application monitoring solution that lets you replay problems as if they happened in your own browser Instead of guessing why errors happen or asking users for screenshots and log dumps LogRocket lets you replay the session to quickly understand what went wrong It works perfectly with any app regardless of framework and has plugins to log additional context from Redux Vuex and ngrx store In addition to logging Redux actions and state LogRocket records console logs JavaScript errors stacktraces network requests responses with headers bodies browser metadata and custom logs It also instruments the DOM to record the HTML and CSS on the page recreating pixel perfect videos of even the most complex single page apps Try it for free |
2021-11-09 17:15:46 |
海外TECH |
DEV Community |
It works |
https://dev.to/tomaszs2/it-works-5dd1
|
It works |
2021-11-09 17:11:36 |
海外TECH |
DEV Community |
The 6 November Frontend tips about a11y and UX |
https://dev.to/melnik909/the-6-november-frontend-tips-about-a11y-and-ux-1i9l
|
The November Frontend tips about ay and UX Focus moving is underestimatedWe don t think about what to do with focus when we design elements that appear after user actions Or more specifically we just do nothing Therefore there are problems Firstly we cut off the possibility of more quick interaction For example when we log in on Groupon we have to focus on the input field to start filling in the form Instead when we go through the same case on Pinterest focus moves to the first input field automatically So we can start filling in the form without additional actions Secondly if users have vestibular disabilities login becomes an impossible task because in this case they lost the possibility of using a keyboard For example when we push on the sign in button on Groupon focus doesn t move inside of the form It s lost just For these reasons we have to design our interfaces with the thought of how focus should move In this case our interfaces will be accessible for more users Thinking about a main and additional goal when we work with focusDid you think sometimes about how better to move focus when users open elements such as modals or dialogs I think there is a main and additional goal when we work with focus The main goal is what users want to do after moving focus for reaching their goals using a minimal number of actions An additional is what they can do something else Let s consider what I mean using the case of selecting a language on Booking If we push the button of selecting a language we ll see modal with languages Focus will move on the close button Nice what we can close modal by pushing the enter key But is that why we open the modal No we wanted to select a language That s the main goal And closing a modal is an additional goal Now let s look at what Booking suggests for selecting a language If we use only a keyboard we have to use the tab ↑or ↓keys to start moving between languages Then we push the same keys again until we find the necessary option If we push the enter key we ll select a language Well that s a nice solution but I want to suggest another We have already identified that users open the modal because they want to select a language It s the main goal So we should give that to them I think we can do that if we move focus on the current language Then we should make the possibility of moving between languages using tab ↑ → ↓or ←keys immediately The selection of a language we ll make using the enter key Also we ll save the possibility of closing the modal using the Esc key like Booking made I hope I was able to pass on the importance of defining a main and additional goal when you work with focus Please think about it and your interfaces will be user friendly The button role isn t enough for an accessible interfaceThere is a practice of overriding the button s default role It s a bad practice already because authors of the ARIA in HTML standard prohibit overriding of default roles in section But in addition people think if they define role button this element becomes accessible Yes it s true for screen readers But that s only one case This button isn t accessible for a keyboard Users can t focus on this element using the tab key Also this button isn t accessible for interaction using the enter or space keys So if you want to define role button don t do that Just use the button element don t do this lt div role button gt Go lt div gt lt or gt lt span role button gt Go lt span gt you can use it instead lt button gt Go lt button gt The bigger clickable area the better user friendly interactive elementsWhen we design interactive elements we have to think about how users will interact with them in particular a clickable area That is important because users use different kinds of interactions I often see designers and developers make a clickable area that is equal sizes of the element It s nice for users who use a mouse But that s a big problem for other users If users have a motor disability click on such an element is a nearly impossible task Sometimes I can t hit on such elements when I tap on them using a finger Also outline around elements has not enough contrast if I focused on them using a keyboard But we can solve these problems easily Just we should design more largest clickable area that will not conflict with other elements around The aria labelledby simplify navigation for users of screen readersAny web interface has a lot of sections that help users without vision disabilities orient at the page We just see headings and understand that is a section and also its sense But some users can t see They use the special quick navigation mode known as Regions list in screen readers In this mode screen readers display all regions on the page So users can go to any by some taps Unfortunately there is a problem that is section elements aren t displayed in this mode until we associate section heading with a section using the aria labelledby attribute So we have to add the id to the heading and add this as a value to the aria labelledby attribute that is defined for the section element As a result this section will be added to the regions list and users will know about it don t do this lt section gt lt h gt About me lt h gt lt p gt Lorem ipsum dolor sit amet consectetur lt p gt lt section gt you can use it instead lt section aria labelledby about me gt lt h id about me gt About me lt h gt lt p gt Lorem ipsum dolor sit amet consectetur lt p gt lt section gt Where are the buttons here Unfortunately designers and developers don t know the importance of using the button element for any elements for which users can click So why is that important Yes by default click applies on any elements But not all users use a mouse for interaction with UI For example some users want to use tab enter and space keys for interaction with UI If we think about users of screen readers they can t interact with UI if button elements aren t on the page So if you want to create an element by which users will click please make it is a button For inspiration I collected a few examples where the button element will be helpful As a result users will get a more user friendly web interface P S Folks I love to share my tips with you I do that with the help of donations from my sponsors since content creating is my full time job For this reason I ask you to join my sponsors if you like what I do Go to PatreonThank you so much my sponsors Ben Rinehart Sergio Kagiema Jesse Willard Tanya Ten Spiridon Konofaos Also I tell stories from my career on Substack Join my free newsletter if you re interested in my background |
2021-11-09 17:10:41 |
海外TECH |
DEV Community |
What Are The Different Roles In The Cloud? A Beginners Guide. |
https://dev.to/aws-builders/what-are-the-different-roles-in-the-cloud-a-beginners-guide-41ha
|
What Are The Different Roles In The Cloud A Beginners Guide If you re new to the cloud industry it s likely you re feeling overwhelmed by all the routes and roles to get you into the cloud industry right I speak to many people new to the cloud industry every day and “what are the different roles in cloud is a very common question that I get asked Today I ll take you through some of the most popular roles in cloud covering how much they earn how technical the roles are e g if they write code how much and if the role is suitable for a beginner and why Then in the end I ll make you some recommendations about where I suggest you should start What are the different job roles in the cloud industry Cloud Architect Site Reliability Engineer SRE Cloud Engineer Software Engineer Data Engineer DevOps Product Manager Quality Assurance and Cloud Support Engineer Let s start to break these roles down Cloud Roles ComparedTo make things easier here s an overview of the different roles I created this visualization so you can easily compare different aspects across the different roles understanding how much the roles can earn how much coding is usually involved and if the role is generally speaking suitable for a beginner Of course to make this visualization I had to make some generalizations and of course there always are exceptions and things that “it depends on so let s dive into the details of the different roles to understand them better Cloud ArchitectResponsible for the high level design of software systems An architect usually requires deep expertise in the many technologies that they use in order to facilitate considered decisions Architects usually start their careers in other roles like software engineering Earning potential High K USD Source Due to the wide impact the architect can have on a company and the depth of skills that are often required the earning potential for cloud architects is typically high How much code Low An architect usually is not required to write much code in the day to day However an architect is often expected to keep up to date with trends in the industry to ensure they make informed decisions Suitable for a beginner Low Due to the depth of knowledge required architecture is often a difficult role for those new to the tech industry There are some exceptions where larger companies such as the cloud providers offer schemes to help less experienced candidates step into the architect role such as AWS Tech U Site Reliability Engineer SRE Ensures reliability and stability of software systems The SRE spends their time gathering data about the systems they operate through “telemetry The SRE role suits those who like data and investigations SRE s are also responsible for configuring and creating processes around responding to incidents or outages which makes the role also quite people focussed Earning potential High K USD Source SRE s are required to have deep knowledge of the systems they operate write code influence stakeholders and set up processes all of which can make the SRE role quite challenging and as a result compensation is high How much code Medium SRE s might not write as much code as a typical software engineer but they certainly write code Knowledge of how underlying applications are created is essential to an SRE to allow them to instrument and support those systems Suitable for a beginner Medium Whilst an SRE is a technical role it is feasible for a beginner to aim to land a role as an SRE as some companies will offer junior positions and be willing to train an SRE However due to it s technical nature it s not an easy role or skillset to pick up Software EngineerThere are many flavors of software engineer those who work on user interfaces and those who work on backend systems moving about data and building application programming interfaces APIs Earning potential Medium K USD Source Compensation for software engineers varies depending on the type of role and company but generally the earning potential is quite high How much coding High Out of all the roles in cloud the software engineer has the most technical and in depth coding knowledge Suitable for a beginner Medium Whilst it s not easy to land a job as a software engineer it is one of the most well documented routes into tech and the cloud industry Cloud EngineerA cloud engineer manages and maintains a companies cloud accounts and builds shared cloud components A cloud engineer guides other software engineers and their business on cloud best practices A cloud engineer is usually required to code but more often “infrastructure as code than application code Earning potential High K USD Source The cloud industry is constantly changing and keeping up can be a challenge which is why the cloud engineer role is also highly compensated How much coding High The cloud engineer is very hands on with writing code Cloud engineers will often write more “infrastructure as code than application code Suitable for a beginner Medium A cloud engineer is a highly technical role but some companies will offer junior positions The skillset for a cloud engineer can vary dependent on the technologies used in the company DevOps EngineerThe DevOps role is often quite varied in expectation and can involve tasks similar to that of a cloud engineer SRE or platform engineer However in some cases the DevOps engineer is considered responsible for the delivery and operation of software systems which typically means working on build and deployment often called CI or CI CD pipelines Earning potential High K USD Source A DevOps engineer is sometimes a jack of all trades requiring skills in many different areas of the tech stack Due to the high skill requirement the compensation is high How much coding High Much like a cloud engineer or SRE the DevOps engineer won t write much application code instead they will typically write more infrastructure as code and build and deploy pipeline configurations Suitable for a beginner Medium DevOps can be a challenging role to apply for due to the varying interpretation of the role however by building the right skills it is possible to land a job as a DevOps engineer Data EngineerA data engineer is responsible for handling a companies data and putting it to strategic use Company data is often used to create company insights to guide decision making or the data could form part of the product or services of the company itself It s the data engineer s job to help get that data from its source cleaned up and structured for analysis Earning potential High K USD Source Data engineers need knowledge of the systems they are extracting data from understanding of how to build data pipelines and analytics Due to the highly technical nature of the job the compensation is high How much coding High Data engineers certainly will write code Data engineers will need to understand how databases are structured and queried and will need to write code that sanitizes structures or moves data around Suitable for a beginner Medium Whilst a strongly technical role some companies will offer junior positions working as a data engineer working on a subset of systems Quality Assurance EngineerA quality assurance QA engineer is responsible for ensuring that newly created versions of software work as expected Depending on the role some QA engineers work manually to verify applications whilst others will work in a highly automated fashion writing code to test applications Earning potential Low K USD Source Some QA engineers especially those working with automation can command high salaries However due to the fact that some roles have a manual element which can be low skilled the compensation on average is lower than for other roles How much coding Low Some QA engineers work on automation and write a lot of code however there are many QA roles requiring only a limited understanding of software and programming Suitable for a beginner High Due to some QA roles working with manual verification the QA role can be easier to land than others In some cases it will be possible to learn some automation and whilst working and eventually move into more technical positions Cloud Support EngineerCloud support engineers work to resolve customer queries Support roles are often created to ease the pressure between customer requests and the busier more technical members of the business such as software engineers Depending on the role some technical skills may be required Earning potential Low K USD Source Due to the lower technical requirements of the cloud support engineer the total compensation is lower than for other roles How much coding Low Very little or often no coding is required to become a cloud support engineer An understanding of the companies product is usually required which might be technical and there may be some interaction with some cloud services in order to complete the role Suitable for a beginner Cloud Support is one of the most popular roles entry level roles to the cloud industry due to the lower barriers to entry One criticism of the support role is that sometimes positions do not give much exposure or room for learning and growing as expected Which Role In The Cloud Is Best For A Beginner Naturally the next question you might have is “which role is best But that s a very difficult question to answer I ve met people who have broken into the cloud industry through every role listed here I see many people enter the industry via the support role due to the low barrier to entry however that shouldn t put you off aspiring to take on a more technical role such as a software engineer or cloud engineer If you think some of the roles here might suit you what I d suggest your next step is start to look through different job descriptions which should start to give you an idea about the skills required and create a learning plan Because I recommend this approach so often I put together a YouTube video going through Cloud Engineer job descriptions to show how I d do it I hope that helped to start you off on your journey to understand the different roles in the cloud industry do your research reach out to people already in the industry and make a decision that s right for you If you re looking for resources to get into the cloud industry I ve collated some of my favorites here Hey If we haven t met let me introduce myself I m Lou and I created Open Up The Cloud to help you get your start and grow your career in cloud If you re interested in cloud the best way to keep up to date with news and everything I publish is via the monthly cloud newsletter And find Open Up The Cloud on YouTube Twitter Instagram wherever you like to hang out The post What Are The Different Roles In The Cloud A Beginners Guide appeared first on Open Up The Cloud |
2021-11-09 17:08:00 |
海外TECH |
DEV Community |
because copy & paste is tough |
https://dev.to/mtfoley/because-copy-paste-is-tough-3f3o
|
because copy amp paste is toughFollowing up on my post last week about the first aspect of a PR contribution to explore opensauced pizza I m going to talk about the second aspect of that PR joyfully implemented as an HTML lt select gt element I really like these So as I mentioned in the post before We also wanted to let users quickly reproduce the queries we use in Open Sauced this way when its time to iterate on an existing feature there s very little friction to finding that starting point About a week before this I had been working on a PR for tabulating the GraphQL API calls in the Open Sauced docs so a lot of the details about API calls were pretty fresh Side note if you want line breaks inside a table in markdown you ll need to use a lt br gt element but don t forget to use a self closing tag in the event your markdown file is parsed and used by a tool like Docusaurus cough cough Shout out to vortex for cleaning up my messes Anywho after looking around at GraphiQL implementations I came to the belief that most define a fetcher with the correct API endpoint headers and otherwise things just work out of the box Once the introspection query is run and the schema parsed and validated the combination of the Explorer pane and the Query Editor pane make it really easy to build up and run valid queries There s also a common pattern of using a default query so when the client first loads up the query is pre populated What these two don t help with is reproducing and working with multiple queries The approach I wound up taking was to store all of the dynamic queries in an object and then generate a lt select gt element in the toolbar which updates the query contents and query name with the onchange event Here s the piece of code that does the job lt GraphiQL Toolbar gt lt select defaultValue onChange e gt const key e target value this handleEditQuery Queries key this handleEditOperationName key gt lt option value gt Choose a Query lt option gt Object keys Queries filter key gt key ALL map key gt const isMutation Queries key trim indexOf mutation return lt option key key value key gt isMutation Mutation key lt option gt lt select gt lt GraphiQL Toolbar gt And here s a screenshot of what it does The thing I still want to see work for this repo is supporting persisted queries really just for the sake of completeness I have some ideas on how to do it but perhaps someone reading has done this before |
2021-11-09 17:05:32 |
海外TECH |
DEV Community |
How to create your own cryptocurrency with JavaScript |
https://dev.to/logrocket/how-to-create-your-own-cryptocurrency-with-javascript-1ai9
|
How to create your own cryptocurrency with JavaScriptWritten by Atharva Deosthale ️Nowadays there are a lot of methods to send money digitally to someone else Most of the ways are through a bank or some wallets but recently using cryptocurrency has become popular Cryptocurrency is a great way to send money anonymously to others Another advantage of cryptocurrencies is that their network is decentralized which means there s no one looking over the transaction and there s no middleman Some people think this is not good because most scammers operate on cryptocurrencies but some think that this is another step towards privacy Today we are going to create a cryptocurrency using JavaScript Hopefully this article will give you a basic idea of how to create your own cryptocurrency and you can continue to work on these skills for improving privacy in your finances Requirements Node js installed on your machine A code editor I prefer Visual Studio Code Working knowledge of NodeYou can always refer to the GitHub repository if you want to have a look at the code Getting startedLet s get started by creating a Node project Navigate to a safe directory and enter the following command to create a new project npm init yThis should generate a package json file for you If the file is created then the project is created Now let s create a new file called index js First import the crypto package so that we can deal with hashes in our project The crypto package helps us to work with hashes signatures and keys It allows us to perform cryptographic conversion in Node This is a pre installed package with Node so you don t need to install it separately const crypto require crypto We will be dealing with four classes in these projects They are Transaction Block Chain WalletFirst let s create the Transaction class Creating the Transaction classThe basic properties of a transaction will be the amount senderPublicKey and recieverPublicKey So let s set up a constructor for the properties so that we can use the class later class Transaction constructor amount senderPublicKey recieverPublicKey this amount amount this senderPublicKey senderPublicKey this recieverPublicKey recieverPublicKey We also need a method to convert the object of the class into a string so as to convert it into a hash So we will create a function to convert the object to string for later use toString return JSON stringify this Your complete Transaction class should look like the following class Transaction constructor amount senderPublicKey recieverPublicKey this amount amount this senderPublicKey senderPublicKey this recieverPublicKey recieverPublicKey convert the data of the class to json so that it can be converted into a hash toString return JSON stringify this We can now store these transactions inside a block which we will create next Creating the Block classThe term “blockchain means exactly what it sounds like a chain of blocks The chain is the collection of blocks that contain the transactions linked to each other so that we can access them in a systematic manner To get things started let s set up the constructors and properties we will be using with the Block class class Block constructor previousHash transaction timestamp Date now this previousHash previousHash this transaction transaction this timestamp timestamp In a block we will have previousHash the hash of previous block on the chain transaction the object of class Transaction and timestamp the time the block was created Now let s create a function to generate a hash of the block getHash const json JSON stringify this const hash crypto createHash SHA hash update json end const hex hash digest hex return hex Firstly we convert the object into JSON format Then we create a SHA hash which is a hashing method that cannot be decrypted We use the hash to verify the blocks later it provides legitimacy for a block once a hash is verified Next we add the JSON as the data so that it gets converted to a SHA hash Finally we create a HEX digest for the hash and we return it Now again we create a function to convert the block object into JSON toString JSON stringify this Your complete Block class should now look like this class Block constructor previousHash transaction timestamp Date now this previousHash previousHash this transaction transaction this timestamp timestamp getHash const json JSON stringify this const hash crypto createHash SHA hash update json end const hex hash digest hex return hex toString return JSON stringify this Now let s create the Chain class Creating the Chain classNow that we have our Block class ready we can fill in those blocks in a Chain A chain holds every block or every transaction that takes place on the blockchain As discussed before a blockchain contains all the blocks linked to each other and our project needs a Chain class in order to keep all the blocks together in one place Because we only need to initialize the chain once and not multiple times we will initialize it right away in the class itself class Chain static instance new Chain Let s set up our constructor so that we have the first block ready in the chain whenever the program is run This will also set up the array where our blocks are placed We do this to eliminate any errors in our project because we depend on the previous block in parts of our code so we need a dummy block initialized at first constructor this chain new Block new Transaction temp temp Now we need a function to get the last hash of the chain in order to use the information in new blocks getPreviousBlockHash sending the entire block itself return this chain this chain length getHash Next let s create a function that will actually create and insert a block into our chain array insertBlock transaction senderPublicKey sig create verifier const verify crypto createVerify SHA add the transaction JSON verify update transaction toString Verify it with the sender s public key const isValid verify verify senderPublicKey sig if isValid const block new Block this getPreviousBlockHash transaction console log Block added block toString this chain push block Here we are first using the createVerify function from the crypto package to verify hashes with the public keys We then use the data from the JSON of a particular transaction and finally verify by providing the sender s public key and the signature This will return a boolean value that we can use to check if verification was successful or failed If the verification was successful we simply create a new block with that information and add it to the chain array Now your Chain class should look like this class Chain static instance new Chain initializing our chain with no records constructor this chain new Block new Transaction temp temp getPreviousBlockHash sending the entire block itself return this chain this chain length getHash insertBlock transaction senderPublicKey sig create verifier const verify crypto createVerify SHA add the transaction JSON verify update transaction toString Verify it with the sender s public key const isValid verify verify senderPublicKey sig if isValid const block new Block this getPreviousBlockHash transaction console log Block added block toString this chain push block Creating the Wallet classNow let s create the wallets which the users can use to send cryptocurrencies to other people Each crypto wallet has a pair of keys a public key and a private key The private keys are used to create new transactions e g send cryptocurrencies and the public key is used to verify them and receive cryptocurrencies Let s first set up the constructor so that we can generate a key pair as soon as the wallet is initiated constructor const keys crypto generateKeyPairSync rsa modulusLength publicKeyEncoding type spki format pem privateKeyEncoding type pkcs format pem this privateKey keys privateKey this publicKey keys publicKey Here we are using the PEM format for the keys It is a well known format and can be saved on the user s PC The RSA algorithm allows us to create public and private keys Now let s create a function that will help us to send cryptocurrencies to other wallets on the network send amount recieverPublicKey const transaction new Transaction amount this publicKey recieverPublicKey const shaSign crypto createSign SHA add the transaction json shaSign update transaction toString end sign the SHA with the private key const signature shaSign sign this privateKey Chain instance insertBlock transaction this publicKey signature In the above code we take amount and recieverPublicKey as parameters and create a new object from the Transaction class using that information We then create the hash of the transaction and sign it with the private key Finally we add it to the chain using the insertBlock function Testing things outNow that everything is ready you can test things out by creating wallets and creating transactions using them const itachi new Wallet const madara new Wallet const orochimaru new Wallet itachi send madara publicKey madara send orochimaru publicKey orochimaru send madara publicKey console log Chain instance In the above code I created wallets with random names not quite random they are the villains in Naruto and then sent money from one wallet to other and finally logging the chain to see how it looks For me my chain looked like this yours might be different because of different hashes Chain chain Block previousHash transaction Transaction timestamp Block previousHash ccaebfdfedbfcfdfdbeafe transaction Transaction timestamp Block previousHash abecdbeacbfcdcfda transaction Transaction timestamp Block previousHash ebfcbafcecdeacbaccbfdac transaction Transaction timestamp What s next This was just the basics of creating cryptocurrencies using JavaScript You should not use this in production because cryptocurrencies involve a lot of different things such as mining and a lot of security is involved If you are stuck somewhere you can always visit my GitHub repository to have a look at the code If you want to experiment even more I d recommend incorporating a wallet balance system and mining system into this project LogRocket Debug JavaScript errors more easily by understanding the contextDebugging code is always a tedious task But the more you understand your errors the easier it is to fix them LogRocket allows you to understand these errors in new and unique ways Our frontend monitoring solution tracks user engagement with your JavaScript frontends to give you the ability to find out exactly what the user did that led to an error LogRocket records console logs page load times stacktraces slow network requests responses with headers bodies browser metadata and custom logs Understanding the impact of your JavaScript code will never be easier Try it for free |
2021-11-09 17:03:05 |
海外TECH |
DEV Community |
Ultimate Guide To Optimize Divi On WordPress (2021 Edition) |
https://dev.to/codewatchers_en/ultimate-guide-to-optimize-divi-on-wordpress-2021-edition-2nhc
|
Ultimate Guide To Optimize Divi On WordPress Edition Divi is undoubtedly one of the most popular WordPress themes nowadays It comes with a powerful Page Builder that you can use to create almost any type of design for any type of website literally This huge advantage comes with a downside As Divi has a bunch of features these features have a weight And for those who don t want to admit it it s important to consider optimizing Divi especially if you want to offer the best experience to your visitors While it s true Divi is receives frequent performances nevertheless these aren t always enough and that s truer for those having more than a simple Hello World blog In this tutorial we are going to explore what we can do make divi loads faster while it s yet already a fast WordPress theme cosnidering the available features Here are some key topics we ll cover How To Optimize The DatabaseHow To Optimise the DNSHow To Choose A Good HostingHow To Optimize The Time to First ByteHow To Cache Your WordPress WebsiteHow To Perform A MinificationHow To Enable Gzip CompressionWhich CDN Can You UseHow To Optimize Your ImagesHow To Optimize Your VideosHow To Perform SpeedTests On DiviOther Tips Why You Must Have A Fast Website It s no more a secret for no one Fast websites convert better than slow websites There is a huge correlation between the speed of your website and your bounce rate More accurately here are why it s nowadays a must Reduce Bounce Rate You need to keep your visitors Make your website blazing fast Increase Conversion If you would like your visitor to see your store or form your website needs to load fast before they go away SEO Google Might Rank You Higher might because it s not always the case Credibility slow websites create a bad first impression to your visitors How Fast Should A Website Load Based on various studies a website should load in seconds or less Generally a good goal is to have your webpages load in seconds or less Although it seems most customers expect it to be seconds or less these days But obviously every website and web page is different Tips And Tricks To Make Divi Load FasterNow we ll explore all the tips and tricks you can apply right away on your Divi website and see significant changes on the performance Some of these techniques also applies to any other WordPress themes so you might already be familiar with theses Let s get started How To Optimize The DatabaseWordPress is a dynamic CMS that interacts with MySQL database to store and retrieve data post pages metadata etc This way to work makes your website management easier but the downside is that it takes longer for pages to load because it has to locate the data in the database before loading the page For a static HTML website there is no need to search for dynamic content because it s doesn t change dynamically That s why static HTML websites will be faster than WordPress websites One way to keep a Divi site or any WordPress website as fast as possible is to make sure to optimize your database WordPress site files are organized in your database by tables and everytime you add new data to your site like themes and plugins that creates new tables and new data As you would expect the more your database is bloated the harder it will be to find the data This leads to a slower website Now if you re blogging for many years you might have tried a lot of themes and plugins This has eventually caused your database to keep data it doesn t need Even if you uninstall a plugin it doesn t mean that all the data created by this plugin is wiped as well Some plugins keep some data in case you reinstall the plugin or the developer might have forgotten to add a proper uninstall measure Obviously that not good and fair for your database This left over data can lead to unnecessary clutter and slow down your site Just like every human needs organization to work more efficiently every WordPress site Divi or not needs a clean database to load pages faster That why if you had your website for a moment now you should definitely consider optimizing your database There are many plugins that can help with that but you can definitely give a try to WP Optimize which seems to be a credible option But there are other tricks to consider as well In addition to optimizing your WordPress Database you may want to make WordPress even lighter by cutting down on the data it stores For example WordPress will automatically hold deleted items in the trash for days You may want to cut that time period down to How To Optimize The DNSOne of the first things that happen when your website is about to be accessed is a DNS Lookup As soon as the URL is entered or clicked the visitor s ISP sends a DNS query to the nameservers to find the IP address associated with your domain every domain website has a specific IP address More clearly a DNS lookup is like looking up your domain name in a phone book to find the IP address for that domain However when a user visits a page on your site the page may have multiple domains that need to be accessed to pull up the page So you could be doing or domain lookups on a single page load maybe more Generally speaking most free DNS Providers like Godaddy and Namecheap will generally be slower than others The best free option out there that will boost your DNS lookup speed is probably Cloudflare They have the fastest DNS performance recorded on DNSPerf com They are significantly faster than GoDaddy and Namecheap And you can even optimize Cloudflare to be used for DNS without their other services like CDN or WAF if you want For example you may want to use Cloudflare for DNS and Security DDOS detection and KeyCDN or MaxCDN for your CDN That is also a great combination Setup CloudflareCloudflare is easy to setup You don t have to worry about switching your hosting or anything beforehand All you need to do is walk through their minute setup that begins with entering your domain They will retrieve your current DNS records automatically One of the things you will need to do to complete your setup is to change the default nameservers on your current DNS provider like GoDaddy to Cloudflare s nameservers From now you ll be able to manage your DNS easily from their Dashboard And just like that you have a boost in DNS lookup speed more security and a CDN for your website and for free How To Choose A Good HostingBeforehand one of the first things to consider during your website optimization journey is to choose a hosting that works well for your WordPress website A few months ago Elegantheme was releasing a partnership offer with popular Hosting providers that works well with WordPress These providers are recognized for providing a better service for Divi and the integration with the Elegant Themes dashboard is seamless You just have to choose from these providers which one you ll choose for your website Now nothing forces you to use these providers as they are many other solutions available out there that work well for WordPress and Divi as well Let s then break it down by considering the type of hosting available Types of Hosting Shared HostingThis is by far the most popular type of hosting for WordPress Divi users But unfortunately it is the worst option for having a fast website With the shared hosting you will share all the available resources of a server with others Because you are sharing the cost for this kind of hosting is usually very low However the downside is that you can t control how much traffic those other sites are getting and how their website can potentially affect the performance of the server and then affect your website performance So you can easily fall prey to periods of extremely slow loading times and even times when your site is completely down So you better have a good idea of how much traffic your shared hosting can handle VPS HostingVirtual Private Server VPS hosting is basically a middle ground between shared and dedicated hosting Your server space is “private which means it is completely separated from others So your site files aren t exposed to others on the server Unlike shared hosting a VPS does have a dedicated amount of system resources at your disposal to ensure your site always gets what it needs to deliver fast load times consistently Technically you won t have to worry about other website s traffic spikes affecting your site speed But unless you have a managed VPS this kind of hosting is mostly for those DIY types that are tech savvy enough to handle things themselves Cloud HostingWith cloud hosting you have access to a network of servers in the cloud instead of a single physical server This allows you to pull all the resources you need from this network of servers as needed More simply you have a virtual partition of server space that is backed by the power and resources of the entire network of servers There is therefore no need to worry about the traffic spikes like you would have for shared hosting Cloud hosting is extremely flexible and scalable for your needs One main difference between Cloud Hosting and VPS hosting is that VPS hosting has a dedicated sometimes limited amount of resources to pull from that may or may not become depleted Cloud Hosting on the other hand is capable of keeping your resources available without being depleted because it can always pull from the other servers in the cloud In theory cloud hosting offers more consistent and reliable high speeds So if you are serious about speed cloud hosting is a great option maybe even the best Dedicated HostingWith dedicated hosting you have your own dedicated server just for you There is no need to share any resources with anyone else This means you will have more predictable and consistent fast loading times for your website This is usually offered as a top tier option for large corporations at a high premium cost obviously You ll consider using that if you can afford the cost that it inherits Managed WordPress HostingManaged WordPress Hosting usually refers to shared hosting that is managed by WordPress experts Here it s not private as a VPS or as powerful as a Dedicated Server But it does help maximize the speed of your shared environment by having WordPress experts do the work They do this well because they tailor their services and configure their servers strictly for WordPress sites And a lot of them come with many cool and convenient built in features like one click staging environments site caching one click CDN deployment automatic backups SSL s and more They are perfect for those who don t want to handle these things manually themselves Other Hosting Provider To ConsiderThere are many WordPress Hosting companies out there And if at all possible you will want to avoid traditional shared hosting not managed if you are serious about speed optimization But if you have a simple site and aren t willing to pay the extra money for managed Siteground seems to be one of the best for shared hosting For now here is a quick list of hosts to consider for a faster Divi website Kinsta specializes in managed WP hostingSiteGround offers shared hosting Cloudways specializes in SSD Based managed cloud hostingFlywheel specializes in managed WP hostingThat is not all the possible providers available out there but definitely with these you ll have a fast WordPress website How To Optimize The Time to First ByteThe Time to First Byte TTFB is the amount of time it takes the user to receive the first byte of website data from your server This means when a user tries to access your website the TTFB will essentially be that waiting period before any data is received by the browser The TTFB is usually around ms But for sites that are on poor hosting and haven t been optimized the TTFB can easily be seconds or more The TTFB delay on your Divi site is usually caused by the following The amount of dynamic content that needs to be received This can be cut down with caching database optimization and a CDN The amount of traffic your server is experiencing at the time Shared hosting providers can t have a low TTFB because you are sharing resources with others on the same server Spikes in their traffic will cut down on your server s processing speed Your web server configuration A good WordPress hosting provider can help with your site s TTFB by providing a solid backend infrastructure and optimizing your web server configuration things pretty much out of your control In short if you want a quick boost in TTFB get better hosting and follow the rest of the steps below How To Cache Your WordPress WebsiteThere are four main types of caching that can be implemented to speed up your WordPress site Page Caching This process stores cached static HTML versions of your page for fast delivery Browser Caching This gives you more control over what content is able to be cached by the browser and for how long Only some plugins can do this so you should consider doing that manually for more control This will help take care of the “Leverage Browser Caching metrics when conducting speed tests CDN Caching Serves cached website pages files from a CDN closest to your users Object Caching Object caching caches repeated query results that PHP initiates to retrieve data from the database and serve it to the user This is different from bytecode caching which stores a cached version of the compiled PHP code used to display your website Divi does perform caching for serving up Divi s static JS and CSS files behind the scenes But this is primarily for the Divi theme files for better Divi Builder functionality You still need to use caching for optimizing your entire WordPress website Most sites have multiple plugins that come with their own CSS files that may need to be combined minified and cached You can therefore take advantage of a third party plugin to serve cached static HTML versions of all of your pages Popular Caching Plugins include WP Super CacheW Total CacheWP RocketCache EnablerComet CacheWP Fastest Cache How To Perform A MinificationMinification makes your site files smaller Minifying your site files CSS JavaScript HTML remove all those unnecessary things like spaces and page breaks so that the file size shrinks That will reduce the time for the browser to download that asset Aggregation means combining the site files to reduce the total requests on the page and speed up loading times for your visitors But that also means serving bigger files to your users you should make sure to serve a MB file of CSS for example and consider splitting in small chunks As mentioned earlier Divi does minify and combine Javascript and CSS files that are used by the Divi Theme by default So you technically don t have to worry about using a third party plugin to further minify and combine Divi s Javascript and CSS files However Divi doesn t minify the HTML output So you can benefit from a third party plugin to minify and cache the entire HTML of a page Plus almost every Divi site will depend on files outside of the Divi Theme like plugins or other files added by the Child Theme that will benefit from minifying and combining the CSS and JS files This can easily be handled by a plugin Some suitable plugins that will minify your site files include Read The Full Tutorial |
2021-11-09 17:01:36 |
Apple |
AppleInsider - Frontpage News |
Apple debuts trailer for 'Twas the Fight Before Christmas' |
https://appleinsider.com/articles/21/11/09/apple-debuts-trailer-for-twas-the-fight-before-christmas?utm_medium=rss
|
Apple debuts trailer for x Twas the Fight Before Christmas x Apple shows off the first trailer for the upcoming Apple TV documentary about a Christmas loving lawyer bent on spreading Christmas cheer to his neighborhood Twas the Fight Before Christmas follows the true story of Jeremy Morris a k a Mister Christmas a lawyer obsessed with bringing Christmas to his North Idaho neighborhood His plan however hits a snag when his homeowners association informs him that his decorations violate the rules of the neighborhood Read more |
2021-11-09 17:47:41 |
Apple |
AppleInsider - Frontpage News |
Ex-WeWork CEO WeWork Adam Neumann apologizes to Tim Cook for being 'an idiot' |
https://appleinsider.com/articles/21/11/09/ex-wework-ceo-wework-adam-neumann-apologizes-to-tim-cook-for-being-an-idiot?utm_medium=rss
|
Ex WeWork CEO WeWork Adam Neumann apologizes to Tim Cook for being x an idiot x WeWork founder Adam Neumann says he blew a chance to learn from Apple CEO Tim Cook Credit Noam Galai Getty Images for TechCrunchSpeaking at the The New York Times DealBook summit shortly after Cook s interview Neumann recounted meeting Cook in person He says he had a chance to listen to Cook but instead just talked at him Read more |
2021-11-09 17:42:41 |
Apple |
AppleInsider - Frontpage News |
Apple's MacBook Air with 16GB RAM, 512GB SSD drops to $1,289, plus $40 off AppleCare |
https://appleinsider.com/articles/21/11/09/apples-macbook-air-with-16gb-ram-512gb-ssd-drops-to-1289-plus-40-off-applecare?utm_medium=rss
|
Apple x s MacBook Air with GB RAM GB SSD drops to plus off AppleCareDiscounted exclusively for AppleInsider readers Apple s MacBook Air with GB of memory and a GB SSD is on sale for off in addition to off AppleCare Exclusive MacBook Air pricingMarking the lowest price available on a popular configuration featuring Apple s M chip with a core GPU GB of RAM and a GB SSD Apple Authorized Reseller Adorama is knocking off the Silver model with coupon code APINSIDER using this activation link Need help redeeming the coupon Here are instructions for activating the APINSIDER promo code Read more |
2021-11-09 17:32:09 |
Apple |
AppleInsider - Frontpage News |
Apple open relocated The Grove store in Los Angeles on November 19 |
https://appleinsider.com/articles/21/11/09/apple-open-relocated-the-grove-store-in-los-angeles-on-november-19?utm_medium=rss
|
Apple open relocated The Grove store in Los Angeles on November The new location for the Grove Apple Store in Los Angeles will open on November and the company says that it is twice the size of the original The GroveAs expected Apple is opening a new store at The Grove in Los Angeles almost years after its original store in the area The Grove was first opened in and Apple says that million customers have shopped there Read more |
2021-11-09 17:09:27 |
Apple |
AppleInsider - Frontpage News |
iPad, iPad mini, iPad Air, or iPad Pro: Which iPad to buy at any price point |
https://appleinsider.com/articles/21/11/09/ipad-ipad-mini-ipad-air-or-ipad-pro-which-ipad-to-buy-at-any-price-point?utm_medium=rss
|
iPad iPad mini iPad Air or iPad Pro Which iPad to buy at any price pointApple s catalog of iPad models covers an extremely wide range of price points for its customers Here s what iPad you should be getting for your budget The iPad mini is a great buy at the value end of the catalog Apple s coverage of the price spectrum from budget to premium has a lot of coverage enabling anyone with a budget in mind for their iPad purchase to get something at their thought of price Read more |
2021-11-09 17:11:08 |
Apple |
AppleInsider - Frontpage News |
Comcast Xfinity is down in wide outage across most of the US |
https://appleinsider.com/articles/21/11/09/comcast-xfinity-is-down-in-wide-outage-across-most-of-the-us?utm_medium=rss
|
Comcast Xfinity is down in wide outage across most of the USIn what appears to have started locally in Chicago most Comcast Xfinity subscribers are reporting that their internet service has been disrupted and it s not yet clear why Reports say that Comcast Xfinity services are most unavailable across the United States with the Downdetector site showing over incidents and climbing Initial accounts say that the issue began with cities including Chicago and Philadelphia Some customers are experiencing intermittent service interruptions as a result of a network issue Our teams are actively working to bring impacted customers back online as we continue to investigate We apologize to those who have been affected ーComcast comcast November Read more |
2021-11-09 17:25:23 |
海外TECH |
Engadget |
Virgin Galactic has sold 100 tickets to space since increasing flight prices to $450,000 |
https://www.engadget.com/virgin-galactic-100-tickets-450000-space-flight-175402247.html?src=rss
|
Virgin Galactic has sold tickets to space since increasing flight prices to Virgin Galactic reopened ticket sales for its trips to the edge of space at a higher price back in August and the company says it has sold of the tickets so far They used to cost each Overall around people including Elon Musk have reserved a spot on a Virgin Galactic flight The company hopes to sell tickets before starting commercial trips which it recently delayed again to the fourth quarter of As The Verge nbsp notes Virgin Galactic has so far only let people who made a refundable deposit buy tickets The company plans to let more people reserve a spot starting in early Virgin Galactic s first crewed flight took place in July with founder Richard Branson on board nine days before Jeff Bezos ventured to the edge of space on Blue Origin s maiden crewed flight Unity Virgin Galactic s next flight won t take off until at least mid That flight will carry three paying Italian Air Force passengers who will study the effects of microgravity |
2021-11-09 17:54:02 |
海外TECH |
Engadget |
Online Marxism simulator 'The Tomorrow Children' is getting another shot at life |
https://www.engadget.com/the-tomorrow-children-returns-171343963.html?src=rss
|
Online Marxism simulator x The Tomorrow Children x is getting another shot at lifeFour years after shutting down The Tomorrow Children nbsp is coming back First announced in the game was a short lived PlayStation exclusive that spent a year in early access through the better part of Now Q Games which led development on the title alongside Sony s defunct Japan Studio has obtained the intellectual property rights to The Tomorrow Children and plans to relaunch it “I am now tweaking and re working parts of the game every week and I hope everyone follows along and gets involved in this process said Dylan Cuthbert the founder and director of Q Games “We plan to make quite a few changes for the better and give The Tomorrow Children the re launch it deserves Q Games didn t say when fans can expect to play the game again It also didn t mention anything about platform availability but the relaunch will give both fans and new players alike a chance to experience the quirky game again nbsp |
2021-11-09 17:13:43 |
海外TECH |
Engadget |
A League of Legends rhythm runner game is coming to Switch, PC and Netflix |
https://www.engadget.com/hextech-mayhem-league-of-legends-rhythm-runner-game-switch-pc-netflix-170047992.html?src=rss
|
A League of Legends rhythm runner game is coming to Switch PC and NetflixIt s a big month for Riot as the company is going all out to promote Arcane the Netflix animated series based on League of Legends But the company hasn t forgotten about the gaming side of things Its publishing label Riot Forge has announced a rhythm runner game set in the LoL universe In Hextech Mayhem A League of Legends Story you ll play as Ziggs a Yordle and Hexplosives expert who wants to build the greatest bomb in the history of Runeterra You ll carry out bomb jumps and attacks as you bypass obstacles disarm enemies and light fuses to the beat of this platformer s soundtrack In terms of gameplay Hextech Mayhem looks a little like the Bit Trip series That shouldn t be too surprising since Choice Provisions is the developer behind both More details will be revealed during a Riot Forge video showcase at AM ET on November th Hextech Mayhem A League of Legends Story will be available on Nintendo Switch Steam GOG and the Epic Games Store on the same day If you pre order you ll snag an exclusive skin for Ziggs The game is also coming to Netflix at a later date It s the first new title announced for Netflix s nascent gaming service since the company expanded it to all Android users last week The current lineup of five mobile games will be available to iOS users soon Netflix subscribers will be able to play Hextech Mayhem at no extra cost Meanwhile Riot Forge said it will share more info about the long awaited turn based RPG Ruined King A League of Legends Story in the coming weeks |
2021-11-09 17:00:47 |
海外TECH |
Engadget |
Windows 11 SE and the $249 Surface Laptop SE are made for school kids |
https://www.engadget.com/microsoft-surface-laptop-se-windows-11-se-170034899.html?src=rss
|
Windows SE and the Surface Laptop SE are made for school kidsFor years Microsoft has pushed cheap Windows laptops as the ideal school computers They can do everything a comparable Chromebook can while also running traditional Windows software But now Microsoft is finally ready to jump into the affordable kid friendly PC fray with the Surface Laptop SE It s one of the first PCs to run Windows SE a stripped down OS that s targeted at K students and their beleaguered teachers You can also expect to see Windows SE devices are coming from Dell HP Acer and ASUS among other PC makers Microsoft hasn t had the best luck with Windows variants over the years Windows S was a limp attempt at delivering a simpler experience for the original Surface Laptop while the dual screen focused Windows X was eventually cancelled Windows basically rose from the ashes of Windows X But according to Aaron Woodman Microsoft s General Manager of Windows this latest OS is more focused on solving a specific problem How can Microsoft create the ideal OS experience for students and teachers MicrosoftWindows SE attempts to do that by focusing on simplicity There s no Microsoft Store for installing apps though IT departments can deploy whatever Win and Universal apps they d like It s optimized to run on slower hardware And Microsoft even stripped down the window snapping options by only allowing apps to be on the left or right side of the screen One of the best parts of Windows is the easy way you can easily shove an app to different corners of your screen but that s probably too complicated for elementary school aged kids running notebooks with small screens The Surface Laptop SE is similarly basic by design It s a plastic shelled notebook that vaguely resembles the Surface Laptop line especially the previous cheap entry the Surface Laptop Go It has an inch TFT LCD screen with a by resolution ーa step above p but below the Laptop Go s sub p display And don t expect any powerful gear under the hood as the Surface Laptop SE is limited to dual core Celeron chips either the N or N and either GB or GB of RAM For storage there s a choice between GB or GB eMMC cards But really what else do you expect for a starting price of What s more intriguing about the Surface Laptop SE are the more premium elements that still managed to find their way in Microsoft brought over the Surface Laptop Go s excellent keyboard and trackpad as well as its easy opening lid Woodman tells us The Laptop SE also sports a p webcam which is sharper than what we see on most similarly priced notebooks And judging from a brief Teams video chat I had with Dave Alles General Manager of Surface Laptop SE its camera and microphone quality are shockingly solid too It was easily better than laptops I ve reviewed MicrosoftFor the most part the Surface Laptop SE appears to be more than enough for a typical grade school kid It weighs pounds so it shouldn t be too tough to lug around in tiny backpacks And its onboard storage however meager should be enough to work on Microsoft Office projects offline Woodman says Microsoft had students without reliable internet access in mind when designing the Laptop SE They could download assignments at school work on them at home and have their work automatically synchronized when they re back in class IT departments would likely appreciate the easily accessible screws on the bottom making it simple to open up and repair notebooks on site The Laptop SE s low price should also make it easier for schools to acquire enough units for every student instead of sharing a handful of PCs in class MicrosoftI m curious to see how well Windows SE performs on the Laptop SE s slow hardware And a part of me wonders if giving kids a more limited version of Windows will hurt their ability to tinker with PCs when they re older But as a former IT support jockey the Surface Laptop SE appears to be the cheap notebook I ve always wanted grade school students to have Sure it s not as flexible as the Surface Go but for basic coursework that won t matter too much And while I liked the Surface Laptop Go it starts at ーso schools could buy two Laptop SEs for around the same price nbsp At this point Microsoft is only planning to sell the Laptop SE to schools through education resellers later this year Normal consumers and businesses won t be able to order them at all But if it s wildly successful I wouldn t be surprised if Microsoft finds some way to bring this cheap computer to the masses |
2021-11-09 17:00:34 |
Cisco |
Cisco Blog |
Cisco and Meta Partner on Wedge400C Data Center Switch |
https://blogs.cisco.com/sp/cisco-and-meta-partner-on-wedge400c-data-center-switch
|
cisco |
2021-11-09 17:30:15 |
Cisco |
Cisco Blog |
The Power of One, Simple Agreement |
https://blogs.cisco.com/perspectives/the-power-of-one-simple-agreement
|
The Power of One Simple AgreementCisco is launching its third generation Enterprise Agreement and there s a lot to like about it For the first time Cisco s full portfolio will be available under one contract The new agreement features standardized terms and conditions across the portfolio with all our software and services available via one pricing platform |
2021-11-09 17:01:24 |
Cisco |
Cisco Blog |
Cisco IoT Operations Dashboard Wins CRN 2021 Tech Innovators Award |
https://blogs.cisco.com/internet-of-things/cisco-iot-operations-dashboard-wins-crn-2021-tech-innovators-award
|
awardrealize |
2021-11-09 17:00:51 |
海外科学 |
NYT > Science |
Alexandria Ocasio-Cortez, in Glasgow, Says She Will ‘Push’ on Climate Change |
https://www.nytimes.com/2021/11/09/climate/alexandria-ocasio-cortez-cop26.html
|
Alexandria Ocasio Cortez in Glasgow Says She Will Push on Climate ChangeThe New York Democrat arrived Tuesday in Glasgow with Speaker Nancy Pelosi and other lawmakers to appear at the COP climate talks |
2021-11-09 17:02:22 |
海外科学 |
NYT > Science |
Africa's Leaders Say Rich Countries Need to Quit Oil and Gas First |
https://www.nytimes.com/2021/11/09/climate/africa-fossil-fuel-gas-cop26.html
|
Africa x s Leaders Say Rich Countries Need to Quit Oil and Gas FirstAs negotiators at the Glasgow climate talks try to agree on greenhouse gas cuts African leaders say poorer countries can t be expected to remake their systems as quickly as wealthy ones |
2021-11-09 17:34:10 |
ニュース |
BBC News - Home |
Caerphilly dog attack: Mum's tribute to 'sweet' boy who died |
https://www.bbc.co.uk/news/uk-wales-59219695?at_medium=RSS&at_campaign=KARANGA
|
sweet |
2021-11-09 17:14:53 |
ニュース |
BBC News - Home |
Pimps caught trafficking women on popular classified ads website |
https://www.bbc.co.uk/news/uk-59219411?at_medium=RSS&at_campaign=KARANGA
|
workers |
2021-11-09 17:16:20 |
ニュース |
BBC News - Home |
Ocean's climate change 'buffer' role under threat |
https://www.bbc.co.uk/news/science-environment-59214866?at_medium=RSS&at_campaign=KARANGA
|
carbon |
2021-11-09 17:16:55 |
ニュース |
BBC News - Home |
Glastonbury Festival 2022: Diana Ross coming back to play legend slot |
https://www.bbc.co.uk/news/entertainment-arts-59225748?at_medium=RSS&at_campaign=KARANGA
|
festival |
2021-11-09 17:00:49 |
ニュース |
BBC News - Home |
Stealth bouncers suspended after Nottingham altercation video shared |
https://www.bbc.co.uk/news/uk-england-nottinghamshire-59212240?at_medium=RSS&at_campaign=KARANGA
|
altercation |
2021-11-09 17:07:13 |
ニュース |
BBC News - Home |
Climate change: What are the big polluters doing to cut carbon emissions? |
https://www.bbc.co.uk/news/58956714?at_medium=RSS&at_campaign=KARANGA
|
emissions |
2021-11-09 17:45:34 |
ニュース |
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-11-09 17:31:16 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
定年後に人はどれくらいのお金を使うのか? 驚きの調査結果 - DIE WITH ZERO |
https://diamond.jp/articles/-/286835
|
diewithzero |
2021-11-10 02:50:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
ひろゆきが「YouTubeで情報収集すると頭が悪くなる」と呆れるワケ - 1%の努力 |
https://diamond.jp/articles/-/286713
|
youtube |
2021-11-10 02:45:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
目まぐるしい変化に合わせて商売を成功に導いていける「マンダラ広告作成法」 - 「A4」1枚チラシで今すぐ売上をあげるすごい方法 |
https://diamond.jp/articles/-/286340
|
|
2021-11-10 02:40:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
なぜ、見るだけで、つい笑顔になってしまうのか? これ以上ない金運ザックザック開運絵馬 【だいこく様とえびす様〈1〉】 - 1日1分見るだけで願いが叶う!ふくふく開運絵馬 |
https://diamond.jp/articles/-/286315
|
なぜ、見るだけで、つい笑顔になってしまうのかこれ以上ない金運ザックザック開運絵馬【だいこく様とえびす様〈〉】日分見るだけで願いが叶うふくふく開運絵馬史上初「神道文化賞」受賞の絵馬師が描いた開運絵馬の本。 |
2021-11-10 02:35:00 |
Azure |
Azure の更新情報 |
Public preview: Azure Bastion IP based connection |
https://azure.microsoft.com/ja-jp/updates/public-preview-azure-bastion-ip-based-connection/
|
capability |
2021-11-09 18:00:08 |
Azure |
Azure の更新情報 |
Public preview: Azure Bastion native client support |
https://azure.microsoft.com/ja-jp/updates/public-preview-azure-bastion-native-client-support/
|
Public preview Azure Bastion native client supportAzure Bastion native client support brings you the ability to connect to target VMs from the command line and log in using their Azure Active Directory credentials |
2021-11-09 18:00:07 |
コメント
コメントを投稿