投稿時間:2021-12-05 05:26:58 RSSフィード2021-12-05 05:00 分まとめ(28件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	Deepでポン用実験管理ツール（サービス）の比較2021	https://qiita.com/fam_taro/items/401ba82e710dca2781eb	TensorBoard一番触っている人が多いのではないかと思います大体TensorFlowやPyTorchをインストールするときに一緒にインストールすることが多いのかなと思います気軽にローカルや適当なサーバーでTensorboardを開けば図とかが見れるイメージですどちらかというと結果を送るというより指定した場所に自分で置く感じですMLflowOSSということで個人や業務でもあまり気を使わずに使えるのがポイントローカルに置いて見ても良いし、S等に置いて見ることも可能またサーバーを立ててそこにRESTAPI形式で送ることも可能またAnopensourceplatformforthemachinelearninglifecycleと謳っているだけあって、mlflowで管理できる対象が多いTrackingコードや設定、結果の管理Projects実験の再現周りの管理ModelsDeploy周りの管理Registry上記含めた全体の管理各種APIを揃えていてPython以外でも利用できるPythonAPIRAPIJavaAPURESTAPIただし全体の機能がリッチ複雑なためTracking以外は導入ハードルが高そうNeptuneaineptuneSaaS結果をクラウドにあげるイメージ各種APIが揃っているPythonAPIRAPIneptuneaiは頻繁に実験管理ツールの比較Blogを書いていて、UIとかも気を使ってそうWeightsampBiaseswandbSaaS個人的には一番手軽で見た目が好み主にPythonのみが対象CometSaaSwandbよりももう少しUIをシンプルにした印象主にPythonのみが対象使ってみた環境CUDAPython各種ライブラリtorchcutorchvisionculightningboltspytorchlightningtorchmetrics使いたいものだけpipinstallする。	2021-12-05 04:17:21
海外TECH	MakeUseOf	New Updates Help Windows 11 Make Holiday Shopping Easier Than Ever Before	https://www.makeuseof.com/new-updates-help-windows-11-holiday-shopping-easier/	holiday	2021-12-04 19:55:53
海外TECH	MakeUseOf	The 6 Best Free Alternatives to Typora Markdown Editor	https://www.makeuseof.com/free-alternatives-to-typora-markdown-editor/	markdown	2021-12-04 19:45:11
海外TECH	MakeUseOf	One UI 4: The 9 Best Features for Samsung Galaxy Phones	https://www.makeuseof.com/samsung-one-ui-4-best-features/	software	2021-12-04 19:30:22
海外TECH	MakeUseOf	The Ultimate Guide to Windows 11's Touchpad Gestures	https://www.makeuseof.com/windows-11-touchpad-gesture-guide/	gestures	2021-12-04 19:22:24
海外TECH	DEV Community	| beautiful Bird made with html , css	https://dev.to/6lvckgafurova/-beautiful-bird-made-with-html-css-495d	bird	2021-12-04 19:41:14
海外TECH	DEV Community	| Astronaut made with html , css	https://dev.to/6lvckgafurova/-astronaut-made-with-html-css-26em	astronaut	2021-12-04 19:40:47
海外TECH	DEV Community	Implementing pagination with Next.js, MUI and react-query	https://dev.to/elisabethleonhardt/implementing-pagination-with-nextjs-mui-and-react-query-2ab	Implementing pagination with Next js MUI and react queryIf you need the data on your page fetched cached and beautifully paginated for an amazing user experience you clicked on the right post I implemented a solution to this problem a few days ago at work and wanted to share it with you Setting up the projectI don t want to bore you with a long section about setup and creating boilerplate so I will just assume you are familiar with the basics You can also inspect the finished project in this respository if you are left with questions Let s go You will need a fresh Next js project with react query and material ui installed I opted for material ui v because that s what we have at work but feel free to use whatever version you want just keep in mind that import statements and usage might differ slightly The first thing you want to do is to get some data to be paginated from the Rick and Morty API Instead of fetching inside a useEffect hook and then writing data into state we are going to use react query To make it work you will have to configure a provider in the app js file import styles globals css import ReactQueryDevtools from react query devtools import QueryClient QueryClientProvider from react query const queryClient new QueryClient function MyApp Component pageProps return lt QueryClientProvider client queryClient gt lt Component pageProps gt lt ReactQueryDevtools initialIsOpen false gt lt ReactQueryDevtools gt lt QueryClientProvider gt export default MyApp This is pure setup from the react query docs We configure a queryClient without options and wrap our application inside a QueryClientProvider Besides I added the ReactQueryDevtools to make it easier to see our data and how the cache works Fetch and display data with react queryNow inside the index js page or any other page of your choice import the useQuery hook It takes two arguments the first one is a string that acts as a name for your query and the second one is the function you use for fetching data Just to be able to see something on the page I print the stringified data inside a div tag import useQuery from react query export default function PaginationPage props const data useQuery characters async gt await fetch then result gt result json console log data return lt div gt JSON stringify data lt div gt The result should look similar to the picture above Keep in mind that you are still asynchronously fetching data so as you can see in the console there will be a moment at the beginning where the data object will be undefined Also if you click on the flower in the left corner you open the react query developer tools There you can see the query that was just executed and when you click on it it even let s you see the fetched query data so you don t actually need the console log that I wrote Now that we have some data inside our app let s quickly set up something that looks decent to show the Rick and Morty Characters we just fetched lt h gt Rick and Morty with React Query and Pagination lt h gt lt div className grid container gt data results map character gt lt article key character id gt lt img src character image alt character name height loading lazy width gt lt div className text gt lt p gt Name character name lt p gt lt p gt Lives in character location name lt p gt lt p gt Species character species lt p gt lt i gt Id character id lt i gt lt div gt lt article gt lt div gt Nothing fancy here we iterate over the data if there is some and display an image and some data about the Character Here are the styles I just wrote them in the globals css file It doesn t look super cool but it does the job grid container display grid grid template columns repeat auto fit minmax px fr gap rem max width px width margin auto padding rem article padding em display flex flex direction column align items center text align center border radius em box shadow rgba px px px px Until now our application cannot show data that is beyond the first items the API returns by default so let s change that Adding Pagination with Material UIImport the Material UI pagination component and put it above the grid container The count prop controls how many pages will be displayed and we already got this information from the API import Pagination from material ui lab Pagination return lt div gt lt h gt Rick and Morty with React Query and Pagination lt h gt lt Pagination count data info pages variant outlined color primary className pagination gt lt div className grid container gt Then set up some state to save the page we are currently on and add the page parameter to the API call This also implies that we can give the current page to our MUI pagination component so it knows which number to highlight import useState from react const page setPage useState const data useQuery characters async gt await fetch page then result gt result json return lt div gt lt h gt Rick and Morty with React Query and Pagination lt h gt lt Pagination count data info pages variant outlined color primary className pagination page page gt As the last step we will need to define the onChange handler for the Pagination component The handler updates the page state and also does a shallow push to the url To make react query fetch new data we must add the page variable to the query key Instead of the string characters we will pass in an array that contains the string and all the variables that we want to trigger a new API call import useRouter from next router const router useRouter const data useQuery characters page async gt await fetch page then result gt result json function handlePaginationChange e value setPage value router push pagination page value undefined shallow true return lt div gt lt h gt Rick and Morty with React Query and Pagination lt h gt lt Pagination count data info pages variant outlined color primary className pagination page page onChange handlePaginationChange gt Now pagination already works like a charm Click yourself through the different pages and get all confused by all the characters you didn t know although you did see all the seasons of Rick and Morty Cosmetic improvementsTwo tiny things are not working properly here The first one is that when a user visits the URL my domain com pagination page directly our application will not show the results from page since we are never reading the query parameters on page load We can solve this with a useEffect hook that reads the queryParam from the Next js router object than only runs when everything is mounted for the first time useEffect gt if router query page setPage parseInt router query page On the other hand when you click from one page to the next you will see the Pagination component flicker With every fetch it is getting information on how long it should be but while the fetching occurs since data is undefined it shrinks to show only one page We can avoid that by setting a configuration object on our useQuery hook this way const data useQuery characters page async gt await fetch page then result gt result json keepPreviousData true The keepPreviousData instruction will keep the previous data in the data object while the fetching occurs and replace it when it already has new data therefore avoiding the situation where data is left undefined for a moment I hope this helped Let me know if you could make it work or if you have some feedback Now if you will excuse me I have to view some Rick and Morty now because all these characters made me really want to rewatch the show	2021-12-04 19:30:30
Apple	AppleInsider - Frontpage News	AirPods with Charging Case drop to $79, the cheapest online price available	https://appleinsider.com/articles/21/12/04/airpods-with-charging-case-drop-to-79-the-cheapest-online-price-available?utm_medium=rss	AirPods with Charging Case drop to the cheapest online price availableBeating Black Friday deals by AT amp T has AirPods on sale for delivering the cheapest online price we ve seen on the wireless earphones AirPods dealAT amp T s promotion delivers a discount on Apple s newly reduced MSRP This sub price is cheaper than Walmart s Black Friday deal on AirPods making it the cheapest online price we ve seen Read more	2021-12-04 19:40:17
ニュース	BBC News - Home	Coronavirus: UK tightens travel rules amid Omicron spread	https://www.bbc.co.uk/news/uk-59534685?at_medium=RSS&at_campaign=KARANGA	covid	2021-12-04 19:30:49
ニュース	BBC News - Home	Arthur Labinjo-Hughes: Jail terms of boy's killers to be reviewed	https://www.bbc.co.uk/news/uk-england-birmingham-59532071?at_medium=RSS&at_campaign=KARANGA	hughes	2021-12-04 19:07:40
ニュース	BBC News - Home	Ava White: Liverpool vigil held for stabbed schoolgirl	https://www.bbc.co.uk/news/uk-england-merseyside-59531972?at_medium=RSS&at_campaign=KARANGA	centre	2021-12-04 19:23:52
ニュース	BBC News - Home	Watford 1-3 Manchester City: Bernardo Silva scores twice as City move top of the Premier League	https://www.bbc.co.uk/sport/football/59380882?at_medium=RSS&at_campaign=KARANGA	Watford Manchester City Bernardo Silva scores twice as City move top of the Premier LeagueReigning champions Manchester City move top of the Premier League for the first time this season with a dominant win over Watford	2021-12-04 19:42:17
ニュース	BBC News - Home	Origi hits injury-time winner for Liverpool at Wolves	https://www.bbc.co.uk/sport/football/59380875?at_medium=RSS&at_campaign=KARANGA	league	2021-12-04 19:30:42
ニュース	BBC News - Home	Aribo stars as Rangers beat Dundee to restore seven-point lead	https://www.bbc.co.uk/sport/football/59441084?at_medium=RSS&at_campaign=KARANGA	dundee	2021-12-04 19:11:29
ニュース	BBC News - Home	Omicron: What are the new Covid rules for travelling to the UK?	https://www.bbc.co.uk/news/explainers-52544307?at_medium=RSS&at_campaign=KARANGA	arrival	2021-12-04 19:13:54
ビジネス	ダイヤモンド・オンライン - 新着記事	夫が独立を目指す32歳女性、3人目の子を産みたいが現金は貯蓄より運用すべき？ - お金持ちになれる人、貧乏になる人の家計簿　深野康彦	https://diamond.jp/articles/-/289525	深野康彦	2021-12-05 04:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「八街市児童5人死傷事件」で進む飲酒検知の強化、エンジンロック装置の導入企業も - ニュース3面鏡	https://diamond.jp/articles/-/289206	「八街市児童人死傷事件」で進む飲酒検知の強化、エンジンロック装置の導入企業もニュース面鏡千葉県八街市で月、飲酒運転の大型トラックに下校中の児童人がはねられ死傷した事件は、ことし人々が最も心を痛めた交通事件と言って良いだろう。	2021-12-05 04:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	台湾・台北 旅の最新事情、レトロ建築が美しい街を訪ねる【地球の歩き方】 - 地球の歩き方ニュース＆レポート	https://diamond.jp/articles/-/289121	今回は、月下旬から月上旬にかけて同じ台湾の北部・台北を訪れましたので、街の様子や感染対策の現状を数回に分けてレポートしますまず前編でご案内するのは、台北市の西部、大稻埕迪化街エリア。	2021-12-05 04:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	情報は“寸止め”　川田裕美の無理せず好かれるコミュニケーション術 - from AERAdot.	https://diamond.jp/articles/-/289157	fromaeradot	2021-12-05 04:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	入会金110万円!?国内最高峰のクレジットカード「ブラックダイヤモンド」とは？ - 男のオフビジネス	https://diamond.jp/articles/-/289098	mastercardblackdiaond	2021-12-05 04:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	新日本酒紀行「御慶事」 - 新日本酒紀行	https://diamond.jp/articles/-/288431	新日本酒紀行「御慶事」新日本酒紀行大正天皇ご成婚の折、「最高の慶び事」を記念して酒名に付けた青木酒造は、茨城県古河市に唯一残る酒蔵だ。	2021-12-05 04:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	おばあちゃんと孫には「強い絆」がある、米大学の脳の研究で明らかに - ヘルスデーニュース	https://diamond.jp/articles/-/289456	おばあちゃんと孫には「強い絆」がある、米大学の脳の研究で明らかにヘルスデーニュース祖母と孫の間には強い絆が築かれることがあるが、脳の画像検査でもそのつながりが認められたとする研究結果が報告された。	2021-12-05 04:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	社員も取引先も共感する「よいパーパス」の2つの条件とは？ - PURPOSE　パーパス	https://diamond.jp/articles/-/288005	purpose	2021-12-05 04:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ひろゆきが明かす「ビビらないための思考法」ベスト1 - 1％の努力	https://diamond.jp/articles/-/288924	youtube	2021-12-05 04:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	精神科医が呆れる「他人を信頼できない人の特徴」ワースト1 - ストレスフリー超大全	https://diamond.jp/articles/-/289067	樺沢紫苑	2021-12-05 04:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「僕は漫才でザリガニを水槽に入れ続ける」ウーマン村本大輔がテレビから消えた理由 - おれは無関心なあなたを傷つけたい	https://diamond.jp/articles/-/289011	themanzai	2021-12-05 04:05:00
ビジネス	東洋経済オンライン	｢最安値を求めてネット検索｣をやめた私が得た宝 ｢1枚50円の名刺｣がわが人生を劇的に変えた訳 | 買わない生活 | 東洋経済オンライン	https://toyokeizai.net/articles/-/473345?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2021-12-05 04:30:00