投稿時間:2021-06-27 00:33:05 RSSフィード2021-06-27 00:00 分まとめ(32件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	ひろゆきDBという謎サイトを見つけたのでちょっと仕組みを考えてみた。	https://qiita.com/axpensive/items/a74585dac475289634f8	youtubeの規約でスクレイピングするのは良くないので使用には注意が必要。	2021-06-26 23:52:39
python	Pythonタグが付けられた新着投稿 - Qiita	Python Challenge Level 3	https://qiita.com/iHdkz/items/16993e65f69f1d577885	ここがまずいのかということで「正確に」三つの大文字に挟まれた小文字を探し出せるようにする。	2021-06-26 23:48:36
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	PostgreSQLでテーブル作成コマンドの何が誤っているのかわからない	https://teratail.com/questions/346314?rss=all	PostgreSQLでテーブル作成コマンドの何が誤っているのかわからないテーブルを作成しようと下記のコマンドを打ったのですが、エラーとなりました。	2021-06-26 23:57:23
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【VRKME】販売単位について	https://teratail.com/questions/346313?rss=all	vrkme	2021-06-26 23:54:35
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VisualStudioでdllの参照を追加しても再起動すると消滅する	https://teratail.com/questions/346312?rss=all	VisualStudioでdllの参照を追加しても再起動すると消滅する前提・実現したいことUnityからMicrosoftnbspSQLnbspServerを使用したいと考えています。	2021-06-26 23:54:31
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Nodebrewを使用し、バージョン管理を行いたいが最新版以外のインストールができない。	https://teratail.com/questions/346311?rss=all	Nodebrewを使用し、バージョン管理を行いたいが最新版以外のインストールができない。	2021-06-26 23:50:24
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	gulp sassが正常にコンパイルされない	https://teratail.com/questions/346310?rss=all		2021-06-26 23:32:54
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VR側からのARカメラの位置確認	https://teratail.com/questions/346309?rss=all	VR側からのARカメラの位置確認現在困っていることUnityを使用してVR、ARアプリを制作しています。	2021-06-26 23:31:44
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	文字列を含んだ繰り返し処理を行いたいです．	https://teratail.com/questions/346308?rss=all		2021-06-26 23:31:27
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	input type="file"　の選択判定を行いたい	https://teratail.com/questions/346307?rss=all	inputtypequotfilequotの選択判定を行いたい前提・実現したいことinputnbsptypequotfilequotでファイルのアップロードの画像を選択しているかをif文を使い判定を行いたいのですが、うまく行きません。	2021-06-26 23:20:25
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	m1macで字下げのショートカットキーが急に使えなくなった	https://teratail.com/questions/346306?rss=all	jupyternbspnotebookの問題かと考え、VisualnbspStudionbspCodeでも同じように試してみましたが、同様にインデントを下げるショートカットキーが機能しません。	2021-06-26 23:16:35
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	JavascriptでselectedIndexをセットした際に表示が変わらない	https://teratail.com/questions/346305?rss=all	JavascriptでselectedIndexをセットした際に表示が変わらない前提・実現したいことselectタグが複数あり、変更した際onChange時に、Javascriptで別のselectタグのselectedIndexを初期化をセットしたいのですが、表示が変わらなくて困っております。	2021-06-26 23:10:53
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Discordメッセージ削除	https://teratail.com/questions/346304?rss=all	discord	2021-06-26 23:08:25
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【Rails】フォームのplaceholderを改行する方法	https://qiita.com/kenta-nishimoto-1111/items/8269cafab8616d20ce17	【Rails】フォームのplaceholderを改行する方法はじめに今回はフォームの中のplaceholder下記の画像のものを改行する方法について記述します。	2021-06-26 23:31:21
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Rubyで逆数の和を算出する方法	https://qiita.com/kim-shun/items/ed6e677776e98792e08f	このような形でからNまでの整数の逆数の和を出していき、その逆数の和がを超える最小の値Nを出したいと思います。	2021-06-26 23:21:43
AWS	AWSタグが付けられた新着投稿 - Qiita	AWSアソシエイト試験に向けて13(クラウドファーストの時代での開発とそれに伴う環境構築と自動化）	https://qiita.com/shitikakei/items/91dd52f99964a4b63be2	AutoScaling対象サービスで必要時に自動でスケーリング処理を行えるCloudFormationクラウド環境内のすべてのインフラストラクチャリソースを記述して、テンプレート化できるプロビジョニングサービスCodeシリーズ開発コードの構築、ビルド、テスト、展開を行うためのサービス、Git上のコミット・実行デプロイを自動化するECS・EKSDockerをAWSで使うためのサービス、特にECSはAWS上でDockerFileから環境構築をテンプレート化することができるようにするためのサービスElasticBeanStalkWebアプリケーション、サービスをサーバーでデプロイ・スケーリングをできるようにするサービスOpsWorksインフラ設定や管理担当。	2021-06-26 23:20:09
AWS	AWSタグが付けられた新着投稿 - Qiita	RDS/EC2/WAF/Cloud Watch/Route53/ALB サーバー構築手順書	https://qiita.com/stu14e21/items/bd73673f0d2076b0e86a	RDSECWAFCloudWatchRouteALBサーバー構築手順書作業手順目次本番サーバーの設定踏み台サーバーの設定RDSの設定ALBの設定CloudWatchの設定GuardDutyの設定Routeの設定『概要』Githubのマイlaravelアプリを、AmazonLinuxのECインスタンスに、Routeを使ってデプロイする手順を説明します。	2021-06-26 23:06:39
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Rails】フォームのplaceholderを改行する方法	https://qiita.com/kenta-nishimoto-1111/items/8269cafab8616d20ce17	【Rails】フォームのplaceholderを改行する方法はじめに今回はフォームの中のplaceholder下記の画像のものを改行する方法について記述します。	2021-06-26 23:31:21
Ruby	Railsタグが付けられた新着投稿 - Qiita	Rubyで逆数の和を算出する方法	https://qiita.com/kim-shun/items/ed6e677776e98792e08f	このような形でからNまでの整数の逆数の和を出していき、その逆数の和がを超える最小の値Nを出したいと思います。	2021-06-26 23:21:43
技術ブログ	Developers.IO	Auth0 Deploy CLIが使用する必要十分な権限を付与したM2Mアプリを簡単に作成する	https://dev.classmethod.jp/articles/simplify-creation-of-m2m-app-for-auth0-deploy-cli-tool-to-use/	authdeploycli	2021-06-26 14:52:17
技術ブログ	Developers.IO	[2021年版]AWS Security HubによるAWSセキュリティ運用を考える	https://dev.classmethod.jp/articles/aws-security-operation-with-securityhub-2021/	awssecurityhub	2021-06-26 14:14:22
海外TECH	DEV Community	The Invisible Lizard Hunter Game. | 2d Shooter Game	https://dev.to/fradar/the-invisible-lizard-hunter-game-2d-shooter-game-3cih	The Invisible Lizard Hunter Game d Shooter GameCatch all the camouflaging lizards Use WASD to move and click to shoot Don t let the lizards come to you They decrease your health everytime they touch you Once you hit a bullet you can pick that bullet back up and use it again You cannot move or shoot through black If you are near a camouflaged lizard the music will grow louder The music can be loud sometimes The health bar is at the top of the screen Also you have bullets to kill all lizards READ Use your cursor to aim at the lizardsTry the game here Like my games Want to see more Follow me here Happy lizard hunting	2021-06-26 14:34:24
海外TECH	DEV Community	Dev.to clone built with next.js & chakra UI	https://dev.to/m_ahmad/dev-to-clone-built-with-next-js-chakra-ui-ccl	Dev to clone built with next js amp chakra UILet s clone dev to with the actual dev to api to get the posts OverviewThis application is built using the following technologies TypescriptNextjsChakra UISWRDev to apiGithub repo Live demp Breaking down the layout of Dev toTop navbarLeft sidebarPosts sectionRight sidebarI ll discuss some components code here otherwise this article will become very long Setup the ProjectCreate a Next js appyarn create next app typescriptInstall chakra uiyarn add chakra ui react emotion react emotion styled framer motion Start coding Top navbarconst Navbar gt return lt Box py boxShadow sm border solid eeeb position fixed top bg fff width zIndex gt lt Container gt lt HStack spacing gt lt Image src assets images logo svg gt lt Input maxW rem placeholder Search borderColor bbdc borderRadius px d base none md block gt lt Spacer gt lt HStack spacing gt lt Button color fff borderRadius px bg bdf hover bg ebe gt Create a post lt Button gt lt IconButton gt lt Image src assets images notification svg gt lt IconButton gt lt IconButton gt lt Image src assets images bell svg gt lt IconButton gt lt Avatar size sm src gt lt HStack gt lt HStack gt lt Container gt lt Box gt Left sidebarLinks sectionconst Links gt return lt Box as nav gt lt LinkButton gt lt Image src assets images sidebar home svg mr gt Home lt LinkButton gt lt LinkButton gt lt Image src assets images sidebar reading svg mr gt Reading List lt LinkButton gt lt LinkButton gt lt Image src assets images sidebar tag svg mr gt Tags lt LinkButton gt lt LinkButton gt lt Text fontWeight normal color d ml rem gt More lt Text gt lt LinkButton gt lt Box gt Tags sectionconst Tags gt return lt Box mt gt lt Flex pl py gt lt Heading as h fontSize rem gt My Tags lt Heading gt lt Spacer gt lt Image src assets settings svg gt lt Flex gt lt Box maxH vh overflowY auto gt lt TagList gt Nextjs react javascript ruby ruby on rails css beginners html typescript lt TagList gt lt Box gt lt Box gt Posts sectionEnd point for showing feed Post card component lt Box mt as article bg white borderRadius md overflow hidden border px solid aa gt headerImage lt Image src headerImage gt lt Grid templateColumns max content fr gap p gt lt Image src userProfile w borderRadius full gt lt Box gt lt VStack align flex start spacing gt lt Text color d fontSize px fontWeight gt username lt Text gt lt Text color d fontSize px gt publishedDate lt Text gt lt VStack gt lt Heading fontSize headerImage px px mt gt lt Link href postLink hover color ebe textDecoration none isExternal gt title lt Link gt lt Heading gt lt HStack mt fontSize px color d gt tagList map tag idx gt lt Text as Link key idx gt tag lt Text gt lt HStack gt lt HStack mt gt lt Button leftIcon lt Image src assets images like svg gt ml bg transparent padding px px height auto fontWeight normal fontSize px lineHeight borderRadius px hover bg fff gt reactionCount reactions lt Button gt lt Button leftIcon lt Image src assets images comment svg gt bg transparent padding px px height auto fontWeight normal fontSize px lineHeight borderRadius px hover bg fff gt commentCount comments lt Button gt lt Spacer gt lt Text fontSize px gt readingTime min read lt Text gt lt Button bg dddb padding px px height auto fontWeight normal fontSize px hover bg bbdc gt Save lt Button gt lt HStack gt lt Box gt lt Grid gt lt Box gt Right sidebarEnd point for showing list const List gt const data error useSWR fetcher if error return lt Box gt failed to load lt Box gt if data return lt Box as section bg white borderRadius md border px solid EEE width gt lt ListHeading gt map id gt return lt Box borderBottom px solid EEE width p gt lt Skeleton height vh borderRadius px width gt lt Box gt lt Box gt return lt Box as section bg white borderRadius md border px solid EEE gt lt ListHeading gt data slice map list gt lt ListBox title list title category list category slug list slug gt lt Box gt Responsiveness	2021-06-26 14:24:05
海外TECH	DEV Community	The complete guide to becoming a frontend web developer in 2021	https://dev.to/mehulmpt/the-complete-guide-to-becoming-a-frontend-web-developer-in-2021-4cj	The complete guide to becoming a frontend web developer in Today it is clear that web development is a great skill to have In this blog post let us look at what do you need to do exactly to become a frontend web developer in and beyond The problemThe problem with the web right now is the information overload and noise jQuery Angular Ember Vue React Next js Nuxt js TypeScript Sass Webpack NPM Yarn ESbuild snowpack There are so many things so many tools so much you can learn that often it becomes discouraging to even start Then there s the point of what is relevant today what will be relevant years from now etc Let us clarify a few things in this blog You don t need to learn everythingA common misconception is that you need to learn everything to be a great developer This is completely false You need to own a complete tech stack A complete tech stack is a stack using which you can create almost any project you d like You need to be aware of most if not all popular tools in the ecosystem Note this does not mean you need to know how to work with them But you should know they exist You need to bet on a stackAngular vs React vs Vue vs Svelte vs xyz This discussion will never end The truth is every single popular framework library out there is popular because people use it and they re good at what they do You can try spending time with different technologies if you d like But my personal recommendation is not to switch major libraries frameworks every month or two Sure you can switch from React to Angular watching a hour course However remember that there s a certain mental model you need to develop when you re working with a technology and that could take weeks if not months to get comfortable with Do not switch to the hottest technology in the market stick to a tech stack you work with The framework to learn frontend web development in Alright Now the big question What do you actually learn from all the noise in the world Let s split the question in two parts What and How to learn frontend web development Both are equally important questions as you can save or waste a lot of time depending on the decision you take Let s start What to learn for frontend web development This is a no bs list of things you should learn for frontend web development Please note that this would be opinionated because my experience is heavily with these technologies the platform you re reading this on codedamn has been built with all of these technologies Internet fundamentalsThis might come as a surprise to many Most sites will recommend starting with HTML CSS but I feel even before that you should understand how the internet and web works on a high level What are HTML documents how they re sent from a backend server what is DNS what exactly happens when you type google com in the browser etc Of course you should not need to go in depth of any of the topics but it provides a very solid understanding of things when you re suddenly using dev servers for development slightly start shifting to backend or try to debug network requests later in your journey HTML CSSHTML and CSS are the fundamental building blocks of web There s no doubt that this should be the first thing you should learn as a frontend developer Some very important points Make sure you learn about modern HTML syntaxTry to learn about semantic tags in HTML instead of sticking everything inside divsLearn about modern layout practices in CSS flexbox grid Learn about modern CSS syntax and have a clarity on selectors media queries properties values etc the fundamentals Do not stick with older and deprecated syntax center tag marquee etc Do not spend a lot of time learning about old layout practices in CSS with floats etc Do not try every cutting edge CSS feature A lot of them might not be supported in browsers yet Stick to the widely supported CSS features at most JavaScriptJavaScript is super important for interactivity and anything you do beyond a simple static HTML CSS landing page It can be used extensively beyond frontend too in Node js Deno TypeScript therefore it is essential you get your fundamentals right with JavaScript Some very important points Make sure you learn about ES syntax Do not use var and even follow tutorials using them They re not needed in most cases One way to check that is to try following tutorials done after JavaScript has some behaviors that might catch you off guard For example why is not or why null undefined is true in JS Remember there are always reasons for these behaviors You re a google search away to understand such things JavaScript is fundamentally an asynchronous and non blocking I O language This means you should understand how some core parts of asynchronous things like Promises work in JavaScript Learn about DOM API and understand it s an API provided by your browser to your JS code to interact with your HTML CSS Developer ToolsAt this time you should also start exploring how to work with devtools of your browser I prefer Chrome devtools because they re great for debugging and working with JavaScript and DOM Irrespective of your choice I would prefer building projects and debugging any issues you face using devtools instead of staring at your code for hours Chrome devtools just like any other tool in real life or a virtual product would require a little training and you ll have to spend some time to be maximum efficient with it However the time you spend learning browser devtool will pay for itself in orders of magnitude as your developer life goes on Some important points I recommend sticking to Chrome devtools because they re super powerful Learn about DOM manipulation debugging network requests setting breakpoints on events jumping through sources searching for code in your website assets throttling network speed and more This will be an ongoing learning just like all other technologies You should not aim to learn devtools at once simply learn small but important things and move on You will learn a lot more as you re working with projects etc GitYou need to learn a Version Control System VCS and it should be git Git is a widely used VCS used by teams and companies to manage their codebases across employees Git can be super complex to learn but initially your use case of learning git would be to get your code deployed on GitHub or a similar site This is required because when you learn git you can push to github When you are able to push to github you can integrate with many services like GitHub pages Vercel Netlify etc to create a live preview of your website project This live preview then can be shared with your friends family and even added on your resumes As you get employed or work with a team of developers you ll need git knowledge anyway But even as a solo developer it is of utmost importance as it makes your deployment cycle to a live website a breeze Some important points Git can get complex super quick Do not get confused with a lot of git commands As a solo developer you ll hardly need anything beyond commonly used commands While point is true you should still understand the overall architecture of how git works what branches are what does one mean by remote repositories etc This is again a solid framework of understanding that you should have NPM YarnNPM and Yarn are two most popular package managers for JavaScript They both exist for the same purpose managing dependencies in your codebase A dependency is a package software usually not developed by you your team but you can still use and integrate it inside your app For example a design system like bootstrap or tailwind CSS is a dependency If there s any update to the dependency a bugfix or a security patch the maintainer of the package updates it on the NPM repo and you can update the package with your package manager Alongside this it also helps with a number of things you ll find out when you learn about NPM and yarn Some important points NPM and yarn are very close concepts wise When you learn about npm you ll also learn about package json lockfiles why they re needed and more All these things are transferrable to yarn v as package manager too Therefore do not stress a lot about what package manager you should learn Learn any one like yarn and you can automatically switch to another if your project requires ReactAt codedamn we bet heavily on React Not because we feel like it is superior to others but this is us following our own advice given in the top of the article stick to a tech stack I worked with Angular js in the past time switched to Angular didn t like it much and then made the switch to React Since then I ve been using React myself for almost any medium complexity frontend project React is an amazing library with a tremendous community support Any problem bug you run in with React chances are someone already did that mistake and asked a question on websites Therefore if you re a good googler you should not face any problem working with React Some important points React looks simple on the surface but it requires developing a mental model to work at scale It s not only about concepts and hooks it s also about how to architect your app make it maintainable choosing the right libraries for the ecosystem etc React does not enforce any standard practices for common tasks like network requests or UI But we recommend the following options react query for network requests tailwind CSS or material UI for UI library Do not learn in depth about class based components unless you have to work on a legacy codebase that requires you to learn about them in depth Class based components are not the future of React Run away from tutorials that teach you class based components Learn about functional components and hooks instead Module bundlersWebpack is one of the most popular module bundler that React uses out of the box right now Again you don t necessarily need to learn webpack in depth but you should know about what webpack config js file is and what are the top useful options in it and what they can do ESBuild is also another relatively very very fast module bundler right now but the plugin support for it isn t great yet As a beginner you don t need to worry about ESBuild yet Code TestingLast but not least you should also focus on code testing I feel people should start with end to end testing because it seems easier and more intuitive as a reason for code testing compared to snapshot testing or unit testing My recommended tool here is to use Cypress which has a very friendly syntax to test your applications end to end i e your code will act like a user using your app and can pretty much perform any action your user can perform but in an automated fashion saving your time and energy Practice Practice Practice One thing not explicitly mentioned in the blog post above is the fact that you need to practice a lot all the time Practice is the way to fit concepts in your brain If you re only watching videos you are not learning How to learn frontend web development The above list is not an exhaustive list of topics but definitely a solid start as a guide Now the question is how do you learn frontend web development Here I have two options for you You want a structured learning approach with support and practice modulesThe purpose of codedamn platform to exist is to solve this structuring support and practice We have a full Frontend Web Developer curriculum of hours with over practice sessions including the following Practice projects built inInteractive learning completing labs and challenges inside browser Video lectures by top industry expertsWe always keep this curriculum up to date with industry standards with all the things mentioned in the blog post above and some more You want a free learning approachIf you cannot afford codedamn s learning path above with money you can spend your time on free resources instead Irrespective of that using these resources with codedamn learning path is also recommended Use google a lot for learning and doubt clarification Watch YouTube videos but make sure they re relatively new especially with topics like JavaScript and React Practice on your own build projects and deploy them online for people to see Take up free courses on codedamn we have a lot of free courses too like this react query course ConclusionTime is money in fact sometimes more important than money What you want to spend or can spend is upto you But I d recommend that even if not codedamn spending money on your education to get an acceleration and clarity on what you re trying to achieve would definitely be worth it The average salary of a frontend developer is year In fact a codedamn yearly subscription would pay for itself probably in the first days of your job as a frontend developer	2021-06-26 14:18:17
海外TECH	CodeProject Latest Articles	VRCalc++ Object Oriented Scripting Language :: Vincent Radio {Adrix.NT}	https://www.codeproject.com/Articles/1272020/VRCalcplusplus-Object-Oriented-Scripting-Language	dynamic	2021-06-26 14:04:00
ニュース	BBC News - Home	Matt Hancock: Calls for health secretary to quit after kissing colleague	https://www.bbc.co.uk/news/uk-57622868	coladangelo	2021-06-26 14:48:28
ニュース	BBC News - Home	Florida building collapse: Report from 2018 warned of 'major damage'	https://www.bbc.co.uk/news/world-us-canada-57621774	miami	2021-06-26 14:32:18
ニュース	BBC News - Home	London protests: Police arrest 12 as weekend demonstrations under way	https://www.bbc.co.uk/news/uk-england-london-57623110	london	2021-06-26 14:50:21
ニュース	BBC News - Home	LAX: Man jumps from plane after trying to access cockpit	https://www.bbc.co.uk/news/world-us-canada-57623741	angeles	2021-06-26 14:35:37
ニュース	BBC News - Home	Sir Jeffrey Donaldson endorsed as DUP leader	https://www.bbc.co.uk/news/uk-northern-ireland-57609680	leadership	2021-06-26 14:37:34
ニュース	BBC News - Home	Verstappen on Styrian GP pole ahead of Hamilton	https://www.bbc.co.uk/sport/formula1/57623951	styrian	2021-06-26 14:13:32
北海道	北海道新聞	中国テスラ２８万台リコール　運転支援システムに不具合	https://www.hokkaido-np.co.jp/article/560242/	中国当局	2021-06-26 23:08:00