投稿時間:2022-02-21 23:32:36 RSSフィード2022-02-21 23:00 分まとめ(36件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	ソニー、発売前の｢LinkBuds｣向けにソフトウェアアップデートをリリース − 通話音声品質を改善	https://taisy0.com/2022/02/21/153567.html	linkbuds	2022-02-21 13:49:09
IT	気になる、記になる…	Adobe、｢Creative Cloud｣などを最大36％オフで販売する｢春トクSALE｣を開催中	https://taisy0.com/2022/02/21/153564.html	adobeillustratorcc	2022-02-21 13:41:59
IT	ITmedia 総合記事一覧	[ITmedia News] 警視庁、「攻殻機動隊 SAC_2045」とコラボ　テロを許さない街づくりのポスターに	https://www.itmedia.co.jp/news/articles/2202/21/news181.html	itmedia	2022-02-21 22:13:00
IT	ITmedia 総合記事一覧	[ITmedia News] コロナ禍で延期していたポケモンGOの沖縄イベント、5月に開催へ	https://www.itmedia.co.jp/news/articles/2202/21/news182.html	itmedia	2022-02-21 22:10:00
IT	ITmedia 総合記事一覧	[ITmedia News] 金属の表現にこだわったガンプラ、春に登場　黄金色の内部フレームを横浜で展示中	https://www.itmedia.co.jp/news/articles/2202/21/news180.html	bandaispirits	2022-02-21 22:10:00
js	JavaScriptタグが付けられた新着投稿 - Qiita	apiとか使わずにGoogleAppsScript経由でjava script でgmailを送る方法	https://qiita.com/yamadanagamasa/items/6156ab5c4251081887e0	apiとか使わずにGoogleAppsScript経由でjavascriptでgmailを送る方法apiとか使わずにappscript経由でjavascriptでgmailを送る方法です。	2022-02-21 22:19:50
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS DMSを活用してHasura CloudとMySQLを連携する	https://qiita.com/ueda000/items/9d96a87957de9af8c706	そこで、AWSDatabaseMigrationServiceAWSDMSを使ってMySQLをPostgreSQLに常時レプリケーションすることで、HasuraCloudでMySQLを扱えるようにしてみます。	2022-02-21 22:53:11
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Amazon Linux 2 にnginxをインストールする	https://qiita.com/miriwo/items/56f746e4f9b7eac75d6b	amazonlinuxextrasgrepnginxgtnginxavailablestable下記コマンドを実行してnginxを導入するのに必要なコマンドを出力する。	2022-02-21 22:50:27
AWS	AWSタグが付けられた新着投稿 - Qiita	【AWS】Systems Manager でセッション暗号化 & セッションログ保存しようとしたらどハマりした話	https://qiita.com/jirtosterone/items/741872fb7b6557048510	SessionManagerでECに接続するための基本設定セッション暗号化に必要な設定セッションログ保存に必要な設定SessionManagerで暗号化が必要な理由SessionManagerはマネジメントコンソールやAWSCLIからECに接続できる機能です。	2022-02-21 22:22:52
golang	Goタグが付けられた新着投稿 - Qiita	【Go】"空構造体"の表し方	https://qiita.com/mkosakana/items/f84c340a6571e4229073	「Person」という名前の構造体structこの場合、NameとAgeという「フィールド」を持っています。	2022-02-21 22:34:25
Azure	Azureタグが付けられた新着投稿 - Qiita	LogAnalyticsのデータ削除	https://qiita.com/urushibata/items/33d04e841c4b647eabe2	削除が成功するとステータスが返ってきます。	2022-02-21 22:24:01
海外TECH	MakeUseOf	Why Chrome 100 and Firefox 100 Could Break Your Favorite Websites	https://www.makeuseof.com/chrome-100-could-break-websites/	agent	2022-02-21 13:45:12
海外TECH	MakeUseOf	What Are Crypto Whales and Can They Manipulate Prices?	https://www.makeuseof.com/crypto-whales-manipulate-prices/	What Are Crypto Whales and Can They Manipulate Prices You may have heard of the term crypto whale but what exactly makes someone a whale Are they good or bad for the crypto market Let s find out	2022-02-21 13:30:13
海外TECH	MakeUseOf	How to Pin DM Conversations on Twitter (and Why You Should)	https://www.makeuseof.com/how-why-pin-dm-conversations-twitter/	twitter	2022-02-21 13:09:49
海外TECH	MakeUseOf	You Can Finally Change Your Snapchat Username: Here's How	https://www.makeuseof.com/how-to-change-snapchat-username/	howsnapchat	2022-02-21 13:00:59
海外TECH	DEV Community	jQuery Step By Step Tutorial for Beginners	https://dev.to/dev14/jquery-step-by-step-tutorial-for-beginners-3ni3	jQuery Step By Step Tutorial for Beginners Howdy Coders In this post we will learn some basic usage of jQuery in web development In modern development jQuery has become an essential thing It makes our developing work faster and it is also easy to learn So Let s Start Pre Requisites To Learn jQuery Required to have some basic knowledge of HTML and Javascript What Is jQuery  jQuery is a fast small and feature rich JavaScript library It makes things like HTML document traversal and manipulation event handling animation and Ajax much simpler with an easy to use API that works across a multiple browsers Benefits of using jQuery jQuery makes your JavaScript code smaller faster and cross browser support Using jQuery you can Handle events like Click hover change keyup etc…and perform some action on it jQuery allows you to make add animation to your page like fade in fade out slide in slide out or you can make custom animation With jQuery you can also make Ajax request without refreshing your whole page And lot more… Also Read Most Helpful jQuery Methods and Functions Most useful Jquery Selectors You Need To KnowHow to check uncheck all checkbox With jQuery In This example we are going to some basic of Javascript Click event by making A button Enable Disable by using Link So Let s begin Step Create an HTML page with its basic structure as follow lt DOCTYPE html gt lt html gt lt head gt lt title gt jQuery Step by step lt title gt lt head gt lt body gt lt Content Area gt lt body gt lt html gt Step Add the element to perform some action on it we re going to add two links for enabling and disabling and one button Add the following code inside the Body tag lt a href id next gt Disable lt a gt lt button gt Register lt button gt lt a href id prev gt Enable lt a gt Step Now we are going to add Jquery Libray You can add Jquery by Downloading From official site Jquery com But in This example we are going to use Google s copy of Jquery Add The Following Code Below the Body tag lt script src amp gt amp lt script gt Step Add jQuery Script Below it In following code we are using link id next and prev to perform task lt script type text javascript gt next click function this next attr disabled true prev click function this prev removeAttr disabled lt script gt Complete Code  Here is the Complete code achieve from the above steps lt html gt lt head gt lt head gt lt body gt lt a href id next gt Disable lt a gt lt button gt Register lt button gt lt a href id prev gt Enable lt a gt lt script type text javascript src jquery js gt lt script gt lt script type text javascript gt next click function this next attr disabled true prev click function this prev removeAttr disabled lt script gt lt body gt lt html gt Conclusion So These are some basic uses of Jquery Thanks for reading Do let me know If you face any difficulties please feel free to comment below we love to help you if you have any feedback suggestions then please inform us by commenting Don t forget to share this tutorial with your friends on Facebook and Twitter	2022-02-21 13:45:34
海外TECH	DEV Community	Learn JavaScript from Scratch	https://dev.to/dev14/learn-javascript-from-scratch-3ge	Learn JavaScript from ScratchIn this post we will learn the basics of the JavaScript programming language Today javascript has become one of the most popular programming languages on the web and the good part of javascript is easy to learn In this tutorial I will teach you some basics of javascript What is Javascript A Programming language that is used to make web pages interactive Javascript is an easy and lightweight programming language of HTML and web It is open source and cross platform What Can I do with Javascript To make Responsive webpagesPut content in an HTML page on the flyValidate formsCreate Animations Slideshows Scrollers etcIn this tutorial I will teach the basic functionality of javascript to build dynamic web pages and web applications One thing always remembers Javascript must be written between starting and ending tag Let s start In the following example we will make simple popup box using Javascript Example lt head gt lt title gt Javascript Step by step lt title gt lt script gt In name variable we will store value recived by popupbox var name prompt Please Enter Your Name Name now it print the value on browser in text format document write Hello name To my website lt script gt lt head gt lt html gt  so in the above example we created a simple popup box that receives value from the user and displays it on the browser in text format This is the basic example of javascript uses Now we will learn how to create functions in javascript How to Create Function In Javascript Functions are a Very useful term of any programming language It is the collection of code and it makes our code dynamic and reusable so let s start making the function in javascript by the following example Example lt html gt lt head gt lt script gt function sampleFunction var name prompt Please Enter Your Name Name document write Hello name To my website lt script gt lt head gt lt input type button value Sample Function gt lt html gt  In the above example we have created a function named sampleFunction and called on the click event of the button So when the user will click on the button a popup will open and ask for a name and display on the browser So isn t simple Conclusion Do let me know If you face any difficulties please feel free to comment below we love to help you if you have any feedback suggestion then please inform us by commenting Don t forget to share this tutorial with your friends on Facebook and Twitter	2022-02-21 13:44:52
海外TECH	DEV Community	My Experience Building A Chess App In React	https://dev.to/fredlitt/my-experience-building-a-chess-app-in-react-2hl6	My Experience Building A Chess App In ReactMy Experience Building A Chess App In ReactHi my name is Fred and I m a chess player who has been learning to code using The Odin Project for the past months After gaining some familiarity with React I thought it would be a fun challenge to try and build a chess application using React I m also interested in finding my first job as an entry level developer and would love to chat with anyone who is hiring or has suggestions on getting into the field Replit link FredLitt Chess Engine src chessBoard jsGithub link e mail fredolitt gmail com What the App Does Supports All Basic Rules of ChessPieces are capable of performing all legal moves and possible moves are indicated with a circular highlight on the possible move square The last played move s squares are highlighted as well b Castling is supported in either direction and cannot be done if either the king or corresponding rook has moved or if the king is in check or would move through check c En passant which proved to be one of the most challenging aspects of the game to program due to the amount of conditionals that must be met Per the Wiki link the capturing pawn must be on its fifth rank the captured pawn must be on an adjacent file and must have just moved two squares in a single move i e a double step move the capture can only be made on the move immediately after the enemy pawn makes the double step move otherwise the right to capture it en passant is lost d Checkmate When the attacked king s army has no means of salvaging their leader App Featuresa Move notation and captured piece trackerb Pawn Promotionc End of Game Detection The current game recognizes checkmate and stalemate and creates a new game popup accordingly d Changing board themes LOOK at those pretty colorse Takeback button How The App Is Built The Game Logica The Board ClassThe board is represented in a d array of “square objects each with a unique coordinate and the presence or non presence of a piece which are themselves objects export class Board constructor this squares for let row row lt row const boardRow for let col col lt col const square piece null coordinate row col boardRow push square this squares push boardRow The board has a large variety of methods to manipulate itself and to gather information about the current board position getPossibleMoves pieceToMove fromSquare const searchOptions board this fromSquare fromSquare squaresToFind possible moves this selectedPiece possibleMoves pieceToMove findSquares searchOptions this markPossibleMoveSquares updateBoard startSquare endSquare startSquare piece null endSquare piece this selectedPiece piece b The Piece ClassesEach type of piece has its own class that is capable ofFinding the squares that it currently controlsFinding all the squares that it could possibly move toIt wasn t until I started writing the logic for determining king moves that I realized just how distinct these two things were For example Black could not move the knight to the X square as it would expose the black king but the square is still a controlled square as the white king could not move there eitherTherefore each piece has a unique method for each case In either case an array of coordinates is returned findSquares board fromSquare squaresToFind const fromRow fromCol fromSquare const knightMoves NorthOneEastTwo fromRow fromCol NorthTwoEastOne fromRow fromCol SouthOneEastTwo fromRow fromCol SouthTwoEastOne fromRow fromCol NorthOneWestTwo fromRow fromCol NorthTwoWestOne fromRow fromCol SouthOneWestTwo fromRow fromCol SouthTwoWestOne fromRow fromCol if squaresToFind controlled squares return this findControlledSquares board fromSquare knightMoves if squaresToFind possible moves return this findPossibleMoves board fromSquare knightMoves A Shared Search Method for Long Range Pieces I discovered that the Queen Rook and Bishop had similar patterns for finding possible and controlled squares All of them are capable of moving as many squares as possible in a given direction until An enemy piece is reached at which point a capture is possible The square before a friendly piece is reachedThe edge of the board is reachedEach of these pieces iterate from their given starting coordinate in each of their possible directions and continue iterating until one of these conditions is met This enabled me write a generalized method that could be used by each of these pieces const findSquaresForLongRange piece board fromSquare squaresToFind pieceDirections gt const possibleSquares const fromRow fromCol fromSquare const completedDirections for let i i lt i const allDirections North fromRow i fromCol South fromRow i fromCol East fromRow fromCol i West fromRow fromCol i NorthWest fromRow i fromCol i NorthEast fromRow i fromCol i SouthWest fromRow i fromCol i SouthEast fromRow i fromCol i Each piece simply needs to pass in the directions that they are capable of class Bishop constructor color this type bishop this color color if color white this symbol pieceSymbols whiteBishop else if color black this symbol pieceSymbols blackBishop findSquares board fromSquare squaresToFind return findSquaresForLongRange piece this pieceDirections NorthWest NorthEast SouthWest SouthEast board fromSquare squaresToFind directions that are not included will be skipped over immediatelyfor const direction in allDirections if pieceDirections includes direction completedDirections includes direction continue c End of Game DetectionCurrently the game is capable of detecting checkmate and stalemate The game detects an end of game by running a function that determines all of a player s possible moves The check detection method returns a boolean of whether a king s square is contained in the opposing player s attacked squares If player has possible moves →gameOver ≠trueIf player has no possible moves amp is in check →“other player wins If player has no possible moves but is not in check →“stalemate The UIThe App function contains the following components all of which rely on the data from the Board Object to determine what to render A conditionally appearing modal to start a new game appears when game is over A BoardUI component which displays the chessboard contains a pop up for pawn promotions and contains the game s option buttonsA CapturedPieceContainer component for white pieces and for black piecesA MoveList component that renders chess notation of the current gameThe chessboard is contained by a BoardUI component which uses the data from the Board classes d array of squares to render the current position lt table id board cellSpacing gt lt tbody gt gameDisplay boardPosition map row index gt lt tr className board row key index gt row map square gt lt td className getSquaresClass square coordinate square coordinate piece square piece key square coordinate style backgroundColor isLightSquare square coordinate lightSquareColor darkSquareColor opacity square isLastPlayedMove onClick e gt move e gt square piece null amp amp square piece symbol square isPossibleMove amp amp lt span className possible move gt lt span gt lt td gt lt tr gt lt tbody gt lt table gt The board is displayed using an HTML table Squares containing a piece display the piece s symbol and when a piece to move is selected its possible move squares are given a colored element to highlight them A Possible Improvement An issue I ran into in my code dealt with the nature of how React knows when to update the interface Although the Board object is very good at mutating itself React won t know to update because the object that is being referenced is the same This forced me to create a method on Board that returns a copy of itself clone let newBoard new Board for const property in this newBoard property this property return newBoard which could then be passed in for state changes setBoard board clone However this extra step does not really take full advantage of React Taking a more functional approach to writing the methods in the Board class could remove the need for this If I end up doing a large scale refactor of this project I believe this would be a great opportunity for improvement and chance to make the best use of React s capabilities A nested conditional component within BoardUI The BoardUI component also contains a conditionally rendered PromotionModal component which relies on the BoardUI s state to render the appropriately colored pieces as a pop upconst pawnPromotion setPawnPromotion useState pawnIsPromoting false color null promotionSquare null Positioning this just the way I wanted took some effort and I finally landed on making use of CSS calc function and CSS variables to achieve my desired effect promotion pieces position fixed top left calc vw var board length var move list width var board length transform translate Game Optionsa New Game Sets game to initial game settings then sets the App s state to a copy of that boardconst createNewGame gt board startNewGame setBoard board clone b Flip Board Checks player currently at bottom of screen and rearranges the game s squares in reverse order const flipBoard gt const updatedPosition const boardToFlip board squares const flippedBoard if gameDisplay playerPerspective black for let row row gt row const boardRow for let col col gt col boardRow push boardToFlip row col flippedBoard push boardRow updatedPosition playerPerspective white updatedPosition boardPosition flippedBoard setGameDisplay updatedPosition return if gameDisplay playerPerspective white for let row row lt row const boardRow for let col col lt col boardRow push boardToFlip row col flippedBoard push boardRow updatedPosition playerPerspective black updatedPosition boardPosition flippedBoard setGameDisplay updatedPosition return c Takeback const takeback gt Create list of moves equal to the current game minus the last const movesToPlayBack board playedMoveList slice Reset game createNewGame Plays through the list of moves for let i i lt movesToPlayBack length i board selectPieceToMove movesToPlayBack i fromSquare const targetSquare movesToPlayBack i toSquare if movesToPlayBack i moveData promotionChoice const pieceType movesToPlayBack i moveData promotionChoice const pieceColor movesToPlayBack i piece color const promotionChoice findPiece pieceColor pieceType return board movePiece targetSquare promotionChoice board movePiece targetSquare d Board Theme Sets CSS variables for colors to various color schemes const changeTheme lightSquareChoice darkSquareChoice highlightChoice gt document documentElement style setProperty light square lightSquareChoice document documentElement style setProperty dark square darkSquareChoice document documentElement style setProperty highlight highlightChoice Final ThoughtsThis was by far my favorite coding project that I ve worked on so far The combination of my own personal love of chess and the challenge of accounting for all the complexity and nuances of the game was difficult but equally rewarding Some things I d consider adding at this point are player network chessEnd of game detection for fifty move rule and threefold repetitionDifferent chess set optionsForward and back button on move list to look through a gameDraggable rather than clickable movesUpdate codebase to TypeScriptRefactor in more of a functional rather than object oriented styleIf I were to go back in time in my coding journey I think I would have attempted to start this project sooner than I did Learning from the mistakes that I made during this project has helped me grow tremendously and I m excited to continue building and see what I pick up along the way Feel free to e mail me if you re someone looking to hire a new dev	2022-02-21 13:37:38
海外TECH	DEV Community	Sorry not sorry C++	https://dev.to/meetupfeedio/sorry-not-sorry-c-hhm	Sorry not sorry C	2022-02-21 13:37:24
海外TECH	DEV Community	How to Easily Host a Website for Free Using Netlify	https://dev.to/israelmitolu/how-to-easily-host-a-website-for-free-using-netlify-2ioi	How to Easily Host a Website for Free Using NetlifySo you ve built a website with a fantastic UI or a fantastic feature It may be a personal portfolio project or a YouTube tutorial you were watching And you d like to spread the word about the website you ve built It runs well on your computer and you think it s ready for the rest of the world to see However you are unsure of where to begin This is where Netlify enters the picture Netlify is a hosting platform that allows you to easily launch websites and web apps without having to manually configure and manage them It includes plenty of features that make it a favourite among today s web developers Deploy in secondsContinuous integration and Continuous Deployment CI CD Instant Forms You can collect data from users without having to build a backendPrevent spam submissions on FormsEasily deploy websites from Github Gitlab or BitbucketHost using a custom domain or Netlify s own customizable domains Analytics for your sitesServer less FunctionsNetlify CMS to manage your blog postsOther features can be found here In this article you ll learn how to deploy a static site on Netlify as well as some of Netlify s features PrerequisitesYou ll need a Github account to follow along with this tutorial or Gitlab or Bitbucket To create one head over to Github to sign up This is important since that is where you will store your source code Step Sign up on NetlifyHead over to the Netlify homepage click on Sign up Select your preferred signup method Step Add a new siteAfter signing up you ll be redirected to a dashboard where you can add your site Now to add a site click on the Add new site button The dropdown will display options to add a new site Import an existing projectStart from a templateDeploy manually We ll choose the first option which is to import an existing project The other two methods will be discussed briefly later in this article Step Connect to a Git providerChoose the Git provider for your website s source code Github in this case Step Choose the RepositorySelect the repository and branch you want to deploy from Step Configure the site s settingsThe options for deploying the website can be configured here Set the Deployment Branch option to main or whichever branch you intend to deploy You can go ahead and click Deploy Site if it s a simple static page But if you re using a build tool or want to add some other options you ll need to configure the build settings Step Deploy your websiteYou will now be directed to the Site overview page of the newly created webpage The automated build process takes place here With Netlify the deployment process takes around a minute or less Your website has now been launched and is accessible via the internet To check it out click on the green link Additional Points Custom DomainAwesome You have launched your website But before you share it with the world you should change the domain name to something more in line with what the project is showcasing and not just a random domain name Luckily for us Netlify allows us to change the site name from the randomly generated one to do that click on Domain SettingsToggle the Options dropdown and select Edit site name from the list After that type in the name you want to use and save it If you want to use a custom domain check out the docs on how to do so Netlify DropRemember how we said in Step of the first method that there are three ways to add a new site to Netlify The Deploy manually approach also known as Netlify Drop is used here You can create a new site by simply dragging a project folder on your computer to the deploy dropzone in your browser Check out the docs for more information Netlify TemplatesThe other way of adding a new site is by using Netlify Templates This is mainly used to create Jamstack sites or when you want to add Netlify CMS to an existing site Make changes to your deployAnytime you link Netlify to your Git provider such as Github it immediately updates when it detects a new change to the branch repo that is connected After you have made a change to the code in your text editor all you have to do is drag and drop the folder again into the deploy dropzone Your sites are securedAnother interesting thing about Neltify is that your sites are HTTPS enabled Hypertext Transfer Protocol Secure with its Transport Layer Security TLS protocol option with a Let s Encrypt certificate All of this ensures that your Netlify hosted sites are Secure Protects users information from being stolen particularly when forms or data are being submitted SEO optimised Would rank higher than sites that are not secured ConclusionCongratulations Your website is live up and running And you can now share with anyone using the customised URL That s it Setting up your website on Netlify is as simple as that I hope you found this post to be helpful If you liked it please leave a like and a comment Now go off and create amazing things and share what you ve created with the rest of the world	2022-02-21 13:33:21
海外TECH	DEV Community	PHP Type Hinting	https://dev.to/eelcoverbrugge/php-type-hinting-17n6	PHP Type HintingType hinting are type declarations to function arguments return values and class properties PHP ensures the value is of the same type you declared or throws an TypeError It isn t required but very useful to catch mistakes and helpful to others reading your code to understand what is up Function argumentsTo type hint our function argument message of our method error we would add string just in front of our argument lt phpclass Logger private message function alert string message return this gt message logger new Logger logger gt alert Wrong password This makes sure that whatever is passed to our method message is always a type of string or an error is thrown Return valuesThis also works for our response In this case we expect our method would return a string and so we add string after our argument lt phpclass Logger private message function alert message string return this gt message logger new Logger logger gt alert Wrong password Whatever we would pass to our error method as arguments string integer boolean array etc our return should always be a type of string otherwise an error is thrown Class propertiesBesides methods we could also type hint our properties In case of our message we add the annotation var string class Logger var string private message function alert message return this gt message logger new Logger logger gt alert Wrong password This makes sure that whenever we call this property it should be a type of string or an error is thrown All type hints togetherIf we would save logging messages in our database and we would like to create getters and setters for our message we could use all types of type hinting as followed class Logger var string private message function setMessage string message void this gt message message function getMessage string return this gt message I have type hinted the property message the argument as string and added the expected result of a string for the getMessage method For the setMessage method I added the expected result void This means we do not expect anything for this method this is because the setter would only set our property and doesn t return us anything Type hinting methodsSome would also type hint their methods similar to our property but this isn t necessary because we already type hinted our property argument and response Let me know what you think and share your knowledge on Type Hinting	2022-02-21 13:20:28
海外TECH	DEV Community	WordPress is Underrated.	https://dev.to/gautamjha/wordpress-is-underrated-33b4	WordPress is Underrated WordPress is a free and open source CMS written in PHP Initially released in I have worked on more than WordPress projects and find it really easy to get started especially if you re a small organization or can t afford the proper development time of creating an application from scratch I don t understand why people hate WordPress so much Few devs advise others to leave the WordPress website as it is not scalable and has security issues You are not suppose to use nulled plugins or theme People want to build their application on React in the influence that it is the only way to make it fast and for that they have to adapt a latest framework on Python or Node js or PHP but Why do they want to redevelop the backend when It is available in WordPress by default My point here is not that WordPress is best and everyone should use it but don t switch from WordPress under the impression that it is not scalable especially when you already have an application built on WordPress and you can totally have a Frontend on React or Next js and Backend or admin panel on WordPress WordPress has functionality of REST api by Default no matter what kind of application you have you can create its rest api endpoint Also there are great plugins which can help you to have GraphQL endpoints and your frontend can be any JS framework Following are a few of my favorite open source git repo for headless wordpress built on latest frameworksWordPress ReactWooCommerce with Next jsWordPress blog with NextHere I am not promoting it Just want to understand if there is a real need to switch backend as well when these features are available in WordPress and even easier to develop it	2022-02-21 13:04:38
海外TECH	DEV Community	Brace yourselves - Vue Storefront Hackathon Journey has started!	https://dev.to/bloodf/brace-yourselves-vue-storefront-hackathon-journey-has-started-3c72	Brace yourselves Vue Storefront Hackathon Journey has started You won t believe what is about to start right now Our hackathons are back Better greater and global Yes global we will begin with online events so that everyone can participate There must be food drinks good internet and companionship in a good hackathon Going complete online means that some of these perks are impossible but companionship will always be present We are devoting ourselves one week of the total force to help you guys engage in the best way and provide you with all the tools needed All is to develop amazing projects and help the community grow So let s talk about the event itself When will the hackathon take place The hackathon will occur between the th of February and the th of March starting and ending at UTC Why did we choose to start and close at midnight Because we want to be fair to everyone around the world we chose the most neutral time zone so that everyone can prepare What about the prizes for this VSF hackathon Of course we have a pool full of prizes developed for this event and this is something truly remarkable We are giving a total of in prizes and Vue Storefront SWAGs Is this hackathon dedicated only for groups or can I join solo We understand that not everybody wants to create a group to participate in the hackathons Proposing a group especially an online event is even more complicated For this hackathon we have made the organization flexible enough that you can join solo or with a team of up to people How can I signup for the Vue Storefront Community Hackathon We wanted to make participation easy and avoid any barrier to registration To join you need to chat with our event bot on Discord and complete your registration within the Discord  pretty simple hum I want to be in a group but I registered solo How do I switch The event registration will be up until the th of February UTC We will have special Discord channels dedicated for the LFG Looking For a Group people You can organize your group safely and soundly before the hackathon There s no need to rush Register once you are sure you will attend solo or with a group Will there be mentors and people to help us in the development Absolutely We know that online events require extra focus and organization As always we want this hackathon to not only meet expectations but to provide the utmost professional assistance We will have people from our team available on Discord to help you clear all your doubts and support you in this process no worries OK Vue Storefront how can I We know there are many questions We have already answered a lot of them in our Hackathon Traditions the book of VSF event rules you can find it here We packed it with plenty of useful information and updated it to be even more relevant to this event But we are missing the topics and what we need to work on where can I find that information The topics and what you need to work on will be qualified evaluated and released on the th of February at UTC Once again we want to be fair with everyone We keep things global and we want to avoid people working on projects ahead of others in advance Let s keep this spirit together Register and join us between the th of February and the th of March	2022-02-21 13:02:49
海外TECH	DEV Community	3- Why Should I Write Tests While Developing Software?	https://dev.to/hamitseyrek/why-should-i-write-tests-while-developing-software-2pfm	Why Should I Write Tests While Developing Software Hi everyone Here I am again with the th article of the Advanced Software Development series If you ve come this far by reading the series it s fine If you came directly to this article I suggest you read the Advanced Software Development article Now on to the subject of testing Why is testing so important when developing software I think we can start by looking for an answer to the question It is impossible not to make mistakes while writing code We all make mistakes While some of them are insignificant some of them can be vital for the software In such a situation we may not always to be tolerated by our team leader boss or customer After writing our code and revealing our product we cannot catch the blind spots in the manual tests we do individually Because we test our product from the perspective we have when writing In such a case we are likely to miss the same blind spots again When we look from a professional point of view we see that the majority of corporate companies now use advanced project management systems All of these project management systems which pay attention to the software development life cycle use software tests The Software Testing Lifecycle STLC is an integral part of the Software Development Lifecycle SDLC While this is the case it has become mandatory for us to write test codes Otherwise it will be very difficult for us to find a job in a large corporate company Our advanced software development process will end at the beginning of the road Tested software enables you to provide customers with quality software that requires less maintenance making you more reliable and professional A continuous verification and validation process is required to deliver a great product Tests measure the performance and efficiency of the system application helping to ensure that the software is compatible with all technical and business parameters There are many different testing methods you can use to make sure changes to your code are working as expected We can divide these into two main groups as manual and automatic tests Manual Test It is done using the software personally This is very costly as it requires someone to devote time to it At the same time since the tester is a human there is a high probability of making mistakes Automatic Test It is done by running pre written test codes Here the tester is the machine itself It is ensured that all conditions written in the test function are met Automated testing is important component of Continuous Integration CI and Continuous Delivery CD of DevOps tools It is also an important part of the QA Quality Control process Test Types Unit TestsThey are low level tests used to test the functionality of classes methods or functions we create in software Unit tests can be easily automated by CI Continuous Integration servers Integration TestsIt is the type of test where we test how well different modules or services used by our application work together Since this test type requires interacting with more than one module of the software to be successful it is more costly to run than unit testing For example integration tests can tests whether the interaction of some modules with the database works correctly or whether some microservices that are separate from each other in a software work as expected Functional TestsSometimes Functional Tests and Integration Tests are confused because both work with different modules Functional Tests focus on the business needs of the application It focuses only on the output of event Unlike Integration Tests it does not question the relationship of modules with each other It is enough that the output is correct for this test to be successful End to End TestsThis test imitates user behavior It is used to verify whether various user flows are working as expected They are more costly to implement They are more complex in structure It is generally recommended to be used at a few different points of vital importance in a software For the rest of the software it makes more sense to use the less costly Unit Tests and Integration Tests Acceptance TestsUser behaviors such as End to End Tests are emulated Acceptance Tests are used to verify whether the application meets all desired business requirements If not all requirements are met the test will fail Performance TestsAs the name suggests it is used to measure performance They are often used to measure the response time of the system when executing a large number of requests or the behavior of the system under a heavy load These tests are costly as serious server power is required However it is very important to implement it after major changes to be made in future software Smoke TestSmoke tests are used to test the main features of the application They are therefore faster They do not need to be written for each module It is enough to focus only on the main features Whatever programming language you use there are definitely many different test options for it For example there are Appium XCTest Calablash Detox OCMock and EarlGrey test frameworks for iOS while PHPUnit Mocha and RSpec frameworks are used for PHP and JavaScript You can find the best by doing research in the developer communities Tests can be run with the help of a compiler or directly from the command line or they can be automated with CI from DevOps tools CI pipeline consists of Build Test Deploy steps If the test phase which is the nd step is not passed the application will never be deployed Test Processes in SoftwareWe have mentioned code quality in every article of the Advanced Software Development series Now let s add one more to the code quality s properties Quality code is also error free code To ensure this we need to test the software While software tests are written TDD BDD DDD RDD FDD ATDD etc there are many approaches I will briefly touch on the most commonly used TDD and BDD approaches But my advice to you is to read at least articles about other approaches Even if you are going to use TDD it is useful to at least know why you should choose it and why it differs from others TDD   Test Driven DevelopmentThis approach released in is the most used testing approach The TDD approach is not a test type It is more of a way of doing software testing a software development tactic The TDD approach requires that test codes be written before software codes are written TDD helps the software to come out in a simpler and simpler structure as it requires the expectations to be determined beforehand so that the tests can be written in advance This makes the quality of the software better In the TDD approach Write Test Write a test for a situation Fail The test is run The test fails because there is no function method that does this yet in the software Refactor The necessary codes are written edited to pass the test The test is passed successfully Write Test     Fail     Refactor steps continue in the loop The application is subjected to a continuous refactoring process until the software is able to meet all the demands of the customer BDD   Behaviour Driven DevelopmentIn this approach which was put forward in the TDD approach was tried to be facilitated In line with TDD tests are written in advance in the BDD approach too Behavior Driven Development BDD as the name suggests is a behavior based software development method Business analysts and developers determine the required behavior of the software with meetings In the BDD approach three scenarios are establishing Given When Then These scenarios are writting in colloquial language Writing tests in spoken language are the advantages of BDD Members who will join the team later can understand these tests much more easily ConclusionAfter giving a brief overview of the testing approaches you now know exactly what the Test folders were created for in the framework you are using Just knowing is not enough it is also necessary to use If you want to find a job in corporate companies that manage their projects with Agile the code you will write should be testable code The easiest way to achieve this is to use one of the testing approaches While the importance of writing test code is sometimes difficult to understand it should be measured not just by the cost and time spent but by the great value it brings In the Advanced Software Development series Previous article Why How to Write a Comment What is Clean Code Don t forget to like if you think it s useful Always get better	2022-02-21 13:01:36
海外TECH	DEV Community	Introduction to Data Structures and Algorithms With Python	https://dev.to/franciskinyuru/introduction-to-data-structures-and-algorithms-with-python-4ml8	Introduction to Data Structures and Algorithms With Python What is Data Structures This are containers that organize and group data according to type Data Structures allows you to organize your data in such a way that enables you to store collections of data relate them and perform operations on them accordingly What are Algorithms An algorithm is a set of instructions for solving a problem or accomplishing a task Types of Data StructuresIn built Python has implicit support for Data Structures which enable you to store and access data These structures are called List Dictionary Tuple and Set User definedPython allows its users to create their own Data Structures enabling them to have full control over their functionality The most prominent Data Structures are Stack Queue Tree Linked List Hashmap Graph etc Built in Data StructuresListLists are used to store data of different data types in a sequential manner There are addresses assigned to every element of the list which is called an Index The index value starts from and goes on until the last element called the positive index There is also negative indexing which starts from enabling you to access elements from the last to first element Creating a list To create a list you use the square brackets and add elements into it accordingly If you dont pass any element in the list you get an empty list myList create empty listprint myList myList john creating list with dataprint myList Output john Adding Elements Adding elements can be achieved by append insert extend functions myList john print myList myList append add as a single elementprint myList myList extend more example add as different elementsprint myList myList insert insert example add element i given position print myList Ouput john john john more example john insert example more example Deleting ElementsIf you want to delete an items to the list you can user del keyword pop or remove functions myList insert example more example del myList delete element at index print myList myList remove more example remove element with valueprint myList a myList pop pop element from listprint Popped Element a List remaining myList myList clear empty the listprint myList Output john insert example more example more example Popped Element List remaining Accessing Elements To access the values you pass the index of the values myList john for element in myList access elements one by one print element print myList access all elementsprint myList access index elementprint myList access elements from to and exclude print myList access elements in reverseOuputjohn john john We other list functions which includes The len function returns to us the length of the list The index function finds the index value of value passed where it has been encountered the first time The count function finds the count of the value passed to it The sorted and sort functions do the same thing that is to sort the values of the list The sorted has a return type whereas the sort modifies the original list DictionaryDictionaries are used to store key value pairs Creating a dictionaryDictionaries can be created using the calledbrackets or using the dict function myDict empty dictionaryprint myDict myDict key value kenya uganda with valuesprint myDict output key value kenya uganda Changing and Adding key value pairsTo change the values of the dictionary you need to do that using the keys So you firstly access the key and then change the value accordingly To add values you simply just add another key value pair as shown below myDict key value kenya uganda with valuesprint myDict myDict Nigeria access the key and give new valueprint myDict myDict Niger adding a new key value pairprint myDict output key value kenya uganda key value Nigeria uganda key value Nigeria uganda Niger Deleting key value pairsTo delete the values you use the pop function which returns the value that has been deleted To retrieve the key value pair you use the popitem function which returns a tuple of the key and value To clear the entire dictionary you use the clear function myDict key value Nigeria uganda Niger x myDict pop pop elementprint x print myDict y myDict popitem empty dictionaryprint y print myDict myDict clear print myDict Output key value Nigeria uganda Niger Niger key value Nigeria uganda uganda key value Nigeria Accessing ElementsYou can access elements using the keys only You can use either the get function or just pass the key values and you will be retrieving the values myDict key value Nigeria uganda Niger print myDict access elements using keysprint myDict get access using get outputNigeriaNigerMore functions Other FunctionsYou have different functions which return keys values items myDict key value Nigeria uganda Niger print myDict keys get keysprint myDict values get valuesprint myDict items get key value pairsoutputdict keys key dict values value Nigeria uganda Niger dict items key value Nigeria uganda Niger TupleTuples are the same as lists are with the exception that the data once entered into the tuple cannot be changed no matter what The only exception is when the data inside the tuple is mutable only then the tuple data can be changedCreating a TupleYou create a tuple using parenthesis or using the tuple function myTuple create tupleprint myTuple output Accessing ElementsAccessing elements is the same as it is for accessing values in lists myTuple for x in myTuple print x print myTuple print myTuple print myTuple output Appending ElementsTo append the values you use the operator which will take another tuple to be appended to it myTuple myTuple myTuple now print myTuple Output now SetsSets are a collection of unordered elements that are unique Meaning that even if the data is repeated more than one time it would be entered into the set only once Creating a setSets are created using the Calledbrackets but instead of adding key value pairs you just pass values to it mySet print mySet output Adding elementsTo add elements you use the add function and pass the value to it mySet mySet add string print mySet output string Operations in setsThe different operations on set such as union intersection and so on are shown below mySet mySet print mySet union mySet mySet mySet union function combines the data present in both sets print mySet intersection mySet mySet amp mySet intersection function finds the data present in both sets onlyprint mySet difference mySet mySet mySet difference function deletes the data present in both and outputs data present only in the set passed print mySet symmetric difference mySet mySet mySet symmetric difference does the same as the difference function but outputs the data which is remaining in both sets mySet clear print mySet output set User Defined Data StructuresQueueA queue is a linear data structure which is based on the principle of First In First Out FIFO where the data entered first will be accessed first It is built using the array structure and has operations which can be performed from both ends of the Queue that is head tail or front back Operations such as adding and deleting elements are called En Queue and De Queue and accessing the elements can be performed Queues are used as Network Buffers for traffic congestion management used in Operating Systems for Job Scheduling and many more Stack Stacks are linear Data Structures which are based on the principle of Last In First Out LIFO where data which is entered last will be the first to get accessed It is built using the array structure and has operations namely pushing adding elements popping deleting elements and accessing elements only from one point in the stack called as the TOP This TOP is the pointer to the current position of the stack Stacks are prominently used in applications such as Recursive Programming reversing words undo mechanisms in word editors and more other applications Linked ListLinked lists are linear Data Structures which are not stored consequently but are linked with each other using pointers The node of a linked list is composed of data and a pointer called next These structures are most widely used in image viewing applications music player applications GraphGraphs are used to store data collection of points called vertices nodes and edges edges Graphs can be called as the most accurate representation of a real world map They are used to find the various cost to distance between the various data points called as the nodes and hence find the least path Many applications such as Google Maps Uber and many more use Graphs to find the least distance and increase profits in the best ways	2022-02-21 13:00:47
海外TECH	Engadget	'Final Fantasy 14' free trial returns on February 22nd	https://www.engadget.com/final-fantasy-14-free-trial-returns-next-week-134256789.html?src=rss	x Final Fantasy x free trial returns on February ndLate last year Square Enix suspended sales of Final Fantasy and stopped offering free trials as the game became overwhelmed with new players following its latest expansion Now FF producer and director Naoki Yoshida has announced that free trials are returning starting tomorrow February nd Eurogamer has reported nbsp The company said at the time that it had to halt sales because the quot dense concentration of play hours far exceed the game s server capacity quot It addressed that by bringing its Oceania Data Center online and opening five new Worlds from the start so that everyone in Oceania could transfer over Shortly afterwards on January th Final Fantasy went back on sale nbsp The developer must have figured that it still wasn t quite ready for the free trial traffic but that situation is apparently resolved as well The company also announced that more deep dungeons are coming to Final Fantasy with the series of patch updates expected to arrive in the coming months Yoshida also confirmed that quot at this point quot there are no plans to introduce NFTs to FF quot We did notice a lot of reactions especially from the Western audience about NFTs many comments about how they re opposed to NFTs quot he added	2022-02-21 13:42:56
Cisco	Cisco Blog	StateRAMP Leading the Way on Cyber Best Practices	https://blogs.cisco.com/government/stateramp-leading-way-on-cyber-best-practices	learn	2022-02-21 13:00:55
海外科学	NYT > Science	When People Take Pandemic Precautions, Gorillas Breathe Easier	https://www.nytimes.com/2022/02/21/health/gorillas-respiratory-illness-colds.html	great	2022-02-21 13:28:47
ニュース	BBC News - Home	NHS England drops limit on offering Caesarean births	https://www.bbc.co.uk/news/health-60462720?at_medium=RSS&at_campaign=KARANGA	sections	2022-02-21 13:33:02
ニュース	BBC News - Home	Storm Franklin hits UK with flooding and high winds	https://www.bbc.co.uk/news/uk-60452334?at_medium=RSS&at_campaign=KARANGA	eunice	2022-02-21 13:46:48
ニュース	BBC News - Home	FA investigates after Man Utd's Elanga hit by object thrown from crowd during win at Leeds	https://www.bbc.co.uk/sport/football/60461226?at_medium=RSS&at_campaign=KARANGA	FA investigates after Man Utd x s Elanga hit by object thrown from crowd during win at LeedsThe Football Association is investigating after Manchester United s Anthony Elanga is struck by an object thrown from the crowd in the win at Leeds United	2022-02-21 13:15:10
ニュース	BBC News - Home	Should Khan and Brook both now retire after settling bitter feud?	https://www.bbc.co.uk/sport/boxing/60449770?at_medium=RSS&at_campaign=KARANGA	bitter	2022-02-21 13:24:37
北海道	北海道新聞	暴風雪「前も後ろも全く見えず」　北斗で多重事故、停車車両に次々衝突	https://www.hokkaido-np.co.jp/article/648428/	道南	2022-02-21 22:05:52
北海道	北海道新聞	廃車エアバッグをジャケットに再生　札幌・鈴木商会　社員用好評で商品化も	https://www.hokkaido-np.co.jp/article/648429/	鈴木商会	2022-02-21 22:03:58
北海道	北海道新聞	道内暴風雪　北斗で８０台多重衝突　２２日も札幌発着の全特急運休	https://www.hokkaido-np.co.jp/article/648419/	道内	2022-02-21 22:01:18
北海道	北海道新聞	道内暴風雪　台風並み低気圧　各地でホワイトアウト　２２日も局地的大雪	https://www.hokkaido-np.co.jp/article/648382/	道内	2022-02-21 22:00:38