投稿時間:2021-11-23 17:36:48 RSSフィード2021-11-23 17:00 分まとめ(39件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	実写TVシリーズ版『ブレードランナー』、リドリー・スコット監督が制作を公表。全10話を予定	https://japanese.engadget.com/blade-runner-tv-series-073059508.html	監督	2021-11-23 07:30:59
TECH	Engadget Japanese	鎮痛剤と間違えてAirPodsを飲み込んだ女性、胃の中の音を録音してしまう	https://japanese.engadget.com/woman-swallowed-airpod-records-stomach-070024833.html	airpods	2021-11-23 07:00:24
python	Pythonタグが付けられた新着投稿 - Qiita	【Python】東証上場銘柄の株価データを取得する（その１）	https://qiita.com/tnozoo/items/b7d95867a3e4aa421731		2021-11-23 16:07:41
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScript関連で出たエラーのメモ。	https://qiita.com/Tomochan_taco/items/aace8e0a3f9eed2efe7c	↓↓のようなコントローラーで、バックエンドLaravel使ってました、『return』とするとオブジェクトで返ってきてしまうので、そこを『returnresponsegtjsonproducts』と書き換えれば、配列で返ってきて問題解決した。	2021-11-23 16:06:01
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Googleスプレッドシートのプルダウンメニューを動的に変更したい。	https://teratail.com/questions/370643?rss=all	Googleスプレッドシートのプルダウンメニューを動的に変更したい。	2021-11-23 16:54:11
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Android studio	https://teratail.com/questions/370642?rss=all	Androidstudio前提・実現したいことAndroidnbspstudionbspで勤怠管理アプリを作成しているんですが出勤ボタンを押したとときに時間を取得しその時間を別の出勤記録画面で表示させていきたいのですがどのようにしたら良いかわかりません。	2021-11-23 16:50:28
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【Ruby】200000以下の約数の合計を出力したい	https://teratail.com/questions/370641?rss=all	【Ruby】以下の約数の合計を出力したい【やりたいこと】Rubyで以下の約数の合計を出力したい。	2021-11-23 16:35:39
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【Rails】deviseでのゲストログイン実装におけるpathに関するエラー	https://teratail.com/questions/370640?rss=all	【Rails】deviseでのゲストログイン実装におけるpathに関するエラースキルレベル基本情報技術者のカリキュラム及びLinuxの基礎や基本コマンドは一通り学習済みです。	2021-11-23 16:29:41
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	TypeError : can not unpack non-iterable numpy.float64 object	https://teratail.com/questions/370639?rss=all	TypeErrorcannotunpacknoniterablenumpyfloatobjectNanが去ったと書いてあり、カメラを開けません。	2021-11-23 16:24:39
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	"progate"　"Python" 引数の関係性	https://teratail.com/questions/370638?rss=all	MenuItem自体はもともと引数なしになっています。	2021-11-23 16:20:16
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	pythonのrangeの重複部分を計算する方法について	https://teratail.com/questions/370637?rss=all	nbspnbspnbsp	2021-11-23 16:19:15
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	UnityのURPでエラーが表示される	https://teratail.com/questions/370636?rss=all	UnityのURPでエラーが表示されるお世話になっております。	2021-11-23 16:14:16
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	TkInter: コンボボックス選択時の表示、みきれて表示することに拘りない・はみ出て表示されることについて対策したい	https://teratail.com/questions/370635?rss=all	TkInterコンボボックス選択時の表示、みきれて表示することに拘りない・はみ出て表示されることについて対策したい細かい話ですがコンボボックスからアイテムが選択された際の表示のされ方で、少し気になっていることがあります。	2021-11-23 16:08:19
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ImageDataGeneraterを使用して増えた画像枚数を知りたい。	https://teratail.com/questions/370634?rss=all	ImageDataGeneraterを使用して増えた画像枚数を知りたい。	2021-11-23 16:03:15
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【環境構築】rbenvで指定バージョンのRubyにダウングレード【mac】	https://qiita.com/5chaiji_nao/items/f892d05b4bb8e2d03a4b	【環境構築】rbenvで指定バージョンのRubyにダウングレード【mac】Macでrbenvを使用して指定バージョンのrubyにダウングレードしようと思ったのでメモちなみにHomebrewでrbenvは既にインストール済み。	2021-11-23 16:49:31
Ruby	Railsタグが付けられた新着投稿 - Qiita	ActiveRecordクエリメソッドまとめ	https://qiita.com/Toshiki2968/items/e795075cf9f6a905633f	ActiveRecordクエリメソッドまとめはじめにご覧頂きありがとうございます。	2021-11-23 16:51:20
技術ブログ	Developers.IO	배스천 호스트를 이용하여 서버를 접속하는 방법(OS별)	https://dev.classmethod.jp/articles/how-to-access-a-server-using-a-bath-host-for-each-os-kr/	배스천호스트를이용하여서버를접속하는방법 OS별 안녕하세요클래스메소드의수재입니다 내부서버로의직접적인접속을제한하기위해배스천호스트 bastion host 를이용하는것은다양한안건에서요구되는사항입니다 이번글에서는배스천	2021-11-23 07:04:19
海外TECH	DEV Community	Best Web Development Company NYC	https://dev.to/techavidus/best-web-development-company-nyc-397p	Best Web Development Company NYCNew York is the heart of all the technological advancements and for great reasons Web Development Company NYC is the ideal choice for many companies The region has also been home to a variety of startups or business partnerships where millions of customers eagerly awaiting the launch of the next major digital platform You can choose an NYC web developer or a firm according to how they will represent your business on the internet It is vital to develop an easy to use website that will increase the experience for customers What exactly is Web Development Web development is inextricably linked to the design of the features and functions of apps and websites often known as web design however the web design or web development phrase is generally applied to the development and programming of apps and websites In a broad way the development of a website covers all actions updates as well as processes required to create and maintain websites to ensure their efficiency user experience and speed are at the highest level In the current shift from in person interaction to online communication it is crucial that businesses are an integral part of the digital revolution The objective is to increase the potential for market growth as well as brand value and customer loyalty with an outstanding website developed by an expert Web Development Company NYC A website can be a portal to understanding them is the value of services products and effectiveness the business can offer in a crowded competitive market FRONT END VS BACK END DEVELOPMENTFront endFront end also referred to as client side development is employed to construct an overall layout design as well as interaction of a site Front end development helps determine how websites display text videos images as well as graphic images Also it defines the front facing interactions that include minimizing and maximizing visual assets including texts and filling out forms fields Front end development is based on three programming languages HTML CSS and JavaScript Back endBack end or server side development is the process of creating an online infrastructure and the behind the scenes functions of a website to ensure that it operates smoothly The back end comprises the server on which the website is hosting on and an application that runs the website as well as a database that stores the site s information Developers may use a range of programming languages to assist in back end development as servers can be programmed to work with virtually any programming language site data Developers are able to use a variety of programming languages to aid in back end development as servers can be set up to be able to comprehend nearly any programming language Why Choose US for Web Development Company NYCWe re experienced in every aspect of web development to assist our clients in reaching their maximum potential Make your company online make more sales and find more leads We employ a holistic method of web development starting with mark up and coding all the way up to content creation and web design We take pride in being an experienced team of experts working in tandem Our aim is to build your website not only to get higher rankings in search results but also to provide the best experience possible to your customers Our experienced Web Developer NYC provides cutting edge technologically driven solutions to meet your web development requirements The experts at Our Web Development Company NYC develop and deliver professional and performance oriented Web development solutions Contact us now	2021-11-23 07:39:16
海外TECH	DEV Community	Host a simple snake game on your website	https://dev.to/ckvignesh/host-a-simple-snake-game-on-your-website-198o	Host a simple snake game on your websiteYou can easily host a simple snake game on your website using code and a hosting service You may not know coding or even the names of some programming languages But don t worry I can help you do it with code which already exists All you have to do is link them amp host them Have a look at mine And no you don t need any money to do this as well Sounds cool right  Let s proceed now I have used infinityfree net to create a free account I suggest that you sign up there as well before you start doing this There are broadly two things we have to do Let me walk you through this Get the code to run a game and link them properly Host it on the internet Part One Getting the Code Ready Let s first get the code Here I am using a simple example so I have taken it from Freecodecamp s website It s from an article written by Fakorede Damilola He has used Javascript to create the game code It s primarily of components HTML PartI have copy pasted the code here for your reference lt h gt Nokia snake lt h gt lt div class scoreDisplay gt lt div gt lt div class grid gt lt div gt lt div class button gt lt button class top gt top lt button gt lt button class bottom gt bottom lt button gt lt button class left gt left lt button gt lt button class right gt right lt button gt lt div gt lt div class popup gt lt button class playAgain gt play Again lt button gt lt div gt CSS PartThis is for the styling of the snake and the area in which it moves body background rgb grid width px height px border px solid red margin auto display flex flex wrap wrap grid div width px height px border px black solid box sizing border box snake background blue apple background yellow border radius px popup background rgb width px height px position fixed top px left px display flex justify content center align items center Javascript PartThis is the little tricky side of it But read on It s not impossible I m copying the whole part of the Javascript here for your convenience If you wish to study each code block it s better to refer to the article let grid document querySelector grid let popup document querySelector popup let playAgain document querySelector playAgain let scoreDisplay document querySelector scoreDisplay let left document querySelector left let bottom document querySelector bottom let right document querySelector right let up document querySelector top let width let currentIndex let appleIndex let currentSnake let direction let score let speed let intervalTime let interval document addEventListener DOMContentLoaded function document addEventListener keyup control createBoard startGame playAgain addEventListener click replay function createBoard popup style display none for let i i lt i let div document createElement div grid appendChild div function startGame let squares document querySelectorAll grid div randomApple squares random apple direction scoreDisplay innerHTML score intervalTime currentSnake currentIndex currentSnake forEach index gt squares index classList add snake interval setInterval moveOutcome intervalTime function moveOutcome let squares document querySelectorAll grid div if checkForHits squares alert you hit something popup style display flex return clearInterval interval else moveSnake squares function moveSnake squares let tail currentSnake pop squares tail classList remove snake currentSnake unshift currentSnake direction movement ends here eatApple squares tail squares currentSnake classList add snake function checkForHits squares if currentSnake width gt width width amp amp direction width currentSnake width width amp amp direction currentSnake width amp amp direction currentSnake width lt amp amp direction width squares currentSnake direction classList contains snake return true else return false function eatApple squares tail if squares currentSnake classList contains apple squares currentSnake classList remove apple squares tail classList add snake currentSnake push tail randomApple squares score scoreDisplay textContent score clearInterval interval intervalTime intervalTime speed interval setInterval moveOutcome intervalTime function randomApple squares do appleIndex Math floor Math random squares length while squares appleIndex classList contains snake squares appleIndex classList add apple function control e if e keycode direction right else if e keycode direction width if we press the up arrow the snake will go ten divs up else if e keycode direction left the snake will go left one div else if e keycode direction width down the snake head will instantly appear divs below from the current div up addEventListener click gt direction width bottom addEventListener click gt direction width left addEventListener click gt direction right addEventListener click gt direction function replay grid innerHTML createBoard startGame popup style display none Now you have got the code blocks from the article But do you know how it must be used This is where I m going to teach you how to use code and link them so that a program works  Step Copy the HTML code into a notepad file Like this You can alternatively use Visual Studio too it works fine for writing the code Step Add a tag above the HTML Code you entered previously Inside that add tags Now copy the CSS code in between the tags Like this It must be like this above the HTML code you pasted I have highlighted the portion where the HTML code begins Step Now let s add the Javascript part into this file Go to the end of the HTML Script you wrote It ends at Create a tag and then copy paste the Javascript code in between the tag Here is an illustration I have selected the HTML code to make it clearer for you Now save this file with any name of your choice and add a “ html extension to it Do not save it as a text file Try to open it in your machine to test if it works This is how your screen will be I added my name to the code hence it shows up You can add your s too by editing the HTML code Part Two Hosting the Code Now that the code is ready let s host it Go to infinityfree net and login to the account you created Click on the Create Account button as shown in the picture below Select a domain name and its extension which is unique Proceed Create a password for it and Proceed Now this is the screen you will see Let s get back to it Click on the File Manager to open it Like this This is what you ll see Open the htdocs folder and upload your  HTML file into it It was the one we created in Part One Ensure that it s named as  Or the game may not load from the link Go to the link you made on your infinityfree net account and access the game You can modify the file contents any time and update the file in your account Hope this article helped you understand hosting of code	2021-11-23 07:34:10
海外TECH	DEV Community	Add a video background in HTML/CSS	https://dev.to/ziratsu/add-a-video-background-in-htmlcss-2l0e	Add a video background in HTML CSSHey fellow creators Here s a simple tutorial on how to add a video background to your website You ll learn all the tips and tricks to make it responsive If you prefer to watch the video version it s right here The basic structure of your code Let s imagine a restaurant asked us to create a nice website Create a HTML file with only the head for now You can add a font that you like or use the one I found lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta http equiv X UA Compatible content IE edge gt lt meta name viewport content width device width initial scale gt lt title gt Video Background lt title gt lt link rel stylesheet href style css gt lt link rel preconnect href gt lt link rel preconnect href crossorigin gt lt link href Display wght amp family Roboto amp display swap rel stylesheet gt lt head gt lt html gt Create a CSS file in which you ll simply reset the values and add the font for now before after box sizing border box margin padding body font family Playfair Display sans serif background fff Add the video to your HTML Now you need to create a body inside of which will be the video tag which will ask for a source which you can add as a tag however you need to add some attributes like autoplay it ll play the video automatically muted to mute the sound of the video if it has one and loop it ll repeat the video infinitely lt body gt lt div class home gt lt video autoplay muted loop gt lt source src ressources cooking mp type video mp gt lt video gt lt div gt lt body gt You ll need to add the video in your ressources folder which is what I did As you can see it works However there are scroll bars on the side and bottom of the screen and the video is too light so that if you add text on top of it the text will be hard to read Let s change all of that Add an overlay with some text Let s add an overlay beneath the video that will have some text in order to showcase the restaurant lt div class overlay gt lt div gt lt div class home content gt lt h gt High End Kitchen lt h gt lt div class middle line gt lt div gt lt button gt DISCOVER lt button gt lt div gt Let s style the page Go to your CSS file and start by creating a container with a height of vh in order to take up the whole screen and position relative since some elements children of this container will be absolute home height vh position relative Now let s deal with the video video object fit cover position absolute width height position absolute z index It s now taking the full width and height of the viewport meaning that you no longer have scroll bars on the side and bottom of the page Now let s darken the video with the overlay overlay position absolute top left bottom right z index background rgba As you can see you can either use width height or top left bottom right It does the exact same thing since it pins your element to all corners of the screen This is just a little trick for you to know Now let s style the content by increasing the size of the title and the button organising it to the middle of the screen and creating the divide vertical line between the title and the button home content width px margin auto position relative top px color fff z index home content h font family Playfair Display serif text align center text transform uppercase font size px line height middle line height px width px background fff margin px auto home content button display block font size px border px solid fff border radius px background transparent color fff margin px auto padding px px cursor pointer You now have a beautiful landing page for your website with a nice high resolution video background Check out the source code here Come and take a look at my Youtube channel Happy coding Enzo	2021-11-23 07:28:58
海外TECH	DEV Community	Salesforce Certification Guide: Step by step Overview and Career Paths	https://dev.to/reloadux/salesforce-certification-guide-step-by-step-overview-and-career-paths-6lm	Salesforce Certification Guide Step by step Overview and Career PathsSalesforce com has the top prize for its customer relationship management CRM products for small and medium sized companies However enterprises of all sizes use Salesforce to manage their CRM This is why you ll see Salesforce items and solutions used across a broad range of industry sectors all the way from automobile to healthcare to non profits in retail media communications as well as finance The first version of Salesforce was marketed as sales automation software However Salesforce is most well known for its Intelligent Customers Success Platform which provides cloud based solutions for communities sales marketing service analytics platforms apps the Internet of things IoT and artificial intelligence Salesforce also offers a range of cloud based solutions One of them is Heroku which is a platform as a services PaaS service Another option is Force com a more customized PaaS made specifically to integrate custom built apps with Salesforce sales cloud services Additionally Salesforce also offers Data com a cloud based business needs directory Desk com a cloud based help desk solution for small sized enterprises as well as Pardot for marketing automation in the business to business space and other options In the present with the introduction of the General Data Protection Regulation GDPR in May of businesses could be able to find Salesforce s offerings which offer monitoring and tools for configuration to help ensure compliance with GDPR especially compelling Salesforce certification program overviewIn contrast to other programs you won t see the hierarchy of certifications or tiers such as professional associate or specialist inside Salesforce s Salesforce certifications portfolio The focus of Salesforce certifies focus on various roles or tracks which are common for Salesforce professionals AdministratorsApp buildersDevelopersArchitectsSpecialists implementation experts MarketersSalesforce ConsultantPardot expertsSalesforce currently offers credentials The majority of them are for architects and consultants Salesforce certification examsThe majority of Salesforce certifications are earned through passing a question multiple choice test The certification will vary based on the exam you re looking for and the exam will last between to minutes Exams for app builders administrators developers marketers consultants Pardot experts and CPQ experts are very accessible with initial attempts costing and retakes costing Many architect certifications specialize in architects that cost around retakes costs However the highest level architect s certificate the Salesforce Certified Technical Architect requires a separate Review Board Exam and costs retakes are Training is not necessary to obtain Salesforce certifications However it is highly recommended Additionally there are a few if any requirements for the majority of Salesforce certifications If they are present the requirements are different Salesforce certifications Candidates can take proctored tests at testing locations or complete online tests at home or work In either case candidates need to enroll for certification tests via the Webassessor Kryterion Global Testing Solutions Salesforce Architect certificationsSalesforce has revamped its process for architect certifications in better to align them to current and upcoming requirements of customers This means that upon going to Salesforce s Salesforce Architect Certifications page you ll see three architect certificates that include six certifications in specialization up from four certifications at the beginning of the year Salesforce Architect Certifications Salesforce Certified Technical ArchitectSalesforce Certified Application ArchitectSalesforce Certified System ArchitectTeam of Certified Salesforce Consultants Salesforce Professional Specializations Salesforce Certified Data Architecture and Management DesignerThe Salesforce certified Development Lifecycle Designer and the Deployment DesignerSalesforce Certified Access and Identity Management DesignerSalesforce Certified Integration Architecture DesignerSalesforce Certified Mobile Solutions Architecture DesignerSalesforce Certified Sharing and Visibility DesignerThe Architect certifications are arranged in an arc and Salesforce s Architect Specialization certifications are the basis These are the credentials for designers and some other closely related Salesforce certifications Salesforce is adamant that designer credentials be the essential building blocks for a career as Salesforce Architect and are designed to verify certain areas of proficiency Salesforce Domain Architect certifications such as the Certified Application Architect and the Certified System Architect are a testament to the depth of Salesforce platform expertise in several related specializations Domain Architect certifications can be earned when a candidate fulfills specific specifications specifically the four requirements for qualifications for specialization The top of the ladder comes that of Salesforce Certified Technical architect which is the crème of the Salesforce architect portfolio This prestigious credential is awarded to professionals who develop and implement customized solutions for customers on Salesforce s Force com platform To earn this title it is necessary first to achieve both Domain Architect qualifications After that you ll be eligible to sit for the Salesforce Certified Technical Architect Certification Review Board Test In the test you ll be presented with a scenario that simulates details of the customer s requirements You will then be required to explain and defend the architecture solution you propose to use Candidates must sequentially finish each task and cannot proceed to the next task until the final task is complete Top Salesforce Consultants certificationsSalesforce provides six certifications especially for Salesforce professionals who work in the field of customer service as well as those who design and implement Salesforce solutions within their specific specializations The available top Salesforce Consultants certifications include the following Salesforce Certified Sales Cloud Consultant A person who has this certification creates and develops Sales Cloud solutions including design of interfaces and applications and design and manages and creates analytics to track goals Certified Salesforce Service Cloud Consultant The certification recognizes those who create services for customer service centers and analytics solutions to track metrics Salesforce certified Pardot Consultant The certification is for professionals who study the business needs requirement and then develop create and manage Pardot solutions Salesforce Certified Marketing Cloud Consultant The certification demonstrates a person s capability to set up and deploy Salesforce Marketing Cloud Email application tools and help with platform issues Salesforce Certified Community Cloud Consultant A person with this certification implements Salesforce Communities applications and helps customers set up and manage community settings and troubleshoot issues with the platform Salesforce certified Field Service Lightning consultant The certification is awarded to professional services who develop Salesforce services for clients and manage and configure Salesforce applications on the premises of the customer Salesforce Certified Einstein Analytics and Discovery Consultant This certification acknowledges the salesforce consultants experience designing and implementing right salesforce solution in Salesforce s Einstein Analytics and Discovery platform Salesforce Certified Nonprofit Cloud Consultant Certified Non Profit Cloud Consultant The individuals awarded this certification possess the skills and experience in the design and implementation of Salesforce Non Profit Cloud Solutions Salesforce Administration Developer Pardot Marketers as well as CPQ certificationsSalesforce offers a variety of certifications targeted developers and administrators as well as for those who work with Pardot or CPQ Salesforce Administrator certificates This group comprises certifications such as the Salesforce Certified Administrator and the Salesforce Certified Advanced Administrator This certification is aimed at professionals with years of experience Salesforce professionals Who are responsible for creating reports managing dashboards and workflows as well as security users data as well as the upkeep of Salesforce applications It is a certification for Advanced Administrators It was specifically designed to help Salesforce administrators with extensive experience and a deep understanding of Salesforce applications and leverage features to increase efficiency The Advanced Administrator earns the Administrator credential at a lower level as an entry level requirement Salesforce Platform App Builder certification Salesforce offers a single certificate for those who develop apps the Salesforce certified Platform App Builder This certification is specially designed for those working on the Force com platform and creating deploying designing developing custom Force com applications Salesforce Developer certificates Three credentials are available Salesforce Certified Platform Developer I and II and Salesforce Certified Commerce Cloud Digital transformation Developer These developers I and II credentials are designed for Salesforce professionals working on Salesforce s Force com platform The skills that are recognized as valid include creating or programming Force com platform applications using Visualforce and Apex to build custom apps and the ability to create custom data models for apps and interfaces logic and security Credentialed Developers II is capable of developing salesforce solutions for complex interfaces and implementing the best practices The Commerce Cloud Digital transformation Developer has extensive experience in the development of e commerce solutions Salesforce Certified Pardot Expert certifications The Pardot qualifications include the certified Pardot specialist certification and the Certified Consultant described earlier in the section Consultant Pardot Specialist certification Pardot Specialist qualification is targeted towards professionals managing marketing workflows build designs develop and build design using Pardot Pardot platform Salesforce marketing certifications Salesforce offers three marketing credentials that of the certified Marketing Cloud consultant described more in detail in the section Consultant and the Certification of Marketing Cloud Social Specialist and the certified cloud email specialist This Certified Marketing Cloud Social Specialist will target Social Studio professionals to create posts analyze conversations and create related reports The Certified Marketing Cloud Email Specialist will target professionals who utilize marketing cloud email Marketing Cloud Email application to create campaigns create emails implement email automation and track data from email Salesforce CPQ Expert Certification The certification recognizes experts who use Salesforce CPQ solutions and design and develop quoting flow designs to satisfy customers needs and troubleshoot problems with the platform Career opportunities and training sources for SalesforceSalesforce is the top Number one CRM leading salesforce consultancy company globally Salesforce experts are highly sought after Because of this Salesforce professionals won t just be in demand for Salesforce expertise across all industries They will also be required to be qualified and competent Salesforce experts in various work roles What number of Salesforce jobs are there on the market A quick look on Glassdoor provides more than job opportunities in the field of Salesforce professionals including jobs for engineers administrators hardware software platforms software IoT integration and developers analytics salesforce cloud specialists technical support There are plenty of opportunities for job seekers beyond technical positions neither For instance many Salesforce jobs are available to Program directors and project managers It s safe to say that Salesforce will not go away anytime soon and no matter your field of expertise there are bound to be opportunities in this area Trailhead which replaces Salesforce University should be the first option when searching for Salesforce training You ll find a variety of learning options such as traditional classroom instruction and self paced learning as well as virtual classrooms as well as private workshops Salesforce Training courses are divided into two classes Classes offered by Cloud Marketing service sales analytics community as well as Salesforce s platform Classes according to the role Administrator developers end users marketers developers technical architects sales and service management and solution developers Each certification s website offers links to recommended training and exam guides and examples of questions This exam manual also provides Hyperlinks to relevant information Tips sheets User guides for people looking to test their certifications without engaging in informal education You can also get study guides and online training courses offered by third parties on the web People looking to look at Salesforce Architect certifications should explore the Salesforce Architect Journey page and go through the accompanying and free exam manual before taking the exam Specialization exam	2021-11-23 07:26:36
海外TECH	DEV Community	HTML tags | rt	https://dev.to/carlosespada/html-tags-rt-2mep	HTML tags rtIt is used to specify the ruby text component of a ruby annotation providing pronunciation translation transliteration or explanation for East Asian typography The lt rt gt element must always be contained within a lt ruby gt element The end tag may be omitted if the lt rt gt element is immediately followed by an lt rt gt or lt rp gt element or if there is no more content in the parent element Type blockSelf closing NoSemantic value NoDefinition Example Support	2021-11-23 07:24:04
海外TECH	DEV Community	3 recent trends in low-code & year-end events you can't miss!	https://dev.to/technocrat/3-recent-trends-in-low-code-year-end-events-you-cant-miss-3j0k	recent trends in low code amp year end events you can x t miss Low code has steadily gained prominence among developers showing that they appreciate low code s visual builders that make complex use cases easier with fewer lines of code If you re a tech enthusiast here s why you should be jumping on the low code bandwagon recent trends in low codeRobotic process automation RPA Low code is now used to develop RPA elements that make it easy to build deploy and automate processes that are repetitive high volume and rule based Internet of things IoT IoT apps are complex to build as they need to manage data from devices like sensors communication devices cars and more Low code helps developers seamlessly build applications that can sync reams of data into context aware visuals for end users Augmented reality AR Low code has already enabled many device experience for users And recent progress has made even multi interaction feasible Users can now interact with applications via AR VR and more If you love low code or are interested in knowing more about it here are a few developer events you can check out OutSystems Outsystems is conducting an event for the developer community to showcase their low code platform with feature specific sessions such as integration builders plus discussions of various use cases Click here to join Zoho Creator Zoho Creator is hosting their virtual hackathon inviting amateur and experienced developers to build apps on their low code platform They ve made it even more attractive with k in prize gift vouchers for the top winners Click here to register ConclusionWith low code solidifying its place as the future of software development attending events for various platform providers helps to connect with like minded developers and better understand the trends in this space	2021-11-23 07:19:52
海外TECH	DEV Community	Full Site Editing - P5: What Are Block Patterns in Gutenberg? How to Create Them?	https://dev.to/wpmetabox/full-site-editing-p5-what-are-block-patterns-in-gutenberg-how-to-create-them-4hlj	Full Site Editing P What Are Block Patterns in Gutenberg How to Create Them After the articles in the FSE series we ve received a lot of positive feedback from readers In particular many of them asked to have one more part about Gutenberg block patterns So we came up with a post that has everything you need about this feature like what block patterns are their applications how to create one and the good resources of block patterns Let s spend minutes reading now What Are Block Patterns Block Patterns are predefined block layouts available from the patterns tab of the block inserter Once inserted into content the blocks are ready for additional or modified content and configuration wordpress orgSo in Gutenberg Editor you will see a new tab call Patterns when adding a new block like this These patterns are layouts made from blocks They re often pre made for the section like product introduction gallery article list header And they re classified into different categories With a block pattern you can reuse it as many times as you want and add it to different places on your website Besides you can also customize each block in this pattern to make it fit with the content you want You can see that block patterns are extremely flexible easily customizable and highly applicable to many places Therefore a lot of WordPress users believe that block patterns can replace Customizer to some extent Notably from WordPress block patterns are completely integrated into WordPress core How to Create Block Patterns in WordPressAlong with the available patterns in Gutenberg you can create your own block patterns easily Here is how you do it Step Create a new block pattern in GutenbergFirst of all in Gutenberg Editor just use the blocks to create a group of blocks with your own desired layout like what I did here with the Column Heading Image and Paragraph block This group of blocks and layout is the block pattern that I want to create Then switch to the HTML editor and copy the HTML code of the blocks and layouts you ve just created Step Register a Block Pattern in the function php fileNext to make the above group of blocks become a block pattern we need to register a block pattern in the function php file by adding the following code block pattern about us the code of the above blocks In that code block pattern about us is the name of this code to help you distinguish it from other codes easily You can name it as you want as long as it s easy to remember for the code below Now continue with adding this code to the function php file register block pattern example block pattern categories gt text content gt block pattern about us description gt A block pattern to introduce your team keywords gt about us title gt About Us viewportWidth gt Explanation   example block pattern Is the namespace of the block pattern You can name it as you want   categories is the category where you want to add your block pattern Like I mentioned above there are default categories for block patterns in Gutenberg so you just need to select one   block pattern about us is the name of the code that you added above   description is the description of the block pattern   keywords is the keyword that users can use to search for this block pattern   title is the block pattern s name   viewportWidth is the width of the block patternNow when you visit Gutenberg Editor again you will see a new pattern in the category you want This is mine Ok you ve done with creating a new block pattern Block Pattern DirectoriesBesides designing your own layout as I did in step you can refer to many premade samples in many resources You can copy or download the block pattern s code from these resources and then do as the step above Here we collected the most prestigious block pattern directories resources for you If you know any other resources feel free to recommend them to us Fullsiteediting comAs I introduced in part of this series fullsiteediting com is a reputable and trustworthy resource to learn about FSE Additionally you can find block pattern samples on this site These samples are quite simple and basic It also gives you the source code of these patterns so you can copy and use them immediately in Gutenberg Editor or make them your own patterns Wordpress orgIn wordpress org you have a large number of different block patterns in different categories These patterns are pre designed with images and content so they look really catchy You just need to copy their code to use and change the content of the blocks on your whim Gutenberghub comAlong with the block patterns for one section or short content gutenberghub com even provides you with Gutenberg templates for the whole site These templates are eye catching for many different topics It s also possible to copy the code of these templates and patterns to use Shareablock comThere are nearly block patterns in shareablock com They are professional and modern with various topics for different purposes However to download these patterns you have to register via email to receive the download link Final WordsBlock Pattern is a convenient and easy to use feature in Gutenberg As you can see using and creating a new block pattern is really simple right Even when you don t know much about code you can still create your own unique ones or your website within a blink of an eye Take advantage of these block patterns to build a beautiful website quickly and easily If you want to learn more about any feature of Full Site Editing please let us know in the comment section below	2021-11-23 07:14:37
海外TECH	DEV Community	Going serverless with MongoDB Realm - Vue.js Version	https://dev.to/hackmamba/going-serverless-with-mongodb-realm-vuejs-version-nld	Going serverless with MongoDB Realm Vue js VersionServerless architecture is a pattern of running and building applications and services without having to manage infrastructure It involves the applications and services running on the server but all the server management is done by a cloud provider This post will discuss building a fullstack user management application using MongoDB MongoDB Realm and Vue js At the end of this tutorial we will learn how to create a database on MongoDB serverless functions as our endpoints using MongoDB Realm and consume the endpoints in a Vue js application MongoDB Realm is a development platform designed for building mobile web desktop and IoT applications It offers services like data synchronization serverless functions triggers user authentication e t c We can build and maintain application on MongoDB Realm using any of the following Realm UI a browser based option to create and maintain applicationRealm CLI a CLI based option to define and deploy applicationsGitHub Deploy use configuration files on Github to deploy applications from a Github repositoryAdmin API an HTTP based request to manage your applications In this post we will be using Realm UI to build our applications You can code along by cloning this repository main branch here If you prefer to view the complete code checkout to the dev branch of this same repository In this tutorial we will focus on implementations only The project UI has already been set up with TailwindCSS You can check out the React js version here PrerequisitesThe following steps in this post require JavaScript and Vue js experience Experience with TypeScript isn t a requirement but it s nice to have We also need a MongoDB account to host the database and create serverless functions Signup is completely free Let s code Running the ProjectTo get started we need to navigate to the project location open our terminal and install project dependency as shown below npm installWith that done we can start a development server using the command below npm run serve Setting up MongoDBTo get started we need to log in or sign up into our MongoDB account and follow the option that applies to us For a New Account Sign Up First we need to answer a few questions to help MongoDB help set up our account Then click on Finish Select Shared as the type of database Click on Create to setup a cluster This might take sometime to setup Next we need to create a user to access the database externally by inputting the Username Password and then click on Create User We also need to add our IP address to safely connect to the database by clicking on the Add My Current IP Address button Then click on Finish and Close to save changes On saving the changes we should see a Database Deployments screen as shown below For an Existing Account Log In Click the project dropdown menu and click on the New Project button Enter the realmVue as the project name click on Next and then click Create ProjectClick on Build a DatabaseSelect Shared as the type of database Click on Create to setup a cluster This might take sometime to setup Next we need to create a user to access the database externally by inputting the Username Password and then clicking on Create User We also need to add our IP address to safely connect to the database by clicking on the Add My Current IP Address button Then click on Finish and Close to save changes On saving the changes we should see a Database Deployments screen as shown below Loading Sample DataNext we need to populate our database with users sample data To do this click on the Browse Collections buttonClick on Add My Own Data input vueRealmDB and vueRealmCol as the database and collection name and click on Create Next we need to insert these sample data To do this click on the Insert Document button fill in the details above and click on Insert to save Creating and configuring MongoDB Realm applicationWith our database populated we need to create serverless functions to perform Create Read Update and Delete CRUD on our database To do this select the Realm tab click on Build your own App Then click on Create Realm Application to setup our application MongoDB Realm also ships with templates that we can use to build our application quickly For this tutorial we will be building from scratch Next we need to setup permission and rules for our functions To do this close the popup guide click on Rules select the vueRealmCol and click on Configure Collection MongoDB Realm s Save and DeployWith that done MongoDB Realm will show us a widget illustrating the concept of Save and Deploy When writing a serverless function clicking on Save creates a development draft that we can test and play around with At the same time Deploy makes our changes public to be consumed by another application Vue js in our case Click on Next and then Got it to continue Next we need to allow Read and Write permissions for our function and then Save Next navigate to the Authentication tab click on Allow users to log in anonymously toggle it on and Save Draft MongoDB Realm also ships with several authentication options that we can explore For this tutorial we will be using the anonymous option Creating serverless functions on MongoDB RealmGet All Users Serverless FunctionWith the configuration done we can now create a serverless function that returns list of users To do this navigate to the Functions tab click on Create New Function and input getAllUsers as the function nameNext select the Function Editor tab and modify the function to the following The snippet above does the following Create a collection variable to access the vueRealmDB database and vueRealmCol collectionReturn the list of documents in the collection Next we can test our function by clicking on Run button to see list of users Finally we need to copy any returned user s id and save it somewhere we need it for the next function Then click on Save Draft to create a deployment draft for our function Get A User Serverless FunctionTo do this click on the Functions tab click on Create New Function and input getSingleUser as the function nameNext select the Function Editor tab and modify the function to the following The snippet above does the following Create a collection variable to access the vueRealmDB database and vueRealmCol collectionReturn a single user by finding it by its id Because MongoDB saves documents in BSON we need to parse the arg as BSON using the BSON ObjectId To test our function Navigate to the Console tab replace the Hello world in the exports function with the user s id we copied earlier and then click on Run Finally we need to save our function by clicking on the Save Draft button Edit A User Serverless FunctionTo do this we need to follow the same steps as above First click on the Functions tab click on Create New Function and input editUser as the function name Next select the Function Editor tab and modify the function to the following The snippet above does the following Modify the function to accept id name location and title argumentsCreate a collection variable to access the vueRealmDB database and vueRealmCol collectionCreate an updated variable that finds the document by id update the collection fields and set a returnNewDocument flag to return the updated document Next we can test our function by navigating to the Console tab replace the Hello world in the exports function with required arguments id name location and title click on Run and then Save Draft Create A User Serverless FunctionTo do this we need to follow the same steps as before First click on the Functions tab click on Create New Function and input createUser as the function name Next select the Function Editor tab and modify the function to the following The snippet above does the following Modify the function to accept name location and title arguments Create a collection variable to access the vueRealmDB database and vueRealmCol collection Create a new user by inserting the arguments and returning the user Next we can test our function by navigating to the Console tab replace the Hello world in the exports function with required arguments name location and title click on Run and then Save Draft Delete A User Serverless FunctionTo do this we need to follow the same steps as before First click on the Functions tab click on Create New Function and input deleteUser as the function name Next select the Function Editor tab and modify the function to the following The snippet above does the following Modify the function to accept arguments Create a collection variable to access the vueRealmDB database and vueRealmCol collection Create a deleteUser variable for deleting by id Next we can test our function by navigating to the Console tab replace the Hello world in the exports function with required the argument click on Run and then Save Draft Deploying serverless functionsTo start using the serverless functions in our application we need to deploy them To do this click on the Review Draft amp Deploy button scroll down and then click on Deploy We should get a prompt showing the status of our deployment Finally Integration with Vue jsTo integrate MongoDB Realm in our application we need to install the dependencies with npm i realm webrealm web is a library for accessing MongoDB Realm from a web browser Setup an Environment VariableFirst we need to create a env file in the project root directory and in this file add the snippet below VUE APP REALM APP ID lt your realm app id gt To get our Realm App ID we need to click on the copy icon as shown below Setup MongoDB RealmNext we need to create a utils folder in the src folder and in this folder create a mongo client ts file and add the code snippet below The snippet above does the following Import the required dependencies Create a variable to store the Realm App ID Create and export an instance of MongoDB Realm and pass the App ID The bang in front of REALM APP ID tells the compiler to relax the non null constraint error Meaning the parameter cannot be null or undefined Create and export the credential type we will be using for this app We configure this authentication option earlier Get All UsersTo get all users we need to create an interface to describe the response properties To do this we need to create a models folder in the src folder and in this folder create a user interface ts file and add the code snippet below PS The question mark in front of id tells TypeScript that this property is optional since MongoDB automatically generates it Next we need to modify App vue by updating it with the snippet below The snippet above does the following Import the IUser interface app and credentials Create users property to manage the list of users Create a getListOfUsers function to authenticate our application using the credentials imported and get the list of users by accessing the getAllUsers serverless function we created earlier Then update the users property and use the mounted hook to call the function PS The serverless function getAllUsers in our case called must be the same as the one defined on MongoDB Realm Update the mark up to display the list of users Complete App vue Create A UserTo create a user we must first modify App vue by updating it with the snippet below The snippet above does the following Add a userValue property to the data property Create a updateUserValue function to update the userValue propertyInclude watch component property to monitor the userValue property and get the updated list of users if there is a change made to it Update the Modal component to accept the updateUserValue as a prop Next navigate to the Modal vue file inside the components folder update the props and create a user The snippet above does the following Import the required dependencies Add updateUserValue to props propertyModify the onSubmitForm function to authenticate our application using the credentials imported Create a user by accessing the createUser serverless function we created earlier passing the required arguments name location and title and then updating the userValue and form state Edit A UserTo edit a user we must first modify App vue by creating a property to manage the id of the user we want to edit and function to update it We also updated the handleEditClick function to update the property and pass it as props to the Modal component Next we need to populate our form when the Edit button is clicked To do this open Modal vue and update as shown below The snippet above does the following Import the required dependencies Add editingId to props propertyCreate a getAUser function to authenticate our application using the credentials imported Get the selected user details using the getSingleUser serverless function and then update the form values The getSingleUser function also required us to convert editingId to string using BSON ObjectID function Include watch component property to monitor the isEdit state conditionally call the getAUser function and update form state Next we need to update the onSubmitForm function to include updating the user s details by conditionally checking if it is an update action or not Next we need to call the editUser serverless function and pass in the required parameters Finally update the updateUserValue restore the form back to default and close the Modal component Complete Modal Vue Delete A UserTo delete a user we need to modify App vue by creating a handleDelete function as shown below The snippet above does the following Import the required dependencies Creates a deleteAUser function that takes an id as an argument authenticate our application using the credentials Delete selected user using the deleteUser serverless function and update the userValue state Complete App vue Finally we can test our application by starting the development server and performing CRUD operations ConclusionThis post discussed how to create a database on MongoDB create and deploy serverless functions using MongoDB Realm and consume the endpoints in a Vue js application You may find these resources helpful MongoDB Realm TailwindCSS Realm Web SDK Serverless computing BSON	2021-11-23 07:02:52
海外TECH	DEV Community	Going serverless with MongoDB Realm - React.js Version	https://dev.to/hackmamba/going-serverless-with-mongodb-realm-reactjs-version-jh6	Going serverless with MongoDB Realm React js VersionServerless architecture is a pattern of running and building applications and services without having to manage infrastructure It involves the applications and services running on the server but all the server management is done by a cloud provider This post will discuss building a fullstack user management application using MongoDB MongoDB Realm and React js At the end of this tutorial we will learn how to create a database on MongoDB serverless functions as our endpoints using MongoDB Realm and consume the endpoints in a React js application MongoDB Realm is a development platform designed for building mobile web desktop and IoT applications It offers services like data synchronization serverless functions triggers user authentication e t c We can build and maintain application on MongoDB Realm using any of the following Realm UI a browser based option to create and maintain applicationRealm CLI a CLI based option to define and deploy applicationsGitHub Deploy use configuration files on Github to deploy applications from a Github repositoryAdmin API an HTTP based request to manage your applications In this post we will be using Realm UI to build our applications You can code along by cloning this repository main branch here If you prefer to view the complete code checkout to the dev branch of this same repository In this tutorial we will focus on implementations only The project UI has already been set up with TailwindCSS You can check out the Vue js version here PrerequisitesThe following steps in this post require JavaScript and React js experience Experience with TypeScript isn t a requirement but it s nice to have We also need a MongoDB account to host database the and create serverless functions Signup is completely free Let s code Running the ProjectTo get started we need to navigate to the project location open our terminal and install project dependency as shown below npm installWith that done we can start a development server using the command below npm start Setting up MongoDBTo get started we need to log in or sign up into our MongoDB account and follow the option that applies to us For a New Account Sign Up First we need to answer a few questions to help MongoDB help set up our account Then click on Finish Select Shared as the type of database Click on Create to setup a cluster This might take sometime to setup Next we need to create a user to access the database externally by inputting the Username Password and then click on Create User We also need to add our IP address to safely connect to the database by clicking on the Add My Current IP Address button Then click on Finish and Close to save changes On saving the changes we should see a Database Deployments screen as shown below For an Existing Account Log In Click the project dropdown menu and click on the New Project button Enter the reactRealm as the project name click on Next and then click Create ProjectClick on Build a DatabaseSelect Shared as the type of database Click on Create to setup a cluster This might take sometime to setup Next we need to create a user to access the database externally by inputting the Username Password and then clicking on Create User We also need to add our IP address to safely connect to the database by clicking on the Add My Current IP Address button Then click on Finish and Close to save changes On saving the changes we should see a Database Deployments screen as shown below Loading Sample DataNext we need to populate our database with users sample data To do this click on the Browse Collections buttonClick on Add My Own Data input reactRealmDB and reactRealmCol as the database and collection name and click on Create Next we need to insert these sample data To do this click on the Insert Document button fill in the details above and click on Insert to save Creating and configuring MongoDB Realm applicationWith our database populated we need to create serverless functions to perform Create Read Update and Delete CRUD on our database To do this select the Realm tab click on Build your own App Then click on Create Realm Application to setup our application MongoDB Realm also ships with templates that we can use to build our application quickly For this tutorial we will be building from scratch Next we need to setup permission and rules for our functions To do this close the popup guide click on Rules select the reactRealmCol and click on Configure Collection MongoDB Realm s Save and DeployWith that done MongoDB Realm will show us a widget illustrating the concept of Save and Deploy When writing a serverless function clicking on Save creates a development draft that we can test and play around with At the same time Deploy makes our changes public to be consumed by another application React js in our case Click on Next and then Got it to continue Next we need to allow Read and Write permissions for our function and then Save Next navigate to the Authentication tab click on Allow users to log in anonymously toggle it on and Save Draft MongoDB Realm also ships with several authentication options that we can explore For this tutorial we will be using the anonymous option Creating serverless functions on MongoDB RealmGet All Users Serverless FunctionWith the configuration done we can now create a serverless function that returns list of users To do this navigate to the Functions tab click on Create New Function and input getAllUsers as the function nameNext select the Function Editor tab and modify the function to the following The snippet above does the following Create a collection variable to access the reactRealmDB database and reactRealmCol collectionReturn the list of documents in the collection Next we can test our function by clicking on Run button to see list of users Finally we need to copy any returned user s id and save it somewhere we need it for the next function Then click on Save Draft to create a deployment draft for our function Get A User Serverless FunctionTo do this click on the Functions tab click on Create New Function and input getSingleUser as the function nameNext select the Function Editor tab and modify the function to the following The snippet above does the following Create a collection variable to access the reactRealmDB database and reactRealmCol collectionReturn a single user by finding it by its id Because MongoDB saves documents in BSON we need to parse the arg as BSON using the BSON ObjectId To test our function Navigate to the Console tab replace the Hello world in the exports function with the user s id we copied earlier and then click on Run Finally we need to save our function by clicking on the Save Draft button Edit A User Serverless FunctionTo do this we need to follow the same steps as above First click on the Functions tab click on Create New Function and input editUser as the function name Next select the Function Editor tab and modify the function to the following The snippet above does the following Modify the function to accept id name location and title argumentsCreate a collection variable to access the reactRealmDB database and reactRealmCol collectionCreate an updated variable that finds the document by id update the collection fields and set a returnNewDocument flag to return the updated document Next we can test our function by navigating to the Console tab replace the Hello world in the exports function with required arguments id name location and title click on Run and then Save Draft Create A User Serverless FunctionTo do this we need to follow the same steps as before First click on the Functions tab click on Create New Function and input createUser as the function name Next select the Function Editor tab and modify the function to the following The snippet above does the following Modify the function to accept name location and title arguments Create a collection variable to access the reactRealmDB database and reactRealmCol collection Create a new user by inserting the arguments and returning the user Next we can test our function by navigating to the Console tab replace the Hello world in the exports function with required arguments name location and title click on Run and then Save Draft Delete A User Serverless FunctionTo do this we need to follow the same steps as before First click on the Functions tab click on Create New Function and input deleteUser as the function name Next select the Function Editor tab and modify the function to the following The snippet above does the following Modify the function to accept arguments Create a collection variable to access the reactRealmDB database and reactRealmCol collection Create a deleteUser variable for deleting by id Next we can test our function by navigating to the Console tab replace the Hello world in the exports function with the required argument click on Run and then Save Draft Deploying serverless functionsTo start using the serverless functions in our application we need to deploy them To do this click on the Review Draft amp Deploy button scroll down and then click on Deploy We should get a prompt showing the status of our deployment Finally Integration with React jsTo integrate MongoDB Realm in our application we need to install the dependencies with npm i realm webrealm web is a library for accessing MongoDB Realm from a web browser Setup an Environment VariableFirst we need to create a env file in the project root directory and in this file add the snippet below REACT APP REALM APP ID lt your realm app id gt To get our Realm App ID we need to click on the copy icon as shown below Setup MongoDB RealmNext we need to create a utils folder in the src folder and in this folder create a mongo client ts file and add the code snippet below The snippet above does the following Import the required dependencies Create a variable to store the Realm App ID Create and export an instance of MongoDB Realm and pass the App ID The bang in front of REALM APP ID tells the compiler to relax the non null constraint error Meaning the parameter cannot be null or undefined Create and export the credential type we will be using for this app We configure this authentication option earlier Get All UsersTo get all users we need to create an interface to describe the response properties To do this we need to create a models folder in the src folder and in this folder create a user interface ts file and add the code snippet below PS The question mark in front of id tells TypeScript that this property is optional since MongoDB automatically generates it Next we need to modify App tsx by updating it with the snippet below The snippet above does the following Import the IUser interface app and credentials Create state variables to manage the list of users Create a getUsers function inside the useEffect hook to authenticate our application using the credentials imported get the list of users by accessing the getAllUsers serverless function we created earlier and then update the users state PS The serverless function getAllUsers in our case called must be the same as the one defined on MongoDB Realm Update the mark up to display the list of users Complete App tsx Create A UserTo create a user we must first modify App tsx by creating a state variable to manage returned value when a user is created We also need to add the state as dependency on the useEffect hook so that when changes are made it refreshes the page and load the latest list of users Finally we need to update the Modal component with the state function to update the value PS TypeScript will complain about the Modal tsx component not having the setUserValue property We will fix this Next navigate to the Modal tsx file inside the components folder update the interface and create a user The snippet above does the following Import the required dependencies Modify the handleSubmit function to authenticate our application using the credentials imported Create a user by accessing the createUser serverless function we created earlier passing the required arguments name location and title and then updating the userValue and form state Edit A UserTo edit a user we must first modify App tsx by creating a state variable to manage the id of the user we want to edit We also updated the onClick event to update the state variable and pass it as props to the Modal component Next we need to populate our form when the Edit button is clicked To do this open Modal tsx and update as shown below The snippet above does the following Import the required dependencies Modify the interface and props to include editingIdUse useEffect to conditionally check if it s editing or creating get the selected user details using the getSingleUser serverless function and then update the form values The getSingleUser function also required us to convert editingId to string using BSON ObjectID function Clean up the effect by updating the form state to an empty string Next we need to update the handleSubmit function to include updating the user s details by conditionally checking if it is an update action or not Next we need to call the editUser serverless function and pass in the required parameters Finally update the userValue restore the form back to default and close the Modal component Complete Modal tsx Delete A UserTo delete a user we need to modify App tsx by creating a handleDelete function as shown below The snippet above does the following Import the required dependencies Creates a handleDelete function that takes an id as an argument authenticate our application using the credentials Delete selected user using the deleteUser serverless function and update the userValue state Complete App tsx Finally we can test our application by starting the development server and performing CRUD operations ConclusionThis post discussed how to create a database on MongoDB create and deploy serverless functions using MongoDB Realm and consume the endpoints in a React js application You may find these resources helpful MongoDB Realm TailwindCSS Realm Web SDK Serverless computing BSON	2021-11-23 07:02:11
海外ニュース	Japan Times latest articles	Australia to reopen to foreign visa holders and travelers from Japan	https://www.japantimes.co.jp/news/2021/11/23/national/australia-entry/	Australia to reopen to foreign visa holders and travelers from JapanTo take advantage of the changed rules travelers will need to provide proof of vaccination and to return a negative PCR test hours or	2021-11-23 16:45:24
海外ニュース	Japan Times latest articles	Eyeing stable government, Kishida secures cooperation from top LDP faction bosses	https://www.japantimes.co.jp/news/2021/11/23/national/politics-diplomacy/kishida-aso-motegi/	Eyeing stable government Kishida secures cooperation from top LDP faction bossesThe prime minister met with Liberal Democratic Party Vice President Taro Aso and Secretary General Toshimitsu Motegi ahead of December s extraordinary parliamentary session	2021-11-23 16:17:11
海外ニュース	Japan Times latest articles	U.S. warship transits Taiwan Strait after Biden-Xi summit	https://www.japantimes.co.jp/news/2021/11/23/asia-pacific/us-taiwan-strait-warship/	U S warship transits Taiwan Strait after Biden Xi summitThe voyage the th declared freedom of navigation exercise of the year demonstrates the U S commitment to a free and open Indo Pacific the th Fleet	2021-11-23 16:01:38
ニュース	BBC News - Home	Bulgaria bus crash: Children among at least 45 killed	https://www.bbc.co.uk/news/world-europe-59383852?at_medium=RSS&at_campaign=KARANGA	macedonia	2021-11-23 07:44:13
北海道	北海道新聞	重量挙げ、村上が日本新で優勝　全日本選手権最終日	https://www.hokkaido-np.co.jp/article/614776/	全日本選手権	2021-11-23 16:16:00
北海道	北海道新聞	地域運営学校が１万校超える　公立の３割、増加顕著	https://www.hokkaido-np.co.jp/article/614774/	地域住民	2021-11-23 16:12:00
北海道	北海道新聞	インフルエンサーに罰金１６億円　中国、富裕層の締め付け強化か	https://www.hokkaido-np.co.jp/article/614759/	罰金	2021-11-23 16:12:04
北海道	北海道新聞	楽天の松井は現状維持２・５億円　故障防止と四球減へ	https://www.hokkaido-np.co.jp/article/614773/	仙台市内	2021-11-23 16:03:00
北海道	北海道新聞	模様替え、引っ越しプロが代行　「アート引越センター」	https://www.hokkaido-np.co.jp/article/614772/	引っ越し	2021-11-23 16:03:00
北海道	北海道新聞	北京冬季パラ、テスト大会なし　異例の準備、開幕まで１００日	https://www.hokkaido-np.co.jp/article/614765/	開幕	2021-11-23 16:04:03
北海道	北海道新聞	張本「わくわくしている」　世界卓球へ最終調整	https://www.hokkaido-np.co.jp/article/614766/	世界卓球	2021-11-23 16:02:10
北海道	北海道新聞	オンライン会議、５割が導入　関西企業、コロナ禍契機に	https://www.hokkaido-np.co.jp/article/614768/	帝国データバンク	2021-11-23 16:02:08
ビジネス	東洋経済オンライン	｢苦しい嫉妬の感情｣をスッと消す実に簡単な方法 有名人には嫉妬しない理由を考えてみよう | リーダーシップ・教養・資格・スキル | 東洋経済オンライン	https://toyokeizai.net/articles/-/468127?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2021-11-23 17:00:00