投稿時間:2021-10-18 08:18:30 RSSフィード2021-10-18 08:00 分まとめ(18件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	18℃のPCMクールセルで優しく冷却。快適おでこクールバンド『ME LA COOL DECO』	https://japanese.engadget.com/me-la-cool-deco-224044101.html		2021-10-17 22:40:44
TECH	Techable（テッカブル）	ファンの応援がeスポーツチームの活動資金に！金融プラットフォーム×eスポーツとは？	https://techable.jp/archives/164493	一部の人	2021-10-17 22:00:30
Google	Official Google Blog	HLTH: Building on our commitments in health	http://feedproxy.google.com/~r/blogspot/MKuf/~3/cAC8j6Vg9Ns/	HLTH Building on our commitments in healthTonight kicked off the HLTH event in Boston that brings together leaders across health to discuss healthcare s most pressing problems and how we can tackle them to improve care delivery and outcomes Over the past two years the pandemic shined a light on the importance of our collective health ーand the role the private sector payers healthcare delivery organizations governments and public health play in keeping communities healthy For us at Google we saw Search Maps and YouTube become critical ways for people to learn about COVID So we partnered with public health organizations to provide information that helped people stay safe find testing and get vaccinated In addition we provided healthcare organizations researchers and non profits with tools data and resources to support pandemic response and research efforts As I mentioned on the opening night of HLTH Google Health is our company wide effort to help billions of people be healthier by leaning on our strengths organizing information and developing innovative technology Beyond the pandemic we have an opportunity to continue helping people to address health more holistically through the Google products they use every day and equipping healthcare teams with tools and solutions that help them improve care Throughout the conference leaders from Google Health will share more about the work we re doing and the partnerships needed across the health industry to improve health outcomes Meeting people in their everyday moments and empowering them to be healthierPeople are increasingly turning to technology to manage their daily health and wellbeing ーfrom using wearables and apps to track fitness goals to researching conditions and building community around those with similar health experiences At Google we re working to connect people with accurate timely and actionable information and tools that can help them manage their health and achieve their goals On Monday Dr Garth Graham who leads healthcare and public health partnerships for YouTube will join the panel “Impactful Health Information Sharing to discuss video as a powerful medium to connect people with engaging and high quality health information YouTube has been working closely with organizations like the American College of Physicians the National Alliance on Mental Illness and Mass General Brigham to increase authoritative video content On Tuesday Fitbit s Dr John Moore will join a panel on “The Next Generation of Health Consumers focusing on how tools and technologies can help people take charge of their health and wellness between doctors visits ーespecially for younger generations Regardless of age there s a huge opportunity for products like Fitbit to deliver daily actionable insights into issues that can have a huge impact on overall health like fitness stress and sleep Helping health systems unlock the potential of healthcare dataAcross Google Health we re building solutions and tools to help unlock the potential of healthcare data and transform care delivery Care Studio for example helps clinicians at the point of care by bringing together patient information from different EHR systems into an integrated view We ve been piloting this tool at select hospital sites in the U S and soon clinicians in the pilot will have access to the Care Studio Mobile app so they can quickly access the critical patient information they need wherever they are ーwhether that s bedside at clinic or in a hospital corridor In addition to Care Studio we re developing solutions that will bring greater interoperability to healthcare data helping organizations deliver better care Hear more from Aashima Gupta Google Cloud s global head of healthcare solutions at HLTH in two sessions On Monday October Aashima will discuss how digital strategies can reboot healthcare operations and on Tuesday October she will join the panel “Turning of the Data Tides to discuss different approaches to data interoperability and patient access to health records Building for everyoneWhere people live work and learn can greatly impact their experience with health Behind many of our products and initiatives are industry experts and leaders who are making sure we build for everyone and create an inclusive environment for that work to take place During the Women at HLTH Luncheon on Tuesday Dr Ivor Horn our Director of Health Equity will share her career journey rooted in advocacy entrepreneurship and activism From our early days as a company Google has sought to improve the lives of as many people as possible Helping people live healthier lives is one of the most impactful ways we can do that It will take more than a single feature product or initiative to improve health outcomes for everyone If we work together across the healthcare industry and embed health into all our work we can make the greatest impact For more information about speakers at HLTH check out the full agenda	2021-10-17 22:30:00
python	Pythonタグが付けられた新着投稿 - Qiita	PythonでMAD作成支援ツールを作った話(音声認識)	https://qiita.com/Kusamaru/items/c200401f735955f4ff0e	PythonでMAD作成支援ツールを作った話音声認識免責事項この記事には素人が書いたガバコードが含まれています。	2021-10-18 07:25:28
python	Pythonタグが付けられた新着投稿 - Qiita	トポロジカルソートに関して	https://qiita.com/making111/items/f24158e9e52ea543a736	方針としてはにAirightarrowBiは確定なのでそれを埋めていきますに巡回グラフでないかどうかを確認しますmeans入次数がのものがあるかを確認しますに入次数がの集合のうち最も小さいものから順に追加していきますmeanuseheqpqに今追加したところの入次数を減らしていきますに追加される配列の長さがNになるまで繰り返しますだと思いますNyann様の解答は以下の通りです一部改変Nyann様の提出。	2021-10-18 07:27:38
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	「トリガを作成」中ですがエラーが出ます。	https://teratail.com/questions/364920?rss=all	「トリガを作成」中ですがエラーが出ます。	2021-10-18 07:04:17
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Progate Ruby on Rails5 IV ~ V 個人的ざっくりまとめ	https://qiita.com/lil_datt/items/2814d31905a81ab6a4a1	①編集したい投稿を取得②その投稿のcontentの値を上書き③データベースに保存ターミナルrailsconsolegtpostPostfindbyid①gtpostcontentRails②gtpostsave③フォームに初期値を設定textareaタグで囲んだ部分を初期値として設定できる。	2021-10-18 07:27:20
海外TECH	DEV Community	CSS Layouts: History from Float to Flexbox and Grid	https://dev.to/dianale_dev/css-layouts-history-from-float-to-flexbox-and-grid-5af7	CSS Layouts History from Float to Flexbox and GridCSS layouts have changed significantly within the past several years due to flexbox and to grid In order to bridge the gap between developers who started before this modern era such as myself and between developers starting now who are wondering what clearfix is let s take a look at solutions we did in the past and how they compare to the much easier and more versatile methods of today Although it s unlikely anyone new to development is using the older methods you will still encounter these layouts if you work on older sites Special shoutout to Rachel Andrew Jen Simmons CSS Tricks MDN and Scrimba for providing so many online resources and books on this topicOriginally posted on Codepen on Nov The Past Present and FuturePre Dawn Layouts No CSS Tables The Age of Floats and HacksThe Modern Era of Flex and GridWhen to use Flex vs GridFlex and ExamplesGrid and ExamplesSupercombo of Flex AND GridOther Layout MethodsBackwards CompatibilityMore Information Pre Dawn No CSS Tables Before we had CSS all the styling was done using HTML because there was no way to separate it Document flow order of elements in the HTMLTables for layoutNo separation of content and presentationComplicated time consuming to updateNot responsiveNot semantically correct use of lt table gt tagsI ve had to modify my fair share of web sites built entirely with tables and it was quite unpleasant At one point in order to accomplish the design on a site I didn t build I stuck a complete div within a td cell I wasn t proud but it worked and passed WC validation The Age of Floats and Hacks Floats were initially designed to wrap text around an image or other element Then some really smart developers figured out a way to hack this tool to make multiple column layouts by setting widths of floats within a container Float works well for columns with equal height Unfortunately float does not stack well when columns have different heights In the example above because the nd card is longer it blocks the th card from being able to form a new row directly below the st card The solution was to add a wrapper around each row with clearfix in HTML This makes each row its own container Bootstrap s grid system follows this logic Rows have negative margins on both left and right sides to account for left right padding of floated divsThis method doesn t work well with dynamic content or when you don t know how many items will be in each rowThere is no easy way to vertically align content when the elements are floated An alternative method that does allow vertical alignment is inline blocks However there are complications with using inline block elements for layout Inline elements contain properties of both block and inline which means you can set a width because of the block property but items that are inline block always preserve horizontal white space in order to maintain spaces between words because of the inline property This means there is always an inherent margin between itemsYou either need to zero out the margin or make sure widths never add up to How do I get my heights to match Neither floats nor inline block force the elements to be same height Let s make everything a table again None of these solutions are ideal and or require a combination of different CSS properties I started out my career using floats and got pretty good at it but after avoiding using it at all the past couple of years I don t miss it at all The Modern Era Flex and Grid Flexbox and grid are modern solutions to the previous issues we had with layout methods Both layouts have their specialties but let s clear up some things Flexbox was implemented firstThe addition of grid does not make flex obsolete Some things you can do in flex that you cannot do in gridThere is overlap in which both can be used to achieve the same visual effectIf you can use the right one to take advantage of its unique inherent featuresYou can use both of them to accomplish things neither can do by itself When to use Flex vs Grid Use Flex when Content is priorityNeed horizontal or vertical alignmentLayout is one dimensionalNeed better older browser support but use prefixes Use Grid when Things need a set width regardless of contentNeed two dimensional layout items in one row or column need to align with the item in the previous row or column Elements need to overlapThe terms one dimensional vs two dimensional are very confusing if you re completely new to these layout methods because you can have multiple rows or columns using flexbox and you can only use grid for one row or column only Because flex only considers one direction at a time I think of flex as forgetting what it did previously If you have rows of items using flex once you get to the nd row flexbox doesn t remember what it did in row It follows the flex properties that are set if this happens to cause the items in row to align with the items in row that just happens to be the case that they are all the same width It doesn t necessarily have to line up With grid think of a Connect Four game board You can drop the plastic tokens and line up multiple red pieces together to form one big red section or giant blue sections but the pieces must always slot within the row and columns Nothing can ever fill half a row or column Flexbox Content drivenEnables easier vertical and horizontal alignmentAllows children to flex either growing to fill unused space or shrinking to avoid overflowing the parent WOnly considers one direction row or column and only processes one at a timeYou CAN set widths on flex items but if you re setting widths on everything in the flex container you aren t taking advantage of flex and should use grid instead Flexbox is a savior when it comes to vertically aligning things within a container Previous methods I would use commonly were Setting line height equal to the height of the container and thus blowing up if text ever wrapped to multiple lines Creating a wrapper around the item and using a combination of display table and display table cellUsing transform translateY Flexbox ExamplesLet s look at the default Flex settings and compare with different values for flex grow and flex shrink Remember when we couldn t do both equal height containers and vertical alignment We can with flexbox Playing around with flex grow and flex shrink can allow us to fill the row if we don t have an equal number of items per row This is an example of flex forgetting what it did previously it only obeys the content sizing rules you have set up Here are two simple navigation bars using flex which is a good example of what flex is inherently good at versus grid Each flex item extends to the width of the content grid would not be useful here The first groups links to the left and aligns one to the very right to separate it The second navigation bar allows all items to be equally spaced when we don t know how many links or how long the link names will be This wasn t hard to do using floats or inline block it just required manually updating the margins every time a new item got added or the text was updated Finally here s a masonry type gallery we can build with flex We wouldn t be able to accomplish this exactly with grid because everything using grid would have to align to both the horizontal and vertical tracks set up Grid Grid is the first CSS module designed specifically for layouts something we ve been lacking ever since CSS was created Grid can handle both rows and columns meaning that it will always align items to the horizontal and vertical tracks you have set up Grid is mostly defined on the container not the children as it is with flexbox Grid ExamplesHere s a basic non responsive layout using fractional units Notice how much shorter the code is versus the previous methods Note that this same layout can be accomplished with flexbox as well as long as you set the width property on all the flex children This will cause them to neither grow nor shrink or flex anymore which means you are no longer taking advantage of the inherent properties of flex It s still better than using floats or inline block but if you are able to use grid in this scenario then that is a better case for grid Here s a responsive layout using auto fit and repeat Notice the lack of media queries Here s the same idea except for a photo gallery Notice that there is a fallback for older browsers that do not support grid by using a feature query Advanced Grid ExamplesWe can control the exact location of items by specifying the row column numbers and where they start end This method can be confusing if you are used to other programming languages where arrays start at With grid the lines each start at instead I would highly recommend using Firefox or Chrome s Developer Tools to easily debug these layouts Here s the exact same layout but instead of using grid and row numbers we are using named areas instead Because we can control the exact size of items using column and row spans we can create a variation of the flex masonry gallery above using the grid property grid auto flow dense Note that this rearranges items differently than how they were laid out in the html source order Supercombo of Flex AND Grid This layout uses grid to align the cards and make them equal heights across all the rows finally Flexbox is then used to align the button to the bottom of every card It seems simple now but this was one of the most frustrating experiences I had using floats I would have to set min height and hope that the content never fluctuated wildly afterwards but this means needing to change the height multiple times using media queries Other Layout Methods As awesome as they are flexbox and grid don t make every previous method obsolete The document flow of the HTML is still the OG layout We re probably not going to display grid on the body tag Other layout methods are still fine too provided we use them for their actual purpose Use floats to wrap items around another item ex text wrapping around an image Use tables for tabular data this is better semantically as well Use position absolute fixed sticky for any element that must be taken out of the HTML flowUse multi column layout for flowing continuous content Backwards Compatibility But what about outdated browser Flexbox and grid are only fully supported in modern browsers Internet Explorer supports flexbox with caveats around some properties particularly the flex shorthand and IE has its own prefixes for grid and doesn t support all the other properties As of you probably don t have to support IE much anymore I used to find coding web pages for older browsers to be a giant pain especially IE and below It can still be frustrating occasionally but recently I ve subscribed to the idea that websites should always be as backwards compatible as they can be because that was the entire purpose of the web Web sites are not applications in terms of being versioned and then failing to run completely if your browser is too old They should always be accessible as possible What I was doing wrong when I was testing in IE was trying to match the design exactly across every single desktop browser Then I kept hearing about the idea why does the site have to look exactly the same in IE vs modern browsers We already have different experiences for mobile and tablet and even the same browser will render slightly differently on different computers If your client s users are mainly IE then yeah you shouldn t be doing everything in grid Ideally the design would keep that in mind as well But if we re working off designs that are based on modern browsers then we should use modern methods but make sure that these still look and function well in all the older browsers Layout ComparisonLet s take the same simple boxes layout that we started with at the beginning and look at how they compare across floats flex and grid Notice that the float method doesn t make the items equal heights not unless you add a min height and even then if the content in one of those boxes gets longer you re back to square one Maybe that s okay for older browsers maybe they won t get that nice polish of having beautifully aligned buttons but the content and images and order are still presented in the same manner and everything is still readable Resilient CSSI really like the term resilient CSS by Jen Simmons The site s CSS should use the cascade properly in terms of failing and overriding CSS properties not understood by the browser will just not run and skip to the next line Knowing this we can arrange our CSS in a way to maximize compatibility If we use feature queries we need to take into account that modern browsers will run all the CSS including the ones we intend for older browsers So if we set a width first on a CSS property for older browsers let s say we re using display inline block and we intend to use grid on that same element for modern browsers we would need to override that width property within the feature query because the modern browser will run everything We have to be sure to cancel out or undo the other CSS Look back at this example to see what what I m talking about So double edged sword browser compatibility can be frustrating but I appreciate that everyone can still view web sites from years ago and that this is one of the reasons the web is so special I have had discussions with coworkers on why even jump to these newer methods so soon if we have to spend more time and write additional CSS to account for older browsers It s going to be personal preference as a developer how much do you want to fit the site within the budget versus your long term growth in web development But that is the nature of the web development things change constantly and it s hard to keep up with everything but these CSS layout methods are so fundamentally different and better than the tools we ve used before As flexbox and grid continue to add new properties the investment in learning these new methods will pay off and make the web better in the future If we use newer methods we can Keep up with web development fieldBuild more complicated layouts more easilyMake sites easier to maintain in the futureStill maintain backwards compatibility for older browsersStart using newer methods gradually and browser test components and you ll be on your way to awesome new designs More Information The New CSS Layout by Rachel AndrewComplete Guide to Flexbox Complete Guide to Grid What s the Difference between Flex and Grid IE and grid CSS Grid Layout and Progressive EnhancementLayout Land list PLbSquHtVCfx ytlVMTAMwADlWtcResilient CSS series Free Lessons and ToolsQuick screencast videos Flexbox game Grid generator	2021-10-17 22:23:55
海外TECH	DEV Community	hacktoberfest	https://dev.to/domonic/hacktoberfest-4g9g	hacktoberfesthacktoberfest is a site where you join up and if you can push a fix to repos on gihub that have bene labled with hacktoberfest on them apparently you can get a free t shirt So if you have a repo in hacktoberfest post it here	2021-10-17 22:20:58
Apple	AppleInsider - Frontpage News	Satechi GaN USB-C Wall Chargers: faster, better, cheaper	https://appleinsider.com/articles/21/10/17/satechi-gan-usb-c-wall-chargers-faster-better-cheaper?utm_medium=rss	Satechi GaN USB C Wall Chargers faster better cheaperSatechi s USB C GaN Wall Chargers are the ideal alternative to Apple s aging chargers thanks to faster speeds smaller builds and lower prices across the board The Satechi GaN Wall ChargersAppleInsider has tested the W USB C port GaN Wall Charger the W USB C port GaN Wall Charger and the W USB C PD Wall Charger and found them to be great charging alternatives to Apple s expensive and large charging adapters In addition Satechi s use of Gallium Nitride has enabled these wall chargers to fit into incredibly compact cases without sacrificing efficiency Read more	2021-10-17 22:16:08
海外TECH	Engadget	Facebook will add 10,000 jobs in Europe to help build virtual worlds	https://www.engadget.com/facebook-europe-jobs-metaverse-220103694.html?src=rss	Facebook will add jobs in Europe to help build virtual worldsIf Facebook is going to become a quot metaverse company quot it s going to need talent ーand more of that talent is on the horizon The social network has unveiled plans to add quot high skilled quot jobs across the European Union over five years to build its virtual and augmented reality experiences The recruiting drive will hire workers in countries including France Germany Ireland Italy the Netherlands Poland and Spain Facebook characterized the move as a quot vote of confidence quot in the European tech sector It has a large customer base of course but the social media company also pointed to bleeding edge teams in multiple fields as well as quot first class quot university education Facebook even touted the EU s quot leading quot policies on issues like freedom of speech privacy and transparency despite the firm s run ins with regulators The tech giant already has a Reality Labs office in Cork Ireland and has opened an AI research lab in France In Facebook partnered with the Technical University of Munich to create an AI ethics research center As with many jobs announcements this is as much a public relations move as it is a practical investment It may remind the EU of Facebook s economic contribution and influence relevant policies Nonetheless the move hints at the long term scale of the metaverse transition ーFacebook is changing its overall direction not just shuffling a few resources	2021-10-17 22:01:03
海外TECH	CodeProject Latest Articles	Cinchoo ETL - Converting Complex Nested JSON to CSV	https://www.codeproject.com/Tips/5312218/Cinchoo-ETL-Converting-Complex-Nested-JSON-to-CSV	format	2021-10-17 22:47:00
金融	ニュース - 保険市場TIMES	ソニー生命、ライフプランナーによるソニー損保の火災保険取り扱いを開始	https://www.hokende.com/news/blog/entry/2021/10/18/080000	ソニー生命、ライフプランナーによるソニー損保の火災保険取り扱いを開始ライフプランナーによる総合的なコンサルティングソニー生命保険株式会社以下、ソニー生命は年月日より、同社ライフプランナー営業社員による、ソニー損害保険株式会社以下、ソニー損保の火災保険の取り扱いを開始した。	2021-10-18 08:00:00
LifeHuck	ライフハッカー［日本版］	どこでも淹れたてのコーヒーを。携帯OKなドリッパー＆カップ	https://www.lifehacker.jp/2021/10/243473-machi-ya-minimal-start.html	nimaltravelcoffeedripper	2021-10-18 08:00:00
ビジネス	東洋経済オンライン	大荒れ後の日経平均が3万円台になると読む根拠 インフレや中国バブル崩壊懸念をどう考える？ | 市場観測 | 東洋経済オンライン	https://toyokeizai.net/articles/-/462896?utm_source=rss&utm_medium=http&utm_campaign=link_back	日経平均	2021-10-18 07:30:00
仮想通貨	BITPRESS（ビットプレス）	[CoinDesk Japan] ブロックチェーンを学ぶ、世界の大学ランキングTOP50ー日本からは1校	https://bitpress.jp/count2/3_9_12828	coindeskjapan	2021-10-18 07:46:22
仮想通貨	BITPRESS（ビットプレス）	[読売] 無登録で暗号資産販売の疑い、ネット関連会社代表ら5人逮捕へ	https://bitpress.jp/count2/3_9_12827	関連会社	2021-10-18 07:43:11
仮想通貨	BITPRESS（ビットプレス）	[日経] 膨張する分散型金融、11兆円市場に　通貨の未来問う	https://bitpress.jp/count2/3_9_12826	金融	2021-10-18 07:29:28