投稿時間:2023-08-29 19:19:45 RSSフィード2023-08-29 19:00 分まとめ(24件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
AWS AWS - Japan アジャイルよもやま話 ~ リモートでもアジャイル開発 (オフショアでやってみた) #AWSDevLiveShow https://www.youtube.com/watch?v=6IP5HheSRjA アジャイルよもやま話リモートでもアジャイル開発オフショアでやってみたAWSDevLiveShowアジャイル開発アジャイルagileリモート開発awsクラウドチャンネル登録»アンケートにお答えいただいた方の中から先着名の方に、AWSに利用できる無料クレジットをプレゼントします。 2023-08-29 09:26:14
python Pythonタグが付けられた新着投稿 - Qiita OpenVINOとOpen3Dを用いて、CPUで入力動画から3次元復元する https://qiita.com/hon_nalgo/items/7e62ccdb505b1baf181d opend 2023-08-29 18:41:41
技術ブログ Developers.IO AMIのバックアップを使ったリストアを行う https://dev.classmethod.jp/articles/restore-server-from-ami/ 選択 2023-08-29 09:44:24
技術ブログ Developers.IO [AWS値下げ] Amazon IVSでLow-Latency Streamingのライブ動画出力料金が引き下げられています! [日本では約3割引〜] https://dev.classmethod.jp/articles/amazon-ivs-low-latency-streaming-live-video-output-price-changes/ tivevideoserviceamazoniv 2023-08-29 09:43:01
海外TECH DEV Community Enabling Dark Mode in React.js with SCSS Modules 🌙 https://dev.to/0ro/enabling-dark-mode-in-reactjs-with-scss-modules-2mm0 Enabling Dark Mode in React js with SCSS Modules In one of my recent projects I needed to add support for dark mode to a React js Single Page Application SPA Since we were using SCSS modules to style our elements let s explore how to implement dark mode in a React js project with SCSS modules Switching Color SchemesWith widespread browser support for CSS variables I don t see any alternative to using the body class CSS variables approach This means that when a user enables dark mode in your application a dark class is added to the body tag and the variables are overridden based on the presence or absence of this class CSS VariablesIf you re not already familiar CSS variables custom properties are entities in CSS that allow you to store values and then use them in your styles For example body text color ccc define a CSS variable h color var text color get a variable p color var text color get a variable Variable names should always start with a double hyphen and you access a variable by using the var function The var function will attempt to find the text color variable within its scope or from its parents In our case that s the body However you can redefine this variable so that for example h and p elements inside sections have a different color section text color ddd In our case this trick will help override variables for dark mode Real caseFirst declare all the variables your designers use in layouts on the root pseudo class and add them to a global scss file in your project root black gray ccc white fff blue f In this case I suggest not tying variable names to the entities where you plan to use them For instance don t name them like text primary color ccc because we re going to define this at the level of React component styles For example you have a component import classNames from classnames import styles from Text module scss interface ITextProps type primary secondary children React ReactNode export const Text React FC lt ITextProps gt type primary children gt return lt p className classNames styles root styles type Type gt children lt p gt As you can see this is a simple React Component that can have one of two types which we intend to handle in the style file The style file Text module scss for this component will look like this primaryType text color var blue color var text color secondaryType text color var black color var text color Here for each text type I ve defined my own variable whose value is taken from the root pseudo class Now to enable dark mode for text we need to use the body dark class We can do this as follows primaryType text color var blue color var text color secondaryType text color var black color var text color global dark primaryType text color var gray secondaryType text color var white global dark allows us to use global SCSS modules classes Here we simply override variable values which due to the nesting within the dark class will take higher priority than the ones declared above Since we are using SCSS we can create a mixin based on this approach Let s also add a media query to apply dark mode based on the user s operating system settings Here s what the mixin will look like SCSS Mixin mixin dark mode media prefers color scheme dark content global dark content And here s how you can use this mixin import styles mixins primaryType text color var blue color var text color secondaryType text color var black color var text color include dark mode primaryType text color var gray secondaryType text color var white This way dark mode styles for your components will be isolated and conveniently located at the end of the file making it easy to navigate through them 2023-08-29 09:38:04
海外TECH DEV Community How to Create Eye-Catching Country Rankings Using Python and Matplotlib https://dev.to/oscarleo/how-to-create-eye-catching-country-rankings-using-python-and-matplotlib-58g9 How to Create Eye Catching Country Rankings Using Python and MatplotlibHi and welcome to this tutorial where I ll teach you to create a country ranking chart using Python and Matplotlib What I like about this visualization is its clean and beautiful way of showing how countries rank compared to each other on a particular metric The alternative to using a standard line chart showing the actual values get messy if some countries are close to each other or if some countries outperform others by a lot If you want access to the code for this tutorial you can find it in this GitHub repository If you enjoy this tutorial make sure to check out my other accounts Data Wonder on Substackoscarlo on Twitteroscarleo on MediumLet s get started About the dataI ve created a simple CSV containing GDP values for today s ten largest economies for this tutorial The data comes from the World Bank and the full name of the indicator is GDP constant us If you want to know more about different ways of measuring GDP you can look at this Medium story where I use the same type of data visualization Let s get on with the tutorial Step Creating rankingsStep one is to rank the countries for each year in the dataset which is easy to do with pandas def create rankings df columns rank columns rank format i for i in range len columns for i column in enumerate columns df rank columns i df column rank ascending False return df rank columnsThe resulting columns look like this That s all the preprocessing we need to continue with the data visualization Step Creating and styling a gridNow that we have prepared our data it s time to create a grid where we can draw our lines and flags Here s a function using Seaborn that creates the overall style It defines things like the background color and font family I m also removing spines and ticks def set style font family background color grid color text color sns set style axes facecolor background color figure facecolor background color axes grid True axes axisbelow True grid color grid color text color text color font family font family xtick bottom False xtick top False ytick left False ytick right False axes spines left False axes spines bottom False axes spines right False axes spines top False I run the function with the following values font family PT Mono background color FAFF text color grid color ECC set style font family background color grid color text color To create the actual grid I have a function that formats the y and x axis It takes a few parameters that allow me to try different setups such as the size of the labels def format ticks ax years padx pady y label size x label size ax set xlim padx len years padx ylim len df pady pady xticks i for i in range len years ax set xticks ticks xticks labels years yticks i for i in range len df ylabels format i for i in range len df ax set yticks ticks yticks labels ylabels ax tick params y labelsize y label size pad ax tick params x labeltop True labelsize x label size pad Here s what it looks like when I run everything we have so far Load datayears df pd read csv rankings csv index col None df rank columns create rankings df years Create chartfig ax plt subplots nrows ncols figsize len df format ticks ax years And here s the resulting grid Now we can start to add some data Step Adding linesI want a line showing each country s rank for each year in the datasetーan easy task in Matplotlib def add line ax row columns linewidth x i for i in range len columns y row rc for rc in columns ax add artist LineD x y linewidth linewidth color text color Then I run the function for each row in the dataset like this Load datayears df pd read csv rankings csv index col None df rank columns create rankings df years Create chartfig ax plt subplots nrows ncols figsize len df format ticks ax years Draw linesfor i row in df iterrows add line ax row rank columns I m using the same color for each line because I want to use country flags to guide the eye Using a unique color for each line makes sense but it looks messy Step Drawing pie chartsI want to indicate how a country s economy grows over time without adding text Instead I aim to inform in a visual format My idea is to draw a pie chart on each point showing the size of a country s economy compared to its best year I m using PIL to create a pie chart image but you can use Matplotlib directly I don t because I had some issues with aspect ratios def add pie ax x y ratio size zoom image Image new RGBA size size draw ImageDraw Draw image draw pieslice size size start end ratio fill text color outline text color im OffsetImage image zoom zoom interpolation lanczos resample True visible True ax add artist AnnotationBbox im x y frameon False xycoords data The value for the size parameter is slightly larger than the size of my flag images which are x Later I want to paste the flags on the pie charts Here s the updated code Load datayears df pd read csv rankings csv index col None df rank columns create rankings df years Create chartfig ax plt subplots nrows ncols figsize len df format ticks ax years Draw linesfor i row in df iterrows add line ax row rank columns for j rc in enumerate rank columns add pie ax j row rc ratio row years j row years max And here s the result It s starting to look informative so it s time to make it beautiful Step Adding flagsI love using flags in my charts because they are simply beautiful Here the purpose of the flags is to make the chart visually appealing explain which countries we re looking at and guide the eye along the lines I m using these rounded flags They require a license so unfortunately I can t share them but you can find similar flags in other places I ve had some issues getting the pie and flag to align perfectly so instead of creating a separate function to add a flag I m rewriting the add pie function def add pie and flag ax x y name ratio size zoom flag Image open lt location gt png format name lower image Image new RGBA size size draw ImageDraw Draw image pad int size draw pieslice size size start end ratio fill text color outline text color image paste flag pad pad flag split im OffsetImage image zoom zoom interpolation lanczos resample True visible True ax add artist AnnotationBbox im x y frameon False xycoords data I add it right after the pie chart function Load datayears df pd read csv rankings csv index col None df rank columns create rankings df years Create chartfig ax plt subplots nrows ncols figsize len df format ticks ax years Draw linesfor i row in df iterrows add line ax row rank columns for j rc in enumerate rank columns add pie and flag ax j row rc name row country name ratio row years j row years max And now you can behold the visual magic of using flags It s a huge difference compared to the previous output We suddenly have something that looks nice and is easy to understand The last thing to do is to add some helpful information Step Adding additional informationSince not everyone knows all the flags by heart I want to add the country s name to the right I also want to show the size of the economy and how each country compares to the highest ranking Here s my code for doing that def add text ax value max value y trillions round value e ratio to max round value max value text n T format row country name trillions ratio to max ax annotate text y fontsize linespacing va center xycoords axes fraction data As before I add the function to the main code block Note that I m also adding a title years df pd read csv rankings csv index col None df rank columns create rankings df years fig ax plt subplots nrows ncols figsize len df format ticks ax years for i row in df iterrows add line ax row rank columns for j rc in enumerate rank columns add pie and flag ax j row rc name row country name ratio row years j row years max add text ax value row years max value df iloc years y i plt title Comparing Today s Largest Economies nGDP constant us linespacing fontsize x y Voila That s it we re done ConclusionToday you ve learned an alternative way to visualize I like this type of data visualization because it s easy on the eye and conveys a ton of information with very little text If you enjoyed it as much as I did make sure to subscribe to my channel for more of the same Thank you for reading 2023-08-29 09:29:03
海外TECH DEV Community 🌟 Mastering SMART Goals to Overcome Loneliness 🌟 https://dev.to/apetryla/mastering-smart-goals-to-overcome-loneliness-396o Mastering SMART Goals to Overcome Loneliness Loneliness is a challenge many of us face but with the SMART goal framework we can take proactive steps to build connections and foster a sense of belonging Let s break it down Specific Set a clear objective Decide to overcome loneliness by actively engaging in social activities and forming meaningful relationships Measurable Make it quantifiable Commit to attending at least two social events each month and actively participating in discussions or activities Achievable Set realistic steps Research local clubs classes or online communities that match your interests providing opportunities to meet people who share your passions Relevant Tie it to your well being Remember that combating loneliness has a positive impact on your mental health and overall happiness Time Bound Give yourself a deadline Over the next six months gradually increase your social engagement and aim to establish three new quality connections Let s turn loneliness into an opportunity for growth and connection Remember with SMART goals you have a roadmap to transform your life in meaningful ways 2023-08-29 09:14:49
海外TECH Engadget Foxconn's promise to invest $10 billion in Wisconsin is now a distant memory https://www.engadget.com/foxconns-promise-to-invest-10-billion-in-wisconsin-is-now-a-distant-memory-090555405.html?src=rss Foxconn x s promise to invest billion in Wisconsin is now a distant memoryWhen Foxconn announced its plans to open facilities in Wisconsin back in it promised to invest billion into bringing production to the US that was expected to lead to as many as jobs Now the Taiwanese supplier to tech giants like Apple is selling two properties in Eau Claire and Green Bay purchased for almost million in The property listings were first reported by Wisconsin Public Radio via Gizmodo and The Verge which revealed that only three floors of the Green Bay building s six floors are in use Meanwhile the portion Foxconn owns in a mixed use property in Eau Claire has reportedly remained empty for years nbsp Foxconn originally said that it was going to build quot innovation centers quot in Wisconsin including one that will serve as an LCD factory The project was supposed to be massive enough to strike a billion tax credit deal with the local government At the time the project was announced then President Donald Trump said that if he didn t get elected Foxconn quot wouldn t be spending billion quot on manufacturing in the US The former president was also there when the project broke ground equipped with a golden shovel nbsp In however Foxconn massively altered the scale of the project and told the local government that it would be investing million instead of billion like it intended It also reduced the number of potential jobs produced to from positions The company said back then that its original projections quot changed due to unanticipated market fluctuations quot and that reducing the scale of its project in the US gives it the quot flexibility to pursue business opportunities in response to changing global market conditions quot Foxconn didn t comment on its Eau Claire property but it told WPR that it quot will add to the vibrancy of the city s downtown quot Green Bay Mayor Eric Genrich posted on X that he hopes a sale quot will lead to better utilization of a fantastic waterfront building quot This is a great property downtown Hoping this potential transfer in ownership will lead to better utilization of a fantastic waterfront building ーEric Genrich MayorGenrich August This article originally appeared on Engadget at 2023-08-29 09:05:55
ラズパイ Raspberry Pi Get ready for Moonhack 2023: Bringing space down to Earth https://www.raspberrypi.org/blog/moonhack-2023/ Get ready for Moonhack Bringing space down to EarthMoonhack is a free global online coding challenge by our partner Code Club Australia powered by Telstra Foundation It runs once a year for young learners worldwide In almost young people from countries registered to take part This year Moonhack will happen from to October to coincide with World Space The post Get ready for Moonhack Bringing space down to Earth appeared first on Raspberry Pi Foundation 2023-08-29 09:44:27
医療系 医療介護 CBnews 5種混合ワクチン定期接種の方針を了承-厚科審の小委員会で https://www.cbnews.jp/news/entry/20230829172934 予防接種 2023-08-29 18:19:00
金融 金融庁ホームページ 『業種別支援の着眼点』ウェブサイトの開設(委託事業)について掲載しました。 https://www.fsa.go.jp/news/r5/ginkou/20230829.html 開設 2023-08-29 10:00:00
ニュース BBC News - Home Pollution rules changes could ease housebuilding https://www.bbc.co.uk/news/uk-politics-66642878?at_medium=RSS&at_campaign=KARANGA homes 2023-08-29 09:24:01
ニュース BBC News - Home Florida: Mural dedicated to Lyra McKee defaced https://www.bbc.co.uk/news/uk-northern-ireland-66645407?at_medium=RSS&at_campaign=KARANGA londonderry 2023-08-29 09:14:25
ニュース BBC News - Home Live worm found in Australian woman's brain in world first https://www.bbc.co.uk/news/world-australia-66643241?at_medium=RSS&at_campaign=KARANGA months 2023-08-29 09:37:57
ニュース BBC News - Home Alcohol deaths rise to highest level in 14 years https://www.bbc.co.uk/news/uk-scotland-66645602?at_medium=RSS&at_campaign=KARANGA people 2023-08-29 09:36:50
ニュース BBC News - Home The Idol: HBO show cancelled after one season https://www.bbc.co.uk/news/newsbeat-66645349?at_medium=RSS&at_campaign=KARANGA weeknd 2023-08-29 09:32:07
ニュース BBC News - Home Peru: Priest of Pacopampa exhumed after 3,000 years https://www.bbc.co.uk/news/world-latin-america-66645621?at_medium=RSS&at_campaign=KARANGA pacopampa 2023-08-29 09:29:50
ニュース BBC News - Home Adele defends fan who was told to sit down at Las Vegas concert https://www.bbc.co.uk/news/entertainment-arts-66645137?at_medium=RSS&at_campaign=KARANGA vegas 2023-08-29 09:35:28
ニュース BBC News - Home Luis Rubiales: Spanish Football Federation regional presidents call for resignation https://www.bbc.co.uk/sport/football/66640485?at_medium=RSS&at_campaign=KARANGA Luis Rubiales Spanish Football Federation regional presidents call for resignationSpanish Football Federation regional leaders call on president Luis Rubiales to immediately resign while Spanish prosecutors open a preliminary investigation 2023-08-29 09:54:22
マーケティング MarkeZine Z世代・α世代アプローチに切っても切り離せないメタバース アダストリアの戦略を紐解く無料ウェビナー http://markezine.jp/article/detail/43270 無料 2023-08-29 18:30:00
マーケティング MarkeZine 日本アドバタイザーズ協会、若手を対象としたクリエイティブアワード「U35 C&CA」開催 http://markezine.jp/article/detail/43286 ucampca 2023-08-29 18:15:00
IT 週刊アスキー 『サンバDEアミーゴ:パーティーセントラル』のオンライン用バトロワモード「ワールドパーティー」でNo.1を目指そう! https://weekly.ascii.jp/elem/000/004/152/4152820/ nintendo 2023-08-29 18:55:00
IT 週刊アスキー サンワダイレクト、高さ8段階で調整できるシンプルデスクを発売 https://weekly.ascii.jp/elem/000/004/152/4152799/ 高さ 2023-08-29 18:30:00
IT 週刊アスキー メルカリが「まとめ買い」に対応。複数の商品を選んで値引き交渉が可能に https://weekly.ascii.jp/elem/000/004/152/4152798/ 購入 2023-08-29 18:15:00

コメント

このブログの人気の投稿

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2020-12-01 09:41:49 RSSフィード2020-12-01 09:00 分まとめ(69件)