投稿時間:2022-02-27 18:15:34 RSSフィード2022-02-27 18:00 分まとめ(22件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	マウス、キーボード、ヘッドセット。ゲーミングアイテムをタイムセール祭りでお得ゲット！	https://japanese.engadget.com/time-sale-gaming-085313935.html	祭り	2022-02-27 08:53:13
TECH	Engadget Japanese	快適なゲームプレイのために！ タイムセール祭りでゲーミングディスプレーがお買い得	https://japanese.engadget.com/time-sale-gaming-display-081103621.html	祭り	2022-02-27 08:11:03
ROBOT	ロボスタ	リザードンでかい!!ピカチュウかわいい！ポケモンたちが駄菓子屋でダンス！『ポケモン 赤・緑』の音楽をサンプリングしたMVを公開	https://robotstart.info/2022/02/27/pokemon-reconnect-mv.html	リザードンでかいピカチュウかわいいポケモンたちが駄菓子屋でダンス『ポケモン赤・緑』の音楽をサンプリングしたMVを公開シェアツイートはてブ株式会社ポケモンは、『ポケットモンスター赤・緑』の音楽をサンプリングした楽曲『Reconnect』のMVを年月日に公開した。	2022-02-27 08:41:14
python	Pythonタグが付けられた新着投稿 - Qiita	事業企画1年目のpython学習6.5日目 ライブラリ紹介あり。	https://qiita.com/Kamon/items/469166c17356504926a7	本記事についてとある事業会社で事業企画をやっています。	2022-02-27 17:21:53
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS 使用できるアベイラビリティゾーンを5秒で調べる	https://qiita.com/shibunyan/items/6e5443b98bb4b24f526b	AWS使用できるアベイラビリティゾーンを秒で調べるTLDRAWSCLIの下記を実行すると、使用できるゾーンが分かる。	2022-02-27 17:51:54
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Wavelength を構築してみた	https://qiita.com/sugimount-a/items/1ec954ae4bd1a06da1bf	ECDashboardを開き、右側にあるZonesを選択しますWavelengthZonesにあるManageを押しますKDDIのものをEnabledを押しますEnableと入力してOkを押します自分の環境では、数分後EnabledとなりましたVPCの作成WavelengthZoneの東京と大阪は、TokyoRegionのVPCに所属するZoneとなります。	2022-02-27 17:09:22
Docker	dockerタグが付けられた新着投稿 - Qiita	ローカルTektonでCI/CD（前編）	https://qiita.com/pict3/items/0cce5444b86a5ba63ef6	構成イメージminikubeで環境構築著者の環境macOSBigSurvminikubevtknvksvtknは、TektonのCLIツール。	2022-02-27 17:58:14
Ruby	Railsタグが付けられた新着投稿 - Qiita	細かいつまずいたことをメモしておく(2月編)	https://qiita.com/Sicut_study/items/7e5238f3858d845473aa	FATALtiniexectrainfailedNosuchfileordirectoryこれはSageMakerのファイルパスが正しく設定されていないことが原因になっているSageMakerで独自コンテナを使って自動学習Dockerfileに以下を追加するENVPATHoptprogramPATHちなみに出力先はoptmlmodelになるので出力ファイルはすべてこの中に書き出すようにするRailsVueのVueRouterでブラウザバックすると白い画面になるVueが読み込まれないVueを読み込んだページから別のページに移動して戻るボタンを押すと白い画面になってしまいVueが読み込まれなくなってしまった。	2022-02-27 17:32:31
海外TECH	DEV Community	Task force Week Two Recap	https://dev.to/maniplek/task-force-week-two-recap-43a6	Task force Week Two RecapIt was a very interesting week of good technical and soft skills experience Technical skills were about communication we have gone through the polite and professional way to respond to an email and not ask close questions I have been making a lot of mistakes but after the session l gained a lot With Hans we sow a lot and we played a role where l was an employee but the boss tried to tell me the bad news it was a good experience of knowing deep about empathy It s been a new challenge for me through code wars kata where we have to do them lonely it was a way of thinking very big to solve all the Codewars katas this was really amazing but honestly teamwork wins in a very short time but l enjoyed them It works on my machine This is one the best to get the value of git and DevOps through technical skills l enjoyed the course we took with the CTO of Awesomity Lab we saw the importance of git and even DevOps for myself l didn t know well about DevOps but I even enjoyed it as it aims to shorten the systems development life cycle and provide continuous delivery with high software quality for the git it was amazing in going into all of the Git processes For myself l was using GitHub but in our session we have gone with GitLab it was challenging but later l enjoyed it through pipelines and even automating some jobs For the presentation we got some challenging questions but after we overcome them and even more to add on what we had It was the best catchy week for all the sessions we had l learned a lot thanks to CoA and Awesomity Lab	2022-02-27 08:40:42
海外TECH	DEV Community	React Navigation v4 BottomTab with a little tweak	https://dev.to/rekastudios/react-navigation-v4-bottomtab-with-a-little-tweak-19l	React Navigation v BottomTab with a little tweakPer the title we are going to do a nested BottomTab with a little tweak Instead of the usual Icon for the tabIcon we will use Image Adding NavigationTo start once you have your react native app initialized please install React Navigation Please visit the React Navigation v getting started page for the full details on setup Here is a short walkthrough of the setup Install React Navigation v and its dependencies as shown below yarn add react navigation yarn add react native reanimated react native gesture handler react native screens react native safe area context react native community masked viewOnce you got your React App and React Navigation ready let s move on to the next step Minimal example of tab based navigationFor the navigators we will need to have tabs Tab jsimport React from react import View Text Image Dimensions from react native import createAppContainer from react navigation import createBottomTabNavigator from react navigation tabs import Ionicons from react native vector icons Ionicons import Tab from Tab class Tab extends React Component render return lt View style flex justifyContent center alignItems center gt lt Text gt Tab lt Text gt lt View gt const BottomTab createBottomTabNavigator Tab screen Tab Tab screen Tab defaultNavigationOptions navigation gt tabBarIcon focused horizontal tintColor gt const routeName navigation state let IconComponent Ionicons let iconName if routeName Tab iconName focused ios information circle ios information circle outline else if routeName Tab iconName focused alarm alarm outline You can return any component that you like here return lt IconComponent name iconName size color tintColor gt tabBarOptions activeTintColor d inactiveTintColor gray export default createAppContainer BottomTab Tab jsimport React from react import View Text Button from react native import createAppContainer from react navigation import createStackNavigator from react navigation stack class Screen extends React Component render return lt View style flex justifyContent center alignItems center gt lt Text gt Tab Screen lt Text gt lt Button onPress gt this props navigation navigate Screen title Go to screen color fbebd gt lt View gt class Screen extends React Component render return lt View style flex justifyContent center alignItems center gt lt Text gt Screen lt Text gt lt View gt const StackNavigator createStackNavigator Screen Screen Screen Screen export default createAppContainer StackNavigator Here s an example of bottomtab withIconNow here comes the little tweak Make sure you have different sets of images As you can see here I have pictures for Profile and Settings You just need to replace the tabBarIcon settings defaultNavigationOptions navigation gt tabBarIcon focused horizontal tintColor gt const routeName navigation state let IconComponent Ionicons let iconName if routeName Tab iconName focused require profile png require profileInactive png else if routeName Tab iconName focused require settings png require settingsInactive png You can return any component that you like here return lt Image source iconName style height width gt And voila There you go As you can see here when we go to Screen the bottom tab is still there In order to remove it we only need to addtabBarVisible navigation state index under the defaultNavigationOptions in the bottomNavigator that we ve created And POOF You can change the image size or the label size to your liking You can even change the bottom tab bar to any colour or shape that you want Hope you had fun creating the tab Bye	2022-02-27 08:35:50
海外TECH	DEV Community	Çeviri Yaparak para kazanma	https://dev.to/kariyerfikri/ceviri-yaparak-para-kazanma-3ooc	Çeviri Yaparak para kazanmaÇeviri yapma işi internet üzerinde oldukça fazladır Dolayısıyla küçük bir internet araştırmasıonlarca sonuçla karşılaşmanıza yardımcıolur Bunlara başvurur ve deneme metnini başarıyla çevirirseniz işe aynıgün içerisinde başlayabilmeniz mümkündür Aynışekilde yaşadığınız yerde bulunan tercüme bürolarına da gidilebilir Ancak yabancıdil ile internetten para kazanmak konusunda bilmeniz bazınoktalar da vardır Bunlarıbilmeden denerseniz istediğiniz sonuçlarıalamamanız muhtemeldir Özellikle kendinizi dil üzerinde yeteri kadar geliştirmemişseniz çevirilerin kalitesi düşük olacak böylece aldığınız şikâyetler çoğalacaktır Bu hususa dikkat etmeniz gerekir Kaynak	2022-02-27 08:23:22
海外TECH	DEV Community	尝试爆破NFT奖励时间限制 （二）	https://dev.to/auok007/chang-shi-bao-po-nftjiang-li-shi-jian-xian-zhi-er--1o4e	目前的情况从服务器获取已经没办法了有没有其他办法呢。	2022-02-27 08:15:17
海外TECH	DEV Community	Solving cache invalidation in 15 lines of code	https://dev.to/jdorn/solving-cache-invalidation-in-15-lines-of-code-97p	Solving cache invalidation in lines of codeCaching lets you manage the trade off between freshness and speed when dealing with slow asynchronous calls If you only care about freshness it s easy Just set a really short cache time or forego caching entirely The data will always be up to date but you ll constantly be waiting on the slow calls to finish If you only care about speed it s also easy Just set a super long cache time You ll rarely have to wait for the slow calls but the data may be really out of date The problem is developers often want both fresh data as fast as possible Cache invalidation is one way to achieve this but it s incredibly hard to do well In fact there s a common saying The two hardest problems in Computer Science are naming cache invalidation and off by one errors Stale while revalidate or SWR is another attempt to solve this problem that is much simpler When a stale item is requested from the cache you immediately return it maximum speed You then kick off a background task to update the value maximum freshness In fact it s so simple we can implement it in only lines of javascript code const cache new Map async function swr key refresh staleAfter let data cache get key ts val null promise null cache set key data Item is stale start refreshing in the background if data promise amp amp Date now data ts gt staleAfter data promise refresh then val gt data ts Date now data val val catch e gt console error e finally gt data promise null No data yet wait for the refresh to finish if data promise amp amp data ts await data promise return data val And this is how you would use it const data await swr cache key expensiveFuncion The first time you run that code it will wait for the expensive function to finish Subsequent calls will always return immediately If the returned value is stale more than seconds old it will refresh it in the background You can get a lot fancier with the implementation but the basics of SWR really are that simple If you are building a React App and want to use this method to fetch data for your front end I highly recommend the useSWR React hook by Vercel	2022-02-27 08:14:45
海外TECH	DEV Community	PropTypes in react (JS)	https://dev.to/therajatg/proptypes-in-react-js-i17	PropTypes in react JS Let s see what reactjs org has to say As your app grows you can catch a lot of bugs with typechecking React has some built in typechecking abilities To run typechecking on the props for a component you can assign the special propTypes property Here we ll see main propTypes properties and I promise you ll understand props with different validators Default prop values props with isRequiredSince you are here I guess you have a basic idea about props if you don t first read my previous blog here We ll understand PropTypes with the help of the navbar component See below App jsimport Navbar from Navbar export default function App return lt div className App gt lt Navbar logo Kitab anyName login gt lt div gt Navbar jsimport React from react import App css export default function Navbar props return lt div className App gt lt nav className navigation container gt lt h gt lt a className nav logo href gt props logo lt a gt lt h gt lt div className nav links gt lt span gt lt a href className nav home gt Home lt a gt lt span gt lt span gt lt a href className nav about gt About lt a gt lt span gt lt span gt lt a href className nav services gt props anyName lt a gt lt span gt lt div gt lt nav gt lt div gt In the above example we have imported the navbar component in our App js and changed variables logo and anyName in the navbar component with the help of props props with different validators In the below code I have included PropTypes have a quick glance at the below code and move on to what I have to say immediately following it Navbar jsimport React from react import PropTypes from prop types import App css export default function Navbar props return lt div className App gt lt nav className navigation container gt lt h gt lt a className nav logo href gt props logo lt a gt lt h gt lt div className nav links gt lt span gt lt a href className nav home gt Home lt a gt lt span gt lt span gt lt a href className nav about gt About lt a gt lt span gt lt span gt lt a href className nav services gt props anyName lt a gt lt span gt lt div gt lt nav gt lt div gt Navbar propTypes logo PropTypes string In the above code for Navbar js we have done changes Includedimport PropTypes from prop types in order to use PropTypes IncludedNavbar propTypes logo PropTypes string so that whatever the logo we define in App js will always be a string type Therefore instead of logo Kitab if I do logo in App js it will result in an error see the error in chrome console import Navbar from Navbar export default function App return lt div className App gt lt Navbar logo anyName login gt lt div gt Read the error ️prop type can be a string PropTypes string number PropTypes number boolean PropTypes bool function PropTypes func object PropTypes object or array PropTypes array Now you may think that why all this typechecking I ll take care and will send only string but you are saying this now however as your program will grow in size and compexity you may send an object and at that time the problem will be very hard to detect Default prop valuesLet s shoot directly to the example Navbar jsimport React from react import PropTypes from prop types import App css export default function Navbar props return lt div className App gt lt nav className navigation container gt lt h gt lt a className nav logo href gt props logo lt a gt lt h gt lt div className nav links gt lt span gt lt a href className nav home gt Home lt a gt lt span gt lt span gt lt a href className nav about gt About lt a gt lt span gt lt span gt lt a href className nav services gt props anyName lt a gt lt span gt lt div gt lt nav gt lt div gt Navbar propTypes logo PropTypes string Navbar defaultProps logo Enter logo anyText rd link In the above code we have addedNavbar defaultProps logo Enter logo anyName rd link at the bottom Hmmm I could not see any changes happening This is because we have given defaultProps in Navbar js and default props will only be effective when we forget to pass any value to props In this case we have already passed values to logo and anyName in App js Let s remove the values passed and see what happens import Navbar from Navbar export default function App return lt div className App gt lt Navbar gt lt div gt You can see below that the default values are now effective Hence whenever I forget to pass values the browser will assign default values isRequiredWhen we assign isRequired to a prop that prop must be assigned a value otherwise we ll get an error Now let s see the below example to understand how isRequired works Navbar jsimport React from react import PropTypes from prop types import App css export default function Navbar props return lt div className App gt lt nav className navigation container gt lt h gt lt a className nav logo href gt props logo lt a gt lt h gt lt div className nav links gt lt span gt lt a href className nav home gt Home lt a gt lt span gt lt span gt lt a href className nav about gt About lt a gt lt span gt lt span gt lt a href className nav services gt props anyName lt a gt lt span gt lt div gt lt nav gt lt div gt Navbar propTypes logo PropTypes string isRequired anyName PropTypes isRequired Navbar defaultProps logo Enter logo anyName rd link ️Hmmmmm nothing happened This is because we have already passed default props Hence the value has already been passed to the props Let s remove the default props and see what happens Navbar jsimport React from react import PropTypes from prop types import App css export default function Navbar props return lt div className App gt lt nav className navigation container gt lt h gt lt a className nav logo href gt props logo lt a gt lt h gt lt div className nav links gt lt span gt lt a href className nav home gt Home lt a gt lt span gt lt span gt lt a href className nav about gt About lt a gt lt span gt lt span gt lt a href className nav services gt props anyName lt a gt lt span gt lt div gt lt nav gt lt div gt Navbar propTypes logo PropTypes string isRequired anyName PropTypes isRequired See the error ️Hence if you think some prop value is important to assign use isRequired for that prop I recommend you to use Default prop values and props with isRequired frequently in order to avoid any issues in your code when it becomes complex Now I think I have fulfilled my promise and you understand props with different validators Default prop values props with isRequired If you don t tell me in the comments section and I ll try to explain it again by editing That s all folks If you have any doubt ask me in the comments section and I ll try to answer as soon as possible I write one article every day related to web development yes every single day Follow me here if you are learning the same If you love the article follow me on Twitter therajatgIf you are the Linkedin type let s connect Have an awesome day ahead	2022-02-27 08:08:29
海外TECH	DEV Community	Update your team to be more extreme	https://dev.to/chemaclass/update-your-team-to-be-more-extreme-539k	Update your team to be more extremeOur profession is constantly evolving therefore it demands a non stop learning process Embracing the change is not optional in our software industry We need to create spaces to get out of our comfort zone so our cognitive brain can train and improve how to adapt to our surroundings which are constantly transforming Continue reading at	2022-02-27 08:00:43
ニュース	@日本経済新聞 電子版	東京都、新たに1万321人感染　7日平均で前週の75.3% https://t.co/ewOybA2rWM	https://twitter.com/nikkei/statuses/1497846381540564998	東京都	2022-02-27 08:09:40
海外ニュース	Japan Times latest articles	North Korea launches apparent ballistic missile as world watches Ukraine	https://www.japantimes.co.jp/news/2022/02/27/asia-pacific/north-korea-missile-launch-ukraine/	North Korea launches apparent ballistic missile as world watches UkraineThe missile was believed had traveled about kilometers hitting a maximum altitude of km It did not land in Japan s exclusive economic zone	2022-02-27 17:38:56
海外ニュース	Japan Times latest articles	Ukrainian oil and gas facilities burn as West prepares new sanctions	https://www.japantimes.co.jp/news/2022/02/27/world/russia-ukraine-weapons-west/	ukraine	2022-02-27 17:01:08
ニュース	BBC News - Home	Ukraine: Oil depot hit and set ablaze near Kyiv	https://www.bbc.co.uk/news/world-europe-60544498?at_medium=RSS&at_campaign=KARANGA	fumes	2022-02-27 08:36:14
ニュース	BBC News - Home	Ukrainians fighting heroically, says Johnson	https://www.bbc.co.uk/news/uk-60541505?at_medium=RSS&at_campaign=KARANGA	kharkiv	2022-02-27 08:30:26
ニュース	BBC News - Home	Ukraine conflict: What is Swift and why is banning Russia so significant?	https://www.bbc.co.uk/news/business-60521822?at_medium=RSS&at_campaign=KARANGA	financial	2022-02-27 08:13:07
北海道	北海道新聞	ラグビー、横浜がＢＲ東京下す　リーグワン第７節最終日	https://www.hokkaido-np.co.jp/article/650495/	駒沢	2022-02-27 17:04:22