投稿時間:2023-04-11 21:20:26 RSSフィード2023-04-11 21:00 分まとめ(26件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
IT ITmedia 総合記事一覧 [ITmedia News] 「クレベリン」の大幸薬品に課徴金6億円 「空間のウイルス除去」根拠なし https://www.itmedia.co.jp/news/articles/2304/11/news190.html itmedia 2023-04-11 20:44:00
AWS lambdaタグが付けられた新着投稿 - Qiita lambda(Node.js)からSlackにメッセージを送ってSlackアプリに発言してもらう https://qiita.com/miriwo/items/59a45c89a65e071d9826 lambda 2023-04-11 20:39:09
Ruby Rubyタグが付けられた新着投稿 - Qiita (専用ライブラリなし)Twitter API v2でRubyからツイートするプログラムを書く https://qiita.com/AKB428/items/cbf3ce5c5b5af0f78fb0 https 2023-04-11 20:58:07
Ruby Rubyタグが付けられた新着投稿 - Qiita Rubyにおけるputsとreturnの違い https://qiita.com/sora154cm/items/77cab4ed2ea591431a60 return 2023-04-11 20:55:01
AWS AWSタグが付けられた新着投稿 - Qiita lambda(Node.js)からSlackにメッセージを送ってSlackアプリに発言してもらう https://qiita.com/miriwo/items/59a45c89a65e071d9826 lambda 2023-04-11 20:39:09
Docker dockerタグが付けられた新着投稿 - Qiita sslhを使ってwebとsshを共存 in docker https://qiita.com/oligami/items/0657e3d610c04831d72d docker 2023-04-11 20:56:21
Ruby Railsタグが付けられた新着投稿 - Qiita 【Rails】cancancanでは継承元のclassを指定してまとめて権限設定することが可能 https://qiita.com/m-ito27/items/21c523f65d845bf891f3 ability 2023-04-11 20:07:23
技術ブログ Developers.IO [レポート] プロダクトのFAQを初めて作成する際にやったこと #devio_day1 #sub2 https://dev.classmethod.jp/articles/developersio-day-one-try-create-faq/ developersiodayone 2023-04-11 11:55:05
技術ブログ Developers.IO [レポート]LTと対談で学ぶ データ基盤アーキテクチャトレンド 2023 #data_findy https://dev.classmethod.jp/articles/report-data-architecture-trend-2023/ datafindy 2023-04-11 11:54:15
技術ブログ Developers.IO Kinesis Data Firehoseの送信先エラーログをAmazon SNS経由で通知する https://dev.classmethod.jp/articles/kinesis-data-firehose-error-log-amazon-sns-notification/ amazon 2023-04-11 11:36:09
技術ブログ Developers.IO 【初心者向け】Cloud Storageの世代番号、メタ世代番号、バージョニングについて調べてみた https://dev.classmethod.jp/articles/generation-metageneration-versioning-m-oshiro/ cloud 2023-04-11 11:18:45
技術ブログ Developers.IO [アップデート]Amazon CloudFrontからAmazon S3 Object LambdaへのアクセスをOACで設定してみた https://dev.classmethod.jp/articles/cloudfront-oac-access-amazon-object-lambda/ cloudfrontsupportssobj 2023-04-11 11:07:45
海外TECH MakeUseOf GPT-1 to GPT-4: Each of OpenAI's GPT Models Explained and Compared https://www.makeuseof.com/gpt-models-explained-and-compared/ GPT to GPT Each of OpenAI x s GPT Models Explained and ComparedGPT models are revolutionizing natural language processing and transforming AI so let s explore their evolution strengths and limitations 2023-04-11 11:45:17
海外TECH MakeUseOf 6 Tips to Avoid Getting Sidetracked When Working Digitally https://www.makeuseof.com/tips-to-avoid-getting-sidetracked/ digitallydo 2023-04-11 11:30:17
海外TECH MakeUseOf Which Mac Is the Right Desktop Computer for You? https://www.makeuseof.com/which-mac-right-desktop-for-you/ multiple 2023-04-11 11:15:17
海外TECH DEV Community Mastering Web Accessibility: A Guide for Frontend Developers https://dev.to/bellatrick/mastering-web-accessibility-a-guide-for-frontend-developers-48ad Mastering Web Accessibility A Guide for Frontend Developers Table of ContentsI IntroductionII What is web accessibility III Why is web accessibility important IV How to create web accessible websitesA Use of semantic HTMLB Providing text alternativesC Use of accessible colors and contrastVI Conclusion IntroductionAlthough producing aesthetically appealing and useful web apps is a front end web developer s major goal the need for ensuring accessibility for all users is sometimes disregarded The WebAIM Million report examined the home pages of the top million websites and it was discovered that only of them adhered to the most basic accessibility guidelines What this means is that of websites are not accessible to people with disabilities and I think that s just sad We ll explore online accessibility in this post including what it is why it s important and some advice for improving the accessibility of your own website What is web accessibility The technique of building websites and web apps that are simple for persons with disabilities particularly those who have cognitive or physical impairments is known as web accessibility Many people with impairments use assistive technology like screen readers or braille displays to browse the internet Web accessibility therefore entails putting in place the required instruments and assets to incorporate these assistive technologies into your website enabling everyone to access and interact with your digital content You can make sure that your website is inclusive and accessible to all users regardless of their ability by giving web accessibility a high priority Why is web accessibility important While we ve made progress in making various aspects of society more inclusive such as education employment healthcare and public spaces there s still work to be done to ensure everyone can fully participate and thrive Web accessibility is important because it ensures that everyone regardless of their abilities or disabilities can access and use the web It also helps to promote inclusivity diversity and equality by eliminating barriers to information and technology As a front end developer I have been guilty of building websites that have little or no accessibility mainly because it wasn t part of my project description and I was unaware of the importance of this practice But now that I am aware and I believe you are too how can we incorporate accessibility into our projects In the next section we will explore different ways of making a website accessible How to create web accessible websitesAdding web accessibility to your website starts with the design process The user interface designer has to think about font size font type color palette and the web structure in general It is important to note that web accessibility is an iterative process that requires all hands on deck The web designer developer and content writer all have roles to play to ensure that the digital content they are building is accessible to every user who interacts with it Here are a few ways a front end developer can improve web accessibility Use semantic HTML Why did the developer use a lt div gt instead of a semantic tag Because they wanted to make their HTML more div erse I know I know that s a lame dad joke It s usually much easier to wrap everything in the div tag and call it a day but the best practice is to use semantic HTML tags that correspond to the content and structure of your page Semantic HTML is not only important for web accessibility it also improves the SEO of a website When you are working on the navigation of your web page your code should look like this lt nav gt lt ul gt lt li gt lt a href gt Home lt a gt lt li gt lt li gt lt a href gt About lt a gt lt li gt lt li gt lt a href gt Services lt a gt lt li gt lt li gt lt a href gt Contact lt a gt lt li gt lt ul gt lt nav gt This will accurately describe the purpose of that section of code without the need to add comments to your code You can also wrap the main section of your web page with the main tag like this lt main gt lt h gt Welcome to My Website lt h gt lt p gt Here is some information about my website lt p gt lt main gt The aside tag can also be used to indicate content that is tangentially related to the main content of the page like the code below lt main gt lt h gt Welcome to My Website lt h gt lt p gt Here is some information about my website lt p gt lt aside gt lt h gt Related News lt h gt lt ul gt lt li gt lt a href gt Article lt a gt lt li gt lt li gt lt a href gt Article lt a gt lt li gt lt li gt lt a href gt Article lt a gt lt li gt lt ul gt lt aside gt lt main gt Overall semantic HTML makes it much easier to navigate your web page using assistive technology Provide text alternatives When you re adding an image video or any visual content to your website you should always provide a text description of what the content depicts In HTML this is called alt text This description allows screen readers to understand the overall content of your website Here is a code example of what an alt text looks like for a video and image markup lt div gt lt h gt My Video lt h gt lt video src my video mp alt A person skiing down a mountain gt lt video gt lt h gt My Image lt h gt lt img src my image jpg alt A group of people hiking in the mountains gt lt h gt My Chart lt h gt lt figure gt lt img src my chart png alt A line chart showing the growth of a company over time gt lt figcaption gt A chart showing the growth of my company over time lt figcaption gt lt figure gt lt div gt The code above not only provides alt text for all the graphics on the page but it also uses the semantic HTML tag called figure to wrap an image to provide an even more accurate representation of what s on the page Use accessible colors and contrastWhy did the website with poor color contrast cross the road to get to the other sight site These dad jokes just keep coming to me but I promise I ll stop now Using accessible colors and contrast is primarily a job for designers but if you re a web developer who also works as a designer then this section will be useful for you It is important to consider the needs of people with visual impairments Always keep in mind that just because you can see the content clearly doesn t mean everyone can Here are some key things to take note of when designing for web accessibility Choose colors carefully Consider the contrast between your background and text Dark backgrounds should not have dark text You can use this link to check the contrast ratio of your design For a better user experience do not depend on color alone to convey information to the user Links and action buttons should not be indicated using colors alone you can add an underline to the link s text to indicate that it is clickable Use a legible font When selecting a font for your website choose one that is easy to read Keep in mind that sans serif fonts like Arial Verdana and Helvetica are often easier to read on screens than serif fonts Use an appropriate font size According to Web Content Accessibility Guidelines WCAG a font size of px is best for body text You can read more on the guidelines hereTest your designs Test your website on different devices and screen resolutions to ensure that your font size and type are legible and accessible to all users Use ARIA attributes ARIA Accessible Rich Internet Applications attributes are additional attributes that can be added to HTML tags to provide more information on the role and properties of an element These properties can be read by screen readers to improve their user experience An example of a markup with ARIA attributes can be found below lt div gt lt button aria label Search gt lt i class fa fa search gt lt i gt lt button gt lt div role tabpanel aria labelledby tab gt lt p gt Tab panel content goes here lt p gt lt div gt lt button aria expanded false aria controls collapse gt Show More lt button gt lt div id collapse aria hidden true gt lt p gt Additional content goes here lt p gt lt div gt lt div gt The example above provides information on the role of a search button with the aria text Search The aria expanded attribute is used to indicate whether the content in the associated div element is expanded or collapsed The aria controls attribute is used to reference the ID of the associated div while the aria hidden attribute is used to indicate that the content is hidden when it is collapsed NOTE ARIA attributes are defined by the WC ARIA specification There is a standardized set of attributes names that are designed to work with screen readers Test your website for accessibilityThere are a lot of resources out there that make it easy to test the accessibility of your website Some popular tools include WAVE This is a free tool that accesses your website for accessibility and also generates a report on its findings Learn more here AXE This is a free Chrome extension aimed at using automated testing to test and improve web accessibility This tool is available here LIGHTHOUSE Lighthouse is a popular open source tool used by developers to test the performance and accessibility of websites It s available here NVDA NVDA NonVisual Desktop Access is a free open source screen reader that enables people who are blind or visually impaired to access and navigate the web as well as other applications and software on their computer You can download it to interact with your website and get more insights about where accessibility can be improved It can be downloaded here ConclusionIn this article we went through what accessibility is why it is important and how you can improve user experience with web accessibility Including web accessibility to all web projects is a moral responsibility placed upon us all as front end developers to enable inclusivity for one and all I hope one day soon accessibility becomes just as important as adding aesthetics to a website Happy coding 2023-04-11 11:07:20
Apple AppleInsider - Frontpage News Don't recharge your iPhone using public USB ports, FBI warns https://appleinsider.com/articles/23/04/11/dont-recharge-your-iphone-using-public-usb-ports-fbi-warns?utm_medium=rss Don x t recharge your iPhone using public USB ports FBI warnsThe FBI has again warned the public against using public USB ports to recharge an iPhone with juice jacking attacks infecting mobile devices connected to the ports An iPhone s Lightning portMany people will be familiar with malicious apps and online attacks performed over the Internet and that physical attacks are possible but rarer However despite this apparent knowledge many still leave their devices open to potential attack by using public recharging points Read more 2023-04-11 11:50:09
Apple AppleInsider - Frontpage News Former Apple PR head Katie Cotton has passed away https://appleinsider.com/articles/23/04/11/controversial-former-apple-pr-head-katie-cotton-passed-away?utm_medium=rss Former Apple PR head Katie Cotton has passed awayKatie Cotton vice president of worldwide corporate communications during the Steve Jobs era has passed away nearly a decade after retiring from her position at Apple Katie Cotton with Steve Jobs Jony Ive and Phil SchillerVarious social media posts marked her passing on Monday night as people mourned The controversial PR chief was well known for how she handled secretive information pertaining to products scandals and Steve Jobs health Read more 2023-04-11 11:52:27
Apple AppleInsider - Frontpage News Rumored 15-inch MacBook Air release could be in April or May https://appleinsider.com/articles/23/04/10/rumored-15-inch-macbook-air-release-could-be-in-april-or-may?utm_medium=rss Rumored inch MacBook Air release could be in April or MayDisplay production for the rumored inch MacBook Air is expected to increase with a possible launch now thought to happen in late April or early May The MacBook Air could get a larger siblingDisplay analyst Ross Young of Display Supply Chain Consultants DSCC tweeted to paid subscribers about the rumored inch MacBook Air on Monday Young has previously shared rumors of the device Read more 2023-04-11 11:51:51
海外TECH Engadget The Morning After: Worldwide PC shipments plunge by a third https://www.engadget.com/the-morning-after-worldwide-pc-shipments-plunge-by-a-third-111627241.html?src=rss The Morning After Worldwide PC shipments plunge by a thirdBoth Canalys and IDC estimate worldwide computer shipments dropped to percent year on year in the first quarter of That s a steep drop and none of the major PC brands escaped the worst of the downturn Second place HP escaped relatively lightly with a percent drop in shipments while fourth place Apple felt the most pain with a plummet of more than percent Economic instability and inflation have been blamed for the drop with most analysts predicting that PCs will bounce back to some degree within the year Mat SmithThe Morning After isn t just a newsletter it s also a daily podcast Get our daily audio briefings Monday through Friday by subscribing right here The biggest stories you might have missedThe best kitchen gadgets for Star Wars Visions Volume trailer teases Aardman s take on WookieesMicrosoft Teams adds Snapchat AR Lenses to video chats YouTube Premium on iOS will soon work with SharePlay The Pirate Bay TV drama goes into production this fall The Super Mario Bros Movie sets box office recordsIt s the highest grossing video game movie NintendoThe Super Mario Bros Movie hit theaters last week and broke records with the release raking in just over million domestically As Deadline says that makes it the highest grossing opening weekend for any video game based movie It s not just animated and video game movies it s stacking up against either The Super Mario Bros Movie had the historically third highest Easter weekend sales after Batman vs Superman s nbsp million and Furious s million Continue reading Twitter bug makes some private Circle tweets publicYour secret tweets may be visible to strangers Twitter users have discovered a bug that exposes at least some private Circle posts to outsiders They frequently show up in followers For You recommendations but some say the content is reaching total strangers As you might imagine that could be problematic if you re discussing a sensitive topic or want to minimize harassment It s the latest technical issue since Elon Musk bought the company and laid off many employees There have been multiple outages troublesome API changes and confusion over feature rollouts and removals Continue reading Netflix is making an animated Stranger Things spin offAdd it to a VR game and a stage play NetflixNetflix has announced an animated series based on one of its biggest hits The company hasn t revealed many details about the latest spin off just yet Glitch Techs and Fanboy amp Chum Chum creator Eric Robles and Flying Bark Productions are developing the animated series quot We ve always dreamed of an animated Stranger Things in the vein of the Saturday morning cartoons that we grew up loving and to see this dream realized has been absolutely thrilling quot the Duffer brothers told Variety quot We couldn t be more blown away by what Eric Robles and his team have come up with ーthe scripts and artwork are incredible and we can t wait to share more with you quot The fifth and final season of the original show has been confirmed but that s unlikely to stop them wringing every last drop of content from the series Continue reading Museum creates a foot Donkey Kong cabinet with a little help from NintendoAnd you ll be able to play it Strong MuseumThe Strong National Museum of Play in New York unveiled an absolutely massive Donkey Kong arcade cabinet that s nearly feet tall Donkey Kong the character is co starring in the biggest movie in the world right now so it is only fitting he also gets an equally gargantuan arcade cabinet The museum indicated in a tweet that Nintendo helped out with the massive arcade cabinet and visitors will be able to use it after it s fully installed on June th You ll have to climb a ladder to play it which is a very Donkey Kong thing to do Continue reading This article originally appeared on Engadget at 2023-04-11 11:16:27
海外科学 NYT > Science Pfizer CEO and Other Drug Company Leaders Condemn Texas Abortion Pill Ruling https://www.nytimes.com/2023/04/10/health/abortion-ruling-pharma-executives.html Pfizer CEO and Other Drug Company Leaders Condemn Texas Abortion Pill RulingMore than executives said that the decision ignored both scientific and legal precedent and that if the ruling stood it would create uncertainty for the pharmaceutical and biotech industries 2023-04-11 11:21:48
ニュース BBC News - Home CBI boss sacked over misconduct claims https://www.bbc.co.uk/news/business-65238672?at_medium=RSS&at_campaign=KARANGA employee 2023-04-11 11:07:56
ニュース BBC News - Home Huge security operation for Joe Biden visit to Belfast https://www.bbc.co.uk/news/uk-northern-ireland-65234789?at_medium=RSS&at_campaign=KARANGA rishi 2023-04-11 11:20:51
ニュース BBC News - Home Anne Keast-Butler to be first female director at GCHQ https://www.bbc.co.uk/news/uk-65240759?at_medium=RSS&at_campaign=KARANGA butler 2023-04-11 11:18:32
ニュース BBC News - Home Tupperware shares plunge as it warns of possible collapse https://www.bbc.co.uk/news/business-65237293?at_medium=RSS&at_campaign=KARANGA bleak 2023-04-11 11:01:38
ニュース BBC News - Home Paul Cattermole death: S Club 7's Jo O'Meara says she is heartbroken https://www.bbc.co.uk/news/entertainment-arts-65240157?at_medium=RSS&at_campaign=KARANGA sweetest 2023-04-11 11:27:39

コメント

このブログの人気の投稿

投稿時間:2021-06-17 22:08:45 RSSフィード2021-06-17 22:00 分まとめ(2089件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)