投稿時間:2021-11-21 02:12:11 RSSフィード2021-11-21 02:00 分まとめ(14件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	｢Google Pixel 6a｣のレンダリング画像や一部仕様が明らかに	https://taisy0.com/2021/11/21/148846.html	google	2021-11-20 16:19:54
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	mysqlを自動的に再起動させたい	https://teratail.com/questions/370292?rss=all	サーバーのシステム起動時にMySQLも自動的に再起動して欲しいなと思っていますが、何か良い方法はないでしょうか。	2021-11-21 01:52:22
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	DjangoでJsonResponseのdataを日本語にする方法	https://teratail.com/questions/370291?rss=all	DjangoでJsonResponseのdataを日本語にする方法POSTで受け取ってデータベースに保存後に戻り値としてcontentとgoodcountを返して、pを生成して表示させたいのですが、quotcontentquotnbspquotuuuuquotnbspquotgoodcountquotnbspというように他の要素も消えてしまい文字化けしたデータだけが表示されてしまいます。	2021-11-21 01:37:33
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	swiftでfastapiを呼び出したい。	https://teratail.com/questions/370290?rss=all	swiftでfastapiを呼び出したい。	2021-11-21 01:16:51
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	java　メッセージキューの処理　mainとは別のスレッドでA,Bを動かす	https://teratail.com/questions/370289?rss=all	javaメッセージキューの処理mainとは別のスレッドでABを動かす前提・実現したいことクラスをAsanからBsanへキューを使ってメッセージを送る。	2021-11-21 01:04:00
海外TECH	MakeUseOf	TikTok Settles $92 Million Class-Action Lawsuit: How to Claim Your Share	https://www.makeuseof.com/tiktok-settles-92-million-class-action-lawsuit-how-to-claim-your-share/	TikTok Settles Million Class Action Lawsuit How to Claim Your ShareTikTok is no stranger to user privacy concerns This time allegations have resulted in a million class action lawsuit and you might get a share	2021-11-20 16:50:40
海外TECH	DEV Community	Blog Page Accessibility Deep Dive	https://dev.to/abbeyperini/blog-page-accessibility-deep-dive-1hbl	Blog Page Accessibility Deep DiveAccessibility Auditing My Portfolio Site Part Read Part The Audit Part Quick Fixes Part Dark Mode Toggle and Part Blog Preview Component When I built the lambda functions to pull my blogs using the DEV API I noticed that I would need to revisit how I was making headings when I was writing blogs I did not anticipate getting this many errors during my accessibility audit but it makes sense when you consider I hurriedly threw together and styled this page not once but twice This blog will focus on the full blog page on my portfolio site There is a component displaying previews of all of my blog posts on my main page Clicking on the Blog heading button there will render a component displaying all of my blogs in their entirety Similarly when you click on the heading of one of the blog previews only that blog will load When I started writing this part of my accessibility audit series there was a separate SingleBlog component for rendering one blog with almost the exact same structure and styling as the FullBlog component that rendered all of the blogs The ProblemsI m fixing issues I discovered in part of this series while auditing as well as issues I discovered while fixing my site for parts and For good measure I m also investigating a few things I wanted to revisit the last time I rewrote this page As I wrote this the list of problems grew some fixes solved problems for headings I hadn t gotten to yet and I probably reordered the sections times as I went Because of the sprawling nature of this blog I ve mapped the problems to the headings with their fixes RefactorWhen I originally wrote my site because I wrote the onClick handler that rendered a single blog differently than the rest of my onClick handlers I wrote two separate components a SingleBlog and a FullBlog I want to refactor these into one component because making updates in two files was tedious the last time I rewrote this page Markdown or HTML The second thing I wanted to revisit investigating whether a markdown parsing solution is better than an HTML parsing solution for displaying what the DEV API returns While working on this I found a security vulnerability Sections Articles and Headings Oh MyBased on the audit and things I ve learned fixing other parts of my site I want to make sure I only have one lt h gt on a page only return one lt section gt on my blog page put each blog in an lt article gt and edit my blogs so there are no skipped heading levels Links on Links on LinksBased on reader feedback from this series I want to add a link in each lt article gt to the blog post on DEV for sharing The audit in part returned errors about empty links in the blog headings from the HTML the DEV API returned and I thought that was solved by switching to markdown Turns out they were merely replaced by target source does not exist errors The CSS MessI had noticed my lt ul gt styling needed help during the audit and wanted to revisit code block styling after the last time I rewrote this page After switching to markdown I ll need to revisit all my blog styling again No to ReflowFrom manual testing I found I need to update my styling so my blog page is able to get to zoom without causing reflow issues I also found the page switches to scrolling horizontally in landscape on mobile and I want to prevent that behavior Text FormattingDuring the audit for part I got warnings to make sure lt br gt tags are not being used for paragraph formatting and that any meaning conveyed by lt em gt and lt strong gt must be available to screenreaders At least one automatic tool had a recommendation to use more list elements and multiple recommended I use lt q gt or lt quoteblock gt tags around quotes Through retesting after switching to markdown I noticed my lt ol gt elements were being styled like lt ul gt s the links to headings were broken and new issues had been created by the way I was trying to caption source images on DEV The Long Alt TextA couple automatic tools gave me errors about long alt text I also want to look into how often I m using words like gif because it seems much more often than I would like Skipping AroundAs I ve been testing things with a screenreader and keyboard for this blog series I realized wanted to provide skip links as a means of bypassing blocks of content for my blog preview component and blog page The Solutions RefactorThe last time I rewrote this page I noticed that my SingleBlog and FullBlog components were very similar The only real difference was I passed a blog id to my SingleBlog component to display one blog and my FullBlog component displayed all the blogs by default I started in my main file app js and the first thing I needed to update was my chooseComponent function that all of my navigation buttons use to display one component on the page const chooseComponent component gt if component component SingleBlog setSingle true setSingleBlogID component id setSingleShow FullBlog else if component FullBlog setSingle true setSingleBlogID setSingleShow component else setSingle true setSingleShow component Then I removed the SingleBlog component imports from this file and add id singleBlogID to my FullBlog component s props setSingleBlogID returns SingleBlogID to it s default state and allows me to write this check in my useEffect in my FullBlog component if props id fetchSingleBlog props id else fetchBlogs In my blog preview component the heading button s chooseComponent had to be updated to return SingleBlog as well as an id for this to work lt button className preview button onClick gt chooseComponent component SingleBlog id blog id gt blog title lt button gt After moving my fetchSingleBlog call from the SingleBlog component to the FullBlog component I m ready to format what FullBlog returns I ended up having to update the structure of what is saved in state slightly e g res data data instead of res data but then it was easy enough to check for the length of state blogs and return one or all of the blogs based on that if state isLoading amp amp state blogs null let blogList if state blogs length gt blogList state blogs map blog gt let blogBody parse blog body html return lt li key blog id className blog gt lt h gt blog title lt h gt blogBody lt li gt else let blogBody parse state blogs body html blogList lt li key state blogs id className blog gt lt h gt state blogs title lt h gt blogBody lt li gt return lt section aria label Full list of Abbey s blog posts className full blog gt lt ul gt blogList lt ul gt lt section gt else if state isLoading amp amp state error return lt Error gt else return lt Loading gt Now all of the updates I ll be doing for this component for the rest of this blog only have to be done in one file Markdown or HTML I wanted to revisit this decision for a couple reasons First because of the short deadline I was on I didn t really have time to look at the markdown parsing solutions available to me I balked when I saw the reviews saying they could be buggy and usually used dangerouslySetInnerHTML Second when I was building it I was getting fairly regular too many requests responses from the DEV API because I m grabbing each blog by id to get the HTML However I m not seeing those anymore The DEV API still in beta has not updated what it returns so I take a moment to research React markdown parser options I quickly discover the solution I ve implemented like most HTML parsing is open to XSS attacks I could look at an HTML sanitization package but instead I m going to change my lambdas and implement react markdown My blog preview component and singleBlog lambda still work in this context but I have to refactor my blogPosts lambda Luckily this is mostly just removing complexity and making sure the structure of the object returned to my component is the same const axios require axios const API KEY process env API KEYexports handler async function event context let articles try articles await axios get headers Api Key API KEY Content Type application json catch err console log err return statusCode err statusCode body err message headers Access Control Allow Origin Access Control Allow Methods GET return statusCode body JSON stringify data articles data headers Access Control Allow Origin Access Control Allow Methods GET Next I update my FullBlog component to import react markdown and pull the markdown instead of the HTML from what my lambdas return The excellent news is this is pretty darn easy I uninstalled html react parser and installed react markdown and the remarkGfm plugin Then I put a markdown variable where I previously had a variable called blogBody set to a parsed HTML string Next I add a ReactMarkdown component that parses and renders my markdown string where I previously returned blogBody let markdown state blogs body markdown blogList lt li key state blogs id className blog gt lt h gt state blogs title lt h gt lt ReactMarkdown children markdown remarkPlugins remarkGfm gt lt ReactMarkdown gt lt li gt The bad news is I ll have to revisit all of my blog styling for a third time Considering the majority of the rest of the blog is mostly about styling fixes it definitely could have happened at a worse time Sections Articles and Headings Oh MyTurns out the myth that having lt section gt s negates the need to avoid multiple lt h gt s on a page persists because the HTML specs say that s true and the browsers never implemented it First I updated my main page with lt h gt s around my section headings Then I double check I m not skipping around in heading hierarchy in any of the content of the sections I ended up updating about headings My landing page has the lt h gt with the page title but it s not rendered with the rest of the content Adding a visually hidden lt h gt page title is now part of this Github issue which has quickly become its own accessibility project to come back to after this comprehensive audit Miraculously this all works without me needing to update any main page CSS Next I make sure my blog pages have one lt section gt and the blogs are wrapped in lt articles gt instead of in a list Then it is time to investigate how my blog titles need to be formatted when I write on DEV I ve set my blog and section titles to lt h gt s on my site so anything other than the title or ridiculously long secondary titles I have a tendency add will have to start at lt h gt and not skip any heading levels I ve been careful about not skipping levels of headings since I last rewrote this page but I ve been starting at lt h gt At this point I know I don t want to go any lower in hierarchy on DEV because of accessibility on their site so I m going to try a regex to replace the octothorps that make headings e g in the markdown string Before writing a regex I need to make sure my headings in my blogs are uniform I open up dev tools on my site and look at the structure returned after the markdown parsing Not only do I have a few places where heading levels are skipped but also about half of my blogs don t have spacing between the octothorps and the heading text Even though DEV s markdown parser recognizes them as headings react markdown does not Luckily it s not all of them because I had noticed this problem when I started cross posting blogs from DEV to Hashnode I ended up editing blogs making sure they all start at lt h gt and no headings are skipped I also removed headings from a couple places where I was using them to format captions Next the regex solution I think I only have as low as lt h gt but I add a replace for lt h gt just in case After a little trial and error including having to reverse the order of the replaces so that everything doesn t end up being an lt h gt my heading replace function looks like this function replaceHeadings markdown let newHeadings newHeadings markdown replace s s g n newHeadings newHeadings replace s s g n newHeadings newHeadings replace s s g n newHeadings newHeadings replace s s g n return newHeadings All I have to do is pass it my markdown string where I format blogs to be returned for rendering and bam accessible headings blogList state blogs map blog gt let markdown blog body markdown let replaced replaceHeadings markdown return lt article key blog id className blog gt lt h gt blog title lt h gt lt ReactMarkdown children replaced remarkPlugins remarkGfm gt lt ReactMarkdown gt lt article gt Links on Links on LinksWhile refactoring I saw that the DEV url is included in each blog object returned by the API Now I just need to figure out how I want to display it I settle on a share button For now I ll open the DEV link in a new tab but I ve added copying the link to the user s clipboard and a hover label saying copied to this Github issue For now I ve got a Share button under each blog heading lt article key blog id className blog gt lt h gt blog title lt h gt lt a href blog url target blank rel noreferrer gt lt button className preview button gt Share lt button gt lt a gt lt ReactMarkdown children replaced remarkPlugins remarkGfm gt lt ReactMarkdown gt lt article gt I thought switching to markdown solved the the empty heading link warnings but retesting for the Text Formatting section showed they had merely been replaced by target source does not exist errors On my live site I can see that the heading links previously worked without a router by generating lt a name heading title href heading title gt lt a gt For the record it is recommended that you add an id to the heading element or an anchor element that has content rather than adding a name attribute to an empty anchor before the heading I find a google style guide with a way to add an anchor to headings using markdown and get impressively close to a working regex solution before I realized I should test if it would even work with this markdown parser I passed a few types of markdown syntax to my ReactMarkdown component and they didn t work Turns out react markdown won t parse heading anchors I read multiple issues tried the recommended render functions and components added a escapeHTML false prop and an anchor link around a heading myself and every time the heading was unaffected showed the link as part of the heading content or disappeared The answer might be installing a plugin but installing one involves installing multiple and I ve still got quite a few fixes to go so I ve made a new Github issue to come back to later Luckily if users really want to use the table of contents they have that share button to take them to DEV for now I was reminded by an error from the same retesting that I need to add my external link icon to my share buttons All the other links in my blogs are opening in the same tab I import my lt ExternalLink gt component into the button just like in part of this blog series To give them unique ids I ve generated ids in my formatting map like this let SVGID ShareExternalLink Math random toString slice I left the single blog SVG id as ShareExternalLink since it will be the only one on the page The CSS MessTime to revisit my blog CSS a third time Some of the styling fixes were easy my heading rules just needed to start at lt h gt instead of lt h gt My lt ul gt styling was broken because I hadn t taken lt ol gt s into consideration I also added a left margin to get the list discs in line with the text My code block styling was easier to deal with than last time the lt pre gt and lt code gt structure made more sense After updating the class rules to element selector rules I had to switch some rules around to give my lt pre gt s that weren t wrapped in lt p gt s a background that covered all the lines of code unbroken Then I had to play around a bit with margins and padding until I remembered what I was trying to do with the inline code I also noticed a weird behavior with my Blog heading button found I had accidentally left the heading for my Loading component inside the lt div gt and moved it out Styling my lt img gt s wrapped in lt p gt s without a class stumped me for a while Why is there no parent CSS selector A lot of googling and complaining later I land on display block and margin auto which center my images After this jogs my memory I also add display inline block to my inline formatted code and liked the way it offsets the text from the code After all my styling is reapplied I scroll through and end up adding a few things a lt h gt rule some margins and a new line to a blog post where the lt img gt needed to be further away from the text I m not super happy with my share button but I ll use that as motivation to get to that Github issue No to ReflowMy lt pre gt blocks are set to width in my last media query My headings have no width rules It looks strange when they re all different lengths and one or both are probably the source of my reflow issues First I find the one width constraint rule for this page that I have in all of my media queries I find the likely overflow culprits and consolidate their width rules into one After this is applied I notice my blog containers are all different sizes and add a min width rule to the blog class rule block in all my media queries Then I resize my window and find what is still overflowing those pesky lt ul gt s and lt ol gt s I end up with two rules repeated across media queries that look like this blog pre blog p blog blockquote blog h blog h blog h blog ul blog ol max width px blog min width px I resize my window again and still see the horizontal scrollbar Eventually I find it s my links that aren t wrapping The third rule I added looks like this a word wrap break word overflow wrap break word I zoom in to and voila No more reflow issues I scroll through one last time and notice my lists aren t uniformly centered I end up setting them to a static width px less than the max width rule above and that solves the problem In a shocking twist this page no longer scrolls horizontally in landscape on mobile I have no idea what made it do that in the first place but apparently I ve fixed it without pushing any code I ve produced while writing this blog Text FormattingFor this section I retest with ARC Toolkit and IBM Equal Access Accessibility Checker While I was checking for skipped headings in my blogs on DEV I removed line breaks and the italicized lines about when the blog was originally published on Medium This cut down significantly on the number of warnings about lt em gt elements The lt q gt and lt quoteblock gt warnings are about places in my blogs where I quote myself present a hypothetical or mantra or put quotations around text you would see on the screen or that I m adding to my site The places where I quote other people are properly surrounded by lt quoteblock gt The use more list elements warnings are about places where a lot of links or code blocks appear under an lt h gt wrapped in a lt p gt They wouldn t make sense as lists so those are fine While I was pondering what the use more list elements warnings could be about I realized my lt ol gt elements are styled with discs not numbers Luckily all I had to do was move list style type disc out of my blog li rule and into a blog ul rule instead I m getting new errors about using title on an element that isn t interactive It would seem I added titles to two images by adding them in quotes after the link a lacy Dowland shawl knit in sparkly burgundy yarn Knit by Abbey Perini pattern by Dowland by Dee O Keefe yarn is Meeker Street by The Jewelry Box Knit by Abbey Perini pattern by Dowland by Dee O Keefe yarn is Meeker Street by The Jewelry Box After reading up on the title attribute I remove the two titles There are still warnings about making sure meaning conveyed by italics is available to screenreaders One is where I italicized a book title Eight are about places where I provided a source for the comics I used in blogs and no meaning is lost there The final two are captions of images When I searched for how to create captions on DEV I only saw recommendations to use lt figcaption gt s and adding lt figure gt lt img gt and lt figcaption gt elements does not work with react markdown I inspect these two elements and with the alt text no meaning is lost for screenreader users If anything they get more context than sighted users I did notice however that one of the captions isn t centered Our friends display block and margin auto quickly fixed that I am sad react markdown isn t parsing lt kbd gt elements because they re so cute I tried a few props in my ReactMarkdown element but they didn t work so I morosely update my replaceHeadings function to remove the lt kbd gt s with regexes too function replaceHeadings markdown let newHeadings newHeadings markdown replace s s g n newHeadings newHeadings replace s s g n newHeadings newHeadings replace s s g n newHeadings newHeadings replace s s g n newHeadings newHeadings replace lt kbd gt g newHeadings newHeadings replace lt kbd gt g return newHeadings I ve got warnings about two elements wrapped in lt strong gt one is a line from a knitting pattern just to make it easier to read for sighted users so no meaning is lost on a screenreader The other is a note about the useEffect dependency array just to make it stand out For this one I want to take the recommendation from ARC Toolkit and put it in a heading instead but an lt h gt is a bit huge so I just make it a new paragraph I m getting warnings about missing lt h gt s but that will be fixed when I get to that Github issue I m also getting warnings about duplicate headings Hopefully users will understand I like to end my blogs with a Conclusion section and this blog series has a lot of Problem headings Plus this shouldn t be a problem for screenreader users once I add skip links I get warnings about using non alphanumeric characters like in codeblocks which still need to be read by the screenreader for the code to make sense so those will be staying as is I also get warnings about making sure words like above and below make sense without visual context With blogs checking each instance is a bit of a time consuming project so I m making a note to revisit this in the next blog in this series That will also be a better time to cross post the heading and other changes to Hashnode and Medium if necessary The Long Alt TextI get alt text longer than characters warnings from IBM Equal Access Accessibility Checker What can I say I want to make sure screenreader users get all the information I could come up with a regex solution of some sort to make a D link or replace alt with an aria describedby attribute but I d rather shorten alt texts at this point in my accessibility audit journey Using Word Counter to get a character count and cmd F in the elements console in dev tools on my site to find the offenders I am able workshop them all down You can tell when I m proud of an image or code project I ve made because I get verbose I am floored only two of the meme alt texts from Object Oriented Programming in Memes were longer than characters Unfortunately the polymorphism meme had image but I can see why I wanted to delineate where the caption ended and the image of the claymation pirate began Not shockingly a few of the longest alt texts had screenshot in them Typically when using screenshot I want to convey that it is a screenshot of a webpage for context in the blog and I didn t get any warnings about using the word but I ll think on what I could replace it with while writing alt text in the future During my retest for the previous section I only got errors for one instance where I used gif in alt text in a blog and a couple places where I used it in my portfolio section on the main page I have removed all three I have no excuse for calling the Moira gif a gif in my blog alt text but I remember being very proud of the gif walkthroughs I made for projects and we know how that goes in my alt text Skipping AroundI want to add a skip link for my blog preview component and for my FullBlog component when I return all of my blogs I start by adding CSS classes provided by Carnegie Museums skip links screenreader text position absolute left px width px height px top auto screenreader text focus color black display inline block height auto width auto position static margin auto Using CSS Tricks guide I start building the HTML First yet another regex to make the lowercase ids with hyphens instead of spaces function makeID title title title toLowerCase let replaced title replace s g replaced replaced replace g return replaced Next I make the skip links list and add the ids to article headings when I return all the blogs Because I don t need a skip link when there s one blog I refactor one return into two if state isLoading amp amp state blogs null let blogList let skipLinks if state blogs length gt blogList state blogs map blog gt let SVGID ShareExternalLink Math random toString slice let markdown blog body markdown let replaced replaceHeadings markdown let blogID makeID blog title let Href blogID let skipLinkID blogID Math random toString slice let skipLink lt li id skipLinkID gt lt a href Href gt blog title lt a gt lt li gt skipLinks push skipLink return lt article className blog gt lt h id blogID gt blog title lt h gt lt a href blog url target blank rel noreferrer gt lt button className preview button gt Share lt ExternalLink className external link id SVGID focusable false gt lt button gt lt a gt lt ReactMarkdown children replaced remarkPlugins remarkGfm gt lt ReactMarkdown gt lt article gt return lt section aria label Full list of Abbey s blog posts className full blog gt lt div className screenreader text gt Skip directly to a blog lt ol gt skipLinks lt ol gt lt div gt blogList lt section gt else let markdown state blogs body markdown let replaced replaceHeadings markdown return lt section aria label Full list of Abbey s blog posts className full blog gt lt article key state blogs id className blog gt lt h gt state blogs title lt h gt lt a href state blogs url target blank rel noreferrer gt lt button className preview button gt Share lt ExternalLink className external link id ShareExternalLink focusable false gt lt button gt lt a gt lt ReactMarkdown children replaced remarkPlugins remarkGfm gt lt ReactMarkdown gt lt article gt lt section gt else if state isLoading amp amp state error return lt Error gt else return lt Loading gt I fire up the screenreader and it works There is probably some tweaking to do but that s a task for next blog s final testing Now to apply it to my blog preview component The next section already has an id about attribute so all I have to do is add the link to the Blog component s return statement return lt section aria label Blog Previews className container blog gt lt h aria label button to open full blog page gt lt button className blog section title onClick gt chooseComponent FullBlog gt Blog lt button gt lt h gt lt a className screenreader text href about gt Skip directly to the next section lt a gt lt div className scroll cropper gt lt ul aria label previews of Abbey s blog posts className blog preview gt blogPreviewList lt ul gt lt div gt lt section gt It works beautifully but makes me realize that the skip links in my FullBlog component aren t actually becoming visible on focus Several minutes of CSS shenanigans later and I add four things a lt p gt tag that should have been around Skip directly to a blog in the first placetabIndex to that lt p gt tagrole navigation so that tabIndex is acceptablethe focus within pseudo selector to the CSS rule that originally only had screenreader text focusThe result is beautiful ConclusionThis blog in particular and the series as a whole has been a massive endeavor I took a break for a few days after part because I sorely needed it Still at this point I ve written almost words about accessibility auditing and coded a long list of fixes in days across blogs I typically only manage a few hundred to words a month While I am looking forward to wrapping this series up it has been nice to get back to frontend code for the first time in a while At some point after this blog series and the Github issues I d like to come back and refactor my CSS to use far fewer margins I ll be looking into flex basis and might even switch to using CSS grid I should also come up with a solution for my local lambda server that doesn t involve hardcoded links You can read about how it ended up that way in the walkthrough GitGuardian is saying I committed my DEV API key even though I tried really hard not to so I revoked the one I was working with in this blog and replaced it when I deployed I would be remiss if I didn t thank kirkcodes for being a sounding board and Virtual Coffee November Challenge accountibilibuddy for this entire roller coaster Stay tuned for Part Final Testing and Thoughts	2021-11-20 16:43:27
海外TECH	DEV Community	Wicked Blocks: Tailwind css & Alpine.js blocks and components. 100% Free to use. Updated	https://dev.to/mike_andreuzza/wicked-blocks-tailwind-css-alpinejs-blocks-and-components-100-free-to-use-updated-4j3e	Wicked Blocks Tailwind css amp Alpine js blocks and components Free to use Updated Hello everyone I have built Wicked Blocks and I have updated recently with more blocks and I also added Alpine js on the navigation at the moment will be including even more Right now there is around or so Why including Alpine js Because Alpine js is becoming popular and I haven t seen so much resources that provide it fro free This is what you will find on the site Left HeadersRight HeadersCenter HeadersPricingAlertsGridsClientsModalsContentFormsNavigationFootersAlso I have redesigned the site many times but this time I have made a small attribute to Carbon Design System I hope you all find it helpful thank you so much and have a stunning day If you have any feedback or any suggestion feel free to let me know on the DMs or twitter Mike Andreuzzasome images	2021-11-20 16:30:39
海外TECH	DEV Community	10 apps and platforms built with no-code	https://dev.to/appmaster_io/10-apps-and-platforms-built-with-no-code-18hd	apps and platforms built with no codeWhile some organizations still have doubts about no code platforms others actively implement new instruments and strategies into their businesses The usage of no code technology brings a competitive advantage Startups become more successful quickly and effectively launching their products In this article we want to share some inspiration Below you will find real examples of apps and platforms built with no code ChantChant is a social media app built for creatives A community environment allows users to engage with each other chat and share their work The app connects like minded people The main goal of Chant is to bring artists together and help them discover new ways to take their work to the next level The platform is perfect for those who are already creating and those who wish to be Chant was built with Adalo and even was added to the Showcase section of Adalo featured as an example of a unique take on social media You can easily download Chant from the App Store and Google Play OutsiteOutsite is an original web application that helps freelancers and remote workers find interesting places to spend time in and communities to hang out with Outsite presents a huge library of locations that visitors can browse through to find the next stop Users of the website are the content creators They engage with each other create photo libraries share their experience and leave reviews Similar to how Amazon like platforms work And all this was made with Webflow ーa no code website builder KollectoKollecto is a web app for sharing collecting and buying art Its founder Tara Reed did not have the funds to hire developers to create her MVP That s why she used more accessible no code instruments Kollecto was built with the help of Strikingly Typeform Plasso Stripe and Paypal As soon as the platform gained its first users things started falling apart It took weeks to process recommendation requests But Tara quickly managed to find a decision She tried Bubble service and was able to construct an art matching algorithm in just under three weeks PlatoPlato ーa tailored mentorship every company can use for its team Plato connects engineers to mentors from the best companies around the world They analyze requests and match applicants with mentors with relative experience to help applicants with challenges and give actionable advice Plato provides the best match between engineers team and mentors and delivers goal oriented outcomes for the problems addressed The platform was built with Bubble The project was accepted to YCombinator ーthe most prestigious startup accelerator where it raised millions in funding for future development EnsembleThe no code instruments are especially helpful during a crisis like the one we had when Covid exploded To help merchants to survive through the pandemic Ensemble was launched The platform was created in three days It allows companies and individuals to make donations or buy vouchers for future spending when the enterprises will be reopened Ensemble managed to help thousands of businesses by raising over CHF in weeks Impressive result for the app built in days with no code instrument Bubble QoinsQoins is an app that helps people to pay off their debts through the service of financial coaching Mainly it uses payroll deductions and roundups on daily purchases that go to cover someone s debt The app creators used Bubble to build the first version and test it And even after the project s big expansion they are still using the no code platform for most of the business tasks Now Qoins covers parts of debts no matter what amount they are providing significant financial support Nóz DeliveryNóz Delivery ーis an app for food delivery It works as an intermediary between restaurants and clients However restaurants get all the profit and Nóz Delivery service is paid a fixed monthly fee Not all food entities have sources to create their app or pay a huge commission to big delivery services And this application provides them an opportunity to cover online deliveries and attract more customers Nóz Delivery was built with Bubble It is a cross platform app that can be used on every smartphone or PC Rebel Book Club Rebel Book Club is an international platform connecting book enthusiasts How it works registered club members vote for the book that everyone needs to read within the upcoming month By the end of the month they arrange a meeting to discuss what they read So users engage both online and offline Rebel Book Club offers subscription plans Today it has over active members with monthly revenue of £ The platform was built with the following no code instruments Strikingly Typeform GoCardless Mmirror ioAn interesting startup project that was built with Bubble Mmirror platform provides users with services for A B testing Depending on the pricing plan users can get respondents for their project tests Thanks to the ready to use functionalities of no code instruments it was built really fast With its responsive performance the project can gain popularity and be helpful for many startups CometComet is a perfect tool for freelancers to find a job and for employers to hire qualified professionals It is an international marketplace for IT freelancers The main difference between Comet and other similar platforms is in its strict applicants selection Such an approach builds a trustworthy community that a company can rely on and be sure to find a real professional Everything is checked by the service itself Comet was also built with Bubble And in startup attracted an investment of mln These examples only prove that no code products can become part of large successful projects By using them you can turn your idea into a real application in no time easily launch it and present the project to investors to raise funds for further development Get inspired experiment ーno code movement creates opportunities for this	2021-11-20 16:09:00
Apple	AppleInsider - Frontpage News	Woolnut AirPods Max case review: Functional but pricey	https://appleinsider.com/articles/21/11/20/woolnut-airpods-max-case-review-functional-but-pricey?utm_medium=rss	Woolnut AirPods Max case review Functional but priceyThe dust has settled on the uproar that emanated from the questionably designed cover that Apple shipped with AirPods Max but it hasn t taken away the need for more a more protective option That s why we re reviewing the new Woolnut AirPods Max case Meet the Woolnut leather AirPods Max caseComing in at the high end of the category price range Woolnut offers a premium solution made of quality leather that is thoughtfully designed to cradle Apple s most expensive headphones Read more	2021-11-20 16:26:50
海外TECH	Engadget	Hitting the Books: An ode to the joy of antibiotics	https://www.engadget.com/hitting-the-books-patient-zero-lydia-kang-nate-pederson-workman-publishing-163030051.html?src=rss	Hitting the Books An ode to the joy of antibioticsThe stress and uncertainty surrounding the COVID pandemic along with misinformation about the life saving vaccines developed in response have broken many a weak mind over the past two years leading people to try everything from injecting themselves with bleach and inhaling nebulized hydrogen peroxide to slugging down horse dewormer in misguided attempts to outwit modern medicine Surprise none of it actually works What s worse is that this sort of behavior is nothing new Quack homeopathic remedies have existed for centuries ーcuring the bubonic plague through blood letting self flagellation or sitting in hot sewers to drive off the fever for example ーand supported by little more than anecdotal evidence In their latest book Patient Zero A Curious History of the World s Worst Diseases Dr Lydia Kang and Nate Pedersen delve into the fascinating histories of some of humanity s deadliest diseases and the society preserving works of the scientists who the developed cures vaccines and treatments to counter them In the excerpt below we take a look at the deployment of antibiotics and antitoxins in the fight against diphtheria anthrax and other deadly diseases nbsp nbsp Workman PublishingExcerpted from Patient Zero A Curious History of the World s Worst Diseases by Lydia Kang MD and Nate Pedersen Workman Publishing Aside from putting barriers between us and plagues the next primary approach to defeating them was to attack them directly thanks to breakthroughs in science that created and discovered antibiotics and antitoxins Some of these medicines aren t simply employed against microorganisms like bacteria but act as antifungals antivirals and antiparasitics as well Today there are more than a hundred types of medicines in this group The World Health Organization WHO maintains a list of medicines deemed essential for a country s healthcare system to best care for its citizenry and a large chunk of those essential meds battle infectious diseases Some might assume that penicillin was the first definitive weapon discovered in our fight against pathogens but there were several that preceded it and broke significant ground when they were discovered The Prussian born Emil von Behring was a doctor and an assistant to the famed Robert Koch at the Institute for Hygiene in Berlin In he developed a way to treat those suffering from diphtheria and tetanus Not a disease familiar to many these days diphtheria is prevented by a vaccine that is usually coupled with your routine tetanus shot In the s diphtheria was a terrible killer that inflamed a victim s heart inflicted paralysis and caused a suffocating membrane to cover the throat In Spain the disease was so rampant in it was nicknamed El Año de los Garrotillos or “The Year of Strangulations Much of the disease caused by diphtheria is driven by the toxin created by Corynebacterium diphtheriae Von Behring infected rats rabbits and guinea pigs with weakened attenuated forms of it then gathered their serumーthe liquid fraction of their blood minus the red and white blood cells That light honey colored liquid which contained antibodies to the diphtheria toxin was then injected into another set of animals that were sickened with fully virulent diphtheria bacteria The newly infected animals given the serum didn t die because they gained a passive form of protection against the toxin with the donated serum In a child s life was saved using this new method for the first time The serum was produced in large quantities using animals like sheep and horses At a time when children died annually from diphtheria it was a miraculous treatment Tetanus serum was created soon after becoming a workable treatment by Today antitoxins are used to treat botulism diphtheria and anthrax The same principles of antitoxin treatment are utilized for antivenom therapy to remedy poisonous animal bites including those from black widow spiders scorpions box jellyfish and cobras A treatment called passive antibody therapy in which the serum of patients recovered from an infection is given to other sick patients also called convalescent plasma therapy may have been helpful during the COVID pandemic though data is still forthcoming Antibodies against infections can not only treat diseases like toxic shock syndrome but prevent infections during exposures such as those for hepatitis A and B and botulism But the antibodies themselves have been employed to treat more than just bites stings and infections Intravenous immunoglobulins from pooled donors treat a variety of disorders such as ITP immune thrombocytopenia and severe immune deficiency diseases Another antibody therapyーmonoclonal antibodiesーhas been a game changer in treatments over the last decade or so the first one approved by the FDA in These specially designed antibodies are used to treat several types of cancers melanoma breast and stomach among many others and autoimmune diseases including Crohn s disease rheumatoid arthritis and psoriasis The antibodies themselves are Y shaped proteins that bind to a specific protein In doing so they can elicit a whole range of effects switching on or off immune system cascades destroying cells blocking or engaging cell activities The antibodies only bind to a single antigen hence “mono and are produced by clones of cells that churn out the antibodies in large amounts Sometimes they can also be bound to radioactive particles delivering radioactivity directly to a cancer cell Others can be bound to a chemotherapy agent Often they work alone In the realm of cancer therapy most of us have some understanding of chemotherapy But the origin of the term chemotherapy itself actually came from the fight to treat infections not cancer At the turn of the twentieth century antibiotics had yet to establish themselves as a cure for infections That changed with a physician and scientist named Paul Ehrlich He was born in in East Prussia now Poland where his father ran a lottery office During his career he took advantage of the burgeoning German dye industry to experiment on how cells looked stained with different chemicals His love of color led to some notable idiosyncrasies like carrying colored pencil stubs in his pockets But Ehrlich s work led to what would become the famous Ziehl Neelsen acid fast stain for tuberculosis Unfortunately he also stained his very own TB bacteria from his sputum though luckily survived the illness Later he collaborated with the aforementioned Emil von Behring a Nobel Prize winning physiologist on serum therapy for tetanus and diphtheria But perhaps Ehrlich s most notable discovery happened by accident as he sought a chemical cure to treat a specific diseaseーa “chemotherapy Specifically he hoped to cure sleeping sickness a disease caused by a microscopic parasite called Trypanosoma brucei He had been working with a chemical called atoxyl meaning “nontoxic ironically an arsenic compound Ehrlich coined the term “magic bullet related to his hope of finding that perfect chemical that would hopefully kill a very specific pathogen the Trypanosoma parasite and not the patient He ended up testing nine hundred variations of the arsenic compounds on mice None were particularly effective but he revisited because it seemed to have an effect on a newly discovered bacterium believed to cause syphilis In the medicine called Salvarsan sometimes simply called “ was proven to be effectiveーit killed the syphilis spirochete and left the guinea pigs rabbits and mice alive In the next few decades new research would be applied to battle not just the pandemics of old but daily infections that could upend people s lives A scratch or bite could kill if those Staphylococcus or Streptococcus infections spiraled out of control A German scientist named Gerhard Domagk began working with a group of chemicals called azo dyes that had a characteristic double nitrogen bond Azo dyes can color textiles leather and foods various shades of brilliant orange red and yellow When an azo compound had a sulfonamide group attached a nitrogen and sulfur link with two oxygen atoms double bonded to the sulfur should you need to impress friends at a party they knew they d found something special The sulfonamide group inhibits a bacteria s ability to make folate a necessary B vitamin Humans on the other hand can obtain folate through their diet And so another magic bullet was born The new compound seemed to work in mice infected with Streptococcus otherwise known as strep Domagk used the new medicine called KL and later patented as Prontosil on his own daughter Hildegard Suffering from a severe strep infection she received a shot of Prontosil and recovered though the drug left a telltale dyed reddish discoloration at the injection site “Sulfa drugs would go on to be used in a variety of medicines including antibiotics trimethoprim and sulfamethoxazole aka Bactrim diabetes medicines glyburide a sulfonylurea diuretics furosemide or Lasix pain meds celecoxib or Celebrex and are also used today to treat pneumonia skin and soft tissue infections and urinary tract infections among others Domagk s work won him the Nobel Prize in However the Nazis who disapproved of how the Nobel committee tried to help German pacifist Carl von Ossietzky had their Gestapo arrest Domagk for accepting the prize and forced him to give it back He was able to receive it later in	2021-11-20 16:30:30
ニュース	BBC News - Home	Lewis Hamilton takes dominant pole position for Qatar Grand Prix	https://www.bbc.co.uk/sport/formula1/59360352?at_medium=RSS&at_campaign=KARANGA	qatar	2021-11-20 16:27:19
北海道	北海道新聞	クラーク初勝利ならず　明治神宮野球大会が開幕	https://www.hokkaido-np.co.jp/article/613954/	明治神宮野球大会	2021-11-21 01:17:58
北海道	北海道新聞	Ｆ１、角田裕毅は予選８番手　第２０戦カタールＧＰ	https://www.hokkaido-np.co.jp/article/614027/	角田裕毅	2021-11-21 01:16:00