投稿時間:2022-01-16 19:14:43 RSSフィード2022-01-16 19:00 分まとめ(15件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	【Project Euler】Problem 32: パンデジタル数の積	https://qiita.com/masa0599/items/9fc76beaa3d654a72472	【ProjectEuler】Problemパンデジタル数の積本記事はProjectEulerの「番以下の問題の説明は記載可能」という規定に基づいて回答のヒントが書かれていますので、自分である程度考えてみてから読まれることをお勧めします。	2022-01-16 18:01:45
python	Pythonタグが付けられた新着投稿 - Qiita	【Project Euler】Problem 31: コインの合計	https://qiita.com/masa0599/items/f09b58332251c5dfd6ec	【ProjectEuler】Problemコインの合計本記事はProjectEulerの「番以下の問題の説明は記載可能」という規定に基づいて回答のヒントが書かれていますので、自分である程度考えてみてから読まれることをお勧めします。	2022-01-16 18:01:08
js	JavaScriptタグが付けられた新着投稿 - Qiita	Webの勉強はじめてみた その21 〜Slack上で動くbot作成1〜	https://qiita.com/mybrother_jake/items/25ae216acb0c8d5a07ee	次はbotの永続化とのことなので、とにかくほめるbotも引き続き改良したい。	2022-01-16 18:23:42
海外TECH	DEV Community	How to build a Tailwind CSS timeline component with Flowbite	https://dev.to/zolidev/how-to-build-a-tailwind-css-timeline-component-with-flowbite-5638	How to build a Tailwind CSS timeline component with FlowbiteI ve been using Tailwind CSS to build websites and the power of the utility classes coupled with the components from Flowbite makes it so much more easier and fun I ve started a tutorial series on how to create some of the most commonly used UI components using the classes from Tailwind CSS and today I want to show you how to build a timeline component Here s a preview of how it will look Let s get started Tailwind CSS timelineFirst of all we need to set up the basic HTML markup We ll use a lt ol gt element lt ol gt lt li gt lt time gt February lt time gt lt h gt Application UI code in Tailwind CSS lt h gt lt p gt Get access to over pages including a dashboard layout charts kanban board calendar and pre order E commerce amp Marketing pages lt p gt lt li gt lt li gt lt time gt March lt time gt lt h gt Marketing UI design in Figma lt h gt lt p gt All of the pages and components are first designed in Figma and we keep a parity between the two versions even as we update the project lt p gt lt li gt lt li gt lt time gt April lt time gt lt h gt E Commerce UI code in Tailwind CSS lt h gt lt p gt Get started with dozens of web components and interactive elements built on top of Tailwind CSS lt p gt lt li gt lt ol gt Awesome Let s now style the spacing typography and colors of the elements inside the timeline lt ol class relative border l border gray gt lt li class mb ml gt lt div class absolute w h bg gray rounded full left border border white gt lt div gt lt h class text lg font semibold text gray dark text white gt Application UI code in Tailwind CSS lt h gt lt p class mb text base font normal text gray gt Get access to over pages including a dashboard layout charts kanban board calendar and pre order E commerce amp Marketing pages lt p gt lt li gt lt li class mb ml gt lt time class mb text sm font normal leading none text gray gt March lt time gt lt h class text lg font semibold text gray dark text white gt Marketing UI design in Figma lt h gt lt p class text base font normal text gray gt All of the pages and components are first designed in Figma and we keep a parity between the two versions even as we update the project lt p gt lt li gt lt li class ml gt lt time class mb text sm font normal leading none text gray gt April lt time gt lt h class text lg font semibold text gray dark text white gt E Commerce UI code in Tailwind CSS lt h gt lt p class text base font normal text gray gt Get started with dozens of web components and interactive elements built on top of Tailwind CSS lt p gt lt li gt lt ol gt Already looking much better Let s now add the dots and a CTA button link lt ol class relative border l border gray gt lt li class mb ml gt lt div class absolute w h bg gray rounded full left border border white gt lt div gt lt time class mb text sm font normal leading none text gray gt February lt time gt lt h class text lg font semibold text gray dark text white gt Application UI code in Tailwind CSS lt h gt lt p class mb text base font normal text gray gt Get access to over pages including a dashboard layout charts kanban board calendar and pre order E commerce amp Marketing pages lt p gt lt a href class inline flex items center px py text sm font medium text gray bg white border border gray rounded lg hover bg gray hover text blue focus z focus ring focus ring blue focus text blue dark bg gray dark text gray dark border gray dark hover text white dark hover bg gray gt Learn more lt svg class w h ml fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L Ha hl a z clip rule evenodd gt lt path gt lt svg gt lt a gt lt li gt lt li class mb ml gt lt div class absolute w h bg gray rounded full left border border white gt lt div gt lt time class mb text sm font normal leading none text gray gt March lt time gt lt h class text lg font semibold text gray dark text white gt Marketing UI design in Figma lt h gt lt p class text base font normal text gray gt All of the pages and components are first designed in Figma and we keep a parity between the two versions even as we update the project lt p gt lt li gt lt li class ml gt lt div class absolute w h bg gray rounded full left border border white gt lt div gt lt time class mb text sm font normal leading none text gray gt April lt time gt lt h class text lg font semibold text gray dark text white gt E Commerce UI code in Tailwind CSS lt h gt lt p class text base font normal text gray gt Get started with dozens of web components and interactive elements built on top of Tailwind CSS lt p gt lt li gt lt ol gt Great job The timeline component should now look like in the preview picture Lastly let s also apply some of the dark variant classes for the dark mode Note check out this tutorial on how to set dark mode with Tailwind CSS and Flowbite lt ol class relative border l border gray dark border gray gt lt li class mb ml gt lt div class absolute w h bg gray rounded full left border border white dark border gray dark bg gray gt lt div gt lt time class mb text sm font normal leading none text gray dark text gray gt February lt time gt lt h class text lg font semibold text gray dark text white gt Application UI code in Tailwind CSS lt h gt lt p class mb text base font normal text gray dark text gray gt Get access to over pages including a dashboard layout charts kanban board calendar and pre order E commerce amp Marketing pages lt p gt lt a href class inline flex items center px py text sm font medium text gray bg white border border gray rounded lg hover bg gray hover text blue focus z focus ring focus ring blue focus text blue dark bg gray dark text gray dark border gray dark hover text white dark hover bg gray gt Learn more lt svg class w h ml fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L Ha hl a z clip rule evenodd gt lt path gt lt svg gt lt a gt lt li gt lt li class mb ml gt lt div class absolute w h bg gray rounded full left border border white dark border gray dark bg gray gt lt div gt lt time class mb text sm font normal leading none text gray dark text gray gt March lt time gt lt h class text lg font semibold text gray dark text white gt Marketing UI design in Figma lt h gt lt p class text base font normal text gray dark text gray gt All of the pages and components are first designed in Figma and we keep a parity between the two versions even as we update the project lt p gt lt li gt lt li class ml gt lt div class absolute w h bg gray rounded full left border border white dark border gray dark bg gray gt lt div gt lt time class mb text sm font normal leading none text gray dark text gray gt April lt time gt lt h class text lg font semibold text gray dark text white gt E Commerce UI code in Tailwind CSS lt h gt lt p class text base font normal text gray dark text gray gt Get started with dozens of web components and interactive elements built on top of Tailwind CSS lt p gt lt li gt lt ol gt The timeline should look like this in dark mode This Tailwind CSS timeline component is part of an open source library of Tailwind CSS components called Flowbite You can find more timeline component styles and variants and also a full set of other elements such as buttons dropdowns modals tooltips and more Flowbite Tailwind CSS timelineFlowbite Tailwind CSS Components	2022-01-16 09:49:46
海外TECH	DEV Community	CRUD is simple until it's not	https://dev.to/chrisza4/crud-is-simple-until-its-not-4n84	CRUD is simple until it x s notEvery app is just a glorified CRUD app with extra steps There are a lot of debates happening in the dev community between using complex architecture such as CQRS and viewing everything as a CRUD I want to clarify when CRUD is simple enough for the job and when it is not Let say you want to create an accounting system You have an invoice Invoice can be created read updated and deleted Sounds like a CRUD app So you start with a simple Rails style framework with REST style API surface where everything is just a resource that can be CRUDed The code can look like this simplified version def update invoice Invoice get request body id invoice update by request body invoice save end Fit everything to CRUDLet say that your invoice can be approved You added status field to the model The status can be Draft Confirmed Approved Commented and Rejected And then you some business requirementWhen an invoice is approved send a notification to someone so they can proceed to pay When an invoice is commented or rejected send a notification to the creator so they can be revised When a confirmed invoice has a total of more than USD send a notification to the director level If we still model by CRUD we need a code that looks like this def update invoice Invoice get request body id old status invoice status invoice update by request body invoice save new status invoice status Send notification to payment department if status changed to approved if old status Approved and new status Approved Notification send to payment department end Send notification to invoice owner if invoice was commented or rejected if old status Confirmed and Commented Rejected included new status Notification send to invoice owner end Send notification to management board if invoice exceed particular amount if old status Draft and new status Confirmed and invoice total gt Notification send to C level endendSo now we can generalize everything as CRUD Six months later we want to add functionality to the invoice approval step We want to ensure that any invoice exceeding USD must be approved by someone with a proper level of authorizationWe want to lock any invoice that has been rejected more than times If we wrote code as CRUD to implement these requirements you must Carefully read through update hoops and see which line is related to which If programmers work in parallel they might need to resolve to merge conflict Use business intentAnother type of implementation is to put a business intent into our model Instead of update we have these def approve invoice Invoice get request body id invoice status Approved invoice save Notification send to payment department enddef reject invoice Invoice get request body id invoice status Reject invoice save Notification send to invoice owner end And so onInstead of translating business intention such as approve to be like approval is just an update with extra steps We instead embedded business intention directly into our method When the business what to modify the approval process we can search for approve method When the business what to modify the confirmation process we can search for confirm method Even if this contains more code it s become easier to modify and reason about This is the power of moving away from CRUD based modelling It s not black and whiteCRUD is a simple model There are only four concepts and it can handle almost every requirement imaginable Everything can be viewed as CRUD with extra steps Even network communication can be viewed as CRUD of network packet with extra steps It is a simple and powerful model But it has its own limitation CRUD based method works well until collaboration break You can fit nearly every app into the CRUD model but at what cost The question is here is not can you it s should you If your software grows based on some particular business process such as if your accounting module is famous for a world class approval system it s worth you putting a highlight to those business intent rather than generalize it to just CRUD with extra steps I don t have a clear line between when to model the app as CRUD and when to do the domain event based app But I know that if communication starts to break down If a requirement needs days of dev assessment just to translate the requirement into codebase modelling check where to change what is the impact Your model might not be sufficient And that s when you might need to move on from the simple CRUD model	2022-01-16 09:17:58
海外ニュース	Japan Times latest articles	COVID-19 cases in Japan top 20,000 for third day in row	https://www.japantimes.co.jp/news/2022/01/16/national/japan-coronavirus-january-16/	numbers	2022-01-16 18:06:14
ニュース	BBC News - Home	Novak Djokovic: Tennis star to be deported after losing Australia visa appeal	https://www.bbc.co.uk/news/world-australia-60014059?at_medium=RSS&at_campaign=KARANGA	title	2022-01-16 09:01:43
ニュース	BBC News - Home	The Ashes: 'He's done it again!' - Cameron Green claims wicket of Zak Crawley	https://www.bbc.co.uk/sport/av/cricket/60007227?at_medium=RSS&at_campaign=KARANGA	The Ashes x He x s done it again x Cameron Green claims wicket of Zak CrawleyCameron Green claims his third wicket of the innings as he has Zak Crawley caught behind to leave England on needing to win the fifth Ashes Test in Hobart	2022-01-16 09:45:58
ビジネス	不景気.com	週刊不景気ニュース1/16、リストラや閉鎖・撤退の話題多く - 不景気.com	https://www.fukeiki.com/2022/01/week-report-220116.html	閉鎖	2022-01-16 09:40:45
サブカルネタ	ラーブロ	新店？　移転　宮二郎　ど豚骨ラーメン並(850円)	http://ra-blog.net/modules/rssc/single_feed.php?fid=195610	埼玉県深谷市東方町	2022-01-16 09:00:39
北海道	北海道新聞	宮崎市長選が告示　現新４人の争い	https://www.hokkaido-np.co.jp/article/634037/	任期満了	2022-01-16 18:16:00
北海道	北海道新聞	郵便局やコンビニ一時休業　日本の太平洋沿岸、トンガ噴火で	https://www.hokkaido-np.co.jp/article/634033/	海底火山	2022-01-16 18:12:00
北海道	北海道新聞	政府、トンガの被害把握を継続　在留邦人の安否確認急ぐ	https://www.hokkaido-np.co.jp/article/634032/	南太平洋	2022-01-16 18:12:00
北海道	北海道新聞	響くサイレン、各地で警戒　震災教訓「逃げないと」	https://www.hokkaido-np.co.jp/article/634031/	岩手県釜石市	2022-01-16 18:12:00
北海道	北海道新聞	ワカサギ、釣果上々　三笠・桂沢湖で解禁	https://www.hokkaido-np.co.jp/article/633818/	冬の風物詩	2022-01-16 18:02:14