投稿時間:2023-06-08 00:21:56 RSSフィード2023-06-08 00:00 分まとめ(25件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia News] Apple Vision Pro用の視力矯正レンズは「ツァイス」製	https://www.itmedia.co.jp/news/articles/2306/07/news211.html	apple	2023-06-07 23:30:00
python	Pythonタグが付けられた新着投稿 - Qiita	NVIDIA CV-CUDAを動かしてみた - 情報まとめ -	https://qiita.com/mana-murakami/items/a76fd059ca173e265b20	cvcuda	2023-06-07 23:23:19
Docker	dockerタグが付けられた新着投稿 - Qiita	【Docker】docker compose run でポートマッピングする方法	https://qiita.com/P-man_Brown/items/dd9f3923028ac2e7cb73	dockercomposerunse	2023-06-07 23:44:58
Ruby	Railsタグが付けられた新着投稿 - Qiita	データベースについて【復習】	https://qiita.com/PB-193/items/9bd3fc1139a76b0573be	経緯	2023-06-07 23:41:18
Ruby	Railsタグが付けられた新着投稿 - Qiita	RailsのPuma（v4系）でCapistranoのデプロイでゼロダウンタイムを実現する設定	https://qiita.com/ryouzi/items/183243bcda6174857284	capistrano	2023-06-07 23:07:10
海外TECH	Ars Technica	Jon Hamm is an amnesiac archangel lost in Soho in Good Omens S2 trailer	https://arstechnica.com/?p=1945941	traileraziraphale	2023-06-07 14:00:39
海外TECH	DEV Community	Getting Started with MDX in Next.js: A Practical Guide	https://dev.to/nitinfab/getting-started-with-mdx-in-nextjs-a-practical-guide-30hf	Getting Started with MDX in Next js A Practical GuideWeb development has come a long way since the early days of writing HTML and JavaScript for creating websites Among these technologies and tools JSX is a particularly noteworthy extension that has gained widespread popularity as the go to solution for creating immersive and dynamic web content However as web development continues to evolve so does the need for even more powerful tools This is where MDX comes in allowing developers to write JSX directly in markdown files In this guide we will explore the features and benefits of MDX and show you how to use it effectively in a Next js project So let s dive in MDX What it is and Why You Should Use it Before diving deep into MDX it s important to have a solid understanding of the basics As we mentioned in the introduction MDX enables you to write JSX directly in your markdown files JSX which stands for JavaScript XML can be thought of as a fusion of JavaScript and HTML Its syntax looks like this const element lt h gt Hello world lt h gt Similarly Markdown is a lightweight markup language used to format text Locofy converts your designs into production ready code for different frameworks So inside MDX you can combine markdown with JSX like this Hello World This is a paragraph of regular Markdown text lt MyComponent prop value gt This is a component written in JSX lt MyComponent gt But why should you use MDX We know that MDX is a powerful tool that combines the benefits of markdown and React components No doubt Markdown is a popular choice for authoring content because of its simplicity and readability which allows you to focus on the content rather than the formatting While most programmers prefer the markdown approach when writing a blog post markdown falls short when it comes to creating dynamic content based on user interactivity This limitation led to the creation of MDX It is a syntax extension that allows you to use JSX the syntax used by React directly in your markdown documents With MDX you can create and use your own React components directly in your markup making it easy to add interactivity to your content This opens up a world of possibilities when it comes to composing visually appealing and interactive pages It has a wide range of applications such as for creating content on documentation websites blogs e commerce websites tutorials and online courses and even landing pages Demystifying MDX How It WorksConsider the following MDX code import Home from Home Welcome to Locofy Turn your designs into production ready frontend code for mobile apps and web lt Home prop value gt This code starts by importing a custom React component called Home from a file located in the Home directory It then includes a Markdown heading followed by a paragraph of text and then renders the Home component with a prop When this MDX code is compiled it is transformed into JavaScript code that can be executed by a JavaScript runtime environment like a web browser The resulting JavaScript code might look something like this import Home from Home import Fragment as Fragment jsx as jsx from react jsx runtime function MDXContent props return jsx Fragment children jsx h children Welcome to Locofy void jsx p children Turn your designs into production ready frontend code for mobile apps and web void jsx Home prop value void export default MDXContent The resulting JSX elements are then rendered as HTML in the web browser This is how the MDX code works Getting Started with MDX in Next jsTo begin let s create a Next js app Create a next js app by the following command npx create next app mdx appAfterward run the application to ensure that it is functioning properly Install the required packages npm install next mdx mdx js loader mdx js reactThis command installs three packages next mdx mdx js loader and mdx js react These packages are commonly used to enable the usage of MDX Markdown JSX syntax for creating dynamic content next mdx is a Next js specific package for integrating MDX while mdx js loader and mdx js react are general purpose packages for loading and rendering MDX content Configuring Next js for MDXNow let s configure the Next js app so that it would know the syntax of MDX in the Next js app For that go to your next config js file and paste the below content const withMDX require next mdx extension mdx options If you use remark gfm you ll need to use next config mjs as the package is ESM only install remarkPlugins rehypePlugins If you use MDXProvider uncomment the following line providerImportSource mdx js react type import next NextConfig const nextConfig Configure pageExtensions to include md and mdx pageExtensions ts tsx js jsx md mdx Optionally add any other Next js config below reactStrictMode true Merge MDX config with Next js configmodule exports withMDX nextConfig Since we want to run a React component inside an MDX file create a components folder and add a Hello js file inside it Then paste the code below into the file import React from react function Hello return lt h gt Hello World lt h gt export default Hello Creating MDX pages in Next jsInside your pages directory create a new file called page mdx and paste the below content import Hello from components Hello js export const name Locofy export const title We are from name title Here Is Our My MDX page One Two Three lt Hello gt As you can see we are using MDX along with JSX inside the code After this when you run the Next app you will be going to see the output as expected For sure you can even integrate MDX with Vue Vite Gatsby and other frameworks To learn more about how to do this visit here Extending MDX Custom Components and FunctionalityIf you re using MDX content in your Next js application you may want to enhance its functionality beyond the default options Luckily extending MDX is simple To get you started here are a few examples of how you can extend MDX Create custom components You can create your own components and use them within your MDX files There are also many existing React components such as PaulieScanlon mdx embed and system ui theme ui that you can leverage to add more functionality Integrate with other plugins MDX can easily integrate with a variety of remark and rehype plugins which allow you to do things like select and store code blocks modify the HTML output of code blocks and much more There are even more plugins to change image sources using charts and all Moreover you can easily generate React components to use in MDX directly from your designs file with Locofy ai You can use the auto layout feature on Figma to make your designs responsive on the Locofy ai plugin and even if your designs don t utilise auto layouts the plugin offers a Design Optimizer feature that uses AI to apply auto layouts to your design files  Once your designs are responsive you can use the Auto Components feature to split your design elements into working React components making them easy to extend What s more is that you can sync or export individual components making them easily fit into your MDX files Hope you like it That s it   thanks	2023-06-07 14:35:39
海外TECH	DEV Community	How I Built a Modern 'Food Menu' Web App: From Tech Stack to Workflow	https://dev.to/livecycle/how-i-built-a-modern-food-menu-web-app-from-tech-stack-to-workflow-3iok	How I Built a Modern x Food Menu x Web App From Tech Stack to Workflow IntroductionBuilding successful and efficient web apps needs two things a strong technological foundation and a solid approach to managing the work itself Many development resources focus on one or the other There are many good technical resources documenting how to build with vaious technologies and frameworks There are also many good sources of insight for how to go about managing the development workflow across multiple stakeholders But in this article I will attempt to combine both into one and illustrate how I leveraged some great technologies to not only build a full stack application but also to manage the process and the pre release workflow Technologies I usedWe ll be looking at how I worked with four main technologies Node js GraphQL Next js and Preevy Each of these tools has been impactful for the broader web development community and this is why I thought this was an interesting project and tech stack example to share with the community Node js for example provides developers with scalable and efficient backend development tools Then there s GraphQL a cutting edge data query language that s changing the way we handle and modify data Next js is a sophisticated React framework that aids in the creation of highly performant and SEO friendly front end interfaces Finally Preevy is a tool for quickly and easily provisioning pre release preview environments on your cloud Amazon Google or Microsoft Preevy s shareable preview environments are a useful way for developers to share their latest code changes get feedback and collaborate with other stakeholders before any code is merged to staging or production enabling developers to enjoy a faster pre release review workflow Our summary of building a full stack application will cover the following topics Building the Node js Express backend serverBuilding the Next js frontend serverRunning the project in DockerProvisioning a shareable preview environment using Preevy Building a food menu app in publicI ve written this summary in the style of a learning in public diary Hopefully this will make the content both interesting and accessible to a wide audience The app that we will be building will be for a food menu Essentially there will be a Node js backend with a GraphQL server that has an endpoint for our data which will be hard coded And the Next js frontend will connect to the Node js backend to retrieve the data using GraphQL queries PrerequisitesNode jsNext jsDockerPreevyAmazon Web Services AWS and AWS CLIMake sure you have the prerequisites now let s get started Building the Node js Express backend serverWe are going to start by creating our project locally on our computer Navigate to a directory and run the commands below to setup our project and backend structure mkdir menu projectcd menu projectmkdir servertouch docker compose ymlcd servernpm init ynpm i express express graphql graphql corsnpm i D dotenv nodemonmkdir data schematouch env Dockerfile index jstouch data menu js schema schema jsNext open the project in a code editor and then add the upcoming code to the correct files Put this code in data menu js const bases id menuItem Base name Egg Noodles id menuItem Base name Whole wheat Noodles id menuItem Base name Rice Noodles id menuItem Base name Udon Noodles id menuItem Base name Jasmine Rice id menuItem Base name Whole grain Rice const vegetables id menuItem Vegetables name Pak Choi id menuItem Vegetables name Shiitake Mushrooms id menuItem Vegetables name Champignon Mushrooms id menuItem Vegetables name Mixed Peppers id menuItem Vegetables name Broccoli id menuItem Vegetables name Spinach id menuItem Vegetables name Baby Corn id menuItem Vegetables name Red Onion id menuItem Vegetables name Bamboo Shoots const meats id menuItem Meat name Chicken id menuItem Meat name Chicken Katsu id menuItem Meat name Beef id menuItem Meat name Pulled Beef id menuItem Meat name Bacon id menuItem Meat name Pork id menuItem Meat name Duck id menuItem Meat name Prawns id menuItem Meat name Tofu const sauces id menuItem Sauce name Sweet Teriyaki id menuItem Sauce name Sweet and Sour id menuItem Sauce name Garlic and black pepper id menuItem Sauce name Oyster Sauce id menuItem Sauce name Hot soybean sauce id menuItem Sauce name Yellow curry amp coconut id menuItem Sauce name Peanut id menuItem Sauce name Asian spiced red sauce module exports bases vegetables meats sauces This code will go into schema schema js const bases vegetables meats sauces require data menu const GraphQLObjectType GraphQLID GraphQLString GraphQLList GraphQLSchema require graphql const BaseType new GraphQLObjectType name Base fields gt id type GraphQLID menuItem type GraphQLString name type GraphQLString const VegetableType new GraphQLObjectType name Vegetable fields gt id type GraphQLID menuItem type GraphQLString name type GraphQLString const MeatType new GraphQLObjectType name Meat fields gt id type GraphQLID menuItem type GraphQLString name type GraphQLString const SauceType new GraphQLObjectType name Sauce fields gt id type GraphQLID menuItem type GraphQLString name type GraphQLString const RootQuery new GraphQLObjectType name RootQueryType fields bases type new GraphQLList BaseType resolve parent args return bases base type BaseType args id type GraphQLID resolve parent args return bases find base gt base id args id vegetables type new GraphQLList VegetableType resolve parent args return vegetables vegetable type VegetableType args id type GraphQLID resolve parent args return vegetables find vegetable gt vegetable id args id meats type new GraphQLList MeatType resolve parent args return meats meat type MeatType args id type GraphQLID resolve parent args return meats find meat gt meat id args id sauces type new GraphQLList SauceType resolve parent args return sauces sauce type SauceType args id type GraphQLID resolve parent args return sauces find sauce gt sauce id args id module exports new GraphQLSchema query RootQuery And here we have our env file NODE ENV development PORT Let s put this code in the Dockerfile FROM node WORKDIR appCOPY package json RUN npm installCOPY EXPOSE CMD node index js And our index js file gets this server code const express require express const cors require cors require dotenv config const graphqlHTTP require express graphql const schema require schema schema const app express app use cors app use graphql graphqlHTTP schema graphiql process env NODE ENV development const port process env PORT app listen port gt console log Server running on port port http localhost port And lastly the docker compose yml file version services server container name server build context server dockerfile Dockerfile volumes server app ports environment NODE ENV development client container name client build context client dockerfile Dockerfile volumes client src app src client public app public restart always ports We just have to add these run scripts to the package json file and we are good to go scripts start node index js dev nodemon index js Now with the backend part of our project setup just go into the root folder for the server and run the command below to start the backend server npm run startJust go to http localhost graphql to see your GraphQL API Next up is the front end let s get to it Building the Next js frontend serverChange your directory so that it is in the root of the menu project folder and run the commands below to set up our project to use Next js npx create next app clientComplete the setup I used this configuration here Would you like to use TypeScript with this project …No YesWould you like to use ESLint with this project …No YesWould you like to use Tailwind CSS with this project …No YesWould you like to use src directory with this project …No YesUse App Router recommended …No YesWould you like to customize the default import alias …No Yescd into the client folder and run this command to install the packages we will need npm i apollo client graphqlWe need to create project files now so let s run this code to get them done touch Dockerfilecd src appmkdir components queries utilstouch components Bases js components Meats js components Sauces js components Vegetables jstouch queries clientQueries jstouch utils withApollo jsAll that s left is to add the code to our files and we are done So starting with components Bases js use client import useQuery from apollo client import GET BASE from queries clientQueries import withApollo from utils withApollo const Bases gt const loading error data useQuery GET BASE if loading return lt p gt Loading bases lt p gt if error return lt p gt The food failed to load there is a problem lt p gt return lt div gt loading amp amp error amp amp lt div className base box gt lt div gt lt div className cost container gt lt h gt lt h gt lt p gt only one lt p gt lt div gt lt h gt Chose lt br gt your base lt h gt data bases map bases gt lt div key bases id gt lt table gt lt tr gt lt td gt bases id bases name lt td gt lt tr gt lt table gt lt div gt lt div gt lt div gt lt div gt export default withApollo Bases Next up is components Meats js use client import useQuery from apollo client import GET MEAT from queries clientQueries import withApollo from utils withApollo const Meats gt const loading error data useQuery GET MEAT if loading return lt p gt Loading meats lt p gt if error return lt p gt The food failed to load there is a problem lt p gt return lt div gt loading amp amp error amp amp lt div className meat box gt lt div gt lt div className cost container gt lt h gt lt h gt lt p gt each Max lt p gt lt div gt lt h gt Choose lt br gt your Meats lt h gt data meats map meats gt lt div key meats id gt lt table gt lt tr gt lt td gt meats id meats name lt td gt lt tr gt lt table gt lt div gt lt div gt lt div gt lt div gt export default withApollo Meats Following that add this code to components Sauces js use client import useQuery from apollo client import GET SAUCE from queries clientQueries import withApollo from utils withApollo const Sauces gt const loading error data useQuery GET SAUCE if loading return lt p gt Loading sauces lt p gt if error return lt p gt The food failed to load there is a problem lt p gt return lt div gt loading amp amp error amp amp lt div className sauces box gt lt div gt lt div className cost container gt lt h gt lt h gt lt p gt FREE lt p gt lt div gt lt h gt Choose lt br gt your Sauces lt h gt data sauces map sauces gt lt div key sauces id gt lt table gt lt tr gt lt td gt sauces id sauces name lt td gt lt tr gt lt table gt lt div gt lt div gt lt div gt lt div gt export default withApollo Sauces This code will be going into components Vegetables js use client import useQuery from apollo client import GET VEGETABLE from queries clientQueries import withApollo from utils withApollo const Vegetables gt const loading error data useQuery GET VEGETABLE if loading return lt p gt Loading vegetables lt p gt if error return lt p gt The food failed to load there is a problem lt p gt return lt div gt loading amp amp error amp amp lt div className vegetable box gt lt div gt lt div className cost container gt lt h gt lt h gt lt p gt each Max lt p gt lt div gt lt h gt Choose lt br gt your Vegetables lt h gt data vegetables map vegetables gt lt div key vegetables id gt lt table gt lt tr gt lt td gt vegetables id vegetables name lt td gt lt tr gt lt table gt lt div gt lt div gt lt div gt lt div gt export default withApollo Vegetables Now over to the queries clientQueries js import gql from apollo client const GET BASE gql query getBase bases id name menuItem const GET VEGETABLE gql query getVegetable vegetables id name menuItem const GET MEAT gql query getMeat meats id name menuItem const GET SAUCE gql query getSauce sauces id name menuItem export GET BASE GET VEGETABLE GET MEAT GET SAUCE Almost done this code is for utils withApollo js import ApolloClient InMemoryCache ApolloProvider from apollo client import useMemo from react export function initializeApollo initialState null const apolloClient new ApolloClient Local GraphQL Endpoint uri http localhost graphql Add your Preevy GraphQL Endpoint uri cache new InMemoryCache restore initialState return apolloClient export function useApollo initialState const store useMemo gt initializeApollo initialState initialState return store export default function withApollo PageComponent const WithApollo apolloClient apolloState pageProps gt const client useApollo apolloState return lt ApolloProvider client client gt lt PageComponent pageProps gt lt ApolloProvider gt On the server if typeof window undefined WithApollo getInitialProps async ctx gt const apolloClient initializeApollo let pageProps if PageComponent getInitialProps pageProps await PageComponent getInitialProps ctx if ctx res amp amp ctx res finished When redirecting the response is finished No point in continuing to render return pageProps const apolloState apolloClient cache extract return pageProps apolloState return WithApollo Next up our CSS in globals css so replace all the code with this one before after margin padding box sizing border box html font size px header h text align center color ffffff font size rem text transform uppercase h color c h color c font size rem text transform uppercase border top rem solid black border bottom rem solid black margin bottom rem padding rem rem body background container width max width rem margin rem auto display flex flex flow row wrap justify content space around background ffafb padding rem base box vegetable box meat box sauces box background ffe width rem height auto padding rem color ffffff font weight bold margin bottom rem cost container display flex flex flow row nowrap justify content space between align items center margin bottom rem cost container p background effff padding rem color ffe font size rem media screen and max width px container flex flow column align items center Just one more to go after this so next is the page js file and like before replace all the code with what we have here use client import Bases from components Bases import Vegetables from components Vegetables import Meats from components Meats import Sauces from components Sauces export default function Home return lt gt lt header gt lt h gt Menu lt h gt lt header gt lt div className container gt lt Bases gt lt Vegetables gt lt Meats gt lt Sauces gt lt div gt lt gt Finally let s complete our project by putting this code in the Dockerfile in the client folder FROM node alpineWORKDIR app Install dependencies based on the preferred package managerCOPY package json yarn lock package lock json pnpm lock yaml RUN if f yarn lock then yarn frozen lockfile elif f package lock json then npm ci elif f pnpm lock yaml then yarn global add pnpm amp amp pnpm i Allow install without lockfile so example works even without Node js installed locallyelse echo Warning Lockfile not found It is recommended to commit lockfiles to version control amp amp yarn install fiCOPY src srcCOPY public publicCOPY next config js Next js collects completely anonymous telemetry data about general usage Learn more here Uncomment the following line to disable telemetry at run time ENV NEXT TELEMETRY DISABLED Note Don t expose ports here Compose will handle that for us Start Next js in development mode based on the preferred package managerCMD if f yarn lock then yarn dev elif f package lock json then npm run dev elif f pnpm lock yaml then pnpm dev else yarn dev fiNow with the frontend and backend side of our project setup just go into the root folder for the client and run the command below to start the frontend server npm run devDouble check that your backend server is still running and you should see the menu which is receiving data from the backend server The next section will show us how to run the app inside of a Docker container so on we go Running the project in DockerGetting your application to run in Docker is super easy First make sure that Docker is running on your computer and that the other servers are not running because they will use the same ports Then just ensure that you are inside the root folder for menu project and then run the command docker compose up This will run the backend and frontend servers at the same time Now just got to the same URLs as before for the server and client to see everything working The server is running on http localhost The client is running on http localhost Lastly its time to deploy a preview environment using Preevy By doing this we can share our work very easily with other people working on the project They ll be able to see the latest version of the app with a single click without needing to see how it looks or behaves in our development environment This has already saved me hours of back and forth and I m very happy to have found this tool and included it in my workflow Creating a provision preview environment on PreevyFirst read the documentation on Preevy and install it and then get ready to run the commands here to create a provisioning environment Inside the root folder for menu project run the following commands preevy initpreevy up id You must pass an id flag with a string of numbers I used as an example which should work The setup might take some time to complete because it has to create the backend and the front end on AWS When it s complete you should get two URL s one for the server and one for the client see the example here server client Clicking on the links should take you to both servers running online You will notice that the page is showing errors and not loading our data on the client link That s because it s still set to http localhost graphql in your code Update the uri in the file client src app utils withApollo js to your Preevy server GraphQL endpoint and then run the command preevy up id again to push the latest changes Now the page should be showing data from our GraphQL API ConclusionUltimately the combination of tools like Node js GraphQL Next js is transforming the online development environment by bringing improved performance flexibility and data privacy compliance to the forefront When these technologies are combined they constitute a strong toolbox that enables developers to create scalable efficient and privacy conscious apps And tools like Preevy facilitate an only better developer experience by enabling developers lightning fast ways to securely deploy and share their work with others so they can collect clear feedback and release higher quality products Hopefully you ve found that this article presents a realistic strategy for exploiting the synergy of these technologies However because technology is always evolving it is obligatory for every developer to constantly research and experiment with these tools With this knowledge you ll be well equipped to take your web development talents to the next level keeping on the cutting edge of technical innovation and creating apps that truly make a difference	2023-06-07 14:19:52
海外TECH	DEV Community	"Balancing Parenthood and Programming": CodeNewbie Podcast S24E5	https://dev.to/codenewbieteam/balancing-parenthood-and-programming-codenewbie-podcast-s24e5-36c2	quot Balancing Parenthood and Programming quot CodeNewbie Podcast SEWe are back again In SE of the CodeNewbie Podcast saronyitbarek talks about navigating parenthood while pursuing your passion for coding with Phoebe Voong Fadel Frontend Developer at the National Foundation for Educational Research codenewbie org Before entering the world of web development Phoebe worked for years at various universities in London while advocating for the use of technology and software to automate repetitive administrative tasks Apart from her current career at the National Foundation for Educational Research Phoebe writes articles for freeCodeCamp and mentors early career developers Listen on Apple PodcastsListen on SpotifyOr listen wherever you normally get your podcasts Make sure to subscribe to the CodeNewbie podcast if you haven t yet Happy coding We hope you enjoy this season of the CodeNewbie Podcast	2023-06-07 14:06:32
海外TECH	DEV Community	7 Ruby Feature Flag Tools Compared	https://dev.to/jdwyah/7-ruby-feature-flag-tools-compared-ljm	compared	2023-06-07 14:05:56
海外TECH	DEV Community	Searching Algorithms: A Guide with Java	https://dev.to/shubhamtiwari909/searching-algorithms-a-guide-with-java-3i8i	Searching Algorithms A Guide with JavaHello everyone today i will be discussing Searching Algorithms for beginners I will discuss few algorithms with example in Java Searching is a fundamental operation in computer science and is utilized in various applications and scenarios Whether you need to find a specific element in a collection of data or determine if a value exists searching algorithms play a crucial role in solving these problems efficiently In this article we will explore different searching algorithms and provide examples in Java to illustrate their implementation Linear Search Linear search also known as sequential search is the simplest searching algorithm It sequentially checks each element in a collection until the target value is found or the end of the collection is reached public static int linearSearch int arr int target for int i i lt arr length i if arr i target return i target found at index i return target not found Binary Search Binary search is a more efficient searching algorithm that requires a sorted collection of elements It repeatedly divides the collection in half eliminating the half where the target value cannot be present public static int binarySearch int arr int target int left int right arr length while left lt right int mid left right left if arr mid target return mid target found at index mid if arr mid lt target left mid else right mid return target not found Interpolation Search Interpolation search is a variant of binary search that performs better on uniformly distributed sorted data It uses an estimation to guess the probable location of the target value within the range public static int interpolationSearch int arr int target int left int right arr length while left lt right amp amp target gt arr left amp amp target lt arr right if left right if arr left target return left target found at index left return target not found int pos left right left arr right arr left target arr left if arr pos target return pos target found at index pos if arr pos lt target left pos else right pos return target not found Hashing and HashMap Hashing is a technique that maps data elements to specific indices in an array called a hash table Java provides a built in HashMap class that uses hashing to achieve fast searching and retrieval import java util HashMap public class HashMapExample public static void main String args HashMap lt String Integer gt map new HashMap lt gt map put Alice map put Bob map put Charlie System out println map get Bob Output Searching algorithms are essential tools for every programmer Understanding their characteristics and choosing the appropriate algorithm based on the problem at hand can significantly impact the efficiency of your code The examples provided in Java illustrate the implementation of different searching algorithms enabling you to apply them in your projects and applications THANK YOU FOR CHECKING THIS POSTYou can contact me on Instagram LinkedIn Email shubhmtiwri gmail com You can help me with some donation at the link below Thank you gt lt Also check these posts as well	2023-06-07 14:05:25
金融	金融庁ホームページ	審判期日の予定を更新しました。	https://www.fsa.go.jp/policy/kachoukin/06.html	期日	2023-06-07 16:00:00
金融	レポート｜日本総研	「ダムの治水・発電併用やデータ連携を起点にした流域全体の災害対策・地域振興」に向けた政策提言	https://www.jri.co.jp/page.jsp?id=105451	地域振興	2023-06-08 00:00:00
ニュース	BBC News - Home	Telegraph Media Group set to be put up for sale	https://www.bbc.co.uk/news/business-65835312?at_medium=RSS&at_campaign=KARANGA	barclay	2023-06-07 14:27:10
ニュース	BBC News - Home	BBC, BA and Boots issued with ultimatum by cyber gang Clop	https://www.bbc.co.uk/news/technology-65829726?at_medium=RSS&at_campaign=KARANGA	details	2023-06-07 14:12:43
ニュース	BBC News - Home	Jude Bellingham: Real Madrid agree 103m euro deal to sign England midfielder	https://www.bbc.co.uk/sport/football/65836734?at_medium=RSS&at_campaign=KARANGA	euros	2023-06-07 14:38:06
ニュース	BBC News - Home	Heathrow security officers announce summer strikes	https://www.bbc.co.uk/news/business-65831998?at_medium=RSS&at_campaign=KARANGA	august	2023-06-07 14:49:05
ニュース	BBC News - Home	JK Rowling: Oxfam sorry for video after 'cartoon JK Rowling' accusation	https://www.bbc.co.uk/news/entertainment-arts-65831823?at_medium=RSS&at_campaign=KARANGA	edits	2023-06-07 14:05:59
ニュース	BBC News - Home	Francoise Gilot, artist and Picasso's lover, dies at 101	https://www.bbc.co.uk/news/entertainment-arts-65831824?at_medium=RSS&at_campaign=KARANGA	right	2023-06-07 14:38:24
ニュース	BBC News - Home	Sgt Matiu Ratana: Murder jury shown CCTV of policeman being shot	https://www.bbc.co.uk/news/uk-england-london-65833109?at_medium=RSS&at_campaign=KARANGA	hears	2023-06-07 14:25:40
ニュース	BBC News - Home	Canada wildfires: Tens of millions under air quality warnings as fires burn	https://www.bbc.co.uk/news/world-us-canada-65828469?at_medium=RSS&at_campaign=KARANGA	quality	2023-06-07 14:43:15
ニュース	BBC News - Home	Scottish deposit return delayed until October 2025	https://www.bbc.co.uk/news/uk-scotland-scotland-politics-65836297?at_medium=RSS&at_campaign=KARANGA	deposit	2023-06-07 14:38:57
ニュース	BBC News - Home	Chris Christie's long-shot mission to torpedo Trump in 2024	https://www.bbc.co.uk/news/world-us-canada-65814308?at_medium=RSS&at_campaign=KARANGA	house	2023-06-07 14:20:05
ニュース	BBC News - Home	Rory McIlroy says PGA Tour, DP World Tour & PIF merger will be 'good for golf'	https://www.bbc.co.uk/sport/golf/65836419?at_medium=RSS&at_campaign=KARANGA	Rory McIlroy says PGA Tour DP World Tour amp PIF merger will be x good for golf x The PGA and DP World Tour s shock merger with Saudi Arabia s Public Investment Fund will ultimately be good for golf says Rory McIlroy	2023-06-07 14:46:19
ニュース	BBC News - Home	Thousands flee homes as towns and villages flooded	https://www.bbc.co.uk/news/world-europe-65829614?at_medium=RSS&at_campaign=KARANGA	disaster	2023-06-07 14:25:39