投稿時間:2021-12-29 21:22:24 RSSフィード2021-12-29 21:00 分まとめ(25件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	NumpyでLoGフィルター	https://qiita.com/aa_debdeb/items/b8a2bb0a12b17c99d095	LoGフィルターとは名前の通りガウス関数のラプラシアン二次微分で、以下の式で表されます。	2021-12-29 20:51:10
python	Pythonタグが付けられた新着投稿 - Qiita	ROSでの通信遅延時間検証　その②	https://qiita.com/moominparis/items/d8ae72d171e90e5a4afe	今回、送信側はHzで送っているので、secのラインに赤の点線をプロットしています。	2021-12-29 20:39:36
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Linuxで使えるおすすめのGitHubのGUIツールを教えてください	https://teratail.com/questions/376001?rss=all	Linuxで使えるおすすめのGitHubのGUIツールを教えてください質問内容最近Unityの学習をはじめ、UnityとGitHubを連携させようと考えているのですが、CUIだけでの利用は大変なのでGUIツールをインストールしようと考えています。	2021-12-29 20:58:50
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	GAEのガイド「Firebaseを追加する」の設定がわかりません	https://teratail.com/questions/376000?rss=all	GAEのガイド「Firebaseを追加する」の設定がわかりません求GAEのガイド「Firebaseを追加する」を実行したことある方上記URLの指示通りにindexhtmlを編集してみたのですがうまく動作しませんでした。	2021-12-29 20:53:47
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	CloudFormationでのLambda構築エラー	https://teratail.com/questions/375999?rss=all	CloudFormationでのLambda構築エラーCloudFormationでのLambda構築についてスタック作成中に以下のエラーで構築に失敗します。	2021-12-29 20:35:12
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	dice変数について	https://teratail.com/questions/375998?rss=all	整数	2021-12-29 20:24:07
Ruby	Rubyタグが付けられた新着投稿 - Qiita	GitHub Pages の Jekyll 自動ビルドで使えるプラグインをまとめてみた	https://qiita.com/noraworld/items/f0da9ecb608476fe3a02	それと、jekyllnewして最初に適用されているのは、後述するminimaというデザインなので、これを使用する機会は、自ら選択しない限りはないだろう。	2021-12-29 20:33:54
AWS	AWSタグが付けられた新着投稿 - Qiita	Elastic Beanstalkの.platform/hooksと.platform/confighooksの違い	https://qiita.com/sokusekimen/items/f63999d06bdeca8c2471	ElasticBeanstalkのplatformhooksとplatformconfighooksの違いElasticBeanstalk以下EBのプラットフォームフックとしてplatformhooksとplatformconfighooksが用意されています。	2021-12-29 20:24:43
海外TECH	Ars Technica	Ars Technica’s top 10 cars, trucks, and SUVs of 2021	https://arstechnica.com/?p=1822039	technica	2021-12-29 11:55:38
海外TECH	DEV Community	Deneme	https://dev.to/mertkadir/deneme-42gn	denememy	2021-12-29 11:39:48
海外TECH	DEV Community	Animated and responsive SIGNUP page	https://dev.to/nehachoudhary19/animated-and-responsive-signup-page-4l39	Animated and responsive SIGNUP pageBasic signup pages seems to be boring For me too So that s why I designed a responsive animated signup page with a multi colored button using HTML and CSS But this would require some basic knowledge of HTML and CSS Here I ll explain the main concept along with blocks of the code snippets from which you could copy the code but for the complete code you would have to click the button at the end of the blog and download the code So let s get our hands dirty with code the animation couldn t be seen in an image you could just click on the link at the end of the blog and refer to the animated signup page on GitHub pages So basically as you could see in the above image that at the very first we are supposed to design a box and let us name it box form So in that box form we made two parts left and the right In the left part we are supposed to add a background image which will be added through CSS i e the stylesheet and then the text is written on the top of it So a different class named overlay is to be created using HTML and then the text and the social media buttons are added to it Let s have a look at this code snippet lt div class box form gt lt div class left gt lt div class overlay gt lt h gt Hey techie lt h gt lt p gt Lorem ipsum dolor sit amet consectetur adipiscing elit Curabitur et est sed felis aliquet sollicitudin lt p gt lt div class buttn gt lt a href class facebook gt lt i class fa fa facebook aria hidden true gt lt i gt Login with Facebook lt a gt lt a href gt lt i class fa fa twitter aria hidden true gt lt i gt Login with Twitter lt a gt lt div gt lt div gt lt div gt lt div gt In the same way if the right part of the box form is written then it would include the input types for email username and password along with the checkbox of remember me and a multicolored button with signup option So the code snippet for the same would be lt div class box form gt lt div class right gt lt h gt SIGNUP lt h gt lt p gt Already have an account lt a href gt Login lt a gt lt p gt lt div class inputs gt lt input type email placeholder Enter your email address gt lt input type text placeholder Username gt lt br gt lt input type password placeholder Enter your password gt lt input type password placeholder Confirm your password gt lt div gt lt br gt lt br gt lt div class remember me gt lt label gt lt input type checkbox name item checked gt lt span class text checkbox gt Remember me lt span gt lt label gt lt div gt lt br gt lt button gt SignUp lt button gt lt div gt lt div gt Now moving towards the CSS part Let s have a look how to make the background animated and for the rest of the code please download the code from the link at the end of the blog So here linear gradient is used to set linear gradient at the background image and the background position is adjusted accordingly body background image linear gradient deg acef cace acee e animation gradient s ease infinite background size font family Open Sans sans serif color keyframes gradient background position background position background position So this was all about an animated and responsive login web page The code for the responsive part is present in the file to be downloaded and also in case of any discrepancy you can mention in the comment section DOWNLOAD CODENote Click on the download code button a GitHub repository would open and then download the code from the repository and if feel to change something then all the suggestions and improvements are welcomed	2021-12-29 11:20:13
海外TECH	DEV Community	Build Issues, Code Generation and Depth vs. Breadth First - Building DDTJ Day 8	https://dev.to/codenameone/build-issues-code-generation-and-depth-vs-breadth-first-building-ddtj-day-8-2242	Build Issues Code Generation and Depth vs Breadth First Building DDTJ Day Yesterday I was making substantial progress so naturally I spent most of today with my figurative wheels spinning in mud…I m finally at the stage of generating the source code for a unit test from data I hoped it would be a smooth experience but I feared it wouldn t be trivial As I m doing that I m running into a lot of edge cases and problematic behaviors in the code Had I gone with a depth first approach and worked on getting the code working in Spring Boot I might have missed a lot of these important fixes I m sure getting the code working in Spring Boot will expose a lot of other issues but I think they will just be standard bugs not bigger changes like the ones I m doing right now To be fair I merged a minor issue yesterday Mostly to improve code coverage While the PR had over coverage the code rounded down to The solution was to add a small test that pushes the coverage further Most of the issues I m running into right now relate to data that I didn t store or didn t store in the right location But I wasted a lot of time yesterday and today on some nonsense Unreachable ControllerI added a Spring Boot MVC controller and a Freemarker template Things that I ve done multiple times in the past Not something too difficult Got a …Must have missed something in the configuration…Doing that over again Reviewing Googling or is it Ecosiaing rinse repeat Nothing comes up I try narrowing down the problem Renaming classes adding dummy services just to see if a non MVC call works it doesn t SolutionAs I changed the version to something must have broken in the build and its relation to the IDE I still don t know what it was But a few well placed “clean package calls solved the issue It took me way too long to try that which is pretty embarrassing I guess my mind was elsewhere Hopefully this detour doesn t set me too far off course to finish this by the end of the week Code GenerationOnce I resolved this the process of code generation became mostly a mechanical process of getting the data from the model and adapting it to source code Unfortunately a lot of the data is still missing so that s where I m stuck at this moment I hope I ll be able to get something decent by the end of the week The Freemarker code is very easy to work with and so is Spring MVC I already have a test case printing but not much more No mocks and object initialization is proving to be very tricky I still didn t get into the whole “exception handling complexity or declaring checked exceptions These aren t too hard I just want to keep the focus for now Hopefully they won t be a major blocker in the future TomorrowI kept this post brief so I can focus on work Today and Tomorrow are crucial days that will determine whether I make it past the finish line I think this might be close so I want to put on getting there I have more blog posts to do in this series After I finish the th I plan to do a summary post mortem to see what worked and what didn t  If you want to keep up with the latest updates on this series and the many other things I work on then follow me on twitter	2021-12-29 11:12:55
海外TECH	DEV Community	How to create a styled custom Icon components in MUI v5?	https://dev.to/hajhosein/how-to-create-a-styled-custom-icon-components-in-mui-v5-4onc	How to create a styled custom Icon components in MUI v Table of contentsWhat is this post about PrerequisitesStep One ImportsStep Two Create a styled SvgIcon componentStep Three Create the componentFinal code What is this post about In this short tutorial you ll learn to make your own MUI icon component which will behave as same as MUI icons As you may know icons provided in the mui icons material package can easily understand MUI theming and they can simply communicate with other MUI components Thanks to the MUI SvgIcon component you can easily create your icon component that looks like MUI icons PrerequisitesI think you already have an environment perfectly set up but I want to point this that having mui icons material isn t necessary So as a minimum you need a react app as well as mui material StepsI will write both TypeScript and JavaScript approaches So for instance if you write your code in TS you can skip JS parts or vice versa Also I ll use emotion as it s the default style library used in MUI v Step One ImportsCreate a file with your desired name I m going to name it Mopeim and import React at the top import as React from react JSThen we need to import the SvgIcon component and styled utility from mui matarial So the code will be like this import as React from react import SvgIcon as MuiSvgIcon styled from mui material TSIn TypeScript we also need to import the SvgIconProps type to create our new component properly import as React from react import SvgIcon as MuiSvgIcon SvgIconProps styled from mui material The reason that I renamed SvgIcon to MuiSvgIcon is that in the next step we re going to create a new styled SvgIcon and we ll name that new component SvgIcon You ll get it better in the next step Step Two Create a styled SvgIcon componentAt this step we ll create a SvgIcon with our custom styles Each path may need several CSS like fill or stroke etc This SvgIcon in HTML will become a lt svg gt lt svg gt tag with our styles The general look of our component and the styled function will be like this JSconst SvgIcon styled component options props gt styles TSconst SvgIcon styled component options lt PropsType gt props gt styles In both TS and JS approaches first we call the styled function and then pass a component to that This component can be one of MUI components or even simple HTML tags like an a or a button etc Here we want to create a svg tag and we want to make it in the MUI way So we pass the SvgIcon component as the first prop to the styled function For options you should pass an object containing all options you want I m not going to explain all the available styled options as you can read about them here in the MUI documents Here I use name and shouldForwardProp options to set a name for our new SvgIcon Component and also shouldForwardProp to say which property should or shouldn t forward to the styles You also can ignore these options as they re optional MUI docs explain these two options like this options shouldForwardProp prop string gt bool optional Indicates whether the prop should be forwarded to the Component options name string optional The key used under theme components for specifying styleOverrides and variants Also used for generating the label This is how my icon looks I want to name it MopeimIcon and I also want to avoid that to have a fill property So let s add this logic to our code JS const SvgIcon styled MuiSvgIcon name MopeimIcon shouldForwardProp prop gt prop fill gt fill none stroke currentColor strokeLinecap round strokeLinejoin round strokeWidth px TS const SvgIcon styled MuiSvgIcon name MopeimIcon shouldForwardProp prop gt prop fill lt SvgIconProps gt gt fill none stroke currentColor strokeLinecap round strokeLinejoin round strokeWidth px Note On line when we want to define some logic for the shouldForwardProp we have to wrap the style prop in quotes So this is NOT true shouldForwardProp prop gt prop fill Cannot find name fill If you need to use some of the props in your styling you can pass them like this lt SvgIconProps gt theme anotherProp gt fill theme palette primary main borderRadius theme shape borderRadius anotherStyle anotherProp Just make sure that the prop exists as a SvgIcon prop We can also use the defaultProps property on SvgIcon to set some defaults for our svg So SvgIcon defaultProps viewBox focusable false aria hidden true In above props viewBox means the points seen in this SVG drawing area values separated by white space or commas min x min y width height Definition is from wschools Using focusable and setting it to false make it unfocusable which is pretty self explanatory By the way It means won t get focused when you press the tab key on your keyboard Adding aria hidden true to an element removes that element and all of its children from the accessibility tree Read more about this attribute here Step Three Create the componentThe final step is to create our Icon component We ll create a functional component and then we use the SvgIcon that we ve modified before and a path If you ve designed your icon with tools such as Adobe Illustrator export it as SVG and then extract the path and the styles from it Otherwise If you want to find the path of a free SVG icon you can inspect it by your browser dev tools My icon path is M Va ha ha l a ha hA JS const Mopeim props gt return lt SvgIcon props gt lt path d M Va ha ha l a ha hA gt lt SvgIcon gt export default Mopeim TS const Mopeim React FunctionComponent lt SvgIconProps gt props gt return lt SvgIcon props gt lt path d M Va ha ha l a ha hA gt lt SvgIcon gt export default Mopeim Final CodeThe final code looks like this JS import as React from react import SvgIcon as MuiSvgIcon styled from mui material const SvgIcon styled MuiSvgIcon name MopeimIcon shouldForwardProp prop gt prop fill gt fill none stroke currentColor strokeLinecap round strokeLinejoin round strokeWidth px SvgIcon defaultProps viewBox focusable false aria hidden true const Mopeim props gt return lt SvgIcon props gt lt path d M Va ha ha l a ha hA gt lt SvgIcon gt export default Mopeim TS import as React from react import SvgIcon as MuiSvgIcon SvgIconProps styled from mui material const SvgIcon styled MuiSvgIcon name MopeimIcon shouldForwardProp prop gt prop fill lt SvgIconProps gt gt fill none stroke currentColor strokeLinecap round strokeLinejoin round strokeWidth px SvgIcon defaultProps viewBox focusable false aria hidden true const Mopeim React FunctionComponent lt SvgIconProps gt props gt return lt SvgIcon props gt lt path d M Va ha ha l a ha hA gt lt SvgIcon gt export default Mopeim	2021-12-29 11:10:56
Apple	AppleInsider - Frontpage News	Apple puts Foxconn India 'on probation' after protests	https://appleinsider.com/articles/21/12/29/apple-puts-foxconn-india-on-probation-after-protests?utm_medium=rss	Apple puts Foxconn India x on probation x after protestsFollowing the enforced closure of a Foxconn iPhone plant in India over poor working conditions Apple has told the company it is on probation Foxconn s southern India factory in Sriperumbudur had already seen its week long closure extended to at least ten days That closure by the local government came after worker protests and cases of food poisoning is expected to end on December When it does Foxconn will not be allowed to reopen with its regular workers and instead must begin with only on the assembly lines Now according to Reuters Apple has informed Foxconn that it is placing the plant under what it calls probation Read more	2021-12-29 11:35:46
Apple	AppleInsider - Frontpage News	LastPass denies claims that master passwords may have been compromised	https://appleinsider.com/articles/21/12/28/lastpass-master-passwords-may-have-been-compromised?utm_medium=rss	LastPass denies claims that master passwords may have been compromisedLastPass members have reported multiple attempted logins using correct master passwords from various locations but the company has alternately said that the recent attacks are a result of shared passwords gleaned from breaches of other services or possibly warnings sent in error LastPass may have been hackedMultiple users in a Hacker News forum have shared that their master passwords for LastPass appear to be compromised It is unknown how the passwords have leaked out but a pattern has emerged amongst users Read more	2021-12-29 11:36:25
海外TECH	Engadget	LG's new ThinQ recipe service sources ingredients from Amazon and Walmart	https://www.engadget.com/lg-thinq-recipe-service-ingredients-amazon-walmart-113514211.html?src=rss	LG x s new ThinQ recipe service sources ingredients from Amazon and WalmartAs usual LG has unveiled its latest smart appliances for CES but this time they come with an unusual twist a recipe service The ThinQ Recipe app will let users choose from up to recipes with the app adding ingredients to your grocery list for delivery from Walmart or Amazon Fresh nbsp LG has partnered with SideChef on the app letting you cook up anything from a single recipe to a weekly meal plan It also uses the Scan and Cook feature from Foodspace Technology that scans a bar code on certain frozen and ready to cook meals automatically sending cooking instructions to compatible LG ThinQ ovens nbsp LGThe new feature is designed to work with LG s latest InstaView Double Range oven and Over the range microwave The former uses LG s InstaView tech that lets you see inside the appliance by knocking twice on the glass It also uses LG s ProBake convection tech with Air Fry and Air Sous Vide modes while the microwave offers LG s Steam Cook tech to keep foods moist when cooking nbsp The new appliances with ThinQ recipe will be shown at LG s virtual exhibition booth at CES starting on January th though LG didn t say when the app and appliances would go on sale CES is still scheduled to proceed next week in Las Vegas with LG Samsung and Sony still committed as of this writing Other companies including Amazon Google Meta and Lenovo have backed out of real world involvement however nbsp	2021-12-29 11:35:14
海外科学	BBC News - Science & Environment	Goalkeepers off the hook for England's football penalty curse	https://www.bbc.co.uk/news/science-environment-59814372?at_medium=RSS&at_campaign=KARANGA	curse	2021-12-29 11:56:08
ニュース	BBC News - Home	Covid: Warning over patchy lateral flow test supply	https://www.bbc.co.uk/news/uk-59814032?at_medium=RSS&at_campaign=KARANGA	pharmacists	2021-12-29 11:37:40
ニュース	BBC News - Home	Merseyside Police officer sacked over murder scene selfies	https://www.bbc.co.uk/news/uk-england-merseyside-59814026?at_medium=RSS&at_campaign=KARANGA	images	2021-12-29 11:11:47
ニュース	BBC News - Home	Westbury triplets celebrate first Christmas at home	https://www.bbc.co.uk/news/uk-england-wiltshire-59812857?at_medium=RSS&at_campaign=KARANGA	difficult	2021-12-29 11:10:32
ニュース	BBC News - Home	Arteta to miss Arsenal v Man City match after testing positive for Covid again	https://www.bbc.co.uk/sport/football/59818457?at_medium=RSS&at_campaign=KARANGA	Arteta to miss Arsenal v Man City match after testing positive for Covid againArsenal manager Mikel Arteta will miss the Premier League match against Manchester City on New Year s Day after testing positive for Covid	2021-12-29 11:36:22
北海道	北海道新聞	在日米軍、４７％がオミクロン株　クラスターの検体を認定	https://www.hokkaido-np.co.jp/article/628760/	在日米軍	2021-12-29 20:14:00
北海道	北海道新聞	大阪、新たに１１人オミクロン株　市中感染か、重症者なし	https://www.hokkaido-np.co.jp/article/628759/	新型コロナウイルス	2021-12-29 20:14:00
北海道	北海道新聞	オミクロン対策、国内重視へ　政府、感染急拡大に備え	https://www.hokkaido-np.co.jp/article/628756/	新型コロナウイルス	2021-12-29 20:03:00
北海道	北海道新聞	国内３９９人感染、４人死亡　新型コロナ	https://www.hokkaido-np.co.jp/article/628754/	新型コロナウイルス	2021-12-29 20:01:00