投稿時間:2021-09-10 03:26:21 RSSフィード2021-09-10 03:00 分まとめ(28件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	pandasのデータフレームでリストに対して新たに一つのcolumn名を付けたい	https://teratail.com/questions/358688?rss=all	pandasのデータフレームでリストに対して新たに一つのcolumn名を付けたい前提・実現したいことsktimeで時系列データの分析を行うためにデータフレームの形を整えたいです。	2021-09-10 02:57:11
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	rails のサーバー	https://teratail.com/questions/358687?rss=all		2021-09-10 02:44:17
海外TECH	Ars Technica	Recycling symbol can’t appear on non-recyclable items, California bill says	https://arstechnica.com/?p=1793244	sayscalifornia	2021-09-09 17:32:43
海外TECH	DEV Community	Client Side React Router (pt2:Routes)	https://dev.to/miketalbot/client-side-react-router-pt2-routes-1g3g	Client Side React Router pt Routes TLDR I m building a client side router as part of a project to create some useful Widgets for my community s blogs In this article we cover parsing routes and parameters MotivationI need a client side router so I can embed different widgets that are configured by an admin interface into my posts to get more information from my audience For example Which language do you love And which do you hate Cool huh RoutingIn the first part of this article series we developed some basic event handling and raising so we could fake popstate events In this part we are going to do the following Create a method to declare routesCreate a component to declare routes that uses the method aboveCreate a component to render the right route with any parameters Declaring routesFirst off we need to make an array to store our routes const routes Next we need to export a method to actually declare one We want to pass a path like some route with params search amp sort a React component to render with the route and then we ll have some options so we can order our declarative routes in case they would conflict I d also like to have Routers with different purposes like a sidebar main content nav etc export function register path call priority purpose general if path typeof path string throw new Error Path must be a string Ok so now we have some parameters it s time to split the path on the search string const route query path split Next up I want to be able to pass the register function a Component function or an instantiated component with default props So register Root or register admin lt Admin color red gt if typeof call function call init return add path route split call priority purpose query query query split amp undefined else if typeof call object amp amp call return add path route split priority purpose query query query split amp undefined call props gt lt call type call props props gt So just in case there are some funny functions out there that look like objects there are but it s rare I m looking at you React lazy I check whether the call parameter is a function or has a special property You can see we then call add splitting up the route on the character and the query string on the amp The case of the instantiated React component makes a wrapper component that wraps the type and the props of the default and decorates on any additional props from the route add itself is pretty straightforward function add item routes push item routes sort inPriorityOrder raise routesChanged return gt let idx routes indexOf item if idx gt routes splice idx raise routesChanged We add the route to the array then sort the array in priority order We raise a routesChanged event so that this can happen at any time more on that coming up We return a function to deregister the route so we are fully plug and play ready function inPriorityOrder a b return a priority b priority Route ComponentSo we can declare routes in the JSX we just wrap the above function export function Route path children priority purpose general const context useContext RouteContext useEffect gt return register context path path children priority purpose path children context priority purpose return null We have added one complexity here to enable lt Route gt within lt Route gt definitions we create a RouteContext that will be rendered by the lt Router gt component we write in a moment That means we can easily re use components for sub routes or whatever The lt Route gt renders it s child decorated with the route parameters extracted from the location Code SplittingTo enable code splitting we can just provide a lazy based implementation for our component register admin comment id lazy gt import routes admin comment Making sure to render a lt Suspense gt around any lt Router gt we use The RouterOk so to the main event window locationFirst off we need to react to the location changes For that we will make a useLocation hook export function useLocation const location setLocation useState window location useDebouncedEvent popstate async gt const message raise can navigate if message Perhaps show the message here window history pushState location state location href return setLocation window location return location This uses useDebouncedEvent which I didn t cover last time but it s pretty much a wrapper of a debounce function around useEvent s handler It s in the repo if you need it You ll notice the cool thing here is that we raise a can navigate event which allows us to not change screens if some function returns a message parameter I use this to show a confirm box if navigating away from a screen with changes Note we have to push the state back on the stack it s already gone by the time we get popstate navigateYou may remember from last time that we need to fake popstate messages for navigation So we add a navigate function like this export function navigate url state window history pushState state url raiseWithOptions popstate state Routerconst headings h h h h h h h export function Router path initialPath purpose general fallback lt Fallback gt component lt section gt Ok so firstly that headings is so when the routes change we can go hunting for the most significant header this is for accessibility we need to focus it We also take a parameter to override the current location useful in debugging and if I ever make the SSR we also have a fallback component and a component to render the routes inside const pathname useLocation const path query initialPath pathname split const parts path split The parsing of the location looks similar to the register function We use the split up path in parts to filter the routes along with the purpose const route routes filter r gt r purpose purpose find route gt route path length parts length amp amp parts every partMatches route if route return lt fallback type fallback props path path gt We ll come to partMatches in a moment imagine it s saying either these strings are the same or the route wants a parameter This router does not handle wildcards If we don t have a route render a fallback const params route path reduce mergeParams path const queryParams query split amp reduce c a gt const parts a split c parts parts return c if route query route query forEach p gt params p queryParams p Next up we deal with the parameters we ll examine mergeParams momentarily You can see we convert the query parameters to a lookup object and then we look them up from the route return lt RouteContext Provider path path gt lt component type component props ref setFocus gt lt route call params gt lt component type gt lt RouteContext Provider gt Rendering the component is a matter of laying down the context provider and rendering the holder component we need this component so we can search it for a heading in a moment Then whichever route we got gets rendered with the parameters  partMatchesThis function is all about working out whether the indexed part of the path in the route is a parameter it starts with a or it is an exact match for the part of the current location So it s a Higher Order Function that takes a route and then returns a function that can be sent to filter on an array of route parts function partMatches route return function part index return route path index startsWith route path index part mergeParamsMerge params just takes the index of the current part of the path and if the route wants a parameter it decorates the current value onto and object with a key derived from the string after the function mergeParams params part index if part startsWith params part slice parts index return params setFocus a little accessibilitySo the final thing is to handle the accessibility When we mount a new route we will find the first most significant header within it and focus that function setFocus target if target return let found headings find heading gt found target querySelector heading if found found focus ConclusionThat s it a declarative client side router with path and query parameters You can check out the whole widget code here miketalbot cccc widget	2021-09-09 17:47:12
Apple	AppleInsider - Frontpage News	ESPN, ABC News apps to end third-generation Apple TV support in October	https://appleinsider.com/articles/21/09/09/espn-abc-news-apps-to-end-third-generation-apple-tv-support-in-october?utm_medium=rss	ESPN ABC News apps to end third generation Apple TV support in OctoberThe ESPN and ABC News apps will stop supporting the third generation Apple TV beginning in early October according to a message shown within the apps Credit Andrew O Hara AppleInsiderStarting Oct the Disney owned ESPN and ABC News apps will no longer be available on the older Apple TV set top boxes An in app message directs users to continue using the apps on Apple TV K iPhone or iPad or via AirPlay Read more	2021-09-09 17:21:38
海外TECH	Engadget	Google says it will replenish 120 percent of the water it consumes by 2030	https://www.engadget.com/google-water-stewardship-pledge-2030-171248761.html?src=rss	Google says it will replenish percent of the water it consumes by Google has announced a new water stewardship target that will see the company commit to replenishing on average percent of the water it consumes at its data centers and offices by To that end the search giant says it will use freshwater alternatives to cool its server farms In places like Douglas County Georgia the company already uses reclaimed wastewater to keep its servers running Moving forward it will work to double down on that practice by finding more opportunities to use wastewater and seawater At its offices meanwhile the company plans to use more on site water sources such as collected stormwater for things like landscape irrigation and toilet flushing that don t require potable water Google points to its Bay Area campuses and a landscaping project where it worked with local ecologists as an example of an initiative where it s already thinking about its water use quot Our water stewardship journey will involve continuously enhancing our water use and consumption quot said Google sustainability officer Kate Brandt in a blog post In its efforts to replenish more water than it consumes the company says it will also invest in community projects working to address local water and watershed challenges in places where the company has data centers and offices As an example of the work Google plans to do here the company points to a partnership it already has in place with the Colorado River Indian Tribes to reduce the amount of water removed from Lake Mead The reservoir the largest in the US faces a pressing water shortage due to a combination of overuse and extended drought Lastly the company plans to continue working with communities policymakers and planners to help them with tools and technologies they need to measure and predict water availability and needs Here the company references work it did with the United Nations Environment Programme to create the Freshwater Ecosystems Explorer It s a tool that tracks national and local surface water changes over time Today s commitment comes after Alphabet CEO Sundar Pichai announced the company would attempt to run all of its data centers and offices entirely on carbon free energy by Pichai described the effort as a quot moonshot quot noting it would be tricky in some instances to achieve due to the remote location of some of Google s facilities	2021-09-09 17:12:48
海外科学	NYT > Science	Finding Architectural Inspiration in a Sea Sponge’s Crystalline Skeleton	https://www.nytimes.com/2021/09/09/science/sea-sponge-skeleton.html	Finding Architectural Inspiration in a Sea Sponge s Crystalline SkeletonA new paper finds a glass sponge has the power to eliminate destructive vortices that are created when fluid moves around a blunt object	2021-09-09 17:44:57
海外科学	NYT > Science	Biden Administration Moves to Protect Alaska’s Bristol Bay	https://www.nytimes.com/2021/09/09/climate/alaska-bristol-bay.html	Biden Administration Moves to Protect Alaska s Bristol BayThe bay home to a key sockeye salmon fishery sits atop a massive gold and copper deposit pitting environmentalists against mining companies	2021-09-09 17:13:33
海外科学	NYT > Science	ADN y suerte: la fórmula para reunir a una elefanta huérfana y su mamá	https://www.nytimes.com/es/2021/09/09/espanol/elefante-nania.html	ADN y suerte la fórmula para reunir a una elefanta huérfana y su mamáNania ha sobrevivido a la separación de su familia de elefantes del bosque en Burkina Faso Sus cuidadores esperan que las pruebas de ADN ayuden a devolverla a la naturaleza con su familia	2021-09-09 17:03:16
ニュース	BBC News - Home	Scotland to launch vaccine passports on 1 October	https://www.bbc.co.uk/news/uk-scotland-scotland-politics-58506013?at_medium=RSS&at_campaign=KARANGA	events	2021-09-09 17:21:28
ニュース	BBC News - Home	Thirteen UK citizens leave Kabul as flights resume	https://www.bbc.co.uk/news/world-asia-58497904?at_medium=RSS&at_campaign=KARANGA	capital	2021-09-09 17:09:59
ニュース	BBC News - Home	Covid: Scotland to get vaccine passports and regulator approves booster jabs	https://www.bbc.co.uk/news/uk-58504770?at_medium=RSS&at_campaign=KARANGA	coronavirus	2021-09-09 17:01:30
ニュース	BBC News - Home	WW2 pilot has 100th birthday flight over Shropshire	https://www.bbc.co.uk/news/uk-england-shropshire-58506749?at_medium=RSS&at_campaign=KARANGA	distinguished	2021-09-09 17:03:38
ニュース	BBC News - Home	University of South Wales: Hacker jailed for selling exam answers	https://www.bbc.co.uk/news/uk-wales-58502963?at_medium=RSS&at_campaign=KARANGA	wales	2021-09-09 17:37:34
ニュース	BBC News - Home	Comedian dropped from Covid ads over tweets	https://www.bbc.co.uk/news/uk-scotland-58505151?at_medium=RSS&at_campaign=KARANGA	horrific	2021-09-09 17:36:10
ニュース	BBC News - Home	Boris Johnson accuses charity of airbrushing Winston Churchill	https://www.bbc.co.uk/news/uk-politics-58505194?at_medium=RSS&at_campaign=KARANGA	grandson	2021-09-09 17:17:20
ニュース	BBC News - Home	Covid passports: Will I need one for nightclubs, concerts and festivals?	https://www.bbc.co.uk/news/explainers-55718553?at_medium=RSS&at_campaign=KARANGA	scotland	2021-09-09 17:03:53
ビジネス	ダイヤモンド・オンライン - 新着記事	人脈ってねえ - 精神科医Tomyが教える １秒で元気が湧き出る言葉	https://diamond.jp/articles/-/278899	人気シリーズ	2021-09-10 02:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	株主優待でおなじみ桐谷さんが株で4億円を築くまで（6）ネットの記事を鵜呑みにして大失敗、再び貧乏暮らしへ - 一番売れてる月刊マネー誌ZAiと作った桐谷さんの日本株&米国株入門	https://diamond.jp/articles/-/277685	ampamp	2021-09-10 02:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【現役サラリーマンが株式投資で2億円】 割安成長株で儲かる銘柄を 探す5つのポイント - 割安成長株で2億円 実践テクニック100	https://diamond.jp/articles/-/279210	【現役サラリーマンが株式投資で億円】割安成長株で儲かる銘柄を探すつのポイント割安成長株で億円実践テクニック定年まで働くなんて無理……ならば、生涯賃金億円を株式投資で稼いでしまおうそう決意した入社年目、知識ゼロの状態から株式投資をスタートした『割安成長株で億円実践テクニック』の著者・現役サラリーマン投資家の弐億貯男氏。	2021-09-10 02:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	なぜ、豊臣秀吉は神になろうとしたのか？ - 最強の神様100	https://diamond.jp/articles/-/281625	なぜ、豊臣秀吉は神になろうとしたのか最強の神様「仕事運」「金運」「恋愛運」「健康運」アップ「のご利益」の組み合わせからあなたの願いが叶う神様が必ず見つかる八百万やおよろずの神様から項目にわたって紹介。	2021-09-10 02:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	死にたくなるほど辛い… うつ病との見分け方が難しい PMDD（月経前不快気分障害）とは - だから、この本。	https://diamond.jp/articles/-/280809		2021-09-10 02:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	断るのが苦手な人でもできる、うまい逃げ方とは？ - 「しなくていいこと」を決めると、人生が一気にラクになる	https://diamond.jp/articles/-/281810	思い込み	2021-09-10 02:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	退職金は もらい方で、 税金の額が全く違う！ - 知らないと大損する！　定年前後のお金の正解	https://diamond.jp/articles/-/280796	退職金はもらい方で、税金の額が全く違う知らないと大損する定年前後のお金の正解何歳までこの会社で働くのか退職金はどうもらうのか定年後も会社員として働くか、独立して働くか年金を何歳から受け取るか住まいはどうするのか定年が見えてくるに従い、自分で決断しないといけないことが増えてきます。	2021-09-10 02:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	トップエリートばかりの組織ほど、成果を上げるのに苦しむワケ - 武器としての組織心理学	https://diamond.jp/articles/-/281264	人間関係	2021-09-10 02:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	“優れたマネージャー”とは「人格者」ではなく、 「役割」を演じ切る覚悟のある人 - 課長2.0	https://diamond.jp/articles/-/281355	大事なのは、「自走」できるメンバーを育て、彼らが全力で走れるようにサポートすること。	2021-09-10 02:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	1960年と2010年を比較、統計データが示す「未来予想図」とは？ - 経済は統計から学べ！	https://diamond.jp/articles/-/281828	貿易統計	2021-09-10 02:05:00
北海道	北海道新聞	函館発ＡＩ、映画脚本に挑戦　感情の動き数値化、少年の成長物語　大阪で来春お披露目	https://www.hokkaido-np.co.jp/article/587612/	人工知能	2021-09-10 02:04:08