投稿時間:2022-01-09 19:23:38 RSSフィード2022-01-09 19:00 分まとめ(30件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Appleの整備済み商品情報 2022/1/9	https://taisy0.com/2022/01/09/150567.html	apple	2022-01-09 09:03:02
AWS	AWS - Webinar Channel	AWS ML short clips: unlock the potential of audio with Amazon Transcribe (Hebrew)	https://www.youtube.com/watch?v=g1im-zWT6vU	AWS ML short clips unlock the potential of audio with Amazon Transcribe Hebrew Amazon Transcribe is an automatic speech recognition service that makes it easy for developers to add speech to text capabilities to their applications Amazon Transcribe can be used to transcribe customer service calls to automate closed captioning and subtitling and to generate metadata for media assets to create a fully searchable archive You can also use Amazon Transcribe Medical to add medical speech to text capabilities to clinical documentation applications	2022-01-09 09:17:22
python	Pythonタグが付けられた新着投稿 - Qiita	Sympyのシンボルの取りうる値を定義するAssumptionsについて	https://qiita.com/nujust/items/3d8f9e2da97f9cb407ec	このような定義のことをSymPyではAssumptionsと呼んでいる。	2022-01-09 18:50:33
python	Pythonタグが付けられた新着投稿 - Qiita	Google ColaboratoryでopenCV顔検出によるフェイスルビ（ファイル参照とURLローダー両方に対応）	https://qiita.com/gudapys/items/1405846c6ed16c8c0d28	TARGETが空の場合はファイル参照が起動します。	2022-01-09 18:34:15
python	Pythonタグが付けられた新着投稿 - Qiita	【Django REST Framework】外部APIをAPIViewで取得する	https://qiita.com/kotarott/items/ed644b5d3094ba5695be	【DjangoRESTFramework】外部APIをAPIViewで取得するDjangoRESTFrameworkのAPIViewを使って外部APIを呼び出してみます。	2022-01-09 18:21:30
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScriptでPrimitive Type vs Reference Typeについて調べよう	https://qiita.com/jeonyongseok/items/14c76cc1b9ef55361eb6	PrimitiveTypevsReferenceType例varlistメモリ住所eと仮定するvarlistメモリ住所dと仮定するvarisSamelistlistedconsolelogisSamefalselist、listの中の要素は同じだが、配列を新しく作り変えて変数に埋めているため、それぞれ新しいメモリ住所を作って保存し、その住所を参照して変数に該当する住所の値を保存するのと同じである。	2022-01-09 18:32:47
js	JavaScriptタグが付けられた新着投稿 - Qiita	【React】ToDoリストを作ってみた	https://qiita.com/hiroto_husqy/items/c419d0aafd1fd1071875	nodemodulessrcAppjsxindexjspackagelockjsonpackagejson今回いじるのはAppjsxのみですその他のディレクトリについては学習中です、、、JSXについてjsxというJacaScriptの拡張を使ってReactの要素を生成できるので、ReactDocsの通りjsxを使って書いていきたいと思います。	2022-01-09 18:28:56
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【徳丸本】OWASP ZAPが管理者権限でしか実行できず、設定も保存されない	https://teratail.com/questions/377329?rss=all	【徳丸本】OWASPZAPが管理者権限でしか実行できず、設定も保存されない前提・実現したいことOWASPnbspZAPを管理者権限じゃなくても実行したい設定が保存されるようにしたいbeaedadbefcefdpng発生している問題・エラーメッセージOWASPZAPが管理者権限でしか実行できず、設定も保存されない該当のソースコードヘルプメニューから、SupportnbspInfoを選んで、表示される内容はこちらになります。	2022-01-09 18:57:47
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【GAS】変数i とブロックの関係	https://teratail.com/questions/377328?rss=all	【GAS】変数iとブロックの関係前提・実現したいことスプレッドシートのF列に「」のフラグありのイベントIDの予定に対し、下記のつの処理をさせたいです。	2022-01-09 18:56:40
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	GASでGmailから取得した文字列を分割してLINEに転送したい	https://teratail.com/questions/377327?rss=all	GASでGmailから取得した文字列を分割してLINEに転送したい前提・実現したいことプログラミング初学者です。	2022-01-09 18:42:08
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【GAS / Google Apps Script】AとBが同じならAの内容をコピーしたい	https://teratail.com/questions/377326?rss=all	【GASGoogleAppsScript】AとBが同じならAの内容をコピーしたい前提・実現したいこと【keyColour】と【targetColours】が同じなら【keyColour】の内容をコピーして貼り付ける上記の内容を実現したいのですが、値は同じになりますが背景色が同じになりません。	2022-01-09 18:21:40
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Django form 半角全角スペースのみ 無効	https://teratail.com/questions/377325?rss=all	django	2022-01-09 18:17:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	NoMethodError in Posts#editの解決策	https://teratail.com/questions/377324?rss=all	NoMethodErrorinPostseditの解決策投稿サイトの編集機能のボタンを押したらこのようなエラーが出ました。	2022-01-09 18:13:12
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	C++でファイルをutf-8で読み込みたい	https://teratail.com/questions/377323?rss=all	Cでファイルをutfで読み込みたいutfのファイルを読み込みたいターミナルでできるタイピングゲームを作成しているのですが、コンテンツのファイルの読み込みで文字化けしてしまいました。	2022-01-09 18:12:36
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Jupyter notebookに拡張機能を導入したい	https://teratail.com/questions/377322?rss=all	Jupyternotebookに拡張機能を導入したいJupyternbspnotebookに拡張機能を導入したいができない。	2022-01-09 18:00:24
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Ubuntu + lighttpd + Let's Encrypt 構成で laravel を動かす	https://qiita.com/curupo/items/f58bd41eee9376244ad4	UbuntulighttpdLetxsEncrypt構成でlaravelを動かす以下の構成での構築記事がなかったので作成しました。	2022-01-09 18:50:35
Git	Gitタグが付けられた新着投稿 - Qiita	最小コードで変化が分かるGithub Actions	https://qiita.com/nomurasan/items/2e4fc7b1071adc6c8de4	最小コードで変化が分かるGithubActionsタイトルの比較対象は私の知る範囲ですいろいろなページを斜め読みしてたんですが、結局よくわからなかったので、forkして設定すれば動くようなものを目指しました。	2022-01-09 18:35:00
Ruby	Railsタグが付けられた新着投稿 - Qiita	Railsのデザインパターン QueryObjectの作り方	https://qiita.com/tomoronn3/items/66f55e99b55f478d8cc1	QueryオブジェクトをRelationに対し結合や絞り込み、ソートなどの操作を定義し、Relationを返すクラスとして定義し、モデルのscopeとして利用することで、メソッドチェーンが利用できるようになります。	2022-01-09 18:53:17
海外TECH	DEV Community	Junior developers mistakes (Part 1)	https://dev.to/alex1998dmit/junior-developers-mistakes-part-1-1gad	Junior developers mistakes Part IntroductionHi in this article I will try to consider the most common mistakes novice developers make Some of them might apply to more experienced developers as well This article is my opinion a lot can cause controversy and discussion I will be glad to know your opinion Mistakes I don t need computer scienceProbably the most controversial point Most likely as a novice developer or developer of simple forms and applications you do not need it I know many middle developers who are satisfied with their level and knowledge for such people programming is a job that is enough for them at work Therefore if you decide that you are something big for programming or you have more professional ambitions you should not dismiss such people you are no better and no worse than them you are just different But if you want to grow there is nowhere without basic knowledge of computer science Lack of this knowledge is an uncertainty that you as a senior developer cannot afford And it is better to prepare for such tests in advance Using too many librariesUse only proven and popular libraries stars and issues on github when was the last commit how many downloads per week Not every task requires a libraryThe more untested and incomprehensible libraries there are the higher the level of uncertainty Not using libraries at all DThe rules are the same as in the paragraph above As a rule a beginner will not write a solution better than in a popular library I know everythingIf it seems to you that you have achieved everything and are not mistaken read about the Dunning Kruger Effect Try to understand your area deeper if it s a WEB then study the architecture of WEB applications how the browser works the TCP IP protocol for general development try to study the most popular design patterns and then try to adapt them to your environment You can also upgrade well in algorithms and structures Bad questionsAsking the right questions is half the solution As a novice developer what do you do when you can t solve a problem As a rule the algorithm is always the following If you are satisfied with the current level of tasks and responsibility and your knowledge and skills are enough for this then you can skip this point As you can see the correct algorithm is in the middle This means that the other two approaches do not work They work but they create uncertainty in your decision And uncertainty is fraught with errors and bugs that will be very difficult for you to catch How do I know if I m asking a good question You ask a question for solve one problemYou understand the context of the problem most likely you are faced with a limitation or do not know a specific simple algorithmYou can tell what you did and at what stage something went wrongFor example you need to find the hundredth Fibonacci numberBAD QUESTION How to find the hundredth Fibanacci number very abstract question I found a solution but don t understand it Can you help me you haven t learned the context and you can t tell how programm works GOOD QUESTION I wrote a solution I have a performance problem at the th step maybe it s a recursive approach can you tell me how to improve performance Great question you are in context you have one problem that you do not know to solve yet Be a professionalA banal point about soft skills Not everyone around you is developers try to explain yourself clearly to everyoneDon t defend a bad decision just because it s yoursTry to give a correct estimate of the timing take twice as much as you plannedArgument your position not with phrases I like it so much I dislike your approach etc Try to provide examples of patterns and approaches that confirm the correctness of your position Don t be late for appointmentsPair programming is cool don t be afraid to write with senior developers ConclusionThank you for reading this article I hope it helps you I have not listed all the points and of course there will be a continuation if the article will be popular	2022-01-09 09:39:26
海外TECH	DEV Community	React JS Top 10 Important Questions in this time 2022	https://dev.to/deepakjaiswal/react-js-top-10-important-questions-in-this-time-2022-2pdn	React JS Top Important Questions in this time many beginners of react developer does not know the answer of this type of Question So we try to make some question or answer to help someone to explore it What is React React is an open source frontend JavaScript library which is used for building user interfaces especially for single page applications It is used for handling view layer for web and mobile apps React was created by Jordan Walke a software engineer working for Facebook React was first deployed on Facebook s News Feed in and on Instagram in What are the major features of React The major features of React are It uses VirtualDOM instead of RealDOM considering that RealDOM manipulations are expensive Supports server side rendering Follows Unidirectional data flow or data binding Uses reusable composable UI components to develop the view What is state in React State of a component is an object that holds some information that may change over the lifetime of the component We should always try to make our state as simple as possible and minimize the number of stateful components Let s create a user component with message state class User extends React Component constructor props super props this state message Welcome to React world render return lt div gt lt h gt this state message lt h gt lt div gt Why should we not update the state directly If you try to update the state directly then it won t re render the component Wrongthis state message Hello world Instead use setState method It schedules an update to a component s state object When state changes the component responds by re rendering Correctthis setState message Hello World Note You can directly assign to the state object either in constructor or using latest javascript s class field declaration syntax What are synthetic events in React SyntheticEvent is a cross browser wrapper around the browser s native event It s API is same as the browser s native event including stopPropagation and preventDefault except the events work identically across all browsers What are the different phases of component lifecycle The component lifecycle has three distinct lifecycle phases i Mounting The component is ready to mount in the browser DOM This phase covers initialization from constructor getDerivedStateFromProps render and componentDidMount lifecycle methods ii Updating In this phase the component gets updated in two ways sending the new props and updating the state either from setState or forceUpdate This phase covers getDerivedStateFromProps shouldComponentUpdate render getSnapshotBeforeUpdate and componentDidUpdate lifecycle methods iii Unmounting In this last phase the component is not needed and gets unmounted from the browser DOM This phase includes componentWillUnmount lifecycle method It s worth mentioning that React internally has a concept of phases when applying changes to the DOM They are separated as followsiv Render The component will render without any side effects This applies for Pure components and in this phase React can pause abort or restart the render v Pre commit Before the component actually applies the changes to the DOM there is a moment that allows React to read from the DOM through the getSnapshotBeforeUpdate vi Commit React works with the DOM and executes the final lifecycles respectively componentDidMount for mounting componentDidUpdate for updating and componentWillUnmount for unmounting What are Higher Order Components A higher order component HOC is a function that takes a component and returns a new component Basically it s a pattern that is derived from React s compositional nature We call them pure components because they can accept any dynamically provided child component but they won t modify or copy any behavior from their input components const EnhancedComponent higherOrderComponent WrappedComponent HOC can be used for many use cases i Code reuse logic and bootstrap abstraction ii Render hijacking iii State abstraction and manipulation iv Props manipulation What is context Context provides a way to pass data through the component tree without having to pass props down manually at every level For example authenticated user locale preference UI theme need to be accessed in the application by many components const Provider Consumer React createContext defaultValue Why fragments are better than container divs Below are the list of reasons i Fragments are a bit faster and use less memory by not creating an extra DOM node This only has a real benefit on very large and deep trees ii Some CSS mechanisms like Flexbox and CSS Grid have a special parent child relationships and adding divs in the middle makes it hard to keep the desired layout iii The DOM Inspector is less cluttered How to apply validation on props in React When the application is running in development mode React will automatically check all props that we set on components to make sure they have correct type If the type is incorrect React will generate warning messages in the console It s disabled in production mode due to performance impact The mandatory props are defined with isRequired The set of predefined prop types i PropTypes numberii PropTypes stringiii PropTypes arrayiv PropTypes objectv PropTypes funcvi PropTypes nodevii PropTypes elementviii PropTypes boolix PropTypes symbolx PropTypes anyWe can define propTypes for User component as below import React from react import PropTypes from prop types class User extends React Component static propTypes name PropTypes string isRequired age PropTypes number isRequired render return lt gt lt h gt Welcome this props name lt h gt lt h gt Age this props age lt h gt lt gt Note In React v PropTypes were moved from React PropTypes to prop types library The Equivalent Functional Componentimport React from react import PropTypes from prop types function User name age return lt gt lt h gt Welcome name lt h gt lt h gt Age age lt h gt lt gt User propTypes name PropTypes string isRequired age PropTypes number isRequired	2022-01-09 09:24:18
海外TECH	DEV Community	Create react components at the speed of light	https://dev.to/ivanms1/create-react-components-at-the-speed-of-light-26l4	Create react components at the speed of lightSo you are working in your React app and it comes the time to create a new component you already have your ritual down Go to the components folder create an index file create another file for styles and finally one more for testing because you are cool After all of this you still have to connect these files and write enough code to make them run You do this every time every time I am assuming a lot but if this is actually you I have good news What if I told you there is way to automate this boring and tedious process Trust me these next minutes are going to change your life Let me introduce you to plop js What is Plop js In their own words it s a tool that saves you time and helps you build new files with consistency How does it work It s easier than you think otherwise I wouldn t be writing about it lol You create file templates and configure a very simple cli Let s startFirst let s clone this simple react app it has nothing but just a basic react setup git clone git github com ivanms parcel template gitAnd navigate to itcd parcel templateNow let s install plop on the terminal type yarn add plop ornpm install plop The GeneratorNext on the root folder create a file called plopfile js and add the following content inside module exports function plop plop setGenerator component description Create a component prompts type input name name message What is this component s name type input name element message HTML element div is default default div actions type add path src components pascalCase name pascalCase name tsx templateFile templates Component tsx hbs We are basically configuring a cli to generate our files plop setGenerator creates a generator the first argument is the name of this generator and the second one is an object with some options where we can configure what to generate Let s analyze the ones we will be using for this guide descriptionPretty self explanatory a description of your generator for example Generator of react components promptsSeries of steps questions or instructions we give to the user in order to obtain certain information Plop stores these in variables to use later in the template files In our case we are using input type prompts to getThe component s name The component s html tag div button a etc it defaults to div message is text the user will see and has to interact with generally a question or an instruction actionsAfter we ve gather all the information need we then proceed to the actions represented in an array In our case we only have one action that creates a file Let s go a bit into more details with the actions since it s where things actually happen The add action type creates a file path is simply the file path where the file is going to be created The template is sort of skeleton that will be used to create the file Plop uses handlebars a templating language that generates HTML and other text formats You might have noticed that we haven t created our template file and yeah we need to do that Creating our first templateOn the root folder create a folder called templates and add a file named Component tsx hbs with the following content import React from react interface pascalCase name Props const pascalCase name gt return lt div gt pascalCase name lt div gt export default pascalCase name As you could probably tell we are creating a react typescript file in handlebars the variables are inside double brackets pascalCase converts the name variable that we get from the prompts to pascal case So anywhere you see pascalCase name it will be replaced with the component s name So although this is cool so far we are only creating a new file with some pre written react code There are snippet extensions that could do almost the same thing Let s make this a bit more complete by also adding a style file Adding a style fileI am gonna be using stitches a css in js library similar to styled components but with near zero runtime but feel free to use whatever you want Let s install the library first on the terminal run yarn add stitches react ornpm install stitches reactSince we now want to create a style file as well we need to add another action to our generator Update plopfile js with the following actions type add path src components pascalCase name pascalCase name tsx templateFile templates Component tsx hbs new action here type add path src components pascalCase name styles ts templateFile templates styles ts hbs Pretty similar to the first action now we need to add a new template Inside the templates folder create a file called styles ts hbs and add the following content import styled from stitches react export const Styled pascalCase name styled element Just your basic css in js file we create a styled component and export it Component tsx hbs needs to be updated so it imports and uses the new styled component we made Now it should look like this import React from react import Styled pascalCase name from styles interface pascalCase name Props const pascalCase name pascalCase name Props gt return lt Styled pascalCase name gt pascalCase name lt Styled pascalCase name gt export default pascalCase name Now we are talking plop is saving us some considerable time generating not one but two files The final step to see this in action is to add the following script to the package json scripts rest of scripts add this at the end generate plop We are finally ready sit down relax and enjoy the show On the terminal typeyarn generate ornpm run generateNow let s create a Button component With a button tag of course If everything went wellLet s check the components folder import React from react import StyledButton from styles interface ButtonProps const Button ButtonProps gt return lt StyledButton gt Button lt StyledButton gt export default Button The styles file is there as well import styled from stitches react export const StyledButton styled button Pretty cool eh Ok maybe is not that cool but hopefully by now you ve realized the potential this has I ve kept this simple and only created two files but you can keep playing with it and add as many generators and actions as you want All people teams are different and you can tweak plop to whatever convention style you may have You can even update existing files if for example you like having an index file for all your components You can create generators for hooks pages helpers etc the sky is the limit I hope you liked this guide and let me know if you made any cool generators at ivanmsThank you for taking the time to read this article if you enjoyed it please like to support and follow for more	2022-01-09 09:07:35
ニュース	BBC News - Home	Covid-19: Cutting self-isolation to five days would be helpful says Nadhim Zahawi	https://www.bbc.co.uk/news/uk-59925702?at_medium=RSS&at_campaign=KARANGA	pressures	2022-01-09 09:47:34
ニュース	BBC News - Home	No fans at Six Nations may cost Cardiff millions	https://www.bbc.co.uk/news/uk-wales-59897028?at_medium=RSS&at_campaign=KARANGA	businesses	2022-01-09 09:20:24
ニュース	BBC News - Home	The Ashes: England hold on for draw to deny Australia clean sweep	https://www.bbc.co.uk/sport/av/cricket/59926940?at_medium=RSS&at_campaign=KARANGA	sweep	2022-01-09 09:04:31
ニュース	BBC News - Home	Barty beats Rybakina to win Adelaide title	https://www.bbc.co.uk/sport/tennis/59926846?at_medium=RSS&at_campaign=KARANGA	Barty beats Rybakina to win Adelaide titleWorld number one Ashleigh Barty continues her impressive form before the Australian Open with a straight set win against Elena Rybakina in the Adelaide International final	2022-01-09 09:21:30
ビジネス	不景気.com	週刊不景気ニュース1/9、倒産の話題が続く - 不景気.com	https://www.fukeiki.com/2022/01/week-report-220109.html	週刊	2022-01-09 09:06:04
北海道	北海道新聞	相次ぐ電車内事件に触発か　焼き肉店立てこもり容疑者	https://www.hokkaido-np.co.jp/article/631597/	現行犯逮捕	2022-01-09 18:17:00
北海道	北海道新聞	昨年の道内１１０番件数、２年連続の低水準　コロナの外出自粛が影響か	https://www.hokkaido-np.co.jp/article/631595/	道警	2022-01-09 18:14:25
北海道	北海道新聞	２３歳小林千佳が北京五輪確実に　ノルディックスキー距離	https://www.hokkaido-np.co.jp/article/631594/	北京五輪	2022-01-09 18:05:00
北海道	北海道新聞	警視庁が逮捕容疑を監禁に訂正　焼き肉店立てこもり事件	https://www.hokkaido-np.co.jp/article/631593/	東京都渋谷区代々木	2022-01-09 18:01:00