投稿時間:2021-05-20 23:37:43 RSSフィード2021-05-20 23:00 分まとめ(45件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	【pythonとJava比較】range()でメソッド呼び出し	https://qiita.com/HyunwookPark/items/0a743ec2215410d30f5a	【pythonとJava比較】rangeでメソッド呼び出しpythonをやり始めてrangeっていいなと思ったのでJavaと比較して書いてみた。	2021-05-20 22:39:06
js	JavaScriptタグが付けられた新着投稿 - Qiita	【Vue.js】Vue.jsでリアクティブがどう実現されるか	https://qiita.com/yuta-katayama-23/items/5cbc82e013609e0f6c00	【Vuejs】Vuejsでリアクティブがどう実現されるかはじめに仕事で使う事になったのでからVuejsについて学んだ。	2021-05-20 22:25:27
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Dictionary<,Action>をTryGetValue()で取得したActionに追加しても実行されない	https://teratail.com/questions/339447?rss=all	DictionaryltActiongtをTryGetValueで取得したActionに追加しても実行されない初歩的な質問ですが、下記のコードを実行してもMethodしか実行されないのですが、なぜでしょうかコメントアウトしている手法であればMethodも実行されます。	2021-05-20 22:58:20
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	配列をhiddenでpostして受け取れない。	https://teratail.com/questions/339446?rss=all	配列をhiddenでpostして受け取れない。	2021-05-20 22:58:05
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	straceコマンドの実行結果について	https://teratail.com/questions/339445?rss=all	cache	2021-05-20 22:55:35
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	データベースにデータを登録する	https://teratail.com/questions/339444?rss=all	データベースにデータの登録をするときに問題が発生し、データの登録が正常にできませんでした。	2021-05-20 22:49:52
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	stopwordで扱いたいtxtファイルが読み込めない	https://teratail.com/questions/339443?rss=all	stopwordで扱いたいtxtファイルが読み込めないstopwordをまとめたtxtファイルを読み込むことができない現在、tfidf作成にあたって、余分な単語を除くstopwordを設定しています。	2021-05-20 22:48:11
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	スクレイピングでサイト情報を取得し、そのデータを基に複数のレコードを追加したい	https://teratail.com/questions/339442?rss=all	スクレイピングでサイト情報を取得し、そのデータを基に複数のレコードを追加したい複数のレコードを作成できないMechanizeというスクレイピングを行うためのGemを使用しており、サイトからデータを取得して、そのデータをDBに保存したいと考えております。	2021-05-20 22:47:52
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	搭載されているsupectrogram()を使ったピーク値算出	https://teratail.com/questions/339441?rss=all	搭載されているsupectrogramを使ったピーク値算出前提・実現したいこと最近pythonを始めた新参者です。	2021-05-20 22:24:26
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	スプレッドシートの新規作成とGoogle Drive上での保存	https://teratail.com/questions/339440?rss=all	スプレッドシートの新規作成とGoogleDrive上での保存GooglenbspColabnbsp上にて。	2021-05-20 22:23:28
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	pythonを用いた複数銘柄の株情報取得で発生しているエラーを解決したい。	https://teratail.com/questions/339439?rss=all	pythonを用いた複数銘柄の株情報取得で発生しているエラーを解決したい。	2021-05-20 22:14:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ハッシュ法の実装について	https://teratail.com/questions/339438?rss=all	ハッシュ法の実装について以下のコードハッシュ表を実行するとハッシュ表にデータを挿入し、Aの長さを出力するところまではうまくいっているのですが、それ以降処理が進みません。	2021-05-20 22:12:40
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Herokuデプロイ方法#1	https://qiita.com/kyohhh/items/d07188c4060d94329625	Heroku上でMySQLを使えるようにするアプリをデプロイする前に、まずデータベースの設定します。	2021-05-20 22:15:04
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Xubuntu21.04にインストールしたneovimのinit.vimを編集する + sourceコマンドでエラーが出た話	https://qiita.com/RiRyCasals/items/e4c733438b89f154ce2b	Xubuntuにインストールしたneovimのinitvimを編集するsourceコマンドでエラーが出た話初めに本記事はXubuntuにインストールしたneovimを、自分好みに設定する記事です。	2021-05-20 22:27:44
AWS	AWSタグが付けられた新着投稿 - Qiita	アラサー未経験フリーターがITインフラ業界に放り込まれてawsの資格をプロフェッショナルまで取った話　①クラウドプラクティショナー	https://qiita.com/instant_momo/items/cf39b67c044417d611b4	まず、勤続ヵ月程で未経験者のほとんどが最初に取得するクラウドプラクティショナーから取得しました取らないと本採用されないという強制イベント。	2021-05-20 22:25:21
Docker	dockerタグが付けられた新着投稿 - Qiita	wordpressとmariaDBがつながらないときに試したこと	https://qiita.com/ToYeah0102/items/1a75296d6c72a4b9072c	別コンテナの時確認したことwordpress側の設定MySQLhostnamedefineDBHOSTmysql私は別サービスでmariadbとwordpressを構築していたので、デフォルトのlocalhostだと接続できませんでした。	2021-05-20 22:42:36
Git	Gitタグが付けられた新着投稿 - Qiita	Gitの概要と使い方	https://qiita.com/masarumosu/items/b954d9755c8d028d2369	gitが含まれているディレクトリとそれより下位にあるディレクトリがgitで管理されることになる。	2021-05-20 22:49:05
Ruby	Railsタグが付けられた新着投稿 - Qiita	Herokuデプロイ方法#1	https://qiita.com/kyohhh/items/d07188c4060d94329625	Heroku上でMySQLを使えるようにするアプリをデプロイする前に、まずデータベースの設定します。	2021-05-20 22:15:04
海外TECH	DEV Community	How to build a React CRUD todo app (edit todo)	https://dev.to/joelynn94/how-to-build-a-react-crud-todo-app-edit-todo-46g6	How to build a React CRUD todo app edit todo In this series we will build a todo application To begin we will go over a very basic way to build this application and revise as we gain more knowledge I suggest following along and if you get stuck you can fork the code from the Code Sandbox In the previous posts added the ability to delete todos Now lets add the edit functionality Add more stateWe need to add a couple more state values we can use to help us get the editing functionality boolean state to know if we are editing this will let us display different inputs based on a condition conditional rendering const isEditing setIsEditing useState false object state to set so we know which todo item we are editing const currentTodo setCurrentTodo useState Setup onChange handler for edit inputNow lets setup an onChange handler for the new input we will create in the next step function to get the value of the edit input and set the new state function handleEditInputChange e set the new state value to what s currently in the edit input box setCurrentTodo currentTodo text e target value console log currentTodo Re format JSXWe are going to make quite a few changes in the JSX I ll break this down We need to check if we are in editing modeIf we are editing then display the editing formIf we are not editing then display the add todo formThe editing form has a couple additional buttons so the user can control what they would like to do return lt div className App gt We need to conditionally render different inputs based on if we are in editing mode isEditing if we are editing display the edit todo input make sure to add the handleEditFormSubmit function in the onSubmit prop lt form onSubmit handleEditFormSubmit gt we ve added an h element lt h gt Edit Todo lt h gt also added a label for the input lt label htmlFor editTodo gt Edit todo lt label gt notice that the value for the update input is set to the currentTodo state also notice the handleEditInputChange is being used lt input name editTodo type text placeholder Edit todo value currentTodo text onChange handleEditInputChange gt here we added an update button element use the type submit on the button which will still submit the form when clicked using the handleEditFormSubmit function lt button type submit gt Update lt button gt here we added a Cancel button to set isEditing state back to false which will cancel editing mode lt button onClick gt setIsEditing false gt Cancel lt button gt lt form gt if we are not editing display the add todo input make sure to add the handleFormSubmit function in the onSubmit prop lt form onSubmit handleFormSubmit gt we ve added an h element lt h gt Add Todo lt h gt also added a label for the input lt label htmlFor todo gt Add todo lt label gt notice that the value is still set to the todo state also notice the handleInputChange is still the same lt input name todo type text placeholder Create a new todo value todo onChange handleInputChange gt here we just added a Add button element use the type submit on the button which will still submit the form when clicked using the handleFormSubmit function lt button type submit gt Add lt button gt lt form gt lt ul className todo list gt todos map todo gt lt li key todo id gt todo text we are passing the entire todo object to the handleEditClick function lt button onClick gt handleEditClick todo gt Edit lt button gt lt button onClick gt handleDeleteClick todo id gt Delete lt button gt lt li gt lt ul gt lt div gt After adding the JSX you should see the interface has changed some Handle when a user clicks Edit buttonThere are a few functions you see in the JSX above that we need to make in order to make this function Lets start with when a user clicks on the Edit button We want the Update button and Cancel button and change from the add todo input to the editing input function to handle when the Edit button is clicked function handleEditClick todo set editing to true setIsEditing true set the currentTodo to the todo item that was clicked setCurrentTodo todo for this to work do not forget to use the handleEditClick function in the JSX when its clicked we will pass the todo object as an argument lt ul className todo list gt todos map todo gt lt li key todo id gt todo text we are passing the entire todo object to the handleEditClick function lt button onClick gt handleEditClick todo gt Edit lt button gt lt button onClick gt handleDeleteClick todo id gt Delete lt button gt lt li gt lt ul gt Now we should see that the currentTodo is the todo we clicked on which is getting us close Notice how the todo text is now in the editing input Adding the updated text to the todos stateHere we will create a function that we will call when the form is submitted function to edit a todo item function handleUpdateTodo id updatedTodo here we are mapping over the todos array the idea is check if the todo id matches the id we pass into the function if the id s match use the second parameter to pass in the updated todo object otherwise just use old todo const updatedItem todos map todo gt return todo id id updatedTodo todo set editing to false because this function will be used inside a onSubmit function which means the data was submited and we are no longer editing setIsEditing false update the todos state with the updated todo setTodos updatedItem Call the handleUpdateTodo functionLast step is to actually update the todo item when the form is submitted function handleEditFormSubmit e e preventDefault call the handleUpdateTodo function passing the currentTodo id and the currentTodo object as arguments handleUpdateTodo currentTodo id currentTodo Putting it all togetherAfter doing everything mentioned above you should have something that looks like this import useEffect useState from react import styles css export default function App const todos setTodos useState gt const savedTodos localStorage getItem todos if savedTodos return JSON parse savedTodos else return const todo setTodo useState boolean state to know if we are editing this will let us display different inputs based on a condition conditional rendering const isEditing setIsEditing useState false object state to set so we know which todo item we are editing const currentTodo setCurrentTodo useState useEffect gt localStorage setItem todos JSON stringify todos todos function handleInputChange e setTodo e target value function to get the value of the edit input and set the new state function handleEditInputChange e set the new state value to what s currently in the edit input box setCurrentTodo currentTodo text e target value console log currentTodo function handleFormSubmit e e preventDefault if todo setTodos todos id todos length text todo trim setTodo function handleEditFormSubmit e e preventDefault handleUpdateTodo currentTodo id currentTodo function handleDeleteClick id const removeItem todos filter todo gt return todo id id setTodos removeItem function to edit a todo item function handleUpdateTodo id updatedTodo here we are mapping over the todos array the idea is check if the todo id matches the id we pass into the function if the id s match use the second parameter to pass in the updated todo object otherwise just use old todo const updatedItem todos map todo gt return todo id id updatedTodo todo set editing to false because this function will be used inside a onSubmit function which means the data was submited and we are no longer editing setIsEditing false update the todos state with the updated todo setTodos updatedItem function to handle when the Edit button is clicked function handleEditClick todo set editing to true setIsEditing true set the currentTodo to the todo item that was clicked setCurrentTodo todo return lt div className App gt We need to conditionally render different inputs based on if we are in editing mode isEditing if we are editing display the edit todo input make sure to add the handleEditFormSubmit function in the onSubmit prop lt form onSubmit handleEditFormSubmit gt we ve added an h element lt h gt Edit Todo lt h gt also added a label for the input lt label htmlFor editTodo gt Edit todo lt label gt notice that the value for the update input is set to the currentTodo state also notice the handleEditInputChange is being used lt input name editTodo type text placeholder Edit todo value currentTodo text onChange handleEditInputChange gt here we added an update button element use the type submit on the button which will still submit the form when clicked using the handleEditFormSubmit function lt button type submit gt Update lt button gt here we added a Cancel button to set isEditing state back to false which will cancel editing mode lt button onClick gt setIsEditing false gt Cancel lt button gt lt form gt if we are not editing display the add todo input make sure to add the handleFormSubmit function in the onSubmit prop lt form onSubmit handleFormSubmit gt we ve added an h element lt h gt Add Todo lt h gt also added a label for the input lt label htmlFor todo gt Add todo lt label gt notice that the value is still set to the todo state also notice the handleInputChange is still the same lt input name todo type text placeholder Create a new todo value todo onChange handleInputChange gt here we just added a Add button element use the type submit on the button which will still submit the form when clicked using the handleFormSubmit function lt button type submit gt Add lt button gt lt form gt lt ul className todo list gt todos map todo gt lt li key todo id gt todo text we are passing the entire todo object to the handleEditClick function lt button onClick gt handleEditClick todo gt Edit lt button gt lt button onClick gt handleDeleteClick todo id gt Delete lt button gt lt li gt lt ul gt lt div gt You should be able to change the todo item text now This is the fourth post in this series Keep in mind that in this post we added the ability to edit a todo item in the app We now have full CRUD functionality However I think this could be structured better We will look at re factoring the code into separate components in the next post Thanks for reading	2021-05-20 13:27:38
海外TECH	DEV Community	Breaking Down the Acronyms: SSR vs. SSG	https://dev.to/aspittel/breaking-down-the-acronyms-ssr-vs-ssg-407b	Breaking Down the Acronyms SSR vs SSGAcronyms are always fun they re helpful for reducing the effort of saying out a full long winded technical term but they can also look like alphabet soup and be really confusing to newbies I want to use this post to explain two terms that are often seen in tandem and start with the same two letters but are pretty different concepts Static Site Generation SSG and Server Side Rendering SSR are both back to being hot topics in web development but what are they And why are they so widely talked about SSGStatic site generators enable developers to create many pages all at once using templates with content plugged into them For example you may have a blog page for your application each one has a header title the author s name and image and the content itself all using the same layout from post to post You don t want to code a new HTML page for each blog post Instead each blog post could be written in a markdown file and then plugged into the correct template format so that each web page is standardized using a static site generator This pattern is much faster for the developer than writing out an HTML boilerplate for each web page The site is generated at build time meaning that you have a script that plugs every single piece of content into a template generating the HTML needed to properly render the page This is awesome for performance whenever the user goes to the page they are served a static HTML page the data is already plugged in and won t need to be plugged in by the server BUT there s a catch since the process is done at build time the site must have the build script re run and re deployed whenever you want to make changes Say you write a new blog post you d need to re build and re deply the site There are ways to automate this like web hooks but it s still not as flexible as a dynamically generated site SSRServer side rendering has been a common pattern in web development for years Frameworks like Ruby on Rails and Django used it to dynamically populate HTML templates with variable content If the user navigated to blog post for example the server side logic would plug the correct title content and author information into an HTML page and then send that back to the user So with SSR the templating process happens at the time of the request instead of on build This pattern fell out of favor as more logic got pushed to the client side and front end frameworks became more predominant That being said server side rendering still has many benefits such as end user performance since JavaScript can be used much more minimally Also search engines often struggle with parsing JavaScript generated web pages Recently more JavaScript libraries have swung back in the server side rendering direction Next js being one of the most notable That being said React has also discussed adding server side rendered components directly within the library itself With these modern web frameworks you get the developer experience that comes with a library like React but you can serve HTML to your end user giving them a potential performance boost ConclusionI hope this blog post helped to break down the differences between SSR and SSG and when you would use each in your app In one sentence SSR fetches data when the user requests the content and SSG fetches data when you build a site	2021-05-20 13:27:32
海外TECH	DEV Community	Community showcase: automated home setup to stay in flow	https://dev.to/softwaredotcom/community-showcase-automated-home-setup-to-stay-in-flow-37f	Community showcase automated home setup to stay in flowCode Time Software s extension for code editors and IDEs helps you protect valuable code time with Flow Modeーa set of automations that makes it easy to eliminate distractions mute notifications and stay focused when you re in flow Once connected to a Slack workspace Flow Mode enables Slack s Do Not Disturb mode sets a custom status message and adds a purple icon to your status In some editors and IDEs like Visual Studio Code you can also choose to enable Zen mode or enter fullscreen with Flow Mode Flow Mode can be triggered manually via a button in the sidebar or status bar or automatically based on your coding activity Shane Lawrence a member of the Software community and senior software developer saw an opportunity to make Flow Mode even more powerful He extended Flow Mode to automate his entire workspace setup Change ambient lighting in his workspace to purpleSilence notifications on his phoneSet a custom Do Not Disturb status on his home systemHere s a short demo of Shane s custom Flow Mode in action Overview of the flow automation stackShane s setup uses a few different automation tools and APIs Code Time to detect when he s in flow and update his Slack statusSlack Events API to monitor his status and trigger his home automationsHome Assistant for connecting and controlling his devicesPhilips Hue bulb for his desk light Hue lightstrips and Nanoleaf Aurora for accent lighting on the wall Tasker and the AutoRemote plugin to set his Android phone to Do Not DisturbShane wrote a small watcher script in Node js that checks for changes to his Slack status using the Slack Events API slack events api If a new status includes Flow Mode s purple emoji Shane s bot sends a custom begin flow or end flow event to his Home Assistant a popular open source home automation hub Home Assistant then sets a custom Do Not Disturb mode for his home automation system triggers his workspace lighting and sends a notification to his phone Home Assistant comes with powerful connections out of the box It integrates directly with Philips smart bulbs and Nanoleaf lights as well as more than other smart devices To control his phone Shane uses AutoRemote to listen for notifications from Home Assistant Tasker then changes his phone s settings In his next iteration Shane is considering how he might trigger Digital Wellbeing s Focus Mode to disable all distracting apps on his Android phone He is also exploring how he could integrate with Spotify to start playing newly recommended songs from Music Time when he s in flow Why defending flow mattersDevelopers constantly battle meetings interrupts and inertiaーthe enemies of developer flowーthat interfere with valuable code time Impromptu Zoom calls and relentless Slack messages make work feel disjointed and chaotic Protecting flow helps us silence these distractions and make the most of each workday From Shane “As someone who s deeply passionate about the work I do being in flow is the part of my day where I m immersed and energized in what I really love most working on challenging problems and helping online communities be a safer place for everyone to connect While I m fortunate to have been able to keep my job through the pandemic working from home has introduced its own set of challenges such as staying focused on days when other distractions want to drag my attention away from important tasks making it difficult to always sink my teeth into a solid coding session Code Time s flow feature combined with my smart home integration helps me quickly tune out all of the distractions at once helping me focus faster and reduce the chatter of apps and chat messages all competing for my attention If you re interested in automation tech you can find Shane on Twitch where he s currently building a bot service that helps streamers let their viewers redeem channel points to change their smart light colors He streams Wednesdays at pm PT and Saturdays at pm PT Shane s streams are open to all coders and non coders alike	2021-05-20 13:09:44
海外TECH	DEV Community	Upping My Accessibility Skills	https://dev.to/clgolden/upping-my-accessibility-skills-5h0a	Upping My Accessibility SkillsIn acknowledgement of Global Accessibility Awareness Day GAAD I ve finally done something I ve been meaning to do since I started coding years ago I listened to my website with a screen reader Using my portfolio site I recorded a bit of the Screen Reader AudioAt first it was overwhelming All those extra words made it sound like gibberish There are lots of settings with differences between OS updates and I still don t know how to get it to just slow down pause or go back A handicapped person would certainly need knowledgeable help to get a working system set up According to the CDC in adults in the US have serious difficulty doing the things I take for granted Difficulties that would make it hard to work a keyboard see hear and understanding web content The pandemic would have only made things worse for many of these people Fortunately according to Mozilla s Accessibility Learning Area HTML used correctly is a strong starting point There s also a fair amount of overlap with good SEO practices and Accessibility Besides compassion there are other reasons to up one s game in this aspect of front end development For one handicapped people buy stuff too so that s motivation for business owners For another reason it s the law Enforcement comes about through someone sueing the web owner so my advice is to not aggravate and confuse your site visitor Web Content Accessibility Guideline WCAG The World Wide Web Consortium WC develops standards for the web It s official accessibility guidelines are spelled out in the WCAG the Web Content Accessibility Guideline I tried I really did try to read the WCAG documentation even made a spreadsheet Finally I gave up It s probably good to have such a comprehensive gathering of info somewhere but in practical terms everyday web devs who are struggling to keep up with the latest tech so they can make a living will be too discouraged to follow through with that set of docs Thank Goodness for The Ay Project The AY Project is a community driven effort to make digital accessibility easier Ay is a symbol for the word Accessibility A followed by characters then y They have a Checklist written in language I can understand with linked references to the official Guidelines There are main categories and several sub categories that each deserve enough study to produce their own article I can see why the industry of accessibility testing is going strong It s a specialty Initially I intended go through each one of the items and make sure I had them included in my website boilerplate and thought process But that s going to take more time than I have right now So this article is going to be more of a planning exercise I ll look at each category and see what I m already doing and what I still need to learn with some references for study I know this will help me learn I hope it will give you some tips and perspective too The Checklist ContentSimple direct easy to read content is important for everyone who comes to a website Button anchor and label content needs to stand alone with respect to its meaning Good for SEO too It takes a little extra creative effort Global ContentResponsive code design and standards compliant HTML takes care of a lot of these items Semantic HTML provides good info for screen readers except for the generic div section and form elements I need to learn more about ARIA Accessible Rich Internet Applications attributes especially now that I m learning how to build web apps with JavaScript KeyboardTab through the website and see if the focus order makes sense I hate the default outline style that browsers apply to active links CSS Tricks has a few modern articles on creating my own styles for those focus elements ImagesMake sure all images have the alt text attribute even if they re purely decorative then the alt should be null as in no space I need to experiment with null alt attributes to see how they sound I ve been adding a space character all this time and the screen reader says unlabelled image which sounds irresponsible to me There are a lot of recommendations for best use of alt text WordPress users did you notice the link to An alt Decision Tree that core provided sometime in the last few years HeadingsHeadings are for grouping written content in meaningful ways not for decoration Well organized use of h h h etc tags are helpful to everyone disabled or not It s also good SEO There should only be one h on a page for accessibility This means the site title needs to use a different element ListsUse the right list elements for lists ControlsLots of good common sense guidance in this section Use anchor elements for links the button element for buttons None of the links in this article automatically open to a new tab window but if they did one needs to notify the site visitor it s going to happen I wish we had a universal ASCII symbol for links that open in a new tab I ll need to test if how screen readers pick up the target attribute I recently started using skip links in my websites but need to review them for updates Again a CSS Tricks article How to Create a “Skip to Content Link looks like a good starting point TablesSemantics again Use table elements for tabulated info The Guidelines ask that th and caption elements be used as well I haven t been using those regularly I m going to have to look up the scope attribute which the Guidelines ask for FormsMake sure forms are well organized and labelled Learn best practices for styling error and other status messages Media including Video and AudioDon t auto play and make sure controls are available The Guidelines on providing readable text applies use captions and transcripts This means I should have prepared a transcript of the audio I ve included above Have you ever typed up your own transcript It takes a good amount of effort and time and a helpful transcription app that my clients would probably not pay for AppearanceUsing a simple straightforward layout is good for all users and is forced upon us when thinking in mobile first mode I already test my websites in all the modern popular browser and the mobile devices I have at my disposal The WCAG Guidelines also asks us to test in specialized browsing modes such as Windows High Contrast or Inverted Colors For freelancers this will add costs to a project that clients may not want to pay I ll need to learn the different specialized browsing modes on Window and Mac OS and test which styles are broken by those modes I ve never done it before but increasing text to would be a good test Another design pattern I ve never considered can be evaluated by what s called The Straw Test It s always a good principle to not spread content over too wide an area AnimationContent that moves can be problematic to some people Here are the items to check for Ensure animations are subtle and do not flash too much Provide a mechanism to pause background video Make sure all animation obeys the prefers reduced motion media query Color ContrastNormal and large sized text and icons all have specific contrast ratios Here s a tool for calculating color contrast ratios I didn t even know it could be calculated As always make sure text over graphics are clear There is a CSS pseudo element I wasn t familiar with although I ve enjoyed its use on some websites It s the selection pseudo element and it adds style to text that the user has highlighted As you can imagine make sure the reader can still read the text Mobile and TouchThe sub categories of this one are all the same as good mobile first responsive styling Make sure the site can be rotated check the distance between links and buttons I ve been seeing horizontal scrolling lately The Guidelines say not to do it but it looks useful in some cases More research is needed on this Okay so that s the list I m going to be working with There s no such thing as Accessible We can only keep striving to improve Let me and anyone reading know of additional tips references or experiences you have Best	2021-05-20 13:01:42
Apple	AppleInsider - Frontpage News	Japan sees 40-fold increase in 5G smartphones thanks to iPhone 12	https://appleinsider.com/articles/21/05/20/japan-sees-40-fold-increase-in-5g-smartphones-thanks-to-iphone-12?utm_medium=rss	Japan sees fold increase in G smartphones thanks to iPhone The popularity of the iPhone in Japan has led to a G boom in the country with demand expected to double again in iPhone with G dominating Japanese smartphone salesIn late Apple introduced four iPhone models with support for sub GHz G internationally Since they released Japan has seen a huge increase in G usage thanks to the iPhone s popularity Read more	2021-05-20 13:53:39
Apple	AppleInsider - Frontpage News	Senators resurrect and rework 2019 privacy bill in new bipartisan effort	https://appleinsider.com/articles/21/05/20/senators-resurrect-and-rework-2019-privacy-bill-in-new-bipartisan-effort?utm_medium=rss	Senators resurrect and rework privacy bill in new bipartisan effortA bill to require technology companies to allow users to opt out of tracking has been reintroduced by Senator Amy Klobuchar with new bipartisan backing The reworked bill is to be presented to CongressSenator Amy Klobuchar ーwho as chair of an antitrust committee recently described the release of AirTags as timely ーis reintroducing a privacy bill It s predominantly the same as her proposal for a Social Media Privacy Protection and Consumer Rights Act but comes against a much changed political and technological environment Read more	2021-05-20 13:47:08
Apple	AppleInsider - Frontpage News	Babbel lifetime subscription drops to $179 ($320 off), matching record low price	https://appleinsider.com/articles/21/05/20/babbel-lifetime-subscription-drops-to-179-320-off-matching-record-low-price?utm_medium=rss	Babbel lifetime subscription drops to off matching record low priceIncluded in the lifetime Babbel subscription for is access to languages And at off this deal matches the lowest price on record for the language learning tool New Babbel price dropThursday s Babbel deal includes lifetime access to learn languages including French German Italian Spanish and Swedish Read more	2021-05-20 13:40:06
Apple	AppleInsider - Frontpage News	Opera GX Mobile now available for iOS via TestFlight	https://appleinsider.com/articles/21/05/20/opera-gx-mobile-now-available-for-ios-via-testflight?utm_medium=rss	Opera GX Mobile now available for iOS via TestFlightThe world s first gamer centered web browser Opera GX Mobile officially enters open beta on the iPhone and iPad Opera GX Mobile is designed to be the mobile counterpart to Opera GX a gamer targeted browser that Opera released in Opera GX has over nine million users and the company says that there s been strong user demand for a mobile version According to Opera the mobile version offers custom navigation with the built in Fast Action Button It also features vibration and haptic feedback Read more	2021-05-20 13:58:37
海外TECH	Engadget	Apple's Mac Mini M1 is back down to $600 on Amazon	https://www.engadget.com/apple-mac-mini-m1-amazon-deal-130557017.html	amazonamazon	2021-05-20 13:05:57
海外TECH	CodeProject Latest Articles	Exposing Dockerized AI Models via RESTful API	https://www.codeproject.com/Articles/5302894/Exposing-Dockerized-AI-Models-via-RESTful-API	apiin	2021-05-20 13:07:00
医療系	医療介護 CBnews	海外2社のコロナワクチン、21日にも承認へ-薬食審・部会が了承	https://www.cbnews.jp/news/entry/20210520194041	厚生労働相	2021-05-20 22:05:00
金融	RSS FILE - 日本証券業協会	新型コロナウイルス感染症への証券関係機関等・各証券会社の対応について（リンク集）	https://www.jsda.or.jp/shinchaku/coronavirus/link.html	新型コロナウイルス	2021-05-20 14:40:00
金融	金融庁ホームページ	「トランジション・ファイナンス環境整備検討会」（第２回）議事要旨について公表しました。	https://www.fsa.go.jp/singi/transition_finance/gijiyousi/20210331.html	要旨	2021-05-20 14:00:00
金融	金融庁ホームページ	「トランジション・ファイナンス環境整備検討会」（第３回）議事要旨について公表しました。	https://www.fsa.go.jp/singi/transition_finance/gijiyousi/20210507.html	要旨	2021-05-20 14:00:00
金融	金融庁ホームページ	「第５回 インパクト投資に関する勉強会」を開催しました。	https://www.fsa.go.jp/news/r2/sonota/20210520.html	投資	2021-05-20 14:00:00
ニュース	BBC News - Home	Martin Bashir: BBC covered up failings over Diana interview, report finds	https://www.bbc.co.uk/news/uk-57189371	bashir	2021-05-20 13:36:34
ニュース	BBC News - Home	PIP implant victims 'elated' by compensation win	https://www.bbc.co.uk/news/health-57179180	breast	2021-05-20 13:30:33
ニュース	BBC News - Home	Southampton boat crash: Emily Lewis died after 'high-speed manoeuvres'	https://www.bbc.co.uk/news/uk-england-hampshire-57185836	accident	2021-05-20 13:05:31
ニュース	BBC News - Home	Cecil Rhodes statue will not be removed by Oxford College	https://www.bbc.co.uk/news/uk-england-oxfordshire-57175057	collegeoriel	2021-05-20 13:08:49
ニュース	BBC News - Home	Home nations openers to be shown live on BBC - how to follow Euro 2020	https://www.bbc.co.uk/sport/football/57188305	Home nations openers to be shown live on BBC how to follow Euro The BBC will give audiences access to all of the action analysis insight and entertainment from this summer s European Championship	2021-05-20 13:37:21
LifeHuck	ライフハッカー［日本版］	荷物が宙に浮く夢のバックパックが登場！ 「HoverGlide」で登山やトレッキングも軽々	https://www.lifehacker.jp/2021/05/234965-machi-ya-hoverglide-start.html	glide	2021-05-20 23:00:00
LifeHuck	ライフハッカー［日本版］	SNSで「言いすぎてしまう人」への処方箋	https://www.lifehacker.jp/2021/05/if-people-respond-badly-to-you-think-before-you-speak.html	think	2021-05-20 22:05:00
北海道	北海道新聞	ワクチン絡みの詐欺未遂、不審電話　道内で相次ぐ	https://www.hokkaido-np.co.jp/article/546215/	不審電話	2021-05-20 22:15:00
北海道	北海道新聞	ＮＹ円、１０８円後半	https://www.hokkaido-np.co.jp/article/546216/	外国為替市場	2021-05-20 22:16:00
北海道	北海道新聞	ワクチン２種承認を決定　米モデルナと英アストラ製	https://www.hokkaido-np.co.jp/article/546172/	厚生労働省	2021-05-20 22:01:23
北海道	北海道新聞	防衛副大臣、委員会遅刻　先週は厚労副大臣も　「緩み」与野党指摘	https://www.hokkaido-np.co.jp/article/546171/	中山泰秀	2021-05-20 22:06:23
北海道	北海道新聞	楽１―４日（２０日）　日ハム４連敗で止める　堀が２勝目	https://www.hokkaido-np.co.jp/article/546209/	日本ハム	2021-05-20 22:05:17