投稿時間:2022-06-06 15:15:11 RSSフィード2022-06-06 15:00 分まとめ(18件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
ROBOT	ロボスタ	生涯健康脳の著者が語る「おとなの脳も成長する」 オーディオブック「 VOOX」で公開 生涯現役で学び続けるためには？	https://robotstart.info/2022/06/06/adult-brain-audio-book.html		2022-06-06 05:14:03
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 半導体増強　エンジニア争奪過熱続く　各社、即戦力求め　9年で求人10倍超に	https://www.itmedia.co.jp/business/articles/2206/06/news130.html	ITmediaビジネスオンライン半導体増強エンジニア争奪過熱続く各社、即戦力求め年で求人倍超に半導体エンジニアの獲得競争が一段と激しくなっている。	2022-06-06 14:49:00
TECH	Techable（テッカブル）	DNP、“バーチャル秋葉原”と連動する「神田明神CG空間」公開。期間限定で武人画をXR展示	https://techable.jp/archives/180060	akiba	2022-06-06 05:00:22
python	Pythonタグが付けられた新着投稿 - Qiita	Wikipedia のリンクだけで現代的な系統樹を作り、霊長目の道筋を辿る	https://qiita.com/hibit/items/5e538077ec94933f25dd	wikipedia	2022-06-06 14:43:15
python	Pythonタグが付けられた新着投稿 - Qiita	Python で COVID-19 のコロプレス図を作成する（folium版）	https://qiita.com/ryamamoto0406/items/227b93c10fe7f7f9c32b	covid	2022-06-06 14:16:35
js	JavaScriptタグが付けられた新着投稿 - Qiita	webpackでbuildする際に、依存モジュール(ライブラリ)のライセンスをチェックする	https://qiita.com/yuta-katayama-23/items/08bbdbe3d27f5444fcbd	build	2022-06-06 14:21:13
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScriptのnew Date()で引数に時間を指定しないと時間はタイムゾーンを参照する	https://qiita.com/iskn19/items/a2ba679ffba73ef96a72	constnownewd	2022-06-06 14:17:17
技術ブログ	Developers.IO	JITR(Just In Time Regstration)でAWS IoT Coreにデバイスや証明書を登録し、APIGatewayでの認証にデバイス証明書を利用する	https://dev.classmethod.jp/articles/iotcore-jitr-apig-auth-mlts/	awsiotcore	2022-06-06 05:41:56
海外TECH	DEV Community	iTech | The eCommerce Web App we built for the HackFest Hackathon	https://dev.to/arjuncodess/itech-the-ecommerce-web-app-we-built-for-the-hackfest-hackathon-26fm	iTech The eCommerce Web App we built for the HackFest Hackathon iTechiTech is the eCommerce website we built for the HackFest Hackathon Sounds good right Let s see what it is and how it started by who What exactly is iTech iTech is an eCommerce Web App that helps users to shop only tech related items that only come from the bestsellers Who built this iTech is built by a team of members named Fantastic Frontend they includeArjun Vijay Prakash Leader Full Stack Dev Agrim Singh Designer HTML CSS Dev Pratyush Yadav Designer HTML CSS Dev Tech StackiTech is built with ReactJS TailwindCSS and Firebase Authentication	2022-06-06 05:37:23
海外TECH	DEV Community	These 6 rules created a really dope culture at my job	https://dev.to/rockykev/these-6-rules-created-a-really-dope-culture-at-my-job-5fj5	These rules created a really dope culture at my job This post was originally written in February on my defunct blog Moved it here We as a industry do a lot of lip service about being inclusive creating welcoming environments and making things a fun place to be Yet the industry can be tribal hostile Open source developers get attacked Languages get mocked and practioners laughed at like PHP which runs of the internet or Javascript which is of the internet Framework tribes bubble up and thousands of bloggers write posts comparing the Reacts Vues Sveltes vanilla no links because not creating backlinks to THAT noise and why only one shall reign supremeImposter Syndrome is real With so many routes to becoming a developer self taught to CS degrees bootcamps everyone is on extremely different wavelengths That toxicity spreads to the person who brings that into their workplace The workplace already has it s own set of problems Changing deadlines bad code bugs office politics time vampires and meeting overload overwork stress and only recently did developers realize mental health is a thing And let s not forget remote work for those fortunate to get it also has it s own challenges It s freakin tough to be a developer The current realityI m an introvert As a introvert we re told that closed mouths don t get fed So you speak up or you die What they didn t teach you is The loudest person in the room gets what they want Have you ever been in a room where you re in a group of incredibly smart people and you re the percieved dumb quiet one It usually goes like this You bring up a concern Then the loudest person starts speaking to address your concern Everyone starts shaking their head and nobody has any counterpoints You don t agree but the social pressure stops you from talking The loudest person wasn t mean or belittling They just brought more passion to the table Everyone else who may share the same concern as you do shrug from mental exhaustion or not feeling like they want to People don t feel psychological safety “Psychological safety at work doesn t mean that everybody is nice all the time It means that you embrace the conflict and you speak up knowing that your team has your back and you have their backs “People need to feel comfortable speaking up asking naïve questions and disagreeing with the way things are in order to create ideas that make a real difference says Altman via For those who prefer code Psychological Safety Better everything Creating Psychological Safety Rule Start from a place of positivityIn almost any televised sport watch the players Teammates high five Win or lose opponents say good game Players tend to be good sports It s rare to seeing players belittle a fellow teammate Because at the end of the day it s just another day It s just another game There s a thousand more And another opportunity to shine That s how we see it Assume positive intent In code reviews feedback is viewed from the lens of the positive We identify what they ve done right and give them praise for it We also give clear feedback and we explain why This is what you see in my team Great work on this feature You really took the time to implement this correctly and it s going to help us so much in the long run thank you I noticed that you missed this Take a look at this PR and can you try to align it to yours PR link Rule Reminders that we re always learningWeb development changes and evolves Libraries from three years ago might be outdated insecure today In web development the moment you master something it s already outdated Welcome to the real world Let s accept the big picture Coding is hard And the result Imposter syndrome is very real To create psychological safety my team is honest with ourselves Nobody is a expert We all feel like imposters And more importantly we re always learning We remind each other by Sharing our favorite learning resources like courses or books Shoutout to Frontend MastersPushing everyone to contribute to the internal knowledge base Best way to learn is to teach it Learn by Teaching is a method of teaching for eons Providing a safe space to asks questions In my company we have a channel called Riddle Me This Everyone asks questions even the experienced devs But more importantly we re not just yelling into the void Someone shares a resource and suddenly ️️️everywhere Everyone on the team appreciates it We re all naturally curious and hungry for knowledge And if they aren t they re a bad hire Rule Celebrate as a teamWe win as a team It takes a lot of people to bring a new feature to production The feature may have been brainstormed by a developer Another developer took on the task A bunch of other developers code reviewed it Another developer may deploy it It s never ever just one person We go out of our way to remind people of their contribution We do that with Shoutouts during standup Someone did something we like we let the whole team know Shoutouts in chat What better way to make it visible Shoutouts in code review description It s a great feeling to know your code inspired another Monthly shoutouts Emails praising your work It takes a village Rule Problems aren t personal it s just another todo We win as a team Which also means we lose as a team Finger pointing is a waste of energy Quote that When a manager demanded to know who caused a bug I said it was me DONE NEXT QUESTION PLEASE Doesn t matter that I was no where near the code Many industries follow the swiss cheese model including medical professionals When there s a medical mishap there s never a single fault Typically a issue went through multiple layers of defense and we all failed It s the same in dev work When there s a problem there s only TWO STEPS STEP How we can fix the problem STEP How do we mitigate future problems and we throw more layers of defense Everything else is a waste of everyone s time and energy In my team we separate the problem from the person Then we get to work Rule Leading by exampleLet s face it Good leaders lead from the front Do you really trust the manager who demands everyone get in the office by am for that manager to waddle in at am All leaders should be able to do the following Give shoutout and appreciation Apologize for mistakes Say I don t know A leader who is unable to recognize someone s talents is egotistic and cannot be trusted to support you without a reward A leader who is unable to apologize is WEAK and lacks self realization In their viewpoint there s right and wrong and they re always right A leader who is unable to say I don t know is insecure and inexperienced They believe only they can do everything and may be controlling difficult Everyone on my team inspires to grow and be the best I push everyone to be leaders in hopes of forming their own teams one day It s important for all of us to show high quality leadership through example Rule Frequent check ins Stand ups help with blocks people say Maybe Stand ups just tell if someone is alive Someone needs to FEEL psychologically safe to share what blockers they have Otherwise they ll quickly share what they re doing and pass the mic I know from experience Not everyone communicates the same I communicate using visual aids and writing My teammate prefers to jump on calls Another teammate ONLY communicates through PRs and feedback We facilitate check ins by creating many points of touch until we figure out their mode of communication There s no one size fits all and requires a lot of trial and error But it s worth it Good Culture is creating Psychological SafetyThe industry can get pretty toxic which can create toxic cultures and many many horror stories With that unknown new hires have a lot of fears coming in Once psychological safety is established the results is real growth They ll tackle projects They ll own code They ll even start pushing the envelope and make us all level up These small details cause major ripple effects for everyone It s a little bit of effort for a major gain And it s totally worth it	2022-06-06 05:30:51
海外TECH	DEV Community	Creating Gooey Tooltips for Range Sliders using SVG Filters	https://dev.to/n3r4zzurr0/creating-gooey-tooltips-for-range-sliders-using-svg-filters-54a7	Creating Gooey Tooltips for Range Sliders using SVG FiltersA few weeks ago I developed a small library for creating range sliders that can capture a value or a range of values with one or two drag handles In this article I will use it to create range sliders and then create gooey tooltips for them using SVG filters nrzzurr range slider input A lightweight kB library to create range sliders that can capture a value or a range of values with one or two drag handles range slider input A lightweight kB library to create range sliders that can capture a value or a range of values with one or two drag handles Examples CodePenFeaturesHigh CSS customizabilityTouch and keyboard accessibleSupports negative valuesVertical orientationSmall and fastZero dependenciesSupported by all major browsersHas a React component wrapper️It is recommended that you upgrade from v x to v x What s new and what s changed in v x Installationnpmnpm install range slider inputImport the rangeSlider constructor and the core CSS import rangeSlider from range slider input import range slider input dist style css CDN lt script src dist rangeslider umd min js gt lt script gt or lt script src gt lt script gt The core CSS comes bundled with the jsDelivr and unpkg imports Usageimport rangeSlider from range slider input import range slider input dist style css const rangeSliderElement rangeSlider element APIrangeSlider element options … View on GitHubI have divided this article into sections Let s begin or just jump to the final result Creating the Range SlidersHere I have created two range sliders one with a single thumb and the other with two thumbs and have styled them with some custom CSS refer to the documentation to know more about styling So this is going to be our starting point Creating the Gooey EffectGooey effect can be obtained by applying a blur filter and by increasing the contrast later which can be done using the CSS property filter filter blur px contrast But there are a few drawbacks to this approach the worst one being that it falls back to the nearest standard color which restricts the range of the colors that can be used This is where the SVG filters are very helpful For our case the filter should look like lt svg xmlns version gt lt defs gt lt filter id gooey gt lt feGaussianBlur in SourceGraphic stdDeviation result blur gt lt feColorMatrix in blur mode matrix values gt lt filter gt lt defs gt lt svg gt Here the feGaussianBlur filter effect applies the blur filter and to increase the contrast we use the feColorMatrix filter effect which involves manipulation of color channels Here is an extensive article on this filter effect Finessing feColorMatrix if you want to dig deeper into this subject For our case we just need to increase the contrast of the alpha channel so we will leave the RGB channels untouched RGBA RGBA With this manipulation the value of the alpha channel gets multiplied by and then gets subtracted from it effectively increasing the contrast of the transparency You can play with these values until you get your desired result Positioning of blobs over thumbsAfter creating the desired gooey effect we will need to place the blobs over the thumbs of the range sliders Create a container element with position set to relative Inside it put the slider and the blobs with their position set to absolute and update the left positional property of the blobs whenever the value of the slider is changed But what should we update the left property with Value percentage No Let s see why These range sliders are in accordance with lt input type range gt so the position of the thumbs isn t simply the value percentage The width of the thumb is taken into account too So in order to calculate the position of a thumb we will doconst thumbWidth px for exampleconst fraction value MIN MAX MIN blobs style left calc fraction fraction thumbWidth px where MIN and MAX are the min and max properties of the range slider which are and by default respectively Putting everything togetherOur final HTML structure looks something like lt div class container gt lt div class slider gt lt div gt lt div class blobs gt lt div class blob gt lt div gt lt div class blob gt lt div gt lt div gt lt div class value text gt lt div gt lt div gt Also to make the code more readable I have written a wrapper function that creates a range slider pops up one of the blobs upon user interaction and updates the position of the blobs whenever there is a change in the value function gooeyRangeSlider element options initialIndex const slider element querySelector slider const blobs element querySelector blobs const valueText element querySelector value text let value initialIndex denotes the index of the thumb over which the blobs have to be placed initially const currentIndex gt currentValueIndex returns when the thumbs are in idle state const index wrapper currentValueIndex return index initialIndex index const update gt const index currentIndex const fraction value index wrapper min wrapper max wrapper min const left calc fraction fraction px blobs style left left valueText style left left valueText textContent value index const wrapper rangeSlider slider options onInput v gt value v update onThumbDragStart gt blobs classList add active update onThumbDragEnd gt blobs classList remove active value wrapper value update FINAL RESULT	2022-06-06 05:26:27
北海道	北海道新聞	＜Ｃｏｏｌ！　しりべし＞観光業界　販路の革新重要　王力勇	https://www.hokkaido-np.co.jp/article/689821/	観光資源	2022-06-06 14:15:57
北海道	北海道新聞	カツカレー、北見の新ご当地グルメに　北見工大・升井教授、食べ歩いてデータ分析	https://www.hokkaido-np.co.jp/article/689910/	教授	2022-06-06 14:09:19
北海道	北海道新聞	石井一元自治相が死去　８７歳、政治改革法成立に尽力	https://www.hokkaido-np.co.jp/article/690052/	国家公安委員長	2022-06-06 14:00:49
ビジネス	東洋経済オンライン	｢大丈夫！｣受験生の親が言ってはいけないワケ 子どものやる気が上がる魔法の声かけとは？ | 子育て | 東洋経済オンライン	https://toyokeizai.net/articles/-/590196?utm_source=rss&utm_medium=http&utm_campaign=link_back	佐藤亮子	2022-06-06 15:00:00
マーケティング	MarkeZine	約8割の消費者がロイヤルティの高いブランドを持ち、プライバシー保護を重要視【チーターデジタル調査】	http://markezine.jp/article/detail/39138	高い	2022-06-06 14:30:00
IT	週刊アスキー	明るくノンシリアスな新シーズン到来！『フォートナイト』チャプター3 シーズン3「バイブス」が開幕	https://weekly.ascii.jp/elem/000/004/093/4093795/	epicgames	2022-06-06 14:30:00
IT	週刊アスキー	サンコー、片手で引き出すだけで簡単にセットできる「片手でシュルッと簡単『車用瞬間ロール式シェード』」を発売	https://weekly.ascii.jp/elem/000/004/093/4093778/	簡単	2022-06-06 14:15:00