IT |
気になる、記になる… |
Amazonの63時間限定ビッグセール「タイムセール祭り」、次回は4月24日より開催へ − 対象商品も一部公開 |
https://taisy0.com/2022/04/17/155886.html
|
amazon |
2022-04-17 04:05:34 |
AWS |
lambdaタグが付けられた新着投稿 - Qiita |
Webサイトのメンテナンス情報を定期的にslack送信する |
https://qiita.com/ta983kata/items/4c88e57336c11b683ec2
|
slack |
2022-04-17 13:04:14 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
React 改行コード\nの入っているテキストを改行する方法 |
https://qiita.com/yamayamasou/items/15223543d0d1af2f8086
|
eslint |
2022-04-17 13:25:06 |
Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
Rails お気に入りランキング実装 |
https://qiita.com/seiyarick/items/29d76146b3dfad72641a
|
rails |
2022-04-17 13:37:38 |
Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
今日からWEB開発 1日目 |
https://qiita.com/BORIBORIFATMAN_LOL/items/c2074a58895f6b790f03
|
piroshk |
2022-04-17 13:04:38 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
ECSで発生したエラー文をひたすら掲載する |
https://qiita.com/kemmy-km/items/517170e6277e1b2a4cbd
|
istryauthexecutionresourc |
2022-04-17 13:54:17 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
Webサイトのメンテナンス情報を定期的にslack送信する |
https://qiita.com/ta983kata/items/4c88e57336c11b683ec2
|
slack |
2022-04-17 13:04:14 |
Docker |
dockerタグが付けられた新着投稿 - Qiita |
Docker Desktop (WSL2) ファイルの保存先変更 |
https://qiita.com/moonlightpop/items/5cba3995862e4cd08272
|
dockerdesktop |
2022-04-17 13:12:08 |
GCP |
gcpタグが付けられた新着投稿 - Qiita |
Cloud StorageのログをBigQueryに自動で転送する |
https://qiita.com/maeda_/items/1fb39ffe0da92272ceab
|
bigquery |
2022-04-17 13:27:12 |
GCP |
gcpタグが付けられた新着投稿 - Qiita |
GCPにおけるロードバランサ、CDN、Certificate Managerの流れを理解する |
https://qiita.com/ku_suke/items/25e9e7c2daee9ee02991
|
certificatemanager |
2022-04-17 13:21:08 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
Rails お気に入りランキング実装 |
https://qiita.com/seiyarick/items/29d76146b3dfad72641a
|
rails |
2022-04-17 13:37:38 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
今日からWEB開発 1日目 |
https://qiita.com/BORIBORIFATMAN_LOL/items/c2074a58895f6b790f03
|
piroshk |
2022-04-17 13:04:38 |
海外TECH |
DEV Community |
Why you cannot pass location.reload as an argument |
https://dev.to/anshsaini/why-you-cannot-pass-locationreload-as-an-argument-26n1
|
Why you cannot pass location reload as an argumentLet s say we have a function named blockUser which looks something like thisconst blockUser afterBlock window location reload gt Some code to block the user afterBlock The interesting thing about this function is the afterBlock argument which defaults to window location reload We basically want to reload the page after a user is blocked But not always Hence the argument Lets use our pretty function blockUser OopsFirefox gives us a more descriptive error Why does this happen location reload requires that this should point to location When we are using javascript functions this is bound to the scope from which the function was called if we call window location reload directly then the reload function is getting called through the location object But lets say we do const test window location reloadtest We will still get the same error Let s try to create our own reload function to see what s going on const fakeWindow location reload function console log this fakeWindow location reload Re assigninglet test fakeWindow location reloadtest Whoa looks like this is not the same anymore when we assign the reload function to a variable If you remember the Firefox error the reload function requires that it should be called from the context of Location When we assign it to a variable it gets called from the context of Window How can we fix it The fix is pretty simple you can just wrap a function around your re assignment const blockUser afterBlock gt window location reload gt Some code to block the user afterBlock const test gt window location reload It works now BonusCan you guess what will happen if we defined our fakeWindow object a little differently const fakeWindow location reload gt console log this fakeWindow location reload Have you ever come across this problem in a real project Drop your thoughts and experiences in the comments Don t forget to answer the question in Bonus section |
2022-04-17 04:20:23 |
海外TECH |
DEV Community |
Intro to Website Accessibility with CSS |
https://dev.to/fig781/intro-to-website-accessibility-with-css-5715
|
Intro to Website Accessibility with CSSWhat is website accessibility Some users on your sites will use screen readers only use a keyboard to navigate use screen magnification use speech input software or use an older version of their browser In CSS there are a number of ways you can make your sites accessible to these users Focus stylesUse rem for font sizingBrowser prefixesFocus StylesUsers who use only a keyboard to navigate will often use the Tab key to traverse websites When Tab targeting different elements the focus pseudo class is used to show which element is currently selected When I first started web development I would disable the focus outline because I thought it looked ugly not knowing what it was really for This is definitely a bad practice A good alternative to disabling it is the set your own focus behavior This way elements that are focused will still be accessible to Tab users and the focus outline or border will fit the color pallet of your site focus outline none border px dotted blue Use rem for Font SizingThe rem value will always be equal to the root elements font size If the default font size is px then rem px If the default font size is not explicitly set then rem will be equal to the browser default font size If a user adjusts the font size of their browser then font size set with rem will scale appropriately Font sizes set with px will not be adjusted which is bad for accessibility my class font size rem default font size px so rem px Browser PrefixesNot all CSS properties are available for all browsers For example the property text align last is not supported in any version of Safari A good site for checking the availability of CSS properties on browsers is You can use browser prefixes in your CSS to make these newer CSS features compatible with older browsers Here are the four most common ones moz for Firefox webkit for Android Safari and Chrome o for Opera ms for Internet Explorer my class moz text align last right webkit text align last right o text align last right ms text align last right text align last right You can also use an autoprefixer package to make this process easier This article covered a few of the main ways to make your site more accessible with CSS but this article only scratches the surface A resource I recommend is the Web Content Accessibility Guidelines WCAG Leave a comment if you have any feedback or questions |
2022-04-17 04:14:55 |
海外TECH |
DEV Community |
Why Data Structures and Algorithms are Important ? |
https://dev.to/codewithsom/why-data-structures-and-algorithms-are-important--24nd
|
Why Data Structures and Algorithms are Important •A lot of beginners and experienced programmersavoid learning data structures and algorithmsbecause it s complicated and they think thatthere is no use of all the above stuff in real life •These concepts help to improve the problem solving ability of a candidate to a great extent •To Solve Some Real World Complex Problems•You learn to use the right tool to solve theproblem•To Crack the Interviews of the Top ProductBased CompaniesImportant Topics Data Structures ArraysHeapsStacksQueuesLinked listsCollectionsTreesHashtablesAlgorithmsComplexity analysisSearchRecursionSortAlgorithms Greedy algorithmsDivide and conquerDynamic programmingHashingComplexity analysisNP completenessApproximationLinear programmingGraph algorithmsMaximum flowResources Courses •MIT free open course on algorithms•Stony brook university•Open course•NPTEL•Princeton universityBooks •Introduction to algorithms Thomas h •Cracking the coding interviews•DS and algorithms Alfred v Websites •Geeksforgeeks•Leetcode•Topcoder•Visualgo |
2022-04-17 04:10:39 |
海外ニュース |
Japan Times latest articles |
Putin’s Ukraine gamble pivots to a very different battlefield |
https://www.japantimes.co.jp/news/2022/04/17/world/putin-war-shifts/
|
Putin s Ukraine gamble pivots to a very different battlefieldBattles over the past seven weeks raged in populated areas near Kyiv but the war is moving into wide open flatland which will drastically change combat |
2022-04-17 13:27:20 |
海外ニュース |
Japan Times latest articles |
Dodgers pitcher Trevor Bauer might challenge leave extension |
https://www.japantimes.co.jp/sports/2022/04/17/baseball/mlb/dodgers-bauer-suspension-challenge/
|
Dodgers pitcher Trevor Bauer might challenge leave extensionBauer last appeared in a Dodgers uniform on June before the allegations by a Southern California woman that he sexually assaulted her went public |
2022-04-17 13:05:54 |
ニュース |
BBC News - Home |
Newspaper headlines: 'Ungodly' Rwanda plan and drug scandal claims |
https://www.bbc.co.uk/news/blogs-the-papers-61130828?at_medium=RSS&at_campaign=KARANGA
|
plans |
2022-04-17 04:39:38 |
北海道 |
北海道新聞 |
入管制度の一体的見直し強調 「準難民」巡り法相 |
https://www.hokkaido-np.co.jp/article/670578/
|
古川禎久 |
2022-04-17 13:07:00 |
北海道 |
北海道新聞 |
カブス鈴木、3打数2安打2得点 ロッキーズに敗れる |
https://www.hokkaido-np.co.jp/article/670576/
|
打数 |
2022-04-17 13:07:00 |
ビジネス |
東洋経済オンライン |
漫画「キングダム」(第11話)ムタの殺気と呪縛 壮大な物語の序章「30話」を一挙公開! | キングダム | 東洋経済オンライン |
https://toyokeizai.net/articles/-/539838?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
春秋戦国時代 |
2022-04-17 13:30:00 |
コメント
コメントを投稿