投稿時間:2022-03-17 04:40:52 RSSフィード2022-03-17 04:00 分まとめ(48件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
Google	カグア！Google Analytics 活用塾:事例や使い方	ユニバーサルアナリティクス停止はなぜ2023年7月1日なのか	https://www.kagua.biz/help/updates/20220317a2.html	google	2022-03-16 18:00:47
AWS	AWS Partner Network (APN) Blog	How Wipro-Nuage Helps Silicon Companies Migrate Design Workloads to AWS Cost Efficiently	https://aws.amazon.com/blogs/apn/how-wipro-nuage-helps-silicon-companies-migrate-design-workloads-to-aws-cost-efficiently/	How Wipro Nuage Helps Silicon Companies Migrate Design Workloads to AWS Cost EfficientlySilicon design companies require huge compute and storage needs to run their electronic design automation EDA workloads Learn about the business and process challenges of silicon design companies and how Nuage Wipro s smart orchestrator solution built on AWS can help accelerate silicon design and time to market Nuage can do this through prediction and optimization by leveraging the near infinite compute storage and other resources available on AWS	2022-03-16 18:49:38
海外TECH	Ars Technica	Today’s best deals: Apple MacBook Pro, Nintendo Game & Watch, and more	https://arstechnica.com/?p=1841375	apple	2022-03-16 18:33:02
海外TECH	Ars Technica	The chaos of war and COVID continues to close car factories	https://arstechnica.com/?p=1841561	china	2022-03-16 18:12:19
海外TECH	Ars Technica	2022 iPad Air review: M1, other tablets 0	https://arstechnica.com/?p=1841361	apple	2022-03-16 18:03:35
海外TECH	MakeUseOf	Why Twitter Is Desperate to Serve an Algorithmic Feed	https://www.makeuseof.com/twitter-desperate-to-serve-algorithmic-feed/	Why Twitter Is Desperate to Serve an Algorithmic FeedTwitter has reversed its decision to prioritize an algorithmic feed for its users But why does Twitter want this in the first place Let s find out	2022-03-16 18:45:19
海外TECH	MakeUseOf	How to Manage the Autofill Feature in Edge, Chrome, Opera, and Firefox	https://www.makeuseof.com/tag/how-to-disable-the-autofill-feature-in-any-browser/	How to Manage the Autofill Feature in Edge Chrome Opera and FirefoxAutofill can be a useful feature to have but more often than not it s annoying and gets in the way Here s how to manage it on multiple browsers	2022-03-16 18:31:16
海外TECH	MakeUseOf	NFTs Are Coming to Instagram, But Why?	https://www.makeuseof.com/nfts-are-coming-to-instagram-but-why/	zuckerberg	2022-03-16 18:25:15
海外TECH	DEV Community	Tutorial: Play with a Speech-to-Text API using Node.js	https://dev.to/yongchanghe/tutorial-play-with-a-speech-to-text-api-using-nodejs-2527	Tutorial Play with a Speech to Text API using Node js An API from Deepgram converting an audio file or audio stream into written textThe purpose of building this blog is to write down the detailed operation history and my memo for learning Node js If you are also interested and want to get hands dirty just follow these steps below and have fun PrerequisiteHave installed Node jsHave Command Line Interface CLI Terminal Create a Deepgram account getting startedWe should first go to our favored directory and create a folder e g named sttApp like this mkdir sttAppThen open the folder using your favourite IDE Mine is VS code We can see now the directory is empty with no files Next step let s use our terminal navigate to your current directory sttApp and run the following code to initialize a new application npm initPress enter several times to leave these parameters with default configuration and then your CLI should get a result like this Next we install the Deepgram Node js SDK using the following npm install deepgram sdkTill now if all the previous steps are correct you should get a similar directory in your code IDE like the following Now in the current directory create a file named index js and copy and paste the following code to index js and save your file const Deepgram require deepgram sdk const fs require fs The API key you created in step const deepgramApiKey YOUR API KEY Replace with your file path and audio mimetypeconst pathToFile SOME FILE wav const mimetype audio wav Initializes the Deepgram SDKconst deepgram new Deepgram deepgramApiKey console log Requesting transcript console log Your file may take up to a couple minutes to process console log While you wait did you know that Deepgram accepts over audio file formats Even MPs console log To learn more about customizing your transcripts check out developers deepgram com deepgram transcription preRecorded buffer fs readFileSync pathToFile mimetype punctuate true language en US then transcription gt console dir transcription depth null catch err gt console log err The next step is to log in to your Deepgram navigate to your Dashboard and choose to Get a Transcript via API or SDK Click reveal Key and copy your API KEY SECRET In the next step paste your API KEY SECRET into line of your index js like the following Then let s replace line and with our voice file path and mime type Hint use a new CLI to navigate to the directory where your voice file is located and use pwd to acquire absolute path Now lastly let s run our application with the following command Make sure you are at sttApp node index jsAnd you ll receive a JSON response including a transcript that you want including word arrays timings and confidence scores Pretty COOL If you still get confused about the above content please feel free to get my git repository here for the whole project linkToGit References Overview of My SubmissionA tutorial for beginners to learn node js using STT API from Deepgram Submission Category Analytics Ambassadors Link to Code on GitHublinkToGit Additional Resources InfoNone	2022-03-16 18:42:52
海外TECH	DEV Community	Create a form and fill form details in below table in Javascript	https://dev.to/urstrulyvishwak/create-a-form-and-fill-form-details-in-below-table-in-javascript-1ccd	Create a form and fill form details in below table in JavascriptSeems simple task right Correct Basic JS DOM interaction HTML amp CSS knowledge is enough to achieve this This task can be an interview question for you It s not that searching around different tutorials or stackoverflow or something else quickly It s the step by step process we can build to achieve this As we regularly follow first divide the big item into chunks Steps create a sample form with several fields with submit button I added name amp email fields create a table column headers to show upfront Which shows matching the labels of above form Enter values and perform interaction upon clicking on submit button Sample error message can be shown when user submits without values Here is the code Basically it is self explanatory lt html gt lt script gt function publishToTable const name document getElementById name value const email document getElementById email value const error document getElementById error error innerHTML name email Name amp Email both values are required if name amp amp email const tableElement document getElementById table const trElement document createElement tr const tbodyElement document createElement tbody const nameEle document createElement td const emailEle document createElement td nameEle innerHTML name emailEle innerHTML email trElement appendChild nameEle trElement appendChild emailEle tbodyElement appendChild trElement tableElement appendChild tbodyElement lt script gt lt body gt lt style gt div complete position fixed top left transform translate padding overflow auto div form height px label margin px display block font size px font family Trebuchet MS Lucida Sans Unicode Lucida Grande Lucida Sans input padding px span color red position fixed left transform translate button padding px margin top px left position fixed transform translate font family Trebuchet MS Lucida Sans Unicode Lucida Grande Lucida Sans div tables height px overflow auto table th td border px solid red border collapse collapse font size px font family Trebuchet MS Lucida Sans Unicode Lucida Grande Lucida Sans padding px th width lt style gt lt div class complete gt lt div class form gt lt label gt Name lt input id name type text gt lt label gt lt label gt Email lt input id email type text gt lt label gt lt span id error gt lt span gt lt button onclick publishToTable gt Submit lt button gt lt div gt lt div id tables gt lt table id table gt lt thead gt lt tr gt lt th gt Name lt th gt lt th gt Email lt th gt lt tr gt lt thead gt lt table gt lt div gt lt div gt lt body gt lt html gt I will explain what is happening under publishToTable capture name and email values You can add more form fields if you require Checking for non empty values and showing error in case if at least one value is empty using span Adding value to table only when both values are present Hence checking both values and then forming td elements Then creating table elements using javascript and assigning name and email to td Thatz all Here is the result Please let me know if you don t understand any piece Thanks Love to see your responseLike You reached here means I think I deserve a like Comment We can learn together Share Makes others also find this resource useful Subscribe Follow to stay up to date with my daily articles Encourage me You can buy me a Coffee Let s discuss further Just DM urstrulyvishwak Or mention urstrulyvishwak For further updates Follow urstrulyvishwak	2022-03-16 18:37:39
海外TECH	DEV Community	promises and async-await in JavaScript	https://dev.to/therajatg/promises-and-async-await-in-javascript-2ook	promises and async await in JavaScriptLet s see what MDN has to say A Promise is a proxy for a value not necessarily known when the promise is created It allows you to associate handlers with an asynchronous action s eventual success value or failure reason This lets asynchronous methods return values like synchronous methods instead of immediately returning the final value the asynchronous method returns a promise to supply the value at some point in the future A Promise can be in one of the following states pending initial state neither fulfilled nor rejected fulfilled meaning that the operation was completed successfully rejected meaning that the operation failed JavaScript is a synchronous and single threaded language It basically means that it does one task at a time The javascript code runs from top to bottom and if there is a code block that is doing some complex calculations then all the code below that block will not run until the code block above has finished executing To learn more about this read my blog here We use callbacks with setTimeout to make JavaScript behave Asynchronously Here s an example of how setTimeout makes JS async setTimeout gt console log Welcome to my blog Elon console log Result Welcome to my blog ElonAs you can see above that although the welcome statement is written first it is printed after the second statement Hence we just made the code asynchronous Now the problem with using callbacks is the Callback hell getA getB getC getA doX doY getB data gt doOne doTwo getC cData gt doEleven doTwelve We call it ️callback hell because the code is not easy to follow and soon becomes messy after adding a few more functions Here Promise comes into the picture Let s understand promises In real life the promise is mostly used when we need to get some data or response from the network promise in JS is the same as promise in real life I promise you that you ll understand promises after reading this blog Now things can happen promise is resolved You understood promises in JS promise is rejected I wasted your time you still did not understand promises Promise is pending you are still reading Syntax of promise callAPromise then successHandler catch rejectHandler First we call a promise If the promise is resolved then whatever is inside then will run However if the promise is rejected then whatever is inside catch will run Yaa It s that simple promises are really great when we wanna do something in the background for example downloading an image from a different server and meanwhile doing whatever we are doing instead of waiting for the image download to finish and if the image downloading fails we can catch it and give an error message to the user Now let us do some question based on the below promise function fakeFetch msg shouldReject return new Promise resolve reject gt setTimeout gt if shouldReject reject error from server msg resolve from server msg Note You don t have to write your own promise at this stage just understand it ️and do the questions given below in browser console as you read Question use the fakeFetch to get data and show on success fakeFetch I am awesome then response gt console log response catch response gt console log This won t run Result Promise  lt pending gt Prototype from server I am awesomeHere is what s happening then and catch are the methods of Promise When we don t pass the nd parameter in the fakeFetch the promise is resolved else it gets rejected As soon as we call fakeFetch I am awesome the I am awesome is passed to the msg parameter of fakeFetch However nothing will be passed to the shouldReject parameter of fakeFectch The fakeFetch will return a promise after seconds as we have set the delay of seconds Hence for the initial seconds the promise will be in the pending state but what do I mean when I say a promise will be returned I mean that since there is no shouldReject the promise will be resolved and from server msg will be passed as a parameter response inside the then method and then we can do whatever we want with this parameter response Here I just printed it in the console Question Call fakeFetch msg true to get a rejected promise Handle the error with the error handler Show a message using console error for errors fakeFetch I am awesome anything then response gt console log response catch response gt console error response Result In the nd question ️ the promise will be rejected as we have passed the value to the shouldReject parameter and hence the catch part will run As far as console error is concerned I used it instead of console log just to show the error in red Question Create a function getServerResponseLength msg This function will use fakeFetch internally with the message and return the length of the response received by the server function getServerResponseLength msg fakeFetch msg then response gt console log response length getServerResponseLength I am awesome Result As I told you before that we can do anything with the response we get from the server and here instead of printing the response we calculated its length Question Write a function syncCallsToServer msg msg which will take two messages and call fakeFetch with the second message only when the first message has returned from the server function syncCallsToServer msg msg fakeFetch msg then response gt fakeFetch msg then response gt console log response response syncCallsToServer I am awesome react is also awesome Result response from server I am awesome response from server react is also awesome Just read the above code again and you ll understand what s happening In case you don t read this gt This is nesting In the syncCallsToServer function we passed parameters msg and msg However in the fakeFetch we only passed msg and since there is no nd argument to pass inside shouldReject the promise will be resolved then we ll pass the msg in fakeFetch and then finally we ll print both the responses In the above code it will take seconds to get the result seconds for each fakeFetch call However we can also do the same thing in parallel and it will take only seconds to get both the results printed See below function syncCallsToServer msg msg fakeFetch msg then response gt console log response fakeFetch msg then response gt console log response syncCallsToServer I am awesome react is also awesome Result response from server I am awesome response from server react is also awesome The above responses will take only seconds parallel call Async Await Although this is just syntactic sugar and nothing else I recommend using this Let s see the syntax in terms of arrow function Doing this in es arrow function would beconst printDataFromServer async gt try const serverData await anyPromiseWhichWillReturnData console log serverData catch err console error err In arrow function async keyword is used before the While in normal functions it is used before the function keyword itself Let s see the async await syntax with normal function async function printDataFromServer const serverData await anyPromiseWhichWillReturnData console log serverData Note Always take care of error handling Now let s do some questions Question Call fakeFetch with some msg and use await to get the data and then print it const testing async msg gt try const serverData await fakeFetch msg console log serverData catch err console log err testing I am awesome Promise  lt pending gt from server I am awesomeIn the above code await is saying that until the promise fakeFetch is returned don t execute the next line rest I think you can understand Question Write a function syncCallsToServer msg msg which will take two messages and call fakeFetch with the second message only when the first message has returned from the server use async await for this purpose const testing async msg msg gt try const serverDataOne await fakeFetch msg const serverDataTwo await fakeFetch msg console log serverDataOne serverDataTwo catch err console log err testing I am awesome react is also awesome Promise  lt pending gt serverDataOne from server I am awesome serverDataTwo from server react is also awesome Although we can also do the above question without using try catch However I recommend you to always use try catch If you wanna read more about async await read it here If you have any doubt ask me in the comments section and I ll try to answer as soon as possible I write articles related to web development every single week Subscribe to my newsletter It s free here if you are learning the same Twitter therajatgPS show some love by giving a thumbs up Have an awesome day ahead Originally published at rajatgupta net	2022-03-16 18:36:34
海外TECH	DEV Community	Building an NFT Preview Card With KendoReact	https://dev.to/chineduimoh/building-an-nft-preview-card-with-kendoreact-1lf4	Building an NFT Preview Card With KendoReactKendo UI is a UI library built by Progress Telerik to develop user interfaces for small and enterprise level applications Kendo UI is available for the following JavaScript frameworks React Angular Vue and jQuery KendoReact is a React component library that makes designing and building powerful apps much faster It includes fantastic features that help build a fast and sleek user interface ensuring the UI has a modern feel and look to it KendoReact is also prepared to handle any new requirements easily which could create a perfect sync with your designer to avoid unnecessary iterations during the development cycle With that being said In this post I will demonstrate how to use the KendoReact library to build an NFT preview card for your React application PrerequisitesTo follow along with this tutorial you will need to have React v or newerA basic understanding of ReactA code editor React Project SetupThose who are already familiar with scaffolding a React app using npx can skip ahead but I will show how to get a React app off the ground for those who aren t All you just need to do is follow along and you will get the React app development server running on your local machine Enter the following command into your preferred CLI command line interface then run the following boilerplate command listed below provided by React to help us quickly set up a React project for development npx create react app NFT demo use npmcd my appnpm startAnd those who use Yarn can run the following commands yarn create react app NFT democd my appyarn startNow locate the NFT demo project s directory and open it in your code editor You can begin by striping down the codes in the App js file to look like this import App css function App return lt div classname app gt lt div gt export default App Now that we are done scaffolding our React application let s begin installing the dependencies for the application Dependency InstallationNext let s add the KendoReact packages we ll be using for this project I will use the KendoReact Default theme for this project but other options existーfor example the KendoReact Bootstrap and the KendoReact Material themes Note KendoReact is a commercial UI component library and as a part of this you will need to provide a license key when you use the components in your React projects You can snag a license key through a free trial or by owning a commercial license For more information you can head over to the KendoReact Licensing page Install the KendoReact Default theme by running the following command in the terminal npm install save progress kendo theme defaultNow that we ve installed the theme let s import the theme CSS file into the project Add the following code into the App js file import progress kendo theme default dist all css The imported file adds the theme style to our application Let s move on to installing the KendoReact layout module we will be using to develop the application Integrating Multiple KendoReact ComponentsKendoReact is a rich suite of many modular components As mentioned earlier in this demonstration we will use multiple components imported from KendoReact to build the NFT preview card Before we begin let s install and import the React Layout Library package and its dependencies npm install save progress kendo react layout progress kendo react progressbars progress kendo licensing progress kendo react intlI am sure by now you will have noticed the progress scope we ve used The KendoReact library provides many decoupled modules for different purposes they all scope to progress Progress is the parent company behind KendoReact ーthink of it as a global scope for the modules in KendoReact Now that all the modules we need are installed let s start developing the card The NFT Preview CardThe image below shows a finished copy of the project demo we will be building Let s start with importing the package into the project Add the following code to the top of the App js file import Card CardBody CardImage CardSubtitle from progress kendo react layout We imported the Card CardBody CardImage and CardSubtitle these are UI components available to the layout modules But this isn t all KendoReact offers KendoReact has more than components available in different npm packages all scoped to progress The App css file will contain all the aesthetic code Empty the file and add the following code padding margin box sizing border box The code above prevents the browser from adding automatic padding and margin and the box sizing deals with the possible padding issue we may incur Let s add this code into the return section of the App function located in our App js file return lt div style backgroundColor DAD height vh padding px px px px gt lt Card style backgroundColor E boxShadow px px px rgba width px borderRadius px gt lt div style margin px auto gt lt CardImage src process env PUBLIC URL image equilibrium jpg style width px height px backgroundColor rgba borderRadius px gt lt CardBody style padding margin px px gt lt p style color white fontWeight bold gt Equilibrum lt p gt lt p style color B width px fontWeight bold gt Our Equilibrum collection promotes balance and calm lt p gt lt p style color FF width px fontWeight bold gt ETH lt p gt lt CardBody gt lt CardSubtitle style borderTop px solid A paddingTop px gt lt p style position relative gt lt img src process env PUBLIC URL WhatsApp Image at AM jpeg alt style width px height px objectFit cover borderRadius px gt lt span style position absolute top px left px fontWeight bold color white gt lt span style color B gt Creation of lt span gt John Doe lt span gt lt p gt lt CardSubtitle gt lt div gt lt Card gt lt div gt Now that we have the code let s begin by examining each component to understand the code in depth First we passed CardBody CardImage and CardSubtitle as special props known as props children passed in as an array structure into the Card component Bypassing props children KendoReact can traverse every nested data and render them appropriately Let s analyze these card parts CardBody CardImage CardSubtitle lt CardImagesrc process env PUBLIC URL image equilibrium jpg style width px height px backgroundColor rgba borderRadius px gt As shown in the code and image above the CardImage component is where we inserted the link to the image file we used process env PUBLIC URL image equilibrium jpg to point to our public directory where we kept the image file We also passed the style props to help us customize the CardImage component to how we see fit which is one of the remarkable qualities of KendoReact lt CardBody style padding margin px px gt lt p style color white fontWeight bold gt Equilibrum lt p gt lt pstyle color B width px fontWeight bold gt Our Equilibrum collection promotes balance and calm lt p gt lt pstyle color FF width px fontWeight bold gt ETH lt p gt lt CardBody gt In the CardBody component we passed the data we wanted to display in p tag because we can pass any kind of tag we want in KendoReact components that are containers have other components or JSX composed in them lt CardSubtitlestyle borderTop px solid A paddingTop px gt lt p style position relative gt lt imgsrc process env PUBLIC URL WhatsApp Image at AM jpeg alt style width px height px objectFit cover borderRadius px gt lt spanstyle position absolute top px left px fontWeight bold color white gt lt span style color B gt Creation of lt span gt John Doe lt span gt lt p gt lt CardSubtitle gt Finally in the CardSubtitle component we passed both an IMG and a p tag because like we said earlier wrapper container components like CardBody and CardSubtitle can receive other components or JSX elements in them ConclusionIn the article we showed only one of the capabilities of KendoReact using the Card component which we used in defining our UI Still KendoReact has other components for Grid systems buttons animations etc And all this comes in place to help us quickly develop a full fledged application Please note that KendoReact has to be licensed before you can use your application for commercial purposes as it is not free for commercial purposes	2022-03-16 18:31:01
海外TECH	DEV Community	What are Modules in Angular?	https://dev.to/deepachaurasia1/what-are-modules-in-angular-aj4	What are Modules in Angular Angular doesn t scan automatically all your components and services You have to tell Angular what all component service directives you have or you are usingModules does that for you Every Angular app must have at least one module i e AppModule Modules are basically a place in angular where you group together your components directives services etc Here you can see appModule NgModule Angular analyzes ngModules to understand application and it s features You can t use a feature without including it in NgModule Imports Imports are important to import other modules into our module like FormsModule RoutingModule etc We cannot add every single feature from nodemodule so we import collectively a whole module which contain most of it Providers It defines all services we are providing in our angular app All the services declared in angular must be inside the providers of AppModule Or you have one other method if you don t wanna write in providersyou have to use Injectable providedIn root Bootstrap Bootstrap is important for starting your app It defines which component is available straight in your app i e app root at first You can include other components also that s why it s array But it is not likely to add other component other than AppComponent	2022-03-16 18:28:07
海外TECH	DEV Community	Tic Tac Toe 🎮 with HTML, CSS and JS - part 1	https://dev.to/jothinkumar/tic-tac-toe-with-html-css-and-js-part-1-4ja2	Tic Tac Toe with HTML CSS and JS part In this tutorial we will be creating a basic Tic Tac Toe game with HTML CSS and JavaScript Python version The webpage Let s go ahead and create a GUI for the game Step Create webpage and add some CSS index html lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt title gt Tic Tac Toe lt title gt lt link rel stylesheet href style css gt lt head gt lt body gt lt h gt Tic Tac Toe lt h gt lt div id play area gt lt button class square id square gt lt button gt lt button class square id square gt lt button gt lt button class square id square gt lt button gt lt br gt lt button class square id square gt lt button gt lt button class square id square gt lt button gt lt button class square id square gt lt button gt lt br gt lt button class square id square gt lt button gt lt button class square id square gt lt button gt lt button class square id square gt lt button gt lt div gt lt body gt lt html gt style cssbody position absolute text align center top left transform translate padding px box shadow black px h color red play area border black solid px overflow hidden square width em height em float left border black solid px background color white cursor pointer square hover background color orange color white Step Make the webpage functional with JavaScript script jslet currentChr X let XPoint let OPoint class XOSquare constructor x y buttonId this x x this y y this button document getElementById buttonId this button onclick gt this set buttonId set buttonId this button document getElementById buttonId if this button innerText this button innerText currentChr switchChr reset this button innerText function switchChr if currentChr X currentChr O else currentChr X function setup let squares let squareElements document getElementsByClassName square for let i i lt squareElements length i let square new XOSquare i Math floor i squareElements i id squares push square window onload setup Add this to index html under head tag lt script src script js gt lt script gt Detect win and draw Let s now implement a logic to detect win draw Step Implement logic to detect win We need to check after each move if X or O won the game There are possible ways in which one can win Tic Tac Toe Let s add some the JavaScript in script js to detect game win let currentChr X let XPoint let OPoint class XOSquare constructor x y buttonId this x x this y y this button document getElementById buttonId this button onclick gt this set buttonId set buttonId this button document getElementById buttonId if this button innerText this button innerText currentChr if currentChr X XPoint push this else OPoint push this switchChr checkWin reset this button innerText class winningPossibility constructor x y x y x y this x x this y y this x x this y y this x x this y y function checkWinningPossibility winningPossibility forChr let pSatisfied false let pSatisfied false let pSatisfied false if forChr X for let i i lt XPoint length i if XPoint i x winningPossibility x amp amp XPoint i y winningPossibility y pSatisfied true else if XPoint i x winningPossibility x amp amp XPoint i y winningPossibility y pSatisfied true else if XPoint i x winningPossibility x amp amp XPoint i y winningPossibility y pSatisfied true else for let i i lt OPoint length i if OPoint i x winningPossibility x amp amp OPoint i y winningPossibility y pSatisfied true else if OPoint i x winningPossibility x amp amp OPoint i y winningPossibility y pSatisfied true else if OPoint i x winningPossibility x amp amp OPoint i y winningPossibility y pSatisfied true return pSatisfied amp amp pSatisfied amp amp pSatisfied const winningPossibilities new winningPossibility new winningPossibility new winningPossibility new winningPossibility new winningPossibility new winningPossibility new winningPossibility new winningPossibility function checkWin for let i i lt winningPossibilities length i if checkWinningPossibility winningPossibilities i X console log X wins return if checkWinningPossibility winningPossibilities i O console log O wins return function setup let squares let squareElements document getElementsByClassName square for let i i lt squareElements length i let square new XOSquare i Math floor i squareElements i id squares push square When X or O wins the game console log is triggered Step Detect draw Append the following code to function checkWin in script jsif XPoint length OPoint length console log Draw EnhancementsStep Add a status label and use it instead of console logLet s make a few changes to script js function switchChr function switchChr const statusLabel document getElementById status if currentChr X currentChr O statusLabel innerText O s turn else currentChr X statusLabel innerText X s turn function checkWin function checkWin const statusLabel document getElementById status for let i i lt winningPossibilities length i if checkWinningPossibility winningPossibilities i X statusLabel innerText X wins disableGame if checkWinningPossibility winningPossibilities i O statusLabel innerText O wins disableGame if XPoint length OPoint length statusLabel innerText Draw disableGame Add this new element in index html under body tag lt p id status gt X s turn lt p gt Add the following to style css status color green Step Play againLet s add a play again button so that we don t need to refresh the webpage if we want to replay We need to create new functions in script js function playAgain function playAgain const buttons document getElementsByClassName square for let i i lt buttons length i buttons i disabled false buttons i innerText XPoint OPoint currentChr X const statusLabel document getElementById status statusLabel innerText X s turn const playAgainButton document getElementById play again playAgainButton style display none function disableGame function disableGame const buttons document getElementsByClassName square for let i i lt buttons length i buttons i disabled true const playAgainButton document getElementById play again playAgainButton style display block Add this element to index html under body tag lt button id play again onclick playAgain gt Play Again lt button gt Add this property to play area in style css margin bottom px Add some css for play again play again button in style css play again box shadow black px margin auto display none Step Theme switch A webpage won t be complete without a cool theme switch So let s add one Add the following JS code to script js let currentTheme light function switchTheme if currentTheme dark document querySelectorAll dark mode forEach function element element classList remove dark mode element classList add light mode currentTheme light else document querySelectorAll light mode forEach function element element classList remove light mode element classList add dark mode currentTheme dark Let s rewrite the CSS body light mode position absolute text align center top left transform translate padding px box shadow black px h light mode color red status light mode color green play area light mode border black solid px overflow hidden margin top px margin bottom px square light mode width em height em float left border black solid px background color white cursor pointer square light mode hover background color orange color white square clicked light mode background color red color white play again light mode box shadow black px margin auto display none body dark mode position absolute text align center top left transform translate padding px box shadow white px background black h dark mode color white status dark mode color blue play area dark mode border white solid px overflow hidden margin top px margin bottom px square dark mode width em height em float left border white solid px background color black color white cursor pointer square dark mode hover background color gray color white play again dark mode box shadow black px margin auto display none Let s change the body tag in index html lt body class light mode gt lt h class light mode gt Tic Tac Toe lt h gt lt p id status class light mode gt X s turn lt p gt lt button id theme switch onclick switchTheme class light mode gt Switch Theme lt button gt lt div id play area class light mode gt lt button class square light mode id square gt lt button gt lt button class square light mode id square gt lt button gt lt button class square light mode id square gt lt button gt lt br gt lt button class square light mode id square gt lt button gt lt button class square light mode id square gt lt button gt lt button class square light mode id square gt lt button gt lt br gt lt button class square light mode id square gt lt button gt lt button class square light mode id square gt lt button gt lt button class square light mode id square gt lt button gt lt div gt lt button id play again onclick playAgain class light mode gt Play Again lt button gt lt body gt Full code available at GitHub repository If you find this article useful drop a like and follow me to get all my latest content	2022-03-16 18:11:38
海外TECH	DEV Community	The Paradigm Shift of Business Models in the Data Space is Real	https://dev.to/kuwala_io/the-paradigm-shift-of-business-models-in-the-data-space-is-real-1m8n	The Paradigm Shift of Business Models in the Data Space is RealLast year we saw an explosion of startup investments in no code and low code data platforms as well as open source projects in the data space which primarily define the modern data stack It is time to dive a little deeper into the topic and understand the dynamics in those markets In this article I highlight the reasons for these booms and would like to draw attention to the problems of the markets to ultimately express the thesis ー Are the final days of the classic SaaS model in the data space counted The complexity of data projects years ago companies started to look at how to make better decisions for the business using the data they collect At that time I started my career as a data scientist and I heard for the first time that there was a shortage of data scientists and software developers Today in that picture has become even more dramatic The demand for data and engineering jobs is at twice the rate of the absolute supply Salaries for data talents exploded and data science was the “sexiest job in the world twice in a row And the demands for developers continue to grow new frameworks new apps and new ideas require complex solutions Two years ago in Rasa s office in Kreuzberg Berlin one of my favorite data bloggers told me that the “Data science fallout winter is coming What he meant was that companies were disappointed that data projects rarely end as a success From my observations this was due to several reasons It takes a long time for a manager to align with a data scientist and software engineer in a way that translates business goals into a data strategy and data project The feedback loops were taking too long Expectations were set too high and timelines were planned far too tightly A data project cannot be treated like a normal software project which is already fairly complex The data collection process and cleansing tied up a lot of the resources Then on a Venturebeat panel the often quoted figure was thrown into the room of data projects fail The symptom of the data science fallout winter was there The renaissance of open source led by the modern data stackWhile companies were a bit timid about investing in data science and business intelligence projects grandiose solutions were emerging among software developers GitHub was the place where big solutions were born A safe space for engineers with a vision On GitHub some of the hottest frameworks in the data space quietly emerged We are talking about Elastic Search database Airflow data pipelines dbt transformations Meltano data extracting and most recently Airbyte data extracting These tools are often summarized under the buzzword “modern data stack They run flexibly on a data warehouse like Snowflake the setup is relatively simple and the services can be combined to map the processing and analysis of data But why open source Why hasn t Microsoft or another tech giant owned and branded the modern data stack The answer is trivial and the realization has been world changing Data projects are the most complex task in software development Every data project is an edge case no matter if the business question might be the same Data from a wide variety of sources with varying data quality rushes into enterprises at an even wider variety of frequencies The data must be melted together and the methods of analysis and interpretation of the data are as diverse as fauna and flora Complex software can only be accomplished with many differently qualified developers So many developers that even a tech giant would not have been able to build the foundation for the modern data stack without neglecting the core business What did the modern data stack change for companies In the meantime on the business side more and more companies are adopting the modern data stack with a data warehouse in the center point of business intelligence BI I am very happy to follow this development since companies were able to work lean and agile with data But one problem remains Companies still have too few developers And in data projects managers and engineers still don t speak the same language The role of the business analyst got more and more relevant The mediator between both parties a BI Analyst that understands the fundamentals of data analysis and the objective of increasing the company s ROI but lacks the technical coding skills Startups emerged in with the promise of connecting data without coding skills creating analytics and moving companies forward in the digital transformation and data literacy The startups build on the open modern data stack and give it a user friendly wrapper Prominently they even advertise that the UI would replace dbt Airbyte Snowflake and Airflow However the truth is that all of these technologies run in the background of the software which is resold under their license The modern data stack that was developed to be freely available is now being sold to customers as a SaaS tool If you take the market cap of the closed SaaS solutions together and compare it on the time axis with the market cap of opens source solutions you can see how the market gains for SaaS are decreasing On the other hand a very steep growth can be seen for open source solutions Early open source companies like RedHat databricks or elastic are nowadays publicly traded companies OSS Capital puts it this way “Open source is eating software faster than software is eating the world Limited Scalability of SaaS in a fast changing world Each use case must be built by the internal development team of a SaaS company This means that the focus can only be on simple top use cases In SaaS Sales takes place via sales reps and conventional marketing Scalability is limited →High costs for sales and product developmentUncomfortable Lock In Effect of Customers No adaptability of the tool to the individual use case High lock in effect Training for new users required →The low cost benefit for the customer in the long runIn the end we see a frustrated customer who uses a tool because it was bought once but the results are not satisfying This issue can be well illustrated by the example of Airbyte vs Fivetran Fivetran started in the market years ago and helps software engineers to extract data from one source and load it into another data source e g a data warehouse Over time many new data sources evolved from SaaS tools such as advertiser tools Facebook CRM and reporting tools Today the number of SaaS tools exceeds and with Fivetran s closed approach it was only possible to maintain and connect of the data sources And this process alone is a heavy lifting task if you build it internally It is also very costly which is also reflected in the subscription prices As a result customers were increasingly frustrated paying a high price for limited usability Airbyte recognized this problem years ago Instead of relying on a closed approach Airbyte adopted an open source business model The Airbyte team makes it easy for developers to connect new data sources that are still missing Airbyte is free to use and easy to set up by an engineer who finds the repo on GitHub Thus the complexity of the tool continues to grow independently with each new use case and data connector built by the community Key capabilities for shift hand in hand with the different business models It is now about serving the contributors in the community making it easily accessible and building out the overarching roadmap Developing a convenient solution for enterprises that feels not like a ripoff The success proves Airbyte right within years Airbyte won customers while Fivetran stands at customers Of course Fivetran customers are all paying while Airbyte has a lower turnover but considering the long term development and renaissance of open source it is only a matter of time until enough customers pay for Airbyte The popularity the developer friendly features and the transparent subscription model is too convincing for that Picture Airbyte vs Fivetran The remaining problem with open sourceThe success story of Airbyte should not hide the problems of open source An average contributor works only months on an open source project before moving on to a new adventure All the pressure is on the main contributors and initiators of the project This problem became obvious with the Logj vulnerability in Many large companies including Apple Microsoft and Cloudfare were using the open source library When the vulnerability became known these companies turned to the Logj team to fix the problem as soon as possible We are talking about multi billion dollar companies here turning to a group of idealists some of whom only work on the libary in their spare time Understandably the situation feels thankless since most companies don t pay for tech support or even make it known to them beforehand that they were using the Logj libary to the initiators The call became louder for more transparency and a system of monetization and valuation of the work This is the biggest hurdle open source software has to overcome Contributors should feel appreciated and get something in return dollars are also not always the answers Systems should be developed that keep contributors longer on a project and value their work adequately What do we learn from this In summary we are currently experiencing a renaissance of open source software Traditional SaaS business models in the data space are difficult to implement because data projects are too complex to solve in a proprietary tool for customers I drew an example around no code data platforms that rely on SaaS business models in particular but build on open source without openly admitting it This can lead to a problem in terms of customer satisfaction That this is problematic is shown by the Logj case as well as the Airbyte Fivetran case study Closed SaaS tools are not only expensive to build but also do not address the complexity of customer problems Because closed tools rely heavily on open source libraries non transparent communication also creates major security vulnerabilities There is a certain frustration and tension on the side of open source contributors This holds opportunities to change something create completely new tools business models and software categories And this is into what Kuwala turned now an Open Source No Code Data Platform Give us a try on Github You have a different perspective Or would like to discuss it more in depth You can easily join our discussion on slack here Or just comment below	2022-03-16 18:08:34
海外TECH	DEV Community	Open Source Adventures: Episode 17: Universal Command Line Unpacker unall	https://dev.to/taw/open-source-adventures-episode-17-universal-command-line-unpacker-unall-1a16	Open Source Adventures Episode Universal Command Line Unpacker unallAnother small showcase unall is a command line tool I use a lot and I m truly baffled that nothing like that exists on any operating system command line or GUI or whatever Unall is an universal unpacker You download some archive you do unall whatever z and it unpacks it and if it worked correctly moves the original to trash It s available in my unix utilities repo and I think it s the most useful tool in the whole repo It sounds stupidly simple but there s really nothing like that Why All Other Unpacking Tools Are BadThe first problem is formats There s stupid number of them and it s very common for file extension to not correspond to the format for example jar is really a zip archive as far as unpacking is concerned as are million other extensions So step one of unpacking is figuring out the format There s also double packed formats like tar gz and tar bz which should be treated as if it was a single archiving A small additional concern with format detection is multipart archives like foo rar foo r foo r etc which unall tries to detect and skip but multipart archives are very rare these days so I can t say how good it even is Once we identified the format the next problem is remembering command line options for that format s unpacker which are of course all completely different Anyway there are tools which can handle tasks up to this point Now comes the hardest part where every other tool fails half the archives have everything in an extra directory so foo txt foo txt and foo txt etc half the archives have loose files like txt txt txtIf we unpack without wrapping with extra directory we ll end up with total mess from which it will be very hard to recover So we absolutely must wrap archives of the second kind of extra directory But doing it every time is also annoying as half the archives will be double wrapped now It would still be a better default as un double wrapping is at least relatively easy And if that wasn t enough often directory name is already used Like if you do unall backups z every archive might be wrapped in the same production db sql etc We don t want to mix them together or even worse ask user what to do unall handles all that correctly If archive contains one file or is already wrapped and that target doesn t conflict with any existing name it does direct unpacking Otherwise it finds most obvious name archive name without extension then etc and unpacks there And finally unall moves the original archive to trash with trash command that works appropriately on every operating system If there were any problems with specific archive it will not be moved to trash so even if you re unalling hundred archives and one in the middle has issues you ll know the one that remains is the problematic one And it then prints summary with any errors encountered It mostly matters if you re unpacking a lot of archives as unarchivers tend to be very verbose and otherwise you d miss errors from earlier achive due to all the text from later archives How to use unallIt couldn t be simpler unall archive zip unpack oneunall archive unpack any number of themunall k archive z unpack one don t move packaged file to trashunall d archive z force wrapping directoryThat s all I just works every time It s the simplest unarchiving things ever was CodeIt really isn t much code usr bin env rubyrequire fileutils require shellwords require optimist class UnarchiveFile Formats rar gt w rar cbr z gt w z zip cbz jar civmod tgz gt w tgz tar gz gem tbz gt w tbz tar bz tar gt w tar txz gt w tar xz single file gt w gz bz xz def formats formats Formats map fmt exts exts map ext fmt ext flatten end def initialize path force separate dir path File expand path path force separate dir force separate dir end def mime type file b mime type path shellescape chomp end def basename File basename path end def call return Looking like multipart skipping if path part i fmt ext detect format or return Not supported fmt ext fmt ext if needs directory fmt dnx create directory basename ext size Dir chdir dnx send unpack fmt OK FAIL else send unpack fmt OK FAIL end end def create directory dn counter dnx dn while File exist dnx dnx dn counter counter end FileUtils mkdir p dnx return dnx end def needs directory fmt return true if force separate dir prefixes send files fmt map f f sub uniq select f f return true if prefixes size gt return true if File exist prefixes false end def detect format formats each do fmt ext if basename downcase ext size ext return fmt ext end end if mime type application zip return z File extname path end return nil end def files rar unrar vb path shellescape split n end def files z First is archive name za l slt path shellescape scan Path flatten end def files tgz tar tzf path shellescape split n end def files tbz tar tjf path shellescape split n end def files tar tar tf path shellescape split n end def files txz tar tf path shellescape split n end def files single file File basename path File extname path end def unpack rar system unrar x path end def unpack z system za x path end def unpack tgz system tar xzf path end def unpack tbz system tar xjf path end def unpack txz system tar xf path end def unpack tar system tar xf path end def unpack single file system za x path endendclass UnarchiveCommand def initialize opts Optimist options do opt keep Keep original archive even if unpacking was successful opt dir Force unpacking into new directory even when all files are in one directory already end if ARGV empty STDERR puts Usage n keep dir archive zip archive rar archivez exit end paths ARGV end def call statuses Hash new ht k ht k paths each do path ua UnarchiveFile new path opts dir status ua call statuses status lt lt path end statuses each do status files puts status files join system trash files if status OK and not opts keep end endendUnarchiveCommand new call DependenciesYou need to install appropriate format handlers on OSX that would be at minimum brew install pzip to handle the most common ones You ll also need gem install optimist Other than that it s just one file you can get from my unix utilities repo IssuesThe most common problem I have is on Windows with cygwin as format handlers it uses tend to not set x bit so packaged Windows programs won t run without chmod R xing them so arguably unall could handle that automatically as well But I don t think many people even use cygwin anymore Should you use unall I have no idea how people handle not having unall Like who has time for doing all this manually Coming nextThat s enough showcasing for now over the next few episodes we ll take a look at a few interesting technologies that didn t quiteu fit in my previous two series	2022-03-16 18:05:32
海外TECH	DEV Community	What are Heading Tags?	https://dev.to/worldofdev/what-are-heading-tags-3d9k	What are Heading Tags One of the first tags you will learn in HTML is the heading tag which is why we also included it in our list of  HTML tags every beginner should know Heading tags range from  lt h gt   Heading to  lt h gt   Heading  As a beginner at coding I was pleasantly surprised when I came across the heading tags as they were so simple to understand and implement in my code The rest of this article will detail what heading tags are when to use them and what they do exactly Heading tags are HTML tags that represent your page s headings Headings help the user and browser understand the importance of the content below the heading and what the content will be about A  lt h gt  tells the browser that heading is more important than a  lt h gt Table Of ContentsWhat are heading tags used for in HTMLHow many types of headings can be written in HTMLWhich is the largest heading tagWhich is the smallest heading tagAttributes to use with heading tagsWhat are the benefits of using heading tagsHeading tags code exampleConclusion What are heading tags used for in HTMLIf you have seen how heading tags are rendered in the browser you may be asking “Why should I use heading tags when I can just change the weight and size of the font “ By adding heading tags rather than simply changing the font weight or size you tell the browser more about the importance of the heading and its subsequent content than merely making a formatting change You can change the formatting of a heading tag to look how you would like it to in weight colour size and more through CSS Although headings with different tags render differently in the browser heading tags have very little to do with formatting HTML headings are also used to benefit end users End users frequently scan a page based on the headings so organising content according to its importance and allocating the appropriate header can be very helpful Lastly but by no means least are search engines like Google Search engines like Google utilise headings to index the structure and content of web pages Using your heading tags appropriately makes it easier for the Google search engine to rank your web page How many types of headings can be written in HTMLAccording to the official HTML documentation  different levels of headings exist These different levels are represented by tags from lt h gt to lt h gt Which is the largest heading tagThe  lt h gt  heading tags is the tag that will render the largest text assuming no styling and will be given the highest level of importance   lt h gt  tags are normally closely associated keywords in SEO where the goal is to insert your keyword into a  lt h gt  to tell search engines that your content relates to the specific keyword Learn more about heading tags and what the benefits are of using heading tas by Clicking Here	2022-03-16 18:02:17
海外TECH	DEV Community	INTRODUCTION TO HTML	https://dev.to/ali_neema/introduction-to-html-55k5	INTRODUCTION TO HTMLHTML stands for Hyper Text Markup Language and it is used for creating web pages Let s dive in directly to a simple HTML code lt DOCTYPE html gt lt html gt lt head gt lt title gt First Program lt title gt lt head gt lt body gt lt h gt My First Heading lt h gt lt p gt My first HTML paragraph lt p gt lt body gt lt html gt You can write the above code on a simple text editor or on Notepad Text editors you can code on include Sublime Text Editor and VS code TagsReferring to the above code lt DOCTYPE html gt Describes the type of document above in our case it is an HTML type of document lt html gt lt html gt Describes the beginning and the end of an HTML document lt head gt lt head gt Contains the information about the HTML page lt title gt lt title gt Contains the title to our web page and is located at the browser s page tab lt body gt lt body gt This is where all the contents about the web page are put	2022-03-16 18:02:13
海外TECH	DEV Community	Rémø	https://dev.to/remobadr/remo-4hf4	rémøyet	2022-03-16 18:01:45
Apple	AppleInsider - Frontpage News	Ethical hackers prove having a Mac doesn't make you immune to cyberattacks	https://appleinsider.com/articles/22/03/16/ethical-hackers-prove-having-a-mac-doesnt-make-you-immune-to-cyberattacks?utm_medium=rss	Ethical hackers prove having a Mac doesn x t make you immune to cyberattacksA pair of security researchers have successfully hacked a Mac belonging to billionaire film producer Jeffrey Katzenberg ーproving that owning a macOS device isn t an automatic defense against cyber threats MacBook ProRachel Tobac a social engineer and CEO of SocialProof Security successfully carried out the attack on the unspecified macOS device According to Tobac the attack was a demonstration for identify theft protection firm Aura ーa company that Katzenberg invests in Read more	2022-03-16 18:20:33
海外TECH	Engadget	Netflix wants to charge you more for moochers on your account	https://www.engadget.com/netflix-test-fee-outside-household-accounts-184722431.html?src=rss	Netflix wants to charge you more for moochers on your accountNetflix is finally gearing up to do something about unauthorized account sharing After testing a notification last year that pushed people to stop mooching and get their own Netflix accounts the company has announced another test in Chile Costa Rica and Peru that will let subscribers pay extra to share their account with people outside of their home According to Variety subscribers will be able to add up to two quot sub members quot for each in Costa Rica Those users will get their own Netflix logins recommendations and profile nbsp Additionally Netflix will also let subscribers in those countries transfer individual profiles to completely separate accounts That ll make it easy for moochers to keep their queue and recommendations intact The company isn t committing to these features globally yet but if it works out in those countries don t be surprised if it starts nagging your parents to pay extra for your account quot We ve always made it easy for people who live together to share their Netflix account with features like separate profiles and multiple streams in our Standard and Premium plans quot Chengyi Long director of Netflix Product Innovation said in a blog post quot While these have been hugely popular they have also created some confusion about when and how Netflix can be shared As a result accounts are being shared between households impacting our ability to invest in great new TV and films for our members quot If anything it s surprising it s taken Netflix this long to do something about account sharing The practice is explicitly forbidden in the company s Terms of Service but it s something many people do anyway And really grandma doesn t need her own account just to watch her stories After raising its prices in North America earlier this year it wouldn t be too shocking to see the company push for additional fees	2022-03-16 18:47:22
海外TECH	Engadget	NASA's James Webb Space Telescope passes key optics tests	https://www.engadget.com/james-webb-space-telescope-optics-test-182917850.html?src=rss	NASA x s James Webb Space Telescope passes key optics testsAstronomers can breathe a little easier NASA has confirmed the James Webb Space Telescope has passed checks and tests verifying its optical performance following a quot fine phasing quot alignment on March th There also aren t any critical problems or detectable blockages Optical systems are performing quot at or above expectations quot NASA said The fine phasing corrected alignment errors by using optical elements inside the James Webb Space Telescope s NIRCam science instrument The mission team gauged the performance by aligning and focusing the telescope on a star The technology is very sensitive ーas you can see above Webb captured galaxies and stars in the background despite the very bright star in the middle NASA expects to finish aligning the observatory across all instruments by early May or sooner After that the team will spend two months prepping the instruments for capturing and sharing the first practical images and data in the summer The milestones show not just that Webb survived the mile journey to its observation point but that the telescope s novel segmented mirror design works as promised ーparticularly important given the billion price tag numerous delays and Hubble s mounting problems For the most part scientists can now concentrate on how they ll use Webb to study the early universe and other elusive aspects of the cosmos	2022-03-16 18:29:17
海外TECH	Engadget	Sam Barlow's Immortality trilogy hits Xbox and PC this summer	https://www.engadget.com/immortality-release-window-xbox-game-pass-180425379.html?src=rss	Sam Barlow x s Immortality trilogy hits Xbox and PC this summerImmortality the latest game from Her Story and Telling Lies creator Sam Barlow is set to hit Xbox Series consoles Game Pass and PC this summer Like its predecessors Immortality is shot in full motion video and uses interactive cinematic scenes as a main mechanic However unlike the previous games Immortality has a distinct horror vibe not just psychological thrill The game is broken into three parts each one a mysterious unreleased movie starring the actress Marissa Marcel Marcel disappeared after filming wrapped on these movies and players have to investigate the lost footage to figure out what happened to her The movies are Ambrosio Minsky and Two of Everything Barlow revealed the Immortality trilogy back in and released a teaser in June though details about the game have remained scarce Today s new trailer which debuted during the ID Xbox showcase on Twitch was the first real dive into the game ーand it looks delicious Barlow brought on three screenwriters to help with the Immortality script Allan Scott Queen s Gambit Amelia Gray Mr Robot and Barry Gifford Lost Highway It looks like the game will come to additional consoles down the line as Barlow said on Twitter quot Other platforms to be announced quot	2022-03-16 18:04:25
ニュース	@日本経済新聞 電子版	円売り加速、約6年ぶり安値　対ドルで一時119円台 https://t.co/zh19iQGax5	https://twitter.com/nikkei/statuses/1504163279857684480	対ドル	2022-03-16 18:30:46
ニュース	@日本経済新聞 電子版	米大統領「長く困難な戦いに」、ウクライナ追加軍事支援 https://t.co/PqFD1voLMr	https://twitter.com/nikkei/statuses/1504159993372717063	軍事支援	2022-03-16 18:17:43
ニュース	@日本経済新聞 電子版	米、2年ぶりにゼロ金利解除　0.25%利上げ22年は7回 https://t.co/GNUIftEjnV	https://twitter.com/nikkei/statuses/1504158217185628164	金利	2022-03-16 18:10:39
海外ニュース	Japan Times latest articles	Japan assesses damage after 7.3 magnitude quake strikes off east coast	https://www.japantimes.co.jp/news/2022/03/17/national/japan-earthquake-tohoku-march-16/	Japan assesses damage after magnitude quake strikes off east coastA magnitude earthquake struck the northeastern prefectures of Miyagi and Fukushima on Wednesday night registering an upper on Japan s intensity scale	2022-03-17 03:07:43
ニュース	BBC News - Home	Nazanin Zaghari-Ratcliffe and Anoosheh Ashoori on way home to UK	https://www.bbc.co.uk/news/uk-60756870?at_medium=RSS&at_campaign=KARANGA	Nazanin Zaghari Ratcliffe and Anoosheh Ashoori on way home to UKBritish Iranian nationals Nazanin Zaghari Ratcliffe and Anoosheh Ashoori are being flown back to their families after being released by Iran	2022-03-16 18:43:53
ニュース	BBC News - Home	Boris Johnson: Ukraine paying the price for West's failure over Putin	https://www.bbc.co.uk/news/uk-politics-60765668?at_medium=RSS&at_campaign=KARANGA	crimea	2022-03-16 18:03:56
ニュース	BBC News - Home	Earthquake: Japan hit by tremor prompting tsunami alert	https://www.bbc.co.uk/news/world-asia-60770100?at_medium=RSS&at_campaign=KARANGA	tokyo	2022-03-16 18:38:02
ニュース	BBC News - Home	Chicago Cubs owners confirm interest in buying Chelsea	https://www.bbc.co.uk/sport/football/60766823?at_medium=RSS&at_campaign=KARANGA	Chicago Cubs owners confirm interest in buying ChelseaThe Ricketts family who own the Chicago Cubs have confirm they are leading a group of investors which will make a bid for Chelsea by Friday s deadline	2022-03-16 18:25:14
ニュース	BBC News - Home	Nazanin Zaghari-Ratcliffe: Husband looks forward to 'new life'	https://www.bbc.co.uk/news/uk-60769658?at_medium=RSS&at_campaign=KARANGA	husband	2022-03-16 18:41:59
ニュース	BBC News - Home	Rashford denies making rude gesture to fans after Man Utd defeat to Atletico	https://www.bbc.co.uk/sport/football/60772043?at_medium=RSS&at_campaign=KARANGA	gesture	2022-03-16 18:46:44
ビジネス	ダイヤモンド・オンライン - 新着記事	税金が戻る「還付申告」は3月15日を過ぎても大丈夫！過去5年分まで申請OK - 老後のお金クライシス！　深田晶恵	https://diamond.jp/articles/-/299286		2022-03-17 03:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	中国株の急落、押し目買いは時期尚早 - WSJ PickUp	https://diamond.jp/articles/-/299282	wsjpickup	2022-03-17 03:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ロシアのウクライナ侵攻で転換した世界秩序、長期投資戦略「3つのポイント」 - マーケットフォーカス	https://diamond.jp/articles/-/299285	世界秩序	2022-03-17 03:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【社説】ウクライナ難民受け入れで相応の役割を - WSJ PickUp	https://diamond.jp/articles/-/299283	wsjpickup	2022-03-17 03:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	米国民の半数はバイデン大統領の再選出馬に懐疑的＝WSJ世論調査 - WSJ PickUp	https://diamond.jp/articles/-/299284	wsjpickupwsj	2022-03-17 03:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	日本の雇用制度の限界が低賃金とモチベーション低下を招いた - 2040年「仕事とキャリア」年表	https://diamond.jp/articles/-/298617	日本企業	2022-03-17 03:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	親子で就活を乗り越え内定を勝ち取るための3カ条、我究館の館長が伝授！ - 就活最前線	https://diamond.jp/articles/-/299212	館長	2022-03-17 03:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	人的資本経営のカギとなる “アルムナイ”の可能性と“辞め方改革” - HRオンライン	https://diamond.jp/articles/-/298256		2022-03-17 03:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	共通テスト「数学IIB」がセンター試験的発想では対処困難な理由【大学入試2022】 - 2020年代の教育	https://diamond.jp/articles/-/298026		2022-03-17 03:05:00
北海道	北海道新聞	米スタバＣＥＯが退任　コロナ禍からの改善にめど	https://www.hokkaido-np.co.jp/article/657804/	退任	2022-03-17 03:12:03
北海道	北海道新聞	国際司法裁、侵攻停止を命令　ロシアは審理欠席、実効性乏しく	https://www.hokkaido-np.co.jp/article/657813/	国際司法裁判所	2022-03-17 03:12:02
北海道	北海道新聞	世界フィギュア、チェンが欠場　五輪王者	https://www.hokkaido-np.co.jp/article/657816/	世界フィギュア	2022-03-17 03:10:06
北海道	北海道新聞	宮城と福島で震度６強　全国各地の主な震度	https://www.hokkaido-np.co.jp/article/657811/	全国各地	2022-03-17 03:09:12
北海道	北海道新聞	トリガー発動へ調整　自公国、ガソリン税引き下げ	https://www.hokkaido-np.co.jp/article/657790/	榛葉賀津也	2022-03-17 03:07:45
北海道	北海道新聞	数分続いた横揺れ　首都圏広く停電　信号消え、銀座は真っ暗に	https://www.hokkaido-np.co.jp/article/657812/	東京都内	2022-03-17 03:02:38