投稿時間:2023-06-02 23:16:51 RSSフィード2023-06-02 23:00 分まとめ(20件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Apple、6月15日に英ロンドンの発電所跡に新しい直営店｢Apple Battersea｣をオープンへ − オリジナル壁紙も配布中	https://taisy0.com/2023/06/02/172454.html	複合商業施設	2023-06-02 13:38:54
IT	気になる、記になる…	【楽天スーパーSALE】｢AirPods Pro (第2世代)｣が4,300円オフ、｢Apple Watch Ultra｣が6,000円オフに	https://taisy0.com/2023/06/02/172450.html	airpodspro	2023-06-02 13:07:10
AWS	AWS Government, Education, and Nonprofits Blog	Using Amazon IVS for turnkey town halls	https://aws.amazon.com/blogs/publicsector/using-amazon-ivs-turnkey-town-halls/	Using Amazon IVS for turnkey town hallsMany nonprofit organizations need to provide their donors members and beneficiaries with relevant information that they can access from anywhere Over the past few years nonprofit organizations have seen positive results by hosting live town hall events in which members can receive important information and ask questions In this walkthrough learn how to set up Amazon IVS to build a turnkey live streaming platform that integrates into an existing website	2023-06-02 13:31:11
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScriptのforEachループ内でreturnを使用して詰まった	https://qiita.com/masa-kogi/items/a7950791bbd265055ff6	foreach	2023-06-02 22:25:01
Docker	dockerタグが付けられた新着投稿 - Qiita	Dockerコンテナでローカルストレージをマウント、コンテナ間のネットワーク共有	https://qiita.com/jazzsuna/items/3713f2d0c1cbeb0f4c72	docker	2023-06-02 22:44:02
Git	Gitタグが付けられた新着投稿 - Qiita	[Git] 動作を試す 実行例42：branchでリモートリポジトリを指すブランチ追跡ヘッダを削除	https://qiita.com/dl_from_scratch/items/0e49693247b27a6ed97e	branch	2023-06-02 22:21:55
技術ブログ	Developers.IO	[アップデート]RDS for PostgreSQLがHypoPG拡張機能に対応しました	https://dev.classmethod.jp/articles/rds-postgresql-supports-hypopg-extension/	拡張機能	2023-06-02 13:33:44
海外TECH	MakeUseOf	Hiboy P6 Review: Ebike, Moped, or Dirt Bike? Who Cares?	https://www.makeuseof.com/hiboy-p6-review/	admirable	2023-06-02 13:06:17
海外TECH	DEV Community	How To Hire A Software Developer For Your Web3 Startup	https://dev.to/kudoser/how-to-hire-a-software-developer-for-your-web3-startup-49f2	How To Hire A Software Developer For Your Web StartupWhen looking to hire a software developer for your Web startup it s essential that you understand that Web is not just a skill to learn like other programming languages but a set of concepts that encompass decentralization blockchain technologies and token based economics Therefore finding talents for your Web startup requires hiring specialists with different profiles experiences and skill sets depending on your startup s specific needs The best way to go about hiring a software developer for your web project is to attract the right candidates with the required skills and the required level of enthusiasm for Web technology specifically for what you are trying to build To accurately evaluate if a candidate is a good fit for your company you d have to consider candidate s Familiarity with Web technologiesA strong understanding of blockchain technology smart contracts and decentralized applications is a critical selection criteria for a Web software engineer To pick the best candidate it is important to look out for those who have experience working with the web technology stack your company uses and can demonstrate a clear understanding of how they work When sorting for candidates who have experience working with your required web technologies you can use the following strategies to identify the right candidates Use concise Job postings Craft job postings that concisely describes the required technical skills and experience with web technologies This will help you attract candidates who have experience with these technologies and help you narrow down your pool of applicants Search for keywords on resumes and LinkedIn profiles Use keywords such as blockchain smart contracts Ethereum Polkadot Cosmos Solidity or other relevant terms when searching for resumes and LinkedIn profiles This will help you filter through a large pool of candidates also helping you find those who have experience working with these technologies Attend blockchain and web conferences and events Top web talents are big time fans of web events conferences and hackathons Attending these events to network with candidates who have top tier experience working with your technologies is an excellent hiring strategy You can also consider sponsoring or hosting events to attract potential candidates Use Web talent platforms and marketplaces Web talent platforms provide a network of web specific talents Web talent marketplaces help eliminate the uncertainty that comes with vetting candidates Talent platforms like Kleoverse Metaintro and Intropia provide a wide pool of web talents to find the best candidates who have experience working with these technologies Review open source contributions Reviewing open source web projects is an excellent strategy for finding the best fit talent for your startup You can find these contributions on platforms such as GitHub GitLab or Bitbucket We advise that you look for candidates who have contributed to open source web projects as this demonstrates their skills and knowledge in particular areas of choice Use assessments and coding challenges Use assessments or coding challenges to evaluate a candidate s technical skills and ability to work with your web technology stack You can create your own assessments or use existing ones from platforms such as HackerRank or Codility A combination of some or all of the above strategies can be used to identify candidates with the unique experience best fitted for your projects Experience with Web development frameworks and protocolsSourcing candidates with the exact skills and experience to work with your development frameworks will save you a great deal of time in the hiring process We advise you to look for candidates who have experience working with the exact Web frameworks and protocols you re building on They should have a deep understanding of how to develop and deploy decentralized applications on these platforms Verifying a job candidate s experience with some web development frameworks can be done by Asking for references Ask candidates for references who can verify their experience with web development frameworks You should reach out to the references they provide and ask them specific questions about the candidate s experience working with web development frameworks Reviewing past projects It is important to review the candidate s past projects and code repositories to see if they have worked with some of your web development frameworks Look for evidence of experience with specific smart contract development dApps or blockchain integration they will be working with Asking technical questions During the interview process ask the candidate technical questions related to web development frameworks Ask them to explain the concepts behind specific smart contracts decentralized applications or blockchain integration Their ability to explain these concepts in detail can provide insights into their knowledge and experience Giving coding challenges Provide coding challenges related to your exact web development frameworks to test the candidate s skills and knowledge You can include building a simple smart contract or a decentralized application Checking online presence Check the candidate s online presence such as their LinkedIn GitHub or other online profiles to see if they have contributed to open source projects or written articles about web development frameworks Applying these strategies is required to ensure your candidate has the necessary skills and knowledge in web development frameworks Coding skillsA software engineer should have a strong foundation in coding skills such as proficiency in programming languages like Solidity JavaScript Rust etc Evaluating their past work provides you with insights into how they work think and coordinate themselves You should also ask specific questions and provide coding challenges to ensure they are a good fit for your web startup Strategies to use in validating a job candidate s web coding skills include Ask for a code sample Ask the candidate to provide a code sample of a smart contract they have built Review the code to see if it is well structured efficient and follows best coding practices Review past projects Review the candidate s past projects related to smart contracts Look for evidence of their knowledge of smart contract development such as the ability to write secure and efficient smart contracts or to use tools like Truffle or Remix Ask technical questions During the interview process ask the candidate technical questions related to smart contract development Ask them to explain the concepts behind smart contracts such as state variables functions or events Their ability to explain these concepts in detail can provide insights into their knowledge and experience Give coding challenges Provide coding challenges related to smart contract development to test the candidate s skills and knowledge This can include building a simple smart contract or debugging an existing one Check certifications Check if the candidate has any certifications related to smart contract development such as the Certified Ethereum Developer CED certification offered by ConsenSys Academy A combination of any or all of these strategies will provide enough feedback to ascertain if a candidate is the right fit for your web startup Understanding of Web security best practicesSecurity is a top concern for Web startups and a software engineer should have a good understanding of security best practices such as secure coding practices encryption techniques and threat modelling Validating a software engineer s understanding of security best practices to become a core developer for your company is critical as it ensures that the products they develop are secure and do not expose the system to vulnerabilities It s important to evaluate a software engineer s understanding of security best practices to ensure that they are capable of developing secure smart contracts Here are some strategies that can help validate a software engineer s understanding of security best practices Ask about security specific experience During the interview ask the candidate about their previous experience working with security in software development Request that they provide examples of security measures they have implemented such as encryption hashing or access control Ask about OWASP Top Ask the candidate to explain the OWASP Top which are the top vulnerabilities in web applications This will help you evaluate their knowledge of the most common security threats and how to mitigate them Ask about secure coding principles Ask the candidate about secure coding principles such as input validation output encoding parameterized queries and error handling This will help you assess their understanding of the most important secure coding practices Review past projects Review the candidate s past projects to see if they have implemented security best practices such as using SSL TLS implementing authentication and authorization mechanisms and input output validation Give security focused coding challenges Provide coding challenges focused on security to test the candidate s skills and knowledge For example ask them to implement a secure login system or a system that prevents SQL injection Check certifications Check if the candidate has any security specific certifications such as the Certified Secure Software Lifecycle Professional CSSLP certification Ability to work in a fast paced environmentWeb startups are fast paced and dynamic and work in these environments Working in a startup environment requires grit flexibility and stamina and a software engineer should be able to work efficiently under tight deadlines and quickly adapt to changing requirements A proper understanding of your candidate s ability to work in a fast paced environment is crucial to ensure they can handle the demands of the fast growing nature of web startups and the industry Ask about their previous experience During the interview ask the candidate about their previous experience working in a fast paced environment Ask them to provide examples of situations where they have had to work under tight deadlines and high pressure Give scenario based questions Give the candidate scenario based questions to assess their ability to work in a fast paced environment For example ask them to describe a time when they had to quickly adapt to changing priorities or deal with an unexpected challenge Check their multitasking ability Check the candidate s multitasking ability by asking them how they prioritize tasks and handle competing demands You can also ask them how they handle interruptions and unexpected tasks while still meeting their goals Check their learning agility Check the candidate s learning agility by asking them how they handle unfamiliar situations and how they learn new skills quickly Check their work style Check the candidate s work style by asking them how they manage their time and how they organize their work You can also ask them about their work life balance and how they manage stress Check with references Check the candidate s references and ask about their ability to work in a fast paced environment You can also ask for feedback on their ability to handle stress prioritize tasks and manage their workload By using a combination of strategies you can validate a candidate s ability to work in a fast paced environment and ensure they are a good fit for the role Communication skillsA software engineer should have strong communication skills including the ability to clearly communicate technical concepts to both technical and non technical team members It s important to evaluate a software engineer s communication skills to ensure they can effectively collaborate with team members stakeholders and clients Validating these communication skills is crucial to ensure they can effectively collaborate and co create within your company Here are some strategies that can help Ask about their previous experience During the interview ask the candidate about their previous experience collaborating with team members stakeholders and clients Ask them to provide examples of situations where they had to communicate complex technical concepts to non technical stakeholders Give scenario based questions Give candidates scenario based questions to assess their communication skills For example ask them to describe a time when they had to communicate a complex technical concept to a non technical team member Check their writing ability Confirm the candidate s writing ability by reviewing their documentation such as technical reports or user manuals Test for their level of proficiency in technical and non technical writing This will give you an idea of their ability to communicate technical concepts in a clear and concise manner Check their active listening skills Confirm if a candidate is an active listener or not Evaluate this skill by observing how they respond to questions during the interview Do they ask clarifying questions Do they paraphrase what you said to ensure they understand your point of view Check their presentation skills Evaluate a candidate s presentation skills by asking them to give a technical presentation Watch for specifics This will help you assess their ability to communicate technical concepts to a non technical audience Check references Check the candidate s references and ask about their communication skills You can also ask for feedback on their ability to collaborate with team members stakeholders and clients Passion for the technology industry and your startupYour candidate s assessment isn t complete if you miss this It is necessary to look for candidates who have a passion for web as well as your startup and who are interested in the potential of Web to transform industries and drive innovation Validating a job candidate s passion for web is important because it fuels their drive to work and ensures they are motivated and enthusiastic about the work they will be doing Here are some strategies that can help you find passionate candidates Ask about their previous experience During the interview ask the candidate specific questions about their previous experience working in web Also give them the opportunity to describe the projects they worked on and their level of enthusiasm for the work Give scenario based questions Feed candidates scenario based questions to assess their passion for web technology and the industry For example ask them to describe a situation where they were particularly excited about a project or technology Check their industry involvement Check the candidate s involvement in the industry by asking them about their participation in web related events conferences or communities You can also check their social media profiles to see if they follow or engage with industry leaders or publications This should help you understand the degree to which they are involved in the space Check their personal projects Check the candidate s personal projects such as their GitHub or personal website to see if they have any projects related to web technology or related industries This strategy can give you an idea of their level of interest and motivation Ask their references Consult with the candidate s references and ask about their passion for web technology and the industry You can also ask for feedback on their level of enthusiasm and motivation for the work they do Overall it s important to evaluate a job candidate s passion for web and your company to ensure they are motivated and enthusiastic about the work they will be doing Additionally having experience in the web industry can be a plus for software engineers but it s not always necessary nor are there always available talents with experience A candidate s passion and interest in the industry can be just as important and you can assess this through their level of enthusiasm and willingness to learn more about the industry This can serve as selection criteria for candidates lacking enough experience Hire Top Notch Web Talents with Kleoverse Since Web is an emerging technology the demand for Web developers continues to grow but is still in short supply Sourcing web talents from a global talent marketplace is not the best hiring strategy This is because of the specific and deeply technical skill set web talents should possess At Kleoverse we understand this hiring need like no one else and that s why we have developed a web dedicated approach to sourcing top web professionals with on chain verifiable credentials for web organizations startups and projects Kleoverse is the Web Talent Platform revolutionizing talent measurement signaling and discovery on the web Kleoverse profiles boast of web talent profiles with Web Portfolios and Proof of Talent for top tier blockchain developers which makes the process of hiring Web software developers very easy in terms of speed and cost We help web organizations to hire talented professionals and organize their work web natively Find your next web talent with Kleoverse	2023-06-02 13:19:33
海外TECH	DEV Community	How to Create a Code Editor in React and ChakraUI	https://dev.to/glennviroux/how-to-create-a-code-editor-in-react-and-chakraui-27n9	How to Create a Code Editor in React and ChakraUIIf you re a software engineer programmer or data scientist you re well aware of the important role played by a reliable code editor Whether you re creating a small script experimenting with new ideas or tackling complex projects a code editor becomes your trusted companion when coding And when it comes to my own note taking application Ballistic the code editor takes center stage In this post we ll embark on a fascinating journey into the implementation details of a code editor using React and CodeMirror At the end you ll also find all the source code of the work mentioned in the post so you can follow along where needed CodeMirrorAs programmers we embrace the principle of laziness which means we prefer not to reinvent the wheel when it comes to implementing a fully functioning code editor Instead our first instinct is to explore existing solutions that we can leverage in our application Fortunately there are several notable options available Ace Editor Ace is a robust code editor written in JavaScript It offers an array of features including syntax highlighting code folding code completion and support for multiple cursors Monaco Editor Powering Visual Studio Code Monaco Editor provides a rich editing experience Its feature set encompasses IntelliSense debugging integration Git integration and more React CodeMirror If you re specifically working with React React CodeMirror presents an excellent option Acting as a wrapper component for CodeMirror it seamlessly integrates CodeMirror s functionality into your React application This allows you to leverage CodeMirror within your React components conveniently In this article we ll focus on React CodeMirror for several reasons Since our development revolves around a React application this library aligns perfectly with our needs Additionally React CodeMirror is an open source project licensed under the permissive MIT license This means it has been thoroughly used and tested by numerous developers often leading to the resolution of many small issues before we even embark on its implementation The presence of a vibrant community surrounding an external library is always a crucial factor in our decision making process as it can provide valuable support and guidance when integrating the library into our project Project SetupWith the project context and our chosen options in mind let s dive into setting up the development environment We ll begin by creating a new React app and using Yarn as our dependency manager yarn create react app react code editor template typescriptOnce the app is set up we need to install the necessary CodeMirror packages Open your terminal and run the following command yarn add uiw react codemirror uiw codemirror theme github uiw codemirror theme darcula codemirror lang markdown codemirror lang python codemirror lang javascript codemirror lang cpp codemirror lang html codemirror lang json codemirror lang javaTo accelerate development and enhance our component implementation we ll also incorporate Chakra UI a comprehensive component library yarn add chakra ui react emotion react emotion styled framer motionBy leveraging Chakra UI we gain access to a wide range of pre built components that facilitate the creation of a visually appealing and user friendly interface Creating a Basic Code EditorNow that we have our React application set up and all the necessary dependencies installed let s begin building our code editor by editing the src App tsx file Replace the existing code with the following import React useState from react import Center ChakraProvider Divider Heading VStack from chakra ui react import githubLight from uiw codemirror theme github import python from codemirror lang python import CodeMirror from uiw react codemirror function App const text setText useState print Hello world return lt ChakraProvider gt lt Center h vh gt lt VStack boxShadow md p borderStyle solid borderWidth rounded lg gt lt Heading gt Code Editor lt Heading gt lt Divider gt lt CodeMirror value text onChange newValue gt setText newValue theme githubLight extensions python basicSetup autocompletion true minWidth px minHeight px gt lt VStack gt lt Center gt lt ChakraProvider gt export default App In this code snippet we ve created a basic version of our code editor using a few Chakra UI components Specifically we ve used the CodeMirror component from uiw react codemirror By configuring its properties we ve specified that the code editor should interpret Python code and have a size of px by px At this stage we have a simple code editor that looks like this Note how inside the App component we use the useState hook from React to create a state variable text and a corresponding setter function setText with an initial value of print Hello world The component returns a JSX structure that includes Chakra UI components like Center VStack Heading and Divider The CodeMirror component from uiw react codemirror is used to render the code editor itself The CodeMirror component is configured with properties such as value bound to the text state onChange updating the text state with the new value theme using the GitHub Light theme extensions using the Python language mode basicSetup enabling autocompletion and minWidth and minHeight setting the dimensions of the code editor Adding More Supported LanguagesTo make our code editor more versatile and support multiple programming languages we need to add language selection functionality Let s start by creating an overview of the supported languages and their corresponding CodeMirror language support objects import LanguageSupport from codemirror language import markdown from codemirror lang markdown import javascript from codemirror lang javascript import cpp from codemirror lang cpp import html from codemirror lang html import json from codemirror lang json import java from codemirror lang java const EXTENSIONS key string LanguageSupport markdown markdown python python javascript javascript typescript javascript cpp cpp c cpp html html json json java java Now we can enhance the user experience by providing a dropdown menu for language selection and store the selected language in another state variable function App const language setLanguage useState python const text setText useState print Hello world return lt ChakraProvider gt lt Center h vh gt lt VStack boxShadow md p borderStyle solid borderWidth rounded lg gt lt HStack w justify space between gt lt Heading gt Code Editor lt Heading gt lt Menu gt lt MenuButton as Button gt language lt MenuButton gt lt MenuList gt Object entries EXTENSIONS map language gt lt MenuItem onClick gt setLanguage language gt language lt MenuItem gt lt MenuList gt lt Menu gt lt HStack gt lt Divider gt lt CodeMirror value text onChange newValue gt setText newValue theme githubLight extensions EXTENSIONS language basicSetup autocompletion true minWidth px minHeight px gt lt VStack gt lt Center gt lt ChakraProvider gt With the language selection dropdown menu in place users can now choose the programming language they want to work with The code editor will dynamically update based on the selected language Here s how the updated application should look like Now you have a more versatile code editor that supports multiple programming languages providing a better user experience and expanding the range of use cases for your application Introducing Backend API CallsIn practice it s common to save the text written by end users to the backend application of your program Currently we are storing the written text in the React state variable text However if the web page is refreshed all changes made by the user will be lost Let s pause for a moment and take a closer look at the setText function and its implications Currently every keystroke triggers a call to setText However if this function also makes an API call to update the database and re render the updated text in the lt App gt component it could result in an excessive number of API calls This can negatively impact frontend performance and lead to a poor user experience To address this it s beneficial to separate the API call from the immediate update shown to the user One effective approach is to debounce the API call ensuring it s executed after a short delay or when the user has finished typing This reduces unnecessary API calls and improves performance resulting in a smoother user experience Debounce the API callsA debounce function is a useful tool that can delay the execution of a function until a certain amount of time has passed without the function being called again It s particularly valuable in optimizing application performance by reducing unnecessary function calls Let s introduce a new function called updateBackend which represents the backend call Add the following code snippet to your App component import debounce from ts debounce const updateBackend newText string gt console log Updated backend with newText const updateTextDebounced useRef debounce newText string gt updateBackend newText useEffect gt updateTextDebounced current text text Note that we re using an external library like ts debounce to implement the debounce functionality However you can also create your own debounce function if you prefer In the code we use the useState and useEffect hooks to handle and debounce text input changes Additionally the useRef hook ensures that the debounce function is created only once every two seconds when the text is being updated It s important to note that debounce functions have many other use cases as well Here are a few examples Search bar When a user types a search term into a search bar we might want to trigger a search function to display relevant results However triggering the search function on every keystroke can lead to unnecessary API calls and hinder application performance By using a debounce function we can wait for a certain duration after the user stops typing before triggering the search function reducing API calls and improving overall performance Resize events If we have an element on the page that needs to be resized based on the window size using a debounce function can delay the resize function until the user has finished resizing the window This approach prevents the function from being called excessively during the resize event Mousemove events In scenarios where an element on the page needs to change based on the mouse s position employing a debounce function can delay the update function until the user stops moving the mouse This approach avoids triggering the function on every mousemove event improving performance Form validation When a user fills out a form it s common to validate the inputs and display any errors By using a debounce function we can delay the validation function until the user has finished typing reducing unnecessary validation calls and enhancing performance Debounce functions are versatile and can be beneficial in any situation where you need to delay the execution of a function until a specific duration has passed without the function being called again This approach reduces unnecessary function calls leading to improved application performance The final and complete react component for your code editor now looks like this import React useEffect useRef useState from react import Button Center ChakraProvider Divider Heading HStack Menu MenuButton MenuItem MenuList VStack from chakra ui react import githubLight from uiw codemirror theme github import python from codemirror lang python import CodeMirror from uiw react codemirror import LanguageSupport from codemirror language import markdown from codemirror lang markdown import javascript from codemirror lang javascript import cpp from codemirror lang cpp import html from codemirror lang html import json from codemirror lang json import java from codemirror lang java import debounce from ts debounce const EXTENSIONS key string LanguageSupport markdown markdown python python javascript javascript typescript javascript cpp cpp c cpp html html json json java java function App const language setLanguage useState python const text setText useState print Hello world const updateBackend newText string gt console log Updated backend with newText const updateTextDebounced useRef debounce newText string gt updateBackend newText useEffect gt updateTextDebounced current text text return lt ChakraProvider gt lt Center h vh gt lt VStack boxShadow md p borderStyle solid borderWidth rounded lg gt lt HStack w justify space between gt lt Heading gt Code Editor lt Heading gt lt Menu gt lt MenuButton as Button gt language lt MenuButton gt lt MenuList gt Object entries EXTENSIONS map language gt lt MenuItem key language onClick gt setLanguage language gt language lt MenuItem gt lt MenuList gt lt Menu gt lt HStack gt lt Divider gt lt CodeMirror value text onChange newValue gt setText newValue theme githubLight extensions EXTENSIONS language basicSetup autocompletion true minWidth px minHeight px gt lt VStack gt lt Center gt lt ChakraProvider gt export default App ConclusionIn conclusion this blog post has guided you through the process of implementing a code editor in React using CodeMirror a powerful JavaScript based text editor By following the step by step instructions you ve learned how to create a functional component that can render code or markdown text with syntax highlighting One crucial aspect of any text editor is the ability to update the text However directly calling an API endpoint on every text change can lead to an excessive number of API calls impacting the frontend performance and resulting in a suboptimal user experience To address this issue we ve introduced the concept of a debounce function By incorporating a debounce function we can delay the execution of the API call until a short delay has passed or until the user has finished typing This optimization reduces unnecessary API calls improves performance and ensures a smoother user experience The debounce function acts as a valuable tool in scenarios where you need to optimize performance by reducing the number of unnecessary function calls Whether it s a code editor a search bar or any other interactive component implementing debounce logic can significantly enhance the efficiency of your application By applying the knowledge and techniques shared in this blog post you now have the skills to create a feature rich code editor with an improved user experience Remember to explore and adapt the debounce function to other areas of your application where performance optimizations are required Happy coding and enjoy building your next text editor with React and CodeMirror You can find all the source code used in this blog post here	2023-06-02 13:11:53
海外TECH	DEV Community	Self-Host Your API Testing with Hoppscotch: The open-source API Platform	https://dev.to/hoppscotch/self-host-your-api-testing-with-hoppscotch-the-open-source-api-platform-1e5	Self Host Your API Testing with Hoppscotch The open source API PlatformSelf hosting Hoppscotch gives you complete control over your API development workflow and will allow you to run Hoppscotch on your own servers giving you more control over your data and security This guide covers the basics of self hosting Hoppscotch including the necessary configurations and settings you need to get started You can install and run Hoppscotch on any operating system that can run a Docker Engine but you will need a CPU core machine with at least GB of RAM to build the docker images However you can use a CPU core machine with GB of RAM to host the generated output files Before we get started with the setup we re excited to announce that we are working on an enterprise edition of Hoppscotch Fill out the form here to be the first to know when it s launched PrerequisitesTo get started with self hosting Hoppscotch make sure you have the following prerequisites in place node js amp npmpnpmdockergitVisit our documentation for a detailed guide on installing the prerequisite softwares Cloning the repositoryNow that you have all the necessary tools to get started with the installation let s begin by cloning the Hoppscotch GitHub repository You can clone the repository locally using git by running the following command in your terminal git clone Alternatively you can use GitHub CLI to clone the repository gh repo clone hoppscotch hoppscotch Configuring Environment VariablesBefore building the Docker image and using Hoppscotch locally you need to configure a few environment variables Create a new file within the root directory of the repository called env and paste the following configurations Backend Config Prisma ConfigDATABASE URL postgresql postgres testpass hoppscotch db hoppscotch or replace with your database URL Auth Tokens ConfigJWT SECRET secretcode TOKEN SALT COMPLEXITY MAGIC LINK TOKEN VALIDITY REFRESH TOKEN VALIDITY Default validity is days ms in msACCESS TOKEN VALIDITY Default validity is day ms in msSESSION SECRET anothersecretcode Hoppscotch App Domain ConfigREDIRECT URL http localhost WHITELISTED ORIGINS http localhost http localhost http localhost Google Auth ConfigGOOGLE CLIENT ID GOOGLE CLIENT SECRET GOOGLE CALLBACK URL http localhost v auth google callback GOOGLE SCOPE email profile Github Auth ConfigGITHUB CLIENT ID GITHUB CLIENT SECRET GITHUB CALLBACK URL http localhost v auth github callback GITHUB SCOPE user email Microsoft Auth ConfigMICROSOFT CLIENT ID MICROSOFT CLIENT SECRET MICROSOFT CALLBACK URL http localhost v auth microsoft callback MICROSOFT SCOPE user read Mailer configMAILER SMTP URL smtps user domain com pass smtp domain com MAILER ADDRESS FROM From Name Here lt from example com gt Rate Limit ConfigRATE LIMIT TTL In secondsRATE LIMIT MAX Max requests per IP Frontend Config Base URLsVITE BASE URL http localhost VITE SHORTCODE BASE URL http localhost VITE ADMIN URL http localhost Backend URLsVITE BACKEND GQL URL http localhost graphqlVITE BACKEND WS URL wss localhost graphqlVITE BACKEND API URL http localhost v Terms Of Service And Privacy Policy Links Optional VITE APP TOS LINK VITE APP PRIVACY POLICY LINK Please refer to our documentation for more details on what each variable means However there are three key variables that you need to configure to start building the image Database configurationSMTP configurationOAuth configuration Database ConfigurationBy default Hoppscotch ships with a Docker container that has a pre configured Postgres database However if you need to configure your own Postgres database on the cloud make sure you have a valid URL in the format postgresql username password url dbname and replace the existing DATABASE URL in the environment file SMTP ConfigurationIn order to invite your team to use Hoppscotch and enable email functionality you need to set up proper SMTP configuration as described below Replace the current value of MAILER SMTP URL with a valid SMTP URL in the format smtps user domain com pass smtp domain com You can also use Mailcatcher as a simple SMTP server To install Mailcatcher and start the server run the following command brew install mailcatcher install Mailcatchermailcatcher fYou can also install mailcatcher using gemgem install mailcatcherMailcatcher will start at smtp When configuring the environment variable set MAILER SMTP URL as smtp host docker internal and set MAILER ADDRESS FROM as any of your current email addresses such as frodo shire com OAuth ConfigurationYou can still use the self hosted Hoppscotch app without logging in but if you need to log in or access the admin dashboard you need to configure an OAuth provider In this document we will set up GitHub as our OAuth provider The GitHub OAuth configurations have the following variables GITHUB CLIENT ID GITHUB CLIENT SECRET GITHUB CALLBACK URL http localhost v auth github callback GITHUB SCOPE user email To set up GitHub as your OAuth provider follow these steps Click your profile photo in the upper right corner of any page then click Settings On the left sidebar scroll down and click Developer Settings On the left sidebar click OAuth Apps Click New OAuth App Provide the required information and the callback URL as specified in the configuration After registering the application copy the Client ID and Client Secret and add them to the environment file Installing dependencies amp building the imageAfter configuring the required environment variables install the necessary dependencies for Hoppscotch by running the following command on the root directory of the repository pnpm installNext use Docker to build the images This process may take a while and we recommend using a system with at least GB of RAM for building the image docker compose build Running MigrationsTo start using Hoppscotch you must run migrations on the Postgres database If you are using the default database that comes with Hoppscotch you need to get the process ID of the container and run the migrations within the container by executing the following commands docker ps copy the id of hoppscotch backenddocker exec it id bashpnpm exec prisma migrate deployHowever if you are using your own hosted database you can run migrations using the following commands cd packages hoppscotch backendpnpm exec prisma migrate deploycd make sure you return back to the root directory Running HoppscotchNow that everything is configured and migrations are run you can start using Hoppscotch by runningdocker compose upThe Hoppsoctch app will now be available at http localhost You can also access the admin dashboard at http localhost In conclusion self hosting your API testing with Hoppscotch gives you complete control over your API development workflow This guide covers the basics of self hosting Hoppscotch including the necessary configurations and settings you ll need to get started If you prefer not to self host you can check out our cloud instance at hoppscotch io Also don t forget to check out our GitHub repository and provide feedback	2023-06-02 13:07:14
海外TECH	DEV Community	Mastering Java Application Testing: Essential Resources for Success	https://dev.to/ivangavlik/mastering-java-application-testing-essential-resources-for-success-1lnj	Mastering Java Application Testing Essential Resources for SuccessWelcome to comprehensive guide on testing Java applications As developers we understand the testing is critical role for delivering high quality reliable software This blog post is packed with invaluable resources to help you sharpen your skills and enhance your testing strategies In this post we will explore a collection of top notch courses insightful books and engaging articles that cover various aspects of testing Java applications BasicSoftware Testing GuideTest PyramidA Test of Knowledge Testing In General CoursesSoftware Testing Full Course In HoursSoftware Testing Tutorial For Beginners BooksStarting to Unit Test Not as Hard as You Think from Eric DietrichBad Tests Good Tests from Tomek KaczanowskiA Friendly Introduction to Software Testing from Bill Laboon Testing Java Applications CoursesTest Driven Development TDD Crash CourseThe World s Best Intro to TDD BooksTest Driven Development By ExampleUnit Testing Principles Practices and Patterns Testing Spring Boot Applications CoursesBuild Better Spring Boot Applications A Comprehensive Testing Course BooksSpring documentation OtherSecond International Test Driven Development TDD ConferenceSoftware Testing Weekly NewsletterSpring one	2023-06-02 13:03:55
Apple	AppleInsider - Frontpage News	Apple unveils opening date for new retail store at London's Battersea Power Station	https://appleinsider.com/articles/23/06/02/apple-unveils-opening-date-for-new-retail-store-at-londons-battersea-power-station?utm_medium=rss	Apple unveils opening date for new retail store at London x s Battersea Power StationApple is preparing a new retail store at the iconic Battersea Power Station in London with the opening date set for June and plans to offer tours Apple created special wallpaper for its new locationOn Friday Apple disclosed the opening date of its new retail store which will be housed within the premises of the former power station where the company s UK headquarters are situated Read more	2023-06-02 13:48:55
Apple	AppleInsider - Frontpage News	Morgan Stanley hikes AAPL target to $190, because 'Reality Pro' will be a $20 billion platform	https://appleinsider.com/articles/23/06/02/morgan-stanley-hikes-aapl-target-to-190-because-reality-pro-will-be-a-20-billion-platform?utm_medium=rss	Morgan Stanley hikes AAPL target to because x Reality Pro x will be a billion platformInvestment firm Morgan Stanley has raised its Apple price target to on the expectation it will launch a category defining AR and VR headset ーand in doing so dramatically expand the market An Apple Store logoAhead of Apple s WWDC announcements on June Morgan Stanley says it is now including estimates of Apple AR headsets in its overall prediction model for the company As a consequence its expectations for the headset means that it has increased its target price from to Read more	2023-06-02 13:21:03
海外TECH	Engadget	Sonos speakers and soundbars are up to 25 percent off in rare sale	https://www.engadget.com/sonos-speakers-and-soundbars-are-up-to-25-percent-off-in-rare-sale-133001802.html?src=rss	Sonos speakers and soundbars are up to percent off in rare saleThis is a good moment to buy into a smart speaker ecosystem Sonos is holding a Father s Day sale that cuts up to percent off the price of recent speakers and soundbars Most notably the high end Arc soundbar is down to or nearly off That could make it particularly appealing if you want to roll the savings into another smart speaker The sale ends June th or while supplies last The sale also drops the prices of the portable Move speaker to and the mid tier Beam soundbar to ーboth discounts The Roam meanwhile is down to about off The savings also stack up with bundles some of which include Sonos new Era and Era speakers The Arc is one of our top premium soundbar picks for good reason It delivers exceptional sound quality including immersive Dolby Atmos audio and its integration with the Sonos ecosystem makes it ideal if you want multiroom audio or a smart speaker with access to a wide range of services The only real catch is that expansion can quickly get expensive especially if you want spatial audio using the Era The Roam meanwhile is our favorite portable speaker It sounds superb for the money and it s very portable while offering the benefits of Sonos system It s not Sonos loudest portable option that s the Move and the hour battery life isn t stellar compared to some of the competition At this price though it s a good pick for a picnic or a small backyard gathering Follow EngadgetDeals on Twitter and subscribe to the Engadget Deals newsletter for the latest tech deals and buying advice This article originally appeared on Engadget at	2023-06-02 13:30:01
海外TECH	Engadget	The best gifts for new dads	https://www.engadget.com/best-gifts-for-new-dads-110049541.html?src=rss	The best gifts for new dadsWe get it new dads like new moms just need a break Aside from volunteering for babysitting duties there s an easy way to help Get them some new gear Perhaps some wireless earbuds to listen to podcasts as they put the baby to sleep or something that could help to distract the youngins so he can rest his back for a few minutes Here are the products we think would be most useful to tired new dads inch iPadApple s th gen iPad is one of the most useful devices for any new parent It can be your child s gateway to video chatting with their grandparents and with the new Center Stage cameras they ll always be in frame or a life saving distraction during long car rides It could be a new dad s way to catch up on their favorite show while stuck dealing with mealtime Or it could be a way for growing kids to read interactive stories and play games The iPad can be whatever you want it to be And paired with a decent case it can be durable enough to survive life with tiny humans And if it does break at least it s far cheaper to replace than an iPad Air or a typical laptop Jabra Elite t earbudsThere s no question that we love Jabra s lineup of wireless earbuds The Elite t delivers solid active noise canceling a slim and light design and excellent sound And best of all they cost around and you can often find them for around No matter which smartphone you have the t are an excellent way to catch up on podcasts while trying to rock a baby to sleep And they ll be even more useful during the rare bit of downtime for new parents They re perfect for rocking out to your favorite tunes or pair them to your TV or set top box to enjoy late night movies without making much noise Apple AirPods ProThe first AirPods Pro were a much needed improvement over the original AirPods thanks to a more secure bud design and noise canceling The second generation AirPod Pros are even better with significantly improved sound and far more powerful ANC They re perfect for drowning out a crying infant as they re being rocked to sleep or quieting the cacophony of house noise while preparing dinner Pop in one AirPod Pro and it can help dad catch up on his podcasts while pushing a stroller around town or chasing kids through a playground And once the kids are asleep they can deliver surprisingly powerful tunes They also easily pair with Apple TVs to deliver immersive sound at night without waking the kids SmartNoggin NogginstikThis relatively cheap rattle is deceptively useful It has a light up face to keep babies interested multiple textures for them to explore and a mirror on the bottom for them to learn their own faces It was a secret weapon during my child s first year tantrums so much so that I ve gifted it to every new parent I know It s not high tech at all but it s a reminder that they re called classics for a reason Apple Watch Series The Apple Watch Series is the perfect companion for any iPhone toting dad It s not as flashy as the Apple Watch Ultra but it s still filled with useful features like automatic car crash detection And then there are all the other great things dads can do with an Apple Watch Keep tabs on notifications without pulling out their phone check out with Apple Pay in a few seconds and live out their sci fi fantasies by taking calls on their wrist It s perfect dad tech A little dorky but eminently practical Kindle PaperwhiteWe all wish we could read more and sometimes it s just nice to stop staring at a phone s bright screen Enter the Kindle Paperwhite one of our favorite e readers on the market It has a large inch E Ink screen that s purpose built for reading The backlight is easy on the eyes and the most recent model even features warmer lighting to avoid disrupting sleep patterns It s also waterproof making it a great bath beach or pool companion After dealing with kids for the whole day it may be worth just locking up your notification and social media infested phone to dive into a good book And if you re not an Amazon person you have plenty of good e reader options from Kobo to consider like the Clara E Theragun Mini Keeping up with a new baby can lead to aches and pains in muscles that dad never knew he had The Theragun Mini can give him the opportunity to get a massage without leaving the house While there are much bigger and more powerful Theragun machines the Mini is a good size for beginners and those who want to take its muscle relief power wherever they go It has a single button that dad can use to change the massage gun s speed and its ergonomic design makes it easy to reach different parts of the body And arguably the best part is its minute battery life ーwhile that might not seem like a long time it truly is when you consider the fact that you don t need to use it for more than a few minutes each day to feel the results With that schedule dad could use the Theragun Mini every day for a month or more before needing to recharge it Fisher Price Laugh and Learn Game controllerA perfect gift for any gamer dads in your life the Laugh and Learn Controller is basically a baby proofed version of a modern gamepad There s a joystick directional pad and array of buttons for kids to fiddle with But like any good distracting toy it also lights up and makes sounds to keep them entertained It s not exactly complex but it s inexpensive and effective That s particularly true for parents of little ones who always gravitate to their expensive console controllers This article originally appeared on Engadget at	2023-06-02 13:15:04
ニュース	BBC News - Home	Boris Johnson to bypass government on Covid WhatsApps	https://www.bbc.co.uk/news/uk-politics-65787617?at_medium=RSS&at_campaign=KARANGA	covid	2023-06-02 13:36:26
ニュース	BBC News - Home	Dame Elan Closs Stephens appointed acting BBC chairwoman	https://www.bbc.co.uk/news/uk-65787514?at_medium=RSS&at_campaign=KARANGA	richard	2023-06-02 13:38:17
ニュース	BBC News - Home	French Open 2023 results: Jessica Pegula beaten in straight sets by Elise Mertens	https://www.bbc.co.uk/sport/tennis/65788228?at_medium=RSS&at_campaign=KARANGA	French Open results Jessica Pegula beaten in straight sets by Elise MertensJessica Pegula becomes the highest ranked women s player to exit the French Open to date in a defeat by Elise Mertens	2023-06-02 13:13:23
ニュース	BBC News - Home	England v Ireland: Best shots from Ollie Pope's century	https://www.bbc.co.uk/sport/av/cricket/65788072?at_medium=RSS&at_campaign=KARANGA	captain	2023-06-02 13:11:42