投稿時間:2022-04-29 01:41:44 RSSフィード2022-04-29 01:00 分まとめ(41件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Marketplace	Innovating across the insurance value chain with insurtechs	https://aws.amazon.com/blogs/awsmarketplace/innovating-insurance-value-chain-insurtechs/	Innovating across the insurance value chain with insurtechsInsurtechs are a relatively new area of development in the insurance industry McKinsey defines insurtechs as tech driven insurance companies that use modern technologies to provide coverage or to reinvent business systems As explained by Investopedia these companies can “include ultra customized policies social insurance and using new data streams from internet enabled devices to dynamically price premiums …	2022-04-28 15:21:50
AWS	AWS - Webinar Channel	SageMaker Friday episode 2 - Low Code Machine Learning	https://www.youtube.com/watch?v=PNqXW7Kffs8	learning	2022-04-28 15:13:00
Docker	dockerタグが付けられた新着投稿 - Qiita	【コピペOK！失敗しない！】Ruby on Rails 6系のDocker環境構築(Ruby 2.6.6、Rails6.0.3、Mac)	https://qiita.com/guri_tech/items/f870ff52dce3a39e2d23	docker	2022-04-29 00:00:52
Linux	CentOSタグが付けられた新着投稿 - Qiita	[簡単に]Linuxのzip	https://qiita.com/dorodoroserver111/items/dc0080727179ec97a2b4	exampletxt	2022-04-29 00:17:13
技術ブログ	Developers.IO	AWS CLIを使用してKinesis Data StreamsでLambda関数を使用してみた。	https://dev.classmethod.jp/articles/lambda-function-with-kinesis-data-streams-using-cli/	awscli	2022-04-28 15:44:08
海外TECH	MakeUseOf	The 9 Best Mobile Crypto Wallets	https://www.makeuseof.com/best-mobile-crypto-wallets/	cryptocurrency	2022-04-28 15:45:13
海外TECH	MakeUseOf	How to Make Your Photos Look Like Paintings in Photoshop	https://www.makeuseof.com/turn-photos-into-paintings-photoshop/	paintings	2022-04-28 15:30:14
海外TECH	MakeUseOf	How to Scan a Single File or Folder With Microsoft Defender	https://www.makeuseof.com/microsoft-defender-scan-file-folder/	defender	2022-04-28 15:19:14
海外TECH	MakeUseOf	8 Tips to Avoid Getting Shadowbanned on Instagram	https://www.makeuseof.com/tips-to-avoid-getting-shadowbanned-instagram/	reasons	2022-04-28 15:19:13
海外TECH	DEV Community	Create a dynamic allowlist with Airtable and Next.js	https://dev.to/thirdweb/create-a-dynamic-allowlist-with-airtable-and-nextjs-4c13	Create a dynamic allowlist with Airtable and Next js IntroductionIn this guide we are going to create an edition where people will be able to sign up their wallets to an allowlist and those wallets can later mint the NFT Sounds cool right Let s get started SetupI am going to use the Next typescript starter template of thirdweb for this guide If you already have a Next js app you can simply follow these steps to get started Install thirdweb dev react and thirdweb dev sdkAdd metamask authentication to the site You can follow this guideYou all are set to go now If you are also going to use the Next TypeScript template then follow these stepsClick on the use template button in the repoClone the repoInstall the dependencies npm install npmyarn install yarnBy default the network in app tsx is Mainnet we need to change it to Mumbaiimport type AppProps from next app import ChainId ThirdwebProvider from thirdweb dev react This is the chainId your dApp will work on const activeChainId ChainId Mumbai function MyApp Component pageProps AppProps return lt ThirdwebProvider desiredChainId activeChainId gt lt Component pageProps gt lt ThirdwebProvider gt export default MyApp Creating an edition and NFTWe also need to create an edition and an NFT inside of the edition to be able to mint them to the users So go to the thirdweb dashboard and create an edition I am doing it with an Edition contract for this demo but it can be also done with one of one NFTs ERC Fill out the details and deploy the contract Now let s create and mint a new NFT inside of it Fill out the details and make sure to set the initial supply to Making the website Creating an nft cardTo showcase our nft we are going to create a simple card and we will get the data from the edition contract itself So inside index tsx add the useEdition hook like this const edition useEdition EDITION CONTRACT ADDRESS We need to import it from the thirdweb sdk import useEdition from thirdweb dev react Now we are going to create a new state to hold the nft data const nftData setNftData useState lt EditionMetadata metadata null gt null We also need to import EditionMetadata and useState import EditionMetadata from thirdweb dev sdk import useState from react Finally create a useEffect to get the data from the contract and update the variable useEffect gt edition get then nft gt setNftData nft metadata edition If you console log the nft metadata you will get something like this If the user is logged in we will show them this nft instead of there address so replace the fragment lt gt with this lt div gt nftData image amp amp lt Image src nftData image alt nftData name width height objectFit contain gt lt p gt lt span gt Name lt span gt nftData name lt p gt lt p gt lt span gt Description lt span gt nftData description lt p gt lt button gt Mint lt button gt lt div gt You will now get an error because we are using the next lt Image gt component but haven t whitelisted the domain so go to next config js and add the following type import next NextConfig const nextConfig reactStrictMode true images domains gateway ipfscdn io module exports nextConfig Since we are changing the next js config we need to restart the server Once you restart the server you will see something like this Creating the mint apiWe are going to use the signature minting on our backend to ensure that the address is present in the airtable but first let s get the signature minting working Create a new folder api in the pages folder and generate mint sig ts inside it We will now build a basic api that will output gm wagmi import type NextApiRequest NextApiResponse from next const generateMintSignature async req NextApiRequest res NextApiResponse gt res send gm wagmi export default generateMintSignature This creates a basic api for us if you now go to the api generate mint sig endpoint you will get a response of Gm wagmi Let s now initialize the thirdweb sdk const sdk new ThirdwebSDK new ethers Wallet process env PRIVATE KEY as string ethers getDefaultProvider process env ALCHEMY API URL as you can see we are using environment variables to initialize the sdk The first is the PRIVATE KEY which is the private key of the wallet The second is the ALCHEMY API URL which is the url of the Alchemy api Create a new file env local and add the two variables PRIVATE KEY lt private key gt ALCHEMY API URL lt alchemy api url gt Let s see how to get these two variables Getting the wallet private keyIn your metamask wallet click on the three dots then click account details You will see an option to export private key there Export your private key and paste it into the PRIVATE KEY variable This will give full access to your wallet to make sure to keep it secret Getting the alchemy api keyGo to Alchemy and sign up for an account You need to create a new app so click on create app Fill out the details and hit submit I am using Mumbai network for this demo but you need to use the network that you are using Finally paste this in the env local file too Since we have changed the env variables we need to restart the server So cut the terminal and run yarn dev again We also need to import ethers and ThirdwebSDK import ThirdwebSDK from thirdweb dev sdk import ethers from ethers Generating the siganture mintIn the api we are going to use the sdk to get access to the edition contract and generate a mint signature const edition sdk getEdition EDITION CONTRACT ADDRESS try const signedPayload await edition signature generate tokenId quantity to address res status json signedPayload signedPayload catch err res status json error err We will get the address from the frontend so add this const address JSON parse req body Let s now mint the api on the frontend by calling this api const mintWithSignature async gt const signedPayloadReq await fetch api generate mint sig method POST body JSON stringify address const signedPayload await signedPayloadReq json try const nft await edition signature mint signedPayload signedPayload return nft catch err console error err return null This function will request the api that we just built with the address It will give us a signed payload that we can use to mint the nft via our edition contract So let s attach it to the button lt button onClick gt mintWithSignature gt Mint lt button gt Now our mint works But wait everyone can mint now so let s create an airtable database to store the addresses that can mint Creating an allowlist with airtableGo to Airtable and create a new base After you create a new base give a name to your base and add two columns Address and Minted like this Getting airtable api keys and idWe now need to get some api key s and id s to interact with the base So go to your Airtable account and generate an api keyStore this api key somewhere safe as we are going to need it Now to get the base id go to the Airtable API and click on the base that you just created When you open the page at the top itself you would see Your base id is app Inside env local add three new variables AIRTABLE API KEY AIRTABLE BASE ID AIRTABLE TABLE NAME Creating a utility function for accessing the tableTo keep our code clean we are going to create a file where we initialize the airtable with the api key name and id So create a new folder utils and Airtable ts inside it Now add in the following in Airtable ts import Airtable from airtable AuthenticateAirtable configure apiKey process env AIRTABLE API KEY Initialize a baseconst base Airtable base process env AIRTABLE BASE ID Reference a tableconst table base process env AIRTABLE TABLE NAME export table As you can see we are going to need to install a new package called airtable npm i airtable npmyarn add airtable yarnNow we need to update the api to first check if the wallet is present in the table So in api generate mint sig ts add the following const record await table select fields Addresses minted filterByFormula NOT Addresses address all if record length res status json error User isn t in allowlist So this queries the airtable to get the records of the address present in the addresses column and we are checking if the length record is If it is then we are not allowing the user to mint and send an error We will also wrap the part where we send the response in an else block The api should now look similar to this import type NextApiRequest NextApiResponse from next import ThirdwebSDK from thirdweb dev sdk import ethers from ethers import table from utils Airtable const generateMintSignature async req NextApiRequest res NextApiResponse gt const address JSON parse req body const record await table select fields Addresses minted filterByFormula NOT Addresses address all if record length res status json error User isn t in allowlist else const sdk new ThirdwebSDK new ethers Wallet process env PRIVATE KEY as string ethers getDefaultProvider process env ALCHEMY API URL const edition sdk getEdition xCCCcdaFfEDafBdB try const signedPayload await edition signature generate tokenId quantity to address res status json signedPayload signedPayload catch err res status json error err export default generateMintSignature In the mintWithSignature function we will now add a simple alert to show the error if the user is not in the allowlist const mintWithSignature async gt const signedPayloadReq await fetch api generate mint sig method POST body JSON stringify address const signedPayload await signedPayloadReq json if signedPayload error alert signedPayload error return try const nft await edition signature mint signedPayload signedPayload return nft catch err console error err return null Now if you try minting you should now see an error that you are not in the allowlist But if you add the address you are using to mint to the address column it would allow you to mint Setting the minted to true when the address mintsWe will create another api to not expose the api keys so in the api folder create a new file set minted ts and add the following import type NextApiRequest NextApiResponse from next import table from utils Airtable const generateMintSignature async req NextApiRequest res NextApiResponse gt const address JSON parse req body const record await table select fields Addresses minted filterByFormula NOT Addresses address all try record updateFields minted true res status json success true catch err res status json error err export default generateMintSignature Basically what this code block is doing is getting the record of the address and then updating the minted column to true And for basic error handling if there is an error we will return the error Now in the mintSignature function I will add the fetch request to the set minted api if the nft was minted successful like this if nft await fetch api set minted method POST body JSON stringify address If you try minting again and check the airtable it would now set the minted column to true If you get an error like the column name not found then make sure that the names are same Adding users to allowlistI am going to add a simple button for adding users to allowlist You can even create an early access form or something similar So create a button in index tsx lt button gt Add wallet to allowlist lt button gt Now let s create an api to add the wallet to the allowlist So create a new file add to allowlist ts and add the following import type NextApiRequest NextApiResponse from next import table from utils Airtable const addToAllowlist async req NextApiRequest res NextApiResponse gt const address JSON parse req body const record await table select fields Addresses minted filterByFormula NOT Addresses address all if record length gt res status json success false error User is already in allowlist if record length try await table create fields Addresses address res status json success true message User added to allowlist catch err res status json success false error err export default addToAllowlist Here we are first checking if the user already exists and if it exists we will return an error saying that the user is already in the allowlist If the user doesn t exist we will create the user in the allowlist Now let s head back to the frontend code and create a function to call this api const addWallet async gt const payload await fetch api add to allowlist method POST body JSON stringify address const payloadJson await payload json console log payloadJson if payloadJson success alert payloadJson message else alert payloadJson error Finally add an onClick event to the button lt button onClick addWallet gt Add wallet to allowlist lt button gt If you try switching the connected wallet or remove the wallet from the database you will see that the user s wallet address is being added to the base Minor improvements Optional Let s just add some minor improvements to our app StylingCurrently the site looks pretty boring so let s add some simple styling Create a new file globals css in the styles folder and add the following to reset the styles html body padding margin font family apple system BlinkMacSystemFont Segoe UI Roboto Oxygen Ubuntu Cantarell Fira Sans Droid Sans Helvetica Neue sans serif a color inherit text decoration none box sizing border box Import it in the app tsx file import styles globals css Now create a new file Home module css in the styles folder and add these simple stylings container display flex flex direction column align items center justify content center height vh background color cffee container gt button btn background ce color fff font size rem padding rem rem border none border radius rem cursor pointer btn margin top px NFT display flex flex direction column justify content center nftDesc margin px px font size rem color nftDesc gt span font weight bold Now let s implement these stylings in index tsx by adding the classNames lt div className styles container gt address lt div className styles NFT gt nftData image amp amp lt Image src nftData image alt nftData name width height objectFit contain gt lt p className styles nftDesc gt lt span gt Name lt span gt nftData name lt p gt lt p className styles nftDesc gt lt span gt Description lt span gt nftData description lt p gt lt button className styles btn onClick addWallet gt Add wallet to allowlist lt button gt lt button className styles btn onClick gt mintWithSignature gt Mint lt button gt lt div gt lt button onClick connectWithMetamask gt Connect with Metamask lt button gt lt div gt Our website now looks much better LoadingCurrently if you click the mint button or add to allowlist button nothing happens for a while so let s add a loading text to tell the user that something is happening So create states in the Home tsx file const addWalletLoading setAddWalletLoading useState false const mintLoading setMintLoading useState false Add this ternary operator for changing the text of the buttons and disable the button if it is loading lt button className styles btn disabled addWalletLoading onClick addWallet gt addWalletLoading loading Add wallet to allowlist lt button gt lt button className styles btn disabled mintLoading onClick gt mintWithSignature gt mintLoading loading Mint lt button gt Nothing happens yet because we aren t changing the states so in the functions we need to change the loading states const mintWithSignature async gt setMintLoading true const signedPayloadReq await fetch api generate mint sig method POST body JSON stringify address const signedPayload await signedPayloadReq json if signedPayload error alert signedPayload error return try const nft await edition signature mint signedPayload signedPayload if nft await fetch api set minted method POST body JSON stringify address return nft catch err console error err return null finally setMintLoading false const addWallet async gt setAddWalletLoading true const payload await fetch api add to allowlist method POST body JSON stringify address const payloadJson await payload json setAddWalletLoading false if payloadJson success alert payloadJson message else alert payloadJson error If you now try to click any of the buttons you would see the loading text for a second Error handlingCurrently the user can be on the wrong network and get weird errors so we will disable the button if the user is not on the correct network Get access to the network by using the useNetwork hook const network useNetwork It will be imported from the thirdweb sdk import useAddress useEdition useMetamask useNetwork from thirdweb dev react Now in the mint button add the checks lt button className styles btn disabled mintLoading network data chain id ChainId Mumbai onClick gt mintWithSignature gt network data chain id ChainId Mumbai mintLoading loading Mint Switch to Mumbai lt button gt I built this Dapp on the Mumbai network so I am checking for the Mumbai network but you need to do this for the network you built upon ConclusionThis was a lot now give yourself a pat on the back and share your amazing apps with us If you want to have a look at the code check out the GitHub Repository	2022-04-28 15:38:23
海外TECH	DEV Community	🦶🏼Multi Step Form With Progress | HTML CSS & JavaScript	https://dev.to/robsonmuniz16/multi-step-form-with-progress-html-css-javascript-18cm	Multi Step Form With Progress HTML CSS amp JavaScriptMulti Step Form With Progress HTML CSS amp JavaScriptMarkup lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt title gt Multi Step Form with Progressbar lt title gt lt link rel stylesheet href style css gt lt script src app js defer gt lt script gt lt head gt lt body gt lt form action class form gt lt h class text center gt SignUp Form lt h gt lt Progressbar gt lt div class progressbar gt lt div class progress id progress gt lt div gt lt div class progress step active data title Name gt lt div gt lt div class progress step data title Contact gt lt div gt lt div class progress step data title ID gt lt div gt lt div class progress step data title Password gt lt div gt lt div gt lt steps gt lt div class form step active gt lt div class input group gt lt label for username gt First Name lt label gt lt input type text name username id username gt lt div gt lt div class input group gt lt label for lname gt Last Name lt label gt lt input type text name lname id lname gt lt div gt lt div class gt lt a href class btn btn next with ml auto gt Next lt a gt lt div gt lt div gt lt div class form step gt lt div class input group gt lt label for phone gt Phone lt label gt lt input type text name phone id phone gt lt div gt lt div class input group gt lt label for email gt Email lt label gt lt input type email name email id email gt lt div gt lt div class btns group gt lt a href class btn btn pre gt Previous lt a gt lt a href class btn btn next gt Next lt a gt lt div gt lt div gt lt div class form step gt lt div class input group gt lt label for dob gt Date of Birth lt label gt lt input type date name dob id dob gt lt div gt lt div class input group gt lt label for id gt National ID lt label gt lt input type number name id id id gt lt div gt lt div class btns group gt lt a href class btn btn pre gt Previous lt a gt lt a href class btn btn next gt Next lt a gt lt div gt lt div gt lt div class form step gt lt div class input group gt lt label for password gt Password lt label gt lt input type password name password id password gt lt div gt lt div class input group gt lt label for ConfirmPassword gt Confirm Password lt label gt lt input type password name ConfirmPassword id ConfirmPassword gt lt div gt lt div class btns group gt lt a href class btn btn pre gt Previous lt a gt lt input type submit value Submit class btn gt lt div gt lt div gt lt form gt lt body gt lt html gt	2022-04-28 15:32:13
海外TECH	DEV Community	Getting started with the Stripe Shell	https://dev.to/stripe/getting-started-with-the-stripe-shell-ll0	Getting started with the Stripe Shell What you ll learnThe native Stripe command line interface CLI is one of the most powerful tools for your toolchain when building and testing your Stripe integration And now the Stripe CLI is available directly in the browser also known as Stripe Shell By watching this video tutorial and using the resources linked in this post you ll learn the essentials for using the Stripe Shell and the Stripe CLI to build and test your Stripe integration PrerequisitesIf you d like to follow along all you need is a Stripe account which you can sign up for here Invoking Stripe ShellStripe Shell is available from anywhere in stripe com docs There are a few ways to invoke the Stripe Shell The two fastest are to use the global toggle button located in the lower right corner of the browser window or to use the keyboard shortcut control and backtick ctrl What you can do with the Stripe CLIWith the CLI you can List retrieve create and update resources in your accountManually trigger eventsListen for events and forward them to your local development environmentCreate your own sophisticated fixtures to create resources in your accountTail your account logs to see how your system is interacting with the APISince Stripe Shell runs in the browser there are a couple of features that are only available in the native command line interface like being able to forward events But being able to trigger events listen to events on your account and query and manipulate resources from anywhere in the docs is immensely powerful If you would like to take advantage of features like log tailing and forwarding events to your local dev server we highly recommend installing the native Stripe CLI Pro tipsWhen using the Stripe Shell there are a number of handy keyboard shortcuts to make using the Shell even easier and to boost your productivity What to watch nextFor a deep dive into the native Stripe CLI see this video from cjav dev Stay connectedIn addition you can stay up to date with Stripe in a few ways Follow us on TwitterJoin the official Discord serverSubscribe to our Youtube channelSign up for the Dev Digest	2022-04-28 15:17:03
海外TECH	DEV Community	Fast Streaming into Clickhouse with Apache Pulsar	https://dev.to/tspannhw/fast-streaming-into-clickhouse-with-apache-pulsar-2j83	Fast Streaming into Clickhouse with Apache PulsarSource Clickhouse FLiPC FastStreamingIntoClickhouseWithApachePulsarFast Streaming into Clickhouse with Apache Pulsar Meetup StreamNative Apache Pulsar Stream to Altinity Cloud Clickhouse Meetup altinity cloud setupLoginLaunch ClusterExploreBuild tabledrop table iotjetsonjson ON CLUSTER cluster drop table iotjetsonjson local ON CLUSTER cluster CREATE TABLE iotjetsonjson local uuid String camera String ipaddress String networktime String toppct String top String cputemp String gputemp String gputempf String cputempf String runtime String host String filename String host name String macaddress String te String systemtime String cpu String diskusage String memory String imageinput String ENGINE MergeTree PARTITION BY uuid ORDER BY uuid CREATE TABLE iotjetsonjson ON CLUSTER cluster AS iotjetsonjson localENGINE Distributed cluster default iotjetsonjson local rand Queriesselect uuid toppct top gputempf cputempffrom iotjetsonjsonwhere toFloatOrZero toppct gt order by toFloatOrZero toppct desc systemtime descselect uuid systemtime networktime te toppct top cputempf gputempf cpu diskusage memory filenamefrom iotjetsonjson order by systemtime desc Altinity Cloud Clickhouse JDBC Sink Configurationtenant public namespace default name jdbc clickhouse sink iot topicName persistent public default iotjetsonjson sinkType jdbc clickhouse configs userName youradminname password somepasswordthatiscool jdbcUrl jdbc clickhouse mydomainiscool cloud default ssl true tableName iotjetsonjson local Build the Pulsar environment Or Just click create topic in StreamNative Cloud bin pulsar admin sinks stop tenant public namespace default name jdbc clickhouse sink iotbin pulsar admin sinks delete tenant public namespace default name jdbc clickhouse sink iotbin pulsar admin sinks restart tenant public namespace default name jdbc clickhouse sink iotbin pulsar admin sinks create archive connectors pulsar io jdbc clickhouse nar inputs iotjetsonjson name jdbc clickhouse sink iot sink config file conf clickhouseiot yml parallelism bin pulsar admin sinks list tenant public namespace defaultbin pulsar admin sinks get tenant public namespace default name jdbc clickhouse sink iotbin pulsar admin sinks status tenant public namespace default name jdbc clickhouse sink iotbin pulsar client consume persistent public default iotjetsonjson s iotjetsonjson reader References	2022-04-28 15:08:49
海外TECH	DEV Community	Common Frontend Interview Questions I've Been Asked	https://dev.to/melguachun/common-frontend-interview-questions-ive-been-asked-7dk	Common Frontend Interview Questions I x ve Been AskedThe source of dread we all endure while interviewing is the unpredictable nature of the hiring process With so many companies and even more technical questions it feels useless trying to study every single concept and definition Being new to the field compounds with the existing feelings of anxiety when finding the right opportunity Having graduated from bootcamp late I ve applied for over positions and acquired a decent amount of interviews During that time I compiled some of the most common questions I ve been asked as a software engineer looking for front end leaning positions What is Semantic HTML The use of HTML elements that define their purpose to the browser and developer Examples are lt form gt lt form gt lt table gt lt table gt lt footer gt lt footer gt these elements are defined by their name where as elements like and do not indicate their contents Semantic HTML defines sections in a document So why is this important you may ask This is extremely important for developers to understand when working off of existing code as it is for accessibility For engineers semantic HTML allows data to be shared and reused across applications This promotes structure and assists in helping search engines understand the document and rate it by relevance for search queries From the user s perspective semantic HTML assists in readability because it is sectioned by semantic HTML elements Ordering a document s layout is crucial especially for user s with disabilities Having a uniform and universal set of elements to define the contents of a document supports an optimum level of user accessibility What are closures in JavaScript Closures in JavaScript give you access to an outer functions scope from an inner function Closures are created whenever a function is created initialized Seems like a simple question so why is it asked so often Personally I think interviewers want to establish a baseline knowledge in the language of specialization Even though you may intuitively know that scope exists for every function interviewers want to if you can talk about the concept in question You may have worked with functions on an every day basis but can you explain how why they exist It s important to build the skill of always questioning as an engineer They want to see that you re always learning and not blindly accepting things as they are What is the alt tag used for in HTML What is their purpose It is the text description for media like images and videos on a web page They are displayed when a video or image cannot be loaded onto the web page They are accessed by screen readers to provide users with the text equivalent of images and videos What does important mean in CSS styling When an element is styled with the important property it overrides all other styling This is a great tip to know when specifying styling elements without repeating code or writing bloated code Knowing tips like these will ensure to your interviewers that you know how to implement clean and reusable code What is the difference between const var and let These three keywords are used to define variables But there are huge differences in their usages pertaining their scope and data Const is a great way to remember constant the keyword cannot be reassigned When a variable is defined using const it remains constant with it s original definition This means it is not accessible before it appears within the code It is also block scoped Var is a keyword that can be reassigned and can only be available inside the function that it is created in therefore it is function scoped Let is a keyword that can be reassigned but it is similar to the scope of const being block scoped If variables are not created inside a function or block then they re globally scoped Explain the DOM The DOM stands for Document Object Model it s a method of translating HTML elements into a form that JavaScript can understand and interact with JavaScript needs to understand the web page so it can manipulate style behave and work as a dynamic web page a What are various ways to get elements from the DOM getElementsByIdgetElementsByClassNamegetElementsByTagNamequerySelectorquerySelectorAll What is the difference between forEach and map forEach Method executes a function by iterating through each element of an array does NOT return anything returns undefined allows you to modify the values of an existing array by applying the callback function on each element of an array it mutates the original array map Method creates a new array using the return values of this function creates a new array by applying the callback function on each element of the source array does not mutate the original array returns the new arrayBoth execute a function for each element of an arrayTakeaway Tips Understand fundamental knowledge of your language try not to let laziness hinder from asking questions about even the most basic concepts herein lies the importance of a strong foundation get comfortable talking about concepts and definitions with another person this will help you organize your thoughts and come off clear and concise in conjunction with the last tip talk through your code with a friend this is a great exercise in understanding your own code flow and communicating the nitty gritty details don t be afraid to look up studying materials and create your own study methods ie codepen freecodecamp udemy github articles flashcards note taking etc have patience what I know now couldn t have been learned without experience of interviewingSaying you don t know to a question is not the end of the world It is not definitive of your knowledge It is not a determination of the outcome of your interview Admitting you don t know an answer proves that it s impossible to know everything But more importantly it displays your vulnerability and openness to learn I ve had millions of moments in interviews blanking stuttering and tripping over my words But when I accept the experience and acknowledge my nervousness I can focus on the feedback I receive from my interviewer It let me take note of what I understood and what I didn t from the technical questions I wish that this was reminded more when I was entering my job hunting process You are not going to know what they will ask you and it s impossible to prepare for every situation So no matter the outcome of an interview what you gain from interviewing is how to let go Learning to let go allows you to let go of expectations or anxiety in the interview It forces you to focus on yourself in a different light in understanding yourself the knowledge you ve acquired and the insight you will gain from the interview experience	2022-04-28 15:08:18
海外TECH	Engadget	Amazon re-awarded $10 billion NSA cloud contract after Microsoft dispute	https://www.engadget.com/amazon-web-services-re-awarded-nsa-cloud-contract-152924596.html?src=rss	Amazon re awarded billion NSA cloud contract after Microsoft disputeMicrosoft failed in its attempt to challenge Amazon s billion NSA contract Nextgov has learned the NSA re awarded the quot Wild and Stormy quot cloud computing deal to Amazon Web Services after reviewing the decision While the Government Accountability Office recommended a reevaluation in October following Microsoft s objections it s clear the second look didn t substantially change the outcome Many details of the contract are unsurprisingly murky but it s part of a larger Hybrid Compute Initiative that will see the NSA migrate intelligence data from in house servers to those of a cloud provider like AWS Wild and Stormy should help the security agency cope with growing datasets without having to manage the storage itself This isn t the first time Amazon and Microsoft have been at odds over a large scale US government agreement The two fought bitterly over the military s billion Joint Enterprise Defense Infrastructure JEDI cloud project with Microsoft surviving Amazon s challenge only to watch the Defense Department cancel the contract once requirements changed Microsoft isn t down and out when it s still in the running for the billion Joint Warfighting Cloud Capability deal but this still represents a significant blow for a company that thrives on government partnerships	2022-04-28 15:29:24
Cisco	Cisco Blog	Delivering End-to-End Virtual Firewall Security	https://blogs.cisco.com/partner/delivering-end-to-end-virtual-firewall-security	Delivering End to End Virtual Firewall SecurityTo help organizations implement their virtual firewall strategies Cisco and Equinix have joined forces to deliver end to end firewall security from the digital core to the digital edge via Equinix Network Edge services	2022-04-28 15:00:53
海外科学	NYT > Science	F.D.A. Moves to Ban Sales of Menthol Cigarettes	https://www.nytimes.com/2022/04/28/health/menthol-ban-fda.html	F D A Moves to Ban Sales of Menthol CigarettesPublic health experts say the proposal could save hundreds of thousands of lives especially among Black smokers ー percent of whom use menthol products	2022-04-28 15:33:13
海外科学	NYT > Science	Medicare Advantage Plans Often Deny Needed Care, Federal Report Finds	https://www.nytimes.com/2022/04/28/health/medicare-advantage-plans-report.html	Medicare Advantage Plans Often Deny Needed Care Federal Report FindsInvestigators urged increased oversight of the program saying that insurers deny tens of thousands of authorization requests annually	2022-04-28 15:09:25
金融	RSS FILE - 日本証券業協会	株券等貸借取引状況（週間）	https://www.jsda.or.jp/shiryoshitsu/toukei/kabu-taiw/index.html	貸借	2022-04-28 15:30:00
金融	RSS FILE - 日本証券業協会	意見・要望	https://www.jsda.or.jp/about/teigen/iken/index.html	意見	2022-04-28 15:30:00
金融	金融庁ホームページ	金融機関における貸付条件の変更等の状況について更新しました。	https://www.fsa.go.jp/ordinary/coronavirus202001/kashitsuke/20200430.html	金融機関	2022-04-28 17:00:00
金融	金融庁ホームページ	「新型コロナウイルス感染症関連情報」特設ページを更新しました。	https://www.fsa.go.jp/ordinary/coronavirus202001/press.html	新型コロナウイルス	2022-04-28 17:00:00
金融	金融庁ホームページ	「保険業法施行規則等の一部を改正する内閣府令（案）」等に対するパブリックコメントの結果等について公表しました。	https://www.fsa.go.jp/news/r3/shouken/20220428/20220428.html	保険業法	2022-04-28 17:00:00
金融	金融庁ホームページ	「銀行法施行令等の一部を改正する政令（案）」及び「銀行法施行規則の一部を改正する内閣府令（案）」等について公表しました。	https://www.fsa.go.jp/news/r3/ginkou/20220428/20220428.html	内閣府令	2022-04-28 17:00:00
金融	金融庁ホームページ	「自己資本比率規制（第１の柱・第３の柱）に関する告示の一部改正（案）」等に対するパブリックコメントの結果等について公表しました。	https://www.fsa.go.jp/news/r3/ginkou/20220428.html	自己資本比率	2022-04-28 17:00:00
金融	金融庁ホームページ	「高速取引行為となる情報の伝達先を指定する件の一部を改正する件」（案）について公表しました。	https://www.fsa.go.jp/news/r3/shouken/20220428-2/20220428-2.html	高速	2022-04-28 17:00:00
金融	金融庁ホームページ	「ソーシャルプロジェクトのインパクト指標等の検討に関する関係府省庁会議」（第２回）議事要旨について公表しました。	https://www.fsa.go.jp/singi/social_impact/siryou/20220428.html	関係	2022-04-28 17:00:00
金融	金融庁ホームページ	「金融商品取引業等に関する内閣府令及び金融サービス仲介業者等に関する内閣府令の一部を改正する内閣府令（案）」について公表しました。	https://www.fsa.go.jp/news/r3/shouken/20220428-3/20220428-3.html	仲介業者	2022-04-28 16:00:00
金融	ニュース - 保険市場TIMES	三井住友海上、ispaceと「月保険」実現に向け覚書を締結	https://www.hokende.com/news/blog/entry/2022/04/29/010000	三井住友海上、ispaceと「月保険」実現に向け覚書を締結年代、人が月で生活する未来を目指し三井住友海上火災保険株式会社以下、三井住友海上と株式会社ispace以下、ispaceは年月日、商業的「月保険」実現に向けて合意したことを発表した。	2022-04-29 01:00:00
ニュース	BBC News - Home	British national killed in Ukraine	https://www.bbc.co.uk/news/uk-61260402?at_medium=RSS&at_campaign=KARANGA	foreign	2022-04-28 15:20:18
ニュース	BBC News - Home	Biden announces $33bn to help Ukraine in war	https://www.bbc.co.uk/news/world-us-canada-61260511?at_medium=RSS&at_campaign=KARANGA	economic	2022-04-28 15:53:48
ニュース	BBC News - Home	Minority of men in politics behave like animals, says Suella Braverman	https://www.bbc.co.uk/news/uk-politics-61255056?at_medium=RSS&at_campaign=KARANGA	apples	2022-04-28 15:36:35
ニュース	BBC News - Home	Netflix and Disney+ among streamers facing tighter regulation in UK	https://www.bbc.co.uk/news/entertainment-arts-61249056?at_medium=RSS&at_campaign=KARANGA	government	2022-04-28 15:18:43
ニュース	BBC News - Home	Katie Kenyon: New woodland 'prioritised' in missing woman search	https://www.bbc.co.uk/news/uk-england-lancashire-61263348?at_medium=RSS&at_campaign=KARANGA	lancashire	2022-04-28 15:53:10
ニュース	BBC News - Home	Brownies to learn coding to get more girls into science	https://www.bbc.co.uk/news/uk-61258336?at_medium=RSS&at_campaign=KARANGA	girlguiding	2022-04-28 15:15:09
ニュース	BBC News - Home	Five sheep rescued from Newmillerdam rooftop	https://www.bbc.co.uk/news/uk-england-leeds-61262407?at_medium=RSS&at_campaign=KARANGA	adjacent	2022-04-28 15:39:53
ニュース	BBC News - Home	Ben Stokes wants James Anderson and Stuart Broad back in England team - Rob Key	https://www.bbc.co.uk/sport/cricket/61258933?at_medium=RSS&at_campaign=KARANGA	Ben Stokes wants James Anderson and Stuart Broad back in England team Rob KeyEngland s new Test captain Ben Stokes wants bowling pair James Anderson and Stuart Broad to return to the team says managing director Rob Key	2022-04-28 15:05:26
ニュース	BBC News - Home	World Snooker Championship: Judd Trump takes commanding semi-final lead over Mark Williams	https://www.bbc.co.uk/sport/snooker/61256479?at_medium=RSS&at_campaign=KARANGA	World Snooker Championship Judd Trump takes commanding semi final lead over Mark WilliamsJudd Trump dominates a scrappy opening session of his World Championship semi final to claim a lead over Mark Williams	2022-04-28 15:46:24
サブカルネタ	ラーブロ	札幌飛燕＠神保町	http://ra-blog.net/modules/rssc/single_feed.php?fid=198615	塩ラーメン	2022-04-28 16:00:45
北海道	北海道新聞	大型連休中　道内は曇りがちに　札幌管区気象台	https://www.hokkaido-np.co.jp/article/675616/	大型連休	2022-04-29 00:04:00
GCP	Cloud Blog	Clic Santé portal handled up to 365,000 appointments per day with zero downtime	https://cloud.google.com/blog/topics/public-sector/clic-sant%C3%A9-portal-handled-365000-appointments-day-zero-downtime/	Clic Santéportal handled up to appointments per day with zero downtimeWhen public health officials in Quebec set out to provide COVID vaccination services for their million residents in February they needed an easy to use scalable solution to schedule appointments online To make it simple for Quebecers to register for vaccines the goal was to use Clic Santé a familiar online portal built on Google Cloud and already in use to schedule flu vaccines and other health related services Trimoz Technologies the portal s creator prepared to meet high volumes of traffic by creating a seamless appointment scheduling experience  To meet demand Trimoz relied on Google Cloud   optimizing it for the expected surges As an enterprise solutions provider to the public sector in Canada Google Cloud scaled to meet the ongoing surges in traffic to the Clic Santéportal with the stability and reliability the portal needed  At its peak surge  Clic Santéscheduled  appointment schedules in a single day and on average continues to handle a volume of roughly appointments per day   Since launching their appointment scheduling service Clic Sante has been able to deploy up to a over dozen new appointment functionalities each month with no service interruptions while maintaining up to vaccination and pharmacies sites to serve the population Thanks to our talented and agile team and the flexibility of Google Cloud we performed hundreds of new releases and added new features and functionalities without interrupting our services and while maintaining flawless security We found extraordinary capacity to resolve complex problems with simple solutions Stéphane Lajoie CEO of Trimoz TechnologiesGoogle Cloud services that helped build a more secure flexible and scalable portal used by millionsThe main components of Clic Santéare hosted using different services to give the team at Trimoz more flexibility with their platform functionality The portal s user interface for example was built using AppEngine  a Platform as a Service PaaS solution that hosts websites and automatically scales up and down based on the load AppEngine allows the portal to deploy its web interface without having to manage the infrastructure Trimoz implemented Cloud SQL another PaaS solution to run instances of relational type databases without needing to manage the infrastructure Changing the number of instances based on active users gave them more freedom to scale as needed without affecting portal users Various healthcare organizations CIUSSS and CISSS required appointment level metrics gathered from Clic Santé to track progression towards their vaccination goal To handle this Trimoz uses BigQuery a serverless data warehouse service from Google Cloud This service handles data storage economically and allows for future analysis as needed so Trimoz can ensure all data at rest and in motion is encrypted to protect the platform and its users A reliable user friendly vaccination experience for QuebecThrough the partnership between Trimoz and Google Cloud the vaccine appointment scheduling portal handles connections on average per day with zero service interruptions It also provides a user friendly interface that can handle swells of traffic as needed This reliability of the solution was one factor among many that helped reach the goal of vaccinating “ of the admissible population three weeks early making Quebec s population one of the most vaccinated populations in the world The performance and scalability of the platform will now allow Trimoz Technologies to expand into new markets like pharmacies other healthcare organizations in other Canadian provinces U S or European markets Clic Santéin numbers More than unique users appointments set in average per dayPeak of daily appointments connections per day in average uptime of the Clic Santéplatform to new production releases per monthGoogle Cloud is already widely available for public sector organizations in Canada We are actively expanding with new regions and solutions with the highest compliance and standards and are committed to providing Canada with the quality service they need from a public sector cloud provider  To learn more visit the Google Cloud for Canada public sector solutions page	2022-04-28 16:00:00