投稿時間:2021-12-12 04:19:15 RSSフィード2021-12-12 04:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	railsでcontrollerに設定したインスタンス変数が存在しないことになっている	https://teratail.com/questions/373399?rss=all	railsでcontrollerに設定したインスタンス変数が存在しないことになっている前提・実現したいことrubynbsponnbsprails学習中の初心者です。	2021-12-12 03:43:55
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	画面のデータを自動で更新したい	https://teratail.com/questions/373398?rss=all	画面のデータを自動で更新したいhtml内にDBのデータを表示し、DBの中身が変わったらhtml内の値も更新するというような機能を作りたいのですが、どうすれば実現できるでしょうかDBの更新を常に監視するような処理を実装したいです。	2021-12-12 03:35:09
Azure	Azureタグが付けられた新着投稿 - Qiita	DNSなしの閉域環境でApp Serviceに接続する（P2S接続）	https://qiita.com/emiki/items/6605eb49317e55b09f06	指定した場所にエクスポートされているのを確認する。	2021-12-12 03:22:33
海外TECH	MakeUseOf	5 Self-Editing Tips and Tools to Improve Your Writing	https://www.makeuseof.com/self-editing-tips-tools-to-improve-writing/	Self Editing Tips and Tools to Improve Your WritingMany writers struggle with the editing process But if you want to create quality content it makes sense to improve your editing skills Here s how	2021-12-11 18:45:12
海外TECH	MakeUseOf	The 12 Best Meeting Minutes Templates for Professionals	https://www.makeuseof.com/tag/best-meeting-minutes-templates/	captures	2021-12-11 18:30:12
海外TECH	MakeUseOf	How to Fix the macOS Could Not Be Installed on Your Computer Error	https://www.makeuseof.com/tag/fix-macos-could-not-be-installed-on-your-computer-error/	How to Fix the macOS Could Not Be Installed on Your Computer ErrorSeeing the amp quot macOS could not be installed on your computer amp quot error when you try to update Here s how to fix this macOS error	2021-12-11 18:15:12
海外TECH	MakeUseOf	How to Customize Your Folders’ Colors in Windows 11	https://www.makeuseof.com/windows-11-customize-folder-colors/	folder	2021-12-11 18:15:12
海外TECH	DEV Community	CSS can help improve your HTML⁉ - Ep 1: alt attributes	https://dev.to/inhuofficial/using-css-to-prevent-html-errors-ep-1-alt-attributes-11o8	CSS can help improve your HTML Ep alt attributesCSS when used properly can make your HTML better In this mini series I will be using CSS to enforce using the correct HTML elements required attributes for accessibility etc within our HTML There are two aspects to this The first is that we structure our CSS so that using the wrong element or attributes is impossible and styles will not work if your HTML is wrong The second part of this is that we add a stylesheet to our projects in development mode to help pick up on errors quickly and then remove it for production As an easy introduction to this concept we will utilise the second method a development error checker stylesheet and explore how we can use CSS to ensure that we always remember our alt attributes but also allow for decorative images where alt attributes should be left blank Identifying missing alt attributes There are two things we are going to use as a first step First we need to identify any images where the alt attribute is entirely missing img not alt What this effectively says is img Select all images not Where the following is not applicable alt there is not an attribute attribute is denoted by square braces with the name of alt the bit within the square braces is the attribute we are selecting This now let s us apply styling to any images img that do not not have an attribute attribute name of alt The other issue we need to identify is when the alt attribute is present but someone has not filled it in img alt What this effectively says is img Select all images with the attributealt alt attribute is not filled in blank The final part will also pick up on alt attributes that are null so it will match alt and alt Example Content Management System CMS defaultsIn the above example you may have noticed an issue Some CMSs add some default alt text that should be replaced lt img alt Alt Text gt for example With our current solution these would pass our test even though that alt text is completely useless Now you would have to adjust this for your CMS but the principle is straight forward img alt Alt Text We just look for any img element that has the exact alt text of Alt Text which you would replace with the default output of your CMS But what about decorative images While our empty alt text check may be a good start we do occasionally want to leave the alt attribute empty on purpose By adding an empty alt attribute we are signalling to Assistive Technology such as a screen reader that this image is decorative and should not be announced So how can we identify these images in our HTML Enter role presentation none If you are newer to HTML you may not have learned about WAI ARIA yet WAI ARIA is a way that we can provide additional information to assistive technology so that it makes the page make more sense A prime example would be a screen reader This is a piece of software that converts your HTML into output usually spoken text so someone who is blind for example can still use your website This is what your alt attribute is for describing an image to assistive tech and people who have images switched off But as I mentioned earlier sometimes we have an image that adds no value to the page a background image for example that we do not want announced While an empty alt attribute will ensure it is not announced I find it a good practice to add role presentation to the img to ensure the image is not announced Let me explain a little a lot of elements have semantic meaning an lt img gt element is announced as an image a lt section gt element is announced as a section so different parts of the page make sense to Screen readers etc role presentation tells assistive tech hey this element has no semantic meaning or significance treat it like a lt div gt and so it does not announce the element type etc So it adds an extra layer of safety as if someone accidentally added some text within the alt attribute on a decorative image it will still not announce anything as you cannot have an alt attribute on a lt div gt essentially Additionally there is an improvement to WAI ARIA where you should add role none in the future instead of role presentation as it is far more clear that you are removing the semantic information by saying none instead of presentation they do the same thing though they are synonyms Unfortunately support is not great for role none yet and we are at a change over point so the recommended advice is to use role presentation none for maximum compatibility and to future proof your HTML at the moment Bringing it all togetherSo we need a solution that finds missing alt attributesfinds empty alt attributesfinds alt attributes with a certain value Alt Text in our example ignores missing alt attributes on items with a role containing a combination of presentation and or none Final CSS selector and exampleOut final CSS selector looks like this img not alt img alt Alt Text img alt not role none presentation not role presentation So we have our first selector to check the alt attribute exists on an image as it always should even if it is null or empty Then we have a second check separated by a comma to denote a new selector for our CMS output to remind us to change it Then we have our third check which will select anything with an empty alt attribute provided it does not have a role of presentation or a role of presentation none Note that this will still fail on role none as support is not great and role none presentation as this doesn t actually fall back to presentation and would not work in assistive tech that does not support role none This is exactly what we need An ExampleIn the following CodePen I have set up a few tests with their expected states above them As you can see our selector works as expected yey Can we go further Yes of course we can We can also pick up bad practices with the actual content of the alt attributes What do I mean Well if you write alt descriptions that start image of or picture of they are not useful and can be very annoying for assistive tech users remember that they already know it is an image because we used an lt img gt element that announces itself as an image CSS has a limited form of regular expressions we can use to achieve this We can check for starts with using So we can use an attribute selector like img alt Image of To find all alt attributes alt that start with the text Image of Image of However this has a problem If we had image of it would not match as selectors are case sensitive by default and Image of is not the same as image of as far as the selector is concerned Luckily we have one more trick up our sleeve We can add i to our attribute selector to make it case insensitive notice the space before the letter i So our final selector becomes img alt image of i img alt picture of i And now we can highlight any items with poor alt attributes too obviously there are more examples of poor phrasing that those shown here Final exampleHere is the final example where we have added two more tests to the bottom that should show in an orange dotted outline due to the alt text starting with image of and picture of ConclusionThis style sheet is a useful way of enforcing image best practices As with anything this is not without flaws It doesn t work for people who have vision impairments for example However it is good as part of your development toolkit if you do not have vision impairments and want a quick and dirty way to see if you have remembered your alt attributes done them properly In the next part of this series we will cover using CSS to make sure that poor HTML habits do not continue such as using lt div role button by making it that only the correct element will allow styling to be applied to it Thanks for Reading Thanks for reading I hope you enjoyed it In fact to show my appreciation please do have a virtual and to show how much it means to me I hope you enjoy the rest of your weekend	2021-12-11 18:16:28
海外TECH	DEV Community	Streaming messages from producer to consumer using Amazon MSK and create an event source to msk using Lambda	https://dev.to/aws-builders/streaming-messages-from-producer-to-consumer-using-amazon-msk-and-create-an-event-source-to-msk-using-lambda-252	Streaming messages from producer to consumer using Amazon MSK and create an event source to msk using Lambda“Challenges faced to find the solution of how to stream the messages in the client machine I have found Apache Kafka to do the same activity But as we all know that with streaming of messages we should have high availability compatibility and security as well if we are deploying the solution on Cloud So I have chosen the solution as AWS Managed Streaming for Apache Kafka which is a highly available and secure service in AWS As per cost perspective it is cheap service which charges based on Kafka storage and broker hours Also able to add MSK as an event source as trigger in lambda to get log streams in cloudwatch Amazon MSK is a fully managed highly available and secure service that makes it easy for developers and DevOps managers to run applications on Apache Kafka in the AWS Cloud without needing Apache Kafka infrastructure management expertise Amazon MSK operates highly available Apache Kafka clusters provides security features out of the box is fully compatible with open source versions of Apache Kafka allowing existing applications to migrate without code changes and has built in AWS integrations that accelerate application development To learn more read the Amazon MSK Apache Kafka Kafka is an open source platform that enables customers to capture streaming data like clickstream events transactions IoT events application and machine logs and have applications that perform real time analytics run continuous transformations and distribute this data to data lakes and databases in real time You can use Kafka as a streaming data store to decouple applications producing streaming data producers from those consuming streaming data consumers AWS Lambda is a serverless compute service that lets you run code without provisioning or managing servers creating workload aware cluster scaling logic maintaining event integrations or managing runtimes With Lambda you can run code for virtually any type of application or backend service all with zero administration Just upload your code as a ZIP file or container image and Lambda automatically and precisely allocates compute execution power and runs your code based on the incoming request or event for any scale of traffic You can set up your code to automatically trigger from AWS services or call it directly from any web or mobile app You can write Lambda functions in your favorite language Node js Python Go Java and more and use both serverless and container tools such as AWS SAM or Docker CLI to build test and deploy your functions To learn more read the AWS Lambda In this post you will get to know how to stream messages from producer to consumer using Amazon MSK and create an event source to msk using Lambda Here I have used managed streaming for apache kafka to stream messages from producer to consumer and also created a trigger as an event source for msk in lambda to get record of messages as log streams in cloudwatch PrerequisitesYou ll need an Amazon EC Server for this post Getting started with amazon EC provides instructions on how to launch an EC Server You ll also need a VPC with two public and private subnets Getting started with VPC provides instructions on how to create a VPC Private and Public Subnet Internet Gateway NAT Gateway and Route Table For this blog I assume that I have two ec servers and a VPC created Architecture OverviewThe architecture diagram shows the overall deployment architecture with data flow ec server Amazon VPC Amazon Managed Streaming for Kafka AWS Lambda and Amazon CloudWatch Solution overviewThe blog post consists of the following phases Create a MSK Cluster with custom created VPCInstallation of Apache Kafka client libraries and tools on the client machine ec servers and create of topicSetting up lambda function that uses the Amazon MSK Cluster with topic as an event source and create a IAM role with required permissionsTesting output with consumer server from producer server and checking for log streams of MSK streams in cloudwatchI have a VPC and two ec server as below → Phase Create a MSK Cluster with custom created VPCOpen the console click on create cluster named MSk Cluster Select the kafka version and choose msk default configuration option In the networking section select the custom vpc created earlier number of zones as zones and its private subnets security group In the broker section select the broker type as required and number of brokers per zone In storage input the ebs storage required In the security section select TLS and plaintext both methods And leave other settings as default and you can customize the other settings if required as well Once the cluster gets created we can view the client information as bootstrap servers and apache zookeeper connection Also able to see the cluster created configurations and broker details Phase Installation of Apache Kafka client libraries and tools on the client machine ec servers and create of topicConnect the producer and consumer server via ssh Install java and kafka client libraries Also configured cacerts as certificates in server for kafka client And create a topic using topic name and replication factor Phase Setting up lambda function that uses the Amazon MSK Cluster with topic as an event source and create a IAM role with required permissionsCreate IAM role with required managed policies and Create a lambda function as MSK Function with existing IAM role Add a trigger in lambda with cluster name and topic Also deployed code for getting records in cloudwatch as in log streams And also configured VPC in lambda as with custom vpc private subnets and custom security group Phase Testing output with consumer server from producer server and checking for log streams of MSK streams in cloudwatch Clean upDelete AWS Managed Streaming for Apache Kafka AWS Lambda EC VPC IAM Cloudwatch Log group PricingI review the pricing and estimated cost of this example Cost of Managed Streaming for Apache Kafka →USD per broker hour for Kafka m large RunBroker hours USD per GB Month for Kafka Storage GP RunVolume GB Mo Total Cost of EC per Hrs per GB Mo Cost of Lambda Cost of Data Transfer Cost of Key Management Service Cost of Cloudwatch Cost of Simple Notification Service Total Cost SummaryIn this post I showed “how to do streaming of messages from producer to consumer using Amazon MSK and create an event source to msk using Lambda For more details on AWS Managed Streaming for Apache Kafka Checkout Get started AWS Managed Streaming for Apache Kafka open the AWS Managed Streaming for Apache Kafka console To learn more read the AWS Managed Streaming for Apache Kafka documentation For more details on AWS Lambda Checkout Get started AWS Lambda open the AWS Lambda console To learn more read the AWS Lambda documentation Thanks for reading Connect with me Linkedin	2021-12-11 18:06:01
海外TECH	Engadget	Sony reportedly planned to bring PlayStation Now to phones	https://www.engadget.com/sony-playstation-now-mobile-phones-181840562.html?src=rss	Sony reportedly planned to bring PlayStation Now to phonesMicrosoft wasn t the only big console maker hoping to bring its games to phones The Verge said it has obtained a document from Epic Games lawsuit against Apple indicating the iPhone maker had learned Sony was planning a quot mobile extension quot of PlayStation Now in The service would stream over PS games at first and follow up with PS titles Apple mentioned the PlayStation Now expansion as it was in the early stages of developing Apple Arcade its answer to Sony s service as well as Xbox Game Pass While Arcade didn t launch until and still doesn t include streaming Apple saw PlayStation Now as indicative of a broader shift toward gaming subscriptions Provided Apple s scoop was accurate it s unclear why Sony still isn t streaming games to smartphone owners A hybrid of PlayStation Now and PlayStation Plus is reportedly due in spring but the relevant rumor didn t make mention of mobile access Sony has already declined to comment There may have been a few factors at work Sony might not have wanted to test Apple policies effectively blocking cloud gaming apps ーMicrosoft had to use the web to get around that limitation There are also familiar technical challenges such as adapting gamepad focused titles to touchscreens or ensuring reliable streams on cellular connections Either way this suggests Sony was at least considering a more ambitious version of PlayStation Now than the service you see today	2021-12-11 18:18:40
ニュース	BBC News - Home	Covid: Omicron study suggests major wave in January	https://www.bbc.co.uk/news/uk-59621029?at_medium=RSS&at_campaign=KARANGA	hospitals	2021-12-11 18:17:40
ニュース	BBC News - Home	Man dies after being shot in police confrontation	https://www.bbc.co.uk/news/uk-england-london-59622531?at_medium=RSS&at_campaign=KARANGA	kensington	2021-12-11 18:42:56
ニュース	BBC News - Home	Late penalty earns dramatic win for Chelsea against Leeds	https://www.bbc.co.uk/sport/football/59529644?at_medium=RSS&at_campaign=KARANGA	Late penalty earns dramatic win for Chelsea against LeedsA late Jorginho penalty ensures Chelsea avoid conceding further ground in the Premier League title race in a dramatic victory over Leeds United at Stamford Bridge	2021-12-11 18:13:01
ニュース	BBC News - Home	Covid-19 in the UK: How many coronavirus cases are there in my area?	https://www.bbc.co.uk/news/uk-51768274?at_medium=RSS&at_campaign=KARANGA	cases	2021-12-11 18:03:33
ビジネス	ダイヤモンド・オンライン - 新着記事	「ふるさと納税」で損をする3つの落とし穴 - だから、この本。	https://diamond.jp/articles/-/289958	「一生、お金に困らない生活をするにはどうすれば良いのだろう」と。	2021-12-12 03:52:00
ビジネス	ダイヤモンド・オンライン - 新着記事	他人からマイナスの言葉を吐かれたときに、すぐやると効果的なあることとは - 生きづらいがラクになる ゆるメンタル練習帳	https://diamond.jp/articles/-/290251		2021-12-12 03:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	新人時代にやってしまった大失敗に対して、チーフが放った予想外の一言とは - これだけできれば大丈夫！接客1年生	https://diamond.jp/articles/-/290249		2021-12-12 03:42:00
ビジネス	ダイヤモンド・オンライン - 新着記事	経営者必読！ ぴんぴんころりで長生きできる 開運絵馬【鶴と亀】 - 1日1分見るだけで願いが叶う！ふくふく開運絵馬	https://diamond.jp/articles/-/287120	経営者必読ぴんぴんころりで長生きできる開運絵馬【鶴と亀】日分見るだけで願いが叶うふくふく開運絵馬Amazonランキング第位祭祀・、楽天ブックスランキング第位民俗・。	2021-12-12 03:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	若手・ベテラン社員の両方に効果あり！ 自分で自分を成長させる「セルフ抜擢」とは - 若手育成の教科書	https://diamond.jp/articles/-/289651	曽山哲人	2021-12-12 03:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	有事では合議制よりトップダウンが強い - 弱者の戦術	https://diamond.jp/articles/-/288890		2021-12-12 03:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「株価が上昇しやすい株、上がりにくい株」決定的な違い - 株トレ	https://diamond.jp/articles/-/289459	違い	2021-12-12 03:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	24時間365日働かせても パワハラにならず 成果を出す営業マンとは？ - コピーライティング技術大全	https://diamond.jp/articles/-/288651	時間日働かせてもパワハラにならず成果を出す営業マンとはコピーライティング技術大全発売たちまち大重版Amazonランキング第位広告・宣伝、。	2021-12-12 03:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	他人からの「応えられない期待」は手放していい - 孤独からはじめよう	https://diamond.jp/articles/-/290135	自分	2021-12-12 03:05:00