投稿時間:2021-12-31 14:14:39 RSSフィード2021-12-31 14:00 分まとめ(19件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	AirPods開発者、Bluetoothの帯域幅がボトルネックだと（遠回しに）ぼやく	https://japanese.engadget.com/airpods-creator-address-bluetooth-limitations-044039600.html	airpods	2021-12-31 04:40:39
python	Pythonタグが付けられた新着投稿 - Qiita	【Python覚書】selenium on centos stream 8(001)	https://qiita.com/o_chan_t/items/1fabf7f38c1448c4e4de	【Python覚書】seleniumoncentosstreamはじめに久しぶりの投稿となってしまいました。	2021-12-31 13:59:47
python	Pythonタグが付けられた新着投稿 - Qiita	Djangoでアプリを作成してみた①	https://qiita.com/takechiyosw/items/cebc535470ce915fbe6b	Djangoでアプリを作成してみた①前提Djangoに触れたことないので簡単なアプリを作成してみようと思いました。	2021-12-31 13:54:45
python	Pythonタグが付けられた新着投稿 - Qiita	【Python】matplotlib plot引数の基礎	https://qiita.com/atchicken/items/04ffc7b4353a348581f7	pythonpltplotxdataydatacolorred透過pltplotxdataydataalphaalphaを設定することで、マークをつけることができます。	2021-12-31 13:23:31
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	fastapi:UploadFileとpydanticを同時に使う方法について	https://teratail.com/questions/376185?rss=all	fastapiUploadFileとpydanticを同時に使う方法についてfastAPIでAPIの構築を行なっています。	2021-12-31 13:51:00
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	サーバーにアップロードした際、cssを反映させたい	https://teratail.com/questions/376184?rss=all	サーバーにアップロードした際、cssを反映させたいサーバーにファイルをアップロードした際、スマートフォンのCSSを反映させたいHTMLCSSにてLP制作をしております。	2021-12-31 13:40:44
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	np.savetxtがエラーになりセーブ出来ない	https://teratail.com/questions/376183?rss=all	npsavetxtがエラーになりセーブ出来ない前提・実現したいことtxtファイルを読込み加工した後npsavetxtでセーブしようとしましたがエラーになりセーブできません。	2021-12-31 13:38:29
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	cocoonのcallbackが動かない	https://teratail.com/questions/376182?rss=all	cocoonのcallbackが動かないrailsでcocoonを使用しています。	2021-12-31 13:08:23
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Sticky Session チュートリアル	https://qiita.com/Uking/items/7663b07efa588a08709d	stickysessiontutorialkeypairという名前でKeyPairを作成する必要があります。	2021-12-31 13:38:07
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS IAM と Azure AD 間フェデレーションでユーザーを追加してみた	https://qiita.com/sugimount-a/items/3eb74c064597d60aa287	ユーザーの追加を押します。	2021-12-31 13:11:53
Git	Gitタグが付けられた新着投稿 - Qiita	取消し・削除系のGitコマンドが、ワークツリー・インデックス・HEADのいずれに作用するか	https://qiita.com/yz2cm/items/f91c8b3473484360cf25	取消し・削除系のGitコマンドが、ワークツリー・インデックス・HEADのいずれに作用するかGitの取消し・削除系のコマンドが、ワークツリー・インデックス・HEADのいずれに作用するかをまとめました。	2021-12-31 13:42:28
技術ブログ	Developers.IO	Querying AWS DynamoDB table in AWS AppSync Console	https://dev.classmethod.jp/articles/querying-aws-dynamodb-table-in-aws-appsync-console/	Querying AWS DynamoDB table in AWS AppSync ConsoleAWS AppSync It is a managed GraphQL service that eases app development which lets users create a flexible API	2021-12-31 04:30:03
海外TECH	DEV Community	My 2021 Year in Review	https://dev.to/nickytonline/my-2021-year-in-review-3n83	My Year in ReviewLike last year has been quite the year Despite the pandemic I stayed healthy and managed to have a pretty good year Nick Taylor he him nicktaylor eth nickytonline dabit gave talks trained consistently HIIT sessions week big impacts at work got EE testing in place resuscitated Gitpod in time for Hacktoberfest for Forem mentored paired streamed live coded a tonne on Twitch with amazing guests community members explored web PM Dec This reply to Nader Dabit s Tweet sum up a lot of my year but let s break it down TalksI gave four talks Were these conference talks Most were lunch and learns but I also had a Hacktoberfest talk The first talk of the year was for The Collab Lab I went over what Storybook is and how you can use it in your application I even did a live coding session demonstrating its use in one of The Collab Lab cohort s projects Here s the accompanying slide deck and blog post for the talk Storybook Talk Live Coding Nick Taylor・Mar ・ min read javascript react storybook ux The Collab Lab was looking for more mentors recently so I offered to mentor I m looking forward to meeting my cohort in Q Let s go Nick Taylor he him nicktaylor eth nickytonline segdeha the real stacie Just signed up to be a mentor Let s go PM Dec My second talk of the year was a lunch and learn for my favourite community Virtual Coffee It was all about debugging JavaScript From console log to debugger Here s the accompanying slide deck Next up was another lunch and learn for Virtual Coffee Getting Started with Streaming on Twitch A lot of folks were interested in streaming and learning in public so I shared what I had learnt after one year of streaming on Twitch Here s the accompanying slide deck and blog post for the talk Check out the blog post as there was stuff I didn t have time to mention or forgot Getting Started with Streaming on Twitch Nick Taylor・Jul ・ min read twitch beginners streaming My last talk of the year was for Hacktoberfest The AppWrite team approached me to talk about open source and I was happy to oblige I appear at this point in the video Here is the accompanying slide deck If you re interested in other talks I ve given you can check out my talks page WorkshopsI gave two workshops at Codeland The first one was about contributing to open source with my awesome co worker Arit Amana Arit Amana aritdeveloper Super excited for the Open Source Blastoff workshop codelandconf tomorrow nickytonline and I will demo how to start contributing to forem using gitpod Here s a short video I made showing how to spin Forem up fast on GitPod youtu be ThKKcmWOas WomenWhoCode PM Sep The second workshop was on accessibility with my other awesome co worker Suzanne Aitchison Nick Taylor he him nicktaylor eth nickytonline Super stoked to co lead another codelandconf workshop tomorrow Building the web for all A primer on accessibility with s aitchison Let s go CodeLand AM Sep Folks paid for these workshops so there is nothing I can share aside from some kind words from Jenny one of the workshop attendees Jenny Nickell jenny nickell Super thankful for the opportunity to join codelandconf workshop Open Source Blastoff Big thanks to aritdeveloper and nickytonline for a fun and informative workshop PM Sep Making an Impact at WorkIt s funny how this section of my year in review is short but nonetheless I made some big impacts at work I got end to end EE testing in placeRevived Gitpod in time for Hacktoberfest for ForemMentored and paired a tonneShipped featuresWorked a lot with the community we re open source Streaming and Live CodingThis year I streamed a bunch with my co worker Christina on the DEV Twitch stream but I also got back into streaming more on my channel If you re interested in checking out the back catalogue of DEV Twitch streams check out the DEV YouTube channel I also have my own YouTube channel where some of my streams persist Explored WebI won t link to all the projects I ve done in this space you can check out my GitHub profile but I will link to one project since it s modestly popular I created a web starter project template nickytonline web starter An opinionated web starter for building dApps Web StarterThe goal of this project is to give you an opinionated boilerplate to start aweb project ContributingIf you are interested in contributing to the project first read ourcontributing guidelines Take a look at ourexisting issuesor if you come across an issuecreate an issueFor feature requests start a discussionfirst Getting Started Local Development Install the dependenciesnpm install oryarnStart the projectnpm run dev oryarn devOpen http localhost with your browser to see theresult Getting Started Gitpod The project can be run in Gitpod Navigate to If youwish to load it in Gitpod as an external contributor you will need to fork theproject first then open the fork in Gitpod e g Gitpod will take a minute or two to load If this is the first time… View on GitHubIf you are interested in web definitely check out Buildspace and consider joining a DAO like Developer DAO I m still exploring this controversial space but all I can say for now is it s been fun exploring the tech and ideas Podcasts was the year of podcasts for me Before I had never been a guest on a podcast Back to my favourite community Virtual Coffee I had the privilege of being the podcast s first guest It was awesome chilling with my friends Bekah and Dan Later on in the year I got to hang with my co worker Ben Halpern Jonathan Carter principal program manager at Microsoft and Cassidy Williams director of developer experience at Netlify We discussed Visual Studio Code and all things related to it S E VS Code and the Extended VS Code Universe DevDiscuss Your browser does not support the audio element x initializing × In the fall Candost Dagdeviren reached out to me on Polywork about being a guest on their podcast It was a great discussion Check out episode Live Pair Programming Open Source and Building Communities with Nick Taylor And to round off the year of podcasts I got to hang with my co workers Ben Halpern and Arit Amana along with Michael Boroff mental health program manager at Crossover Health S E We Have Tools To Help You With Your Imposter Syndrome DevDiscuss Your browser does not support the audio element x initializing × Working Out Since gyms are closed I built a garage gym It s not huge but it lets me put in the work I trained consistently this year typically one hour HIIT sessions week I say typically because I was on vacation pandemic vacation for parts of the year and a few of the weeks might have been one or two sessions only due to appointments or some anomaly in my regular schedule Not only did this keep me sane it just all around made me feel better Since I train at am it s also a great way to start the day feeling energized and having a clear head I m still not where I want to be but it feels great working out consistently again as year one of the pandemic derailed my training Also after performing thousands of lunges this year and all kinds of single limb training my body is snowboard ready Fun StuffI rebuilt my backyard rink It s a little wider this year and twice as tall I ran into issues mid winter last year where the ice ended up being at the same height as the walls I had to use scraps of wood I had to make it taller along with snow and ice It worked but making it twice as tall this year will avoid all that How it started Nick Taylor he him nicktaylor eth nickytonline Start with an empty canvas PM Nov How it s going Nick Taylor he him nicktaylor eth nickytonline Zamboni nights backyardrinks AM Dec Stay safe friends and see you in Photo by Markus Winkler on Unsplash	2021-12-31 04:32:21
海外TECH	DEV Community	How to query the Bitcoin Blockchain with C# in .Net	https://dev.to/jtraceur/how-to-query-the-bitcoin-blockchain-with-c-in-net-3ba7	How to query the Bitcoin Blockchain with C in NetHey everyone Please check out my medium article	2021-12-31 04:15:43
海外TECH	DEV Community	Image Slider with Vanila JS	https://dev.to/j471n/image-slider-with-vanila-js-22bf	Image Slider with Vanila JSIn this article we are going to make an Image Slider also known as carousel with a clean UI It can slide the images with awesome animation and it will track the current image which you can see via dots on the bottom First Let s see what are we building Preview HTML lt div class container slider gt lt Slider Container with images gt lt div class slides gt lt div gt lt Previous Button gt lt button class btn slide prev gt lt img src alt prevBtn gt lt button gt lt Next Button gt lt button class btn slide next gt lt img src alt nextBtn gt lt button gt lt Container for dots gt lt div class container dots gt lt div gt lt div gt We will have an outer div with class container slider It will have four separate children slides It will contain images but we have not added them in the HTML we will add them using JS btn slide In the parent container container slider there will be two buttons one for the next image next and the other for the previous image prev container dots It is the container for dot which we have not added yet It will also be done by JS same as the images I guess now you have an overview of what are we doing Now let s get into the CSS CSS root margin padding body background azure min height vh padding px Main Wrapper Container container slider position relative max width px width height px border radius px box shadow px rgba overflow hidden Slider Container which contains images slides position relative width height Default Image Properties slides img position absolute width px height px object fit cover object position center opacity transform scale transition all s ease in out transition delay ms Active Image or Current image to display slides gt img data active opacity transform scale transition delay ms width height z index Image Slider Next And Previous Buttons btn slide position absolute background fff width px height px padding px border radius opacity border px solid rgba transition opacity ms ease in out cursor pointer overflow hidden z index btn slide gt img width Show Buttons when user hover on the slider Container container slider hover gt btn slide opacity Previous and Next Button Position Absolute prev next top transform translateY prev left px next right px Bottom Dots Container container dots position absolute bottom px width display flex justify content center z index Sigle Dot style dot width px height px border radius border px solid fff margin px background fff cursor pointer transition background color ms ease in out Change the color of bg when user hover on it dot hover opacity background rgb Current or active dot dot data active true background rgb Everything in the CSS is self explanatory so I am not going to talk about that If you have any queries about CSS then comment down JavascriptThis is where the fun begins Let s see from scratch First we need to import the two containers which will be Slides and the Container dots const slides document querySelector slides const containerDots document querySelector container dots Now we need images to add to the slides container And we also need a global counter or global index to track which image is displaying right now Global Index to track Imagevar slideIndex Images containerconst images src src src src src Now we have images now let s add them to the slides and also we need to add dot to the container dots Total images and total dots should be the same e g there are five images then there should be five dots So let s see how we are going to do that Adding images and dots to the Respective Containerimages map img gt Creating Image Element and adding src of that image var imgTag document createElement img imgTag src img src Creating Dot div Element adding dot class to it var dot document createElement div dot classList add dot Appending the image and dots to respective container slides appendChild imgTag containerDots appendChild dot It will do the trick ad it will add them to their respective container Now we need buttons to add to the slider Let s do it also We need two buttons prev and next we have already added those into the HTML now we just need to make them work Next Slide Button Slide Next Button Click Eventconst nextSlide gt it will update the slideIndex on the basis of the images length as it gets greater than images length this will initialize to the if slideIndex images length slideIndex else if slideIndex images length slideIndex const nextBtn document querySelector next nextBtn onclick nextSlide Previous Slide Button Slide Previous Button Click Eventconst prevSlide gt It will check if the slideIndex is less equal to then change it to the images legnth it will enable infinite scrolling if slideIndex slideIndex else if slideIndex slideIndex images length const prevBtn document querySelector prev prevBtn onclick prevSlide Now these buttons will allow you to scroll infinite according to the slideIndexBut after implementing it you will see the image is not displaying it is because we are not updating the image according to the slideIndex right now let s implement that Update Image And Slide Dot according to the data active function updateImageAndDot Updating Image const activeSlide slides querySelector data active slides children slideIndex dataset active true activeSlide amp amp delete activeSlide dataset active Updating Dots const activeDot containerDots querySelector data active containerDots children slideIndex dataset active true activeDot amp amp delete activeDot dataset active Here we are getting the activeSlide and activeDot Which will have a data active attribute then we are setting the slides and container dots children to active data active true based on the slideIndex then if there is an activeSlide which we have queried earlier then delete it which was the previously active slide and dot After this we will only have one slide and dot which is currently active Now we need to call this function inside the nextSlide and prevSlide function in the end const nextSlide gt updateImageAndDot const prevSlide gt updateImageAndDot We also need to call the updateImageAndDot in the global scope This will allow it to show the image and dot as the page loads Show the Image as the page loads updateImageAndDot Now we are going to implement one more feature which is when the user press the dots it should take the user to the respective images It s not that hard we just need to make a function in our case called moveDot and just add the Event Listener to every dot Let s see it in action It helps to move the dot it take index as parameter and update the slideIndexfunction moveDot index slideIndex index updateImageAndDot to update the image and dot Adding EventListener to All dots so that when user click on it trigger move dots const dots containerDots querySelectorAll forEach dot index gt dot addEventListener click gt moveDot index Now we have covered all the aspects of this now let s see the full Javascript file or code const slides document querySelector slides const containerDots document querySelector container dots var slideIndex Images containerconst images src src src src src Adding images and dots to the Respective Containerimages map img gt Creating Image Element and adding src of that image var imgTag document createElement img imgTag src img src Creating Dot div Element adding dot class to it var dot document createElement div dot classList add dot Appending the image and dots to respective container slides appendChild imgTag containerDots appendChild dot Adding EventListener to All dots so that when user click on it trigger move dots const dots containerDots querySelectorAll forEach dot index gt dot addEventListener click gt moveDot index It helps to move the dot it take index as parameter and update the slideIndexfunction moveDot index slideIndex index updateImageAndDot Update Image And Slide Dot according to the data active function updateImageAndDot Updating Image const activeSlide slides querySelector data active slides children slideIndex dataset active true activeSlide amp amp delete activeSlide dataset active Updating Dots const activeDot containerDots querySelector data active containerDots children slideIndex dataset active true activeDot amp amp delete activeDot dataset active Slide Next Button Click Eventconst nextSlide gt it will update the slideIndex on the basis of the images length as it gets greater than images length this will initialize to the if slideIndex images length slideIndex else if slideIndex images length slideIndex updateImageAndDot const nextBtn document querySelector next nextBtn onclick nextSlide Slide Previous Button Click Eventconst prevSlide gt It will check if the slideIndex is less equal to then change it to the images legnth it will enable infinite scrolling if slideIndex slideIndex else if slideIndex slideIndex images length updateImageAndDot const prevBtn document querySelector prev prevBtn onclick prevSlide Show the Image as the Page Loads updateImageAndDot Wrapping UpI hope you enjoyed the article if yes then don t forget to press ️ You can also bookmark it for later use It was fun to make this slider and If you have any queries or suggestions don t hesitate to drop them See you You can extend your support by buying me a Coffee You might be interested in Why I ditched ​chrome for Edge Typing Effect with typed jsCreative Hover Menu with CSS	2021-12-31 04:01:18
ニュース	BBC News - Home	Covid: UK 'incomparably better placed' this new year - PM	https://www.bbc.co.uk/news/uk-59834667?at_medium=RSS&at_campaign=KARANGA	covid	2021-12-31 04:52:56
北海道	北海道新聞	米西部火災で非常事態宣言　強風にあおられ拡大	https://www.hokkaido-np.co.jp/article/629135/	非常事態宣言	2021-12-31 13:11:00
北海道	北海道新聞	みずほ銀行、３００件入金できず　振り込み遅れ、翌日処理に	https://www.hokkaido-np.co.jp/article/629134/	振り込み	2021-12-31 13:03:00
北海道	北海道新聞	高木菜那、１５００ｍで代表確実　スピード五輪代表選考会で２位	https://www.hokkaido-np.co.jp/article/629115/	北京冬季五輪	2021-12-31 13:01:33