投稿時間:2022-04-16 04:21:34 RSSフィード2022-04-16 04:00 分まとめ(21件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
js	JavaScriptタグが付けられた新着投稿 - Qiita	【rails入門】javascriptを用いてカーソルを制御する	https://qiita.com/Naoya_pro/items/0d135fbbc735e4ab49e4	javascript	2022-04-16 03:13:41
Ruby	Railsタグが付けられた新着投稿 - Qiita	【rails入門】javascriptを用いてカーソルを制御する	https://qiita.com/Naoya_pro/items/0d135fbbc735e4ab49e4	javascript	2022-04-16 03:13:41
海外TECH	MakeUseOf	Ivacy VPN Easter Deal: Save Big on Your Subscription	https://www.makeuseof.com/ivacy-vpn-easter-deal/	ivacy	2022-04-15 18:30:13
海外TECH	DEV Community	The Only JavaScript Sorting Guide You'll Ever Need	https://dev.to/gregorygaines/the-only-javascript-sorting-guide-youll-ever-need-ibp	The Only JavaScript Sorting Guide You x ll Ever Need Table Of Contents Hello Reader JavaScript s sort function Implementation History Sorting Primitives Array of Strings Array of Numbers Compare Function Descending Order Sorting an Array of Objects Final Thoughts Hello Reader I was tired of searching on Google when I was unsure of how to sort whatever data I m using in JavaScript so I decided to write it all in one place Today we are going to learn about sorting in JavaScript Starting with the history and algorithm used for sort Then learning how to sort primitives and objects Let s jump in JavaScript s sort function The sort function sorts an array in place meaning no copy is made and returns the sorted array We can t modify the algorithm used by sort but we can modify how it compares array elements by passing a compare function Native without a compare functionsort With an arrow pointing compare functionsort a b gt Passing a compare functionsort compareFn Implementation HistoryIn Chrome back in the ye old days the sorting algorithm wasn t as good as today One of its previous implementations included insertion sort O n Today we are in a better state with a modification of Merge Sort named Tim Sort O n log n Initially created by Time Peters as an adaptive stable Merge Sort variant A stable sorting algorithm means if two values of the same value sit next to each other they maintain the same order after sorting You d be surprised how many algorithms depend on this Sorting PrimitivesLet s go over how to sort primitives with sort Sorting an Array of StringsThe sort function works how you d expect for strings const names Darui Bee Naruto Ada Sasuke Baki A console log names sort Output A Ada Baki Bee Darui Naruto Sasuke JavaScript by default sorts in Lexicographical order Lexicographical order means sorted alphabetically sort of like a dictionary If two strings are equal then the shortest one is put first Lexicographical orderconst str aab ba aac bab aaa Aab aaaa Results Aab Uppercase letters take precedence aa a aa aa Is equal to aaa but is longer aa b The rd char b comes the third char s in the strings above aa c The last char c comes after b ba The first char b comes after a in the above strings bab Sorting an Array of Numbers Using sort on numbers is a bit tricky It DOES NOT work natively const scores Wrong console log scores sort Wrong order Output By default JavaScript sorts in Lexicographical order Great for strings but terrible for numbers We have to pass a compare function Who gets sorted first Compare FunctionCompare function interpretation The compare function returns an integer which sort uses to determine the order when comparing elements function compareNumbers a b if a lt b return sort a before b else if a gt b return sort a after b return keep a and b in the same order When two elements are passed to the compare function if it returns less than a is put first If the result is greater than b is put first If the result is equal to keep a and b in the same order Ex a b is which puts b in front of a To properly sort numbers we introduce a compare function to sort numbers in ascending order let scores Sort in ascending order scores sort a b gt return a b console log scores Output Descending OrderDescending order is an easy line change Instead of using a b use b a to reverse the order Take our a b example from earlier If we change it to b a we get This instead puts a in front of b let scores Sort in descending orderscores sort a b gt return b a console log scores Output Sorting an Array of Objects ️In JavaScript an object is a variable with a collection of properties in key value pairs Array of objects with two properties name and titansDefeated const characters name eren titansDefeated name mikasa titansDefeated name levi titansDefeated name armin titansDefeated Since objects have multiple properties we pass a compare function to sort by the property we want Sorting by the amount of titansDefeated in ascending order const characters name eren titansDefeated name mikasa titansDefeated name levi titansDefeated name armin titansDefeated characters sort a b gt return a titansDefeated b titansDefeated console log characters Output name eren titansDefeated name armin titansDefeated name mikasa titansDefeated name levi titansDefeated Sorting by the amount of titansDefeated in descending order const characters name eren titansDefeated name mikasa titansDefeated name levi titansDefeated name armin titansDefeated characters sort a b gt return b titansDefeated a titansDefeated console log characters Output name levi titansDefeated name mikasa titansDefeated name armin titansDefeated name eren titansDefeated Sorting by names in lexicographical order const characters name eren titansDefeated name mikasa titansDefeated name levi titansDefeated name armin titansDefeated Sort names in case insensitive lexicographical ordercharacters sort a b gt Convert to uppercase so we don t have to worry about case differences const nameA a name toUpperCase const nameB b name toUpperCase if nameA lt nameB return if nameA gt nameB return names must be equal return console log characters Output name armin titansDefeated name eren titansDefeated name levi titansDefeated name mikasa titansDefeated Levi said sort faster Final Thoughts Here s everything you need for sorting in JavaScript all in one place In Chrome sort is implemented using the Tim Sort algorithm By default sort sorts in lexicographical order great for strings but not so much for anything else We pass a compare function for numbers and objects to define the sorting order I m Gregory Gaines a goofy software engineer Google who s trying to write good articles If you want more content follow me on Twitter at GregoryAGaines Now go create something great If you have any questions hit me up on Twitter GregoryAGaines we can talk about it Thanks for reading	2022-04-15 18:19:30
海外TECH	DEV Community	How does @import works in CSS? What is the pros and cons. 🤔	https://dev.to/jasmin/how-does-import-works-in-css-what-is-the-pros-and-cons-136c	How does import works in CSS What is the pros and cons We all must have used import in our css files for importing one stylesheet to another While working on large projects we often make use of imports to make use of same styles in different views The import statement has some pros and cons related to it Let s first discuss how the import works over using the lt link gt element in HTML file I personally prefer to use media over text to understand any concepts and like using them in my articles as well So let s try to understand the difference between using import and lt link gt element to load CSS files followed by the pros and cons of import statement Working of import statement In the above example we can see that importing stylesheet into one another builds dependency graph Due to this dependency tree the base css file which is homeview css is downloaded first and then the dependent css files are downloaded which are button css and form css Working of lt link gt element When the stylesheets are loaded using link elements they are downloaded at the same time which can be used to combine them into single file We have covered the major difference between the two approaches now let s focus on the pros and cons of import statement Pros of using CSS importSaves time in copy pasting the same code in every file or adding links approach Good for building medium to large organisational projects Create primary CSS file and then import other files like typography or images This way of managing CSS files is simple yet effective and helps in maintaining good project structure Cons of using CSS importThe only negative that comes with import statement is increasing the page load time if not used during build process As it goes and reads the imports and then applies them Although the time difference is very small but can impact your search ranking where the bots use page loading time to calculate ranking I tried to cover all the major points which defines the flow and working of CSS import statement in brief Do let me know if I missed something Happy Learning ‍	2022-04-15 18:14:06
海外TECH	DEV Community	[SwiftUI] How to change Navigation Bar background color with custom font?	https://dev.to/stevenselcuk/swiftui-how-to-change-navigation-bar-background-color-with-custom-font-40i3	SwiftUI How to change Navigation Bar background color with custom font PrologueHi there I have been planning to write here regularly for a long time since I m a lazy ass but it s time to do something different outside my comfort zone Maybe starting with easy stuff would help me gain this habit Crossed fingers and here we go Q How to change Navigation Bar background color with custom font A In your SwiftUI view s initializer add these lines Create a UINavigationBarAppearance object let appearance UINavigationBarAppearance Clear default background color appearance shadowColor clear Change with your awesome color appearance backgroundColor UIColor named TheColor Add your font appearance largeTitleTextAttributes font UIFont name TheFont size appearance titleTextAttributes font UIFont name TheFont size And use your config objectUINavigationBar appearance scrollEdgeAppearance appearance UINavigationBar appearance standardAppearance appearance	2022-04-15 18:04:18
海外TECH	Engadget	AMC's mobile app lets you buy tickets with crypto now	https://www.engadget.com/amc-theatres-mobile-app-cryptocurrency-dogecoin-185038191.html?src=rss	AMC x s mobile app lets you buy tickets with crypto nowA few months after AMC Theatres started accepting crypto payments you can use its app to buy movie tickets using Dogecoin Shiba Inu tokens and other virtual currencies CEO Adam Aron said the app is using Bitpay to process cryptocurrency payments which are only accepted in the US for now You can also buy tickets with Apple Pay Google Pay PayPal and an old fashioned thing called a credit card Exactly as promised the AMC mobile app for AMC s U S theatres now accepts online payments using Doge Coin Shiba Inu and other crypto currencies ーthanks to Bitpay Also Apple Pay Google Pay and Paypal To do so you first will need to update to the latest version of our app pic twitter com MMySIxYblーAdam Aron CEOAdam April It seems customers have embraced AMC s adoption of cryptocurrency Very soon after AMC enabled crypto payments on the web they accounted for percent of online transactions So if you happen to have some Dogecoin that s been languishing in your wallet since someone gave it to you as a joke in you can grab your phone and put your coins to use by booking a ticket for a movie over this long weekend	2022-04-15 18:50:38
海外TECH	Engadget	Elon Musk's Twitter bid is as well thought out as his tweets	https://www.engadget.com/elon-musk-twitter-free-speech-180200767.html?src=rss	Elon Musk x s Twitter bid is as well thought out as his tweetsElon Musk who until the last week or so was known on Twitter mainly for trolling and incurring the wrath of the SEC has now set his sights on taking over the platform Speaking at a TED conference on Thursday the Tesla CEO positioned his billion hostile takeover bid not as something he wants to do but as something he feels is “important to the function of democracy “It s important to the function of the United States as a free country and many other countries he said “Civilizational risk is decreased the more we can increase the trust of Twitter as a public platform That may sound like a lofty goal ーand it s not that different from how Jack Dorsey and other Twitter leaders have talked about the platform ーbut Musk s actual ideas for making Twitter more “trustworthy are bizarre and sometimes contradictory It suggests he has little understanding of how Twitter works much less how to run the company During the interview Musk repeatedly stated he believed speech on Twitter should only be constrained by what s legal Twitter he said should “err on the side of if in doubt let the speech exist He said that permanent bans should be used sparingly “A good sign as to whether there s free speech is if someone you don t like is allowed to say something you don t like and if that is the case then we have free speech Besides being a somewhat narrow view of free speech Musk s own track record would appear to be at odds with this statement While he has zero experience running a social media company his actions as Tesla s CEO suggest there are many scenarios in which he is notably less committed to absolute free speech As Quartzpoints out Musk has reportedly fired numerous Tesla workers who disagree with him Recently one employee was shown the door for posting videos to his personal YouTube channel that depicted flaws in Tesla s self driving software running on his own vehicle Musk also reportedly tried to force a law firm hired by Tesla and SpaceX to fire an associate who had previously worked for his arch nemesis the SEC in an apparent retaliation for the lawyer s involvement with the agency s investigation of Musk Incidentally Tesla has faced allegations of discrimination and is currently contending with a lawsuit from the state of California over its treatment of Black employees Trust and safety experts were also quick to point out that a lack of content moderation actually has a chilling effect on free speech “Effective moderation is not inherently in conflict with free speech Samidh Chakrabarti Facebook s former head of civic integrity tweeted “It is required for people to feel free to speak This is more than just theoretical Just ask former CEO Dick Costolo who famously presided over one of the most toxic eras in Twitter history thanks to a hands off approach to content moderation It was under his tenure as CEO that Gamergate and other targeted harassment campaigns were able to drive scores of users off the platform Costolo later admitted that his failure to deal with trolls was a huge mistake Others pointed out that less moderation would quickly result in Twitter being overrun with spam and other shady ーyet entirely legal ーcontent Even Musk seemed to contradict himself on this point saying that a “top priority would be to rid Twitter of the “spam and scam bots and bot armies that frequently impersonate him Away from the culture war battles over quot free speech quot Twitter is facing significant challenges of its own The company is still in the middle of a big shift changing many of its core features in an effort to find new sources of revenue It still has aggressive growth targets for users and revenue that would prove challenging even for seasoned Twitter insiders ーwhich Musk is not And Musk doesn t even seem to know what he actually wants He acknowledged that he was unsure of if he would be able to pull off actually buying Twitter other shareholders seem to agree on that point and claimed to be unconcerned with making money from his investment He claimed to have a “plan B but didn t share details He also admitted that his tweets are little more than a “stream of consciousness he sometimes composes while on the toilet As with so much else he does it s impossible to tell if he really wants to fully control Twitter or if all this is yet another elaborate troll It could be both “I do think this will be somewhat painful he mused On that at least he s spot on	2022-04-15 18:02:00
ニュース	BBC News - Home	Prince Harry and Meghan land in Netherlands for Invictus Games	https://www.bbc.co.uk/news/uk-61122854?at_medium=RSS&at_campaign=KARANGA	royals	2022-04-15 18:40:34
ニュース	BBC News - Home	Good Friday weather: UK basks on hottest day of year so far	https://www.bbc.co.uk/news/uk-61117578?at_medium=RSS&at_campaign=KARANGA	easter	2022-04-15 18:01:36
ビジネス	ダイヤモンド・オンライン - 新着記事	「いまの仕事を続けていいか」迷ったらやるべき「シンプルなこと」 - 東大金融研究会のお金超講義	https://diamond.jp/articles/-/301648	「いまの仕事を続けていいか」迷ったらやるべき「シンプルなこと」東大金融研究会のお金超講義年月に発足した東大金融研究会。	2022-04-16 03:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	うまくいく夫婦がやっている「習慣の断絶」とは？ - 超習慣力	https://diamond.jp/articles/-/301175	うまくいく夫婦がやっている「習慣の断絶」とは超習慣力ダイエット、禁煙、節約、勉強ー。	2022-04-16 03:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	アメリカの中学生が学ぶアルゴリズムの授業【全世界700万人が感動したプログラミングノート】 - アメリカの中学生が学んでいる14歳からのプログラミング	https://diamond.jp/articles/-/301711	アメリカの中学生が学ぶアルゴリズムの授業【全世界万人が感動したプログラミングノート】アメリカの中学生が学んでいる歳からのプログラミング年の発売直後から大きな話題を呼び、中国・ドイツ・韓国・ブラジル・ロシア・ベトナムなど世界各国にも広がった「学び直し本」の圧倒的ロングセラーシリーズ「BigFatNotebook」の日本版が刊行された。	2022-04-16 03:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【出口学長・日本人が最も苦手とする哲学と宗教特別講義】 「ヘレニズム時代とは何？」と聞かれて、ひと言で答えられますか？ - 哲学と宗教全史	https://diamond.jp/articles/-/299094		2022-04-16 03:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	副業を始める前に、絶対に知っておきたいこと - 40代からは「稼ぎ口」を2つにしなさい	https://diamond.jp/articles/-/301687	新刊『代からは「稼ぎ口」をつにしなさい年収アップと自由が手に入る働き方』では、余すことなく珠玉のメソッドを公開しています。	2022-04-16 03:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	左利きと右利きの「応用力」決定的な差 - すごい左利き	https://diamond.jp/articles/-/300397	加藤俊徳	2022-04-16 03:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「上昇する株、停滞し続ける株」チャートに現れる決定的な違い - 株トレ	https://diamond.jp/articles/-/300765	違い	2022-04-16 03:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	数学を楽しみながら独学できる本、究極の5冊 - 独学大全	https://diamond.jp/articles/-/301387	読書	2022-04-16 03:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	1930年代のサポーターを集める「呼びかけの作法」が現代でも有効な理由 - コピーライティング技術大全	https://diamond.jp/articles/-/301057	年代のサポーターを集める「呼びかけの作法」が現代でも有効な理由コピーライティング技術大全「最強コスパ本知ってるのと知らないのでも大きな差になる内容ばかり」と話題沸騰発売即大重版Amazonランキング第位広告・宣伝。	2022-04-16 03:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	スマートベータなら、インデックスとアクティブの中間で運用できる - ETFはこの7本を買いなさい	https://diamond.jp/articles/-/299621		2022-04-16 03:05:00
北海道	北海道新聞	白老の養鶏場　鳥インフル疑い	https://www.hokkaido-np.co.jp/article/670229/	胆振管内	2022-04-16 03:11:00