投稿時間:2022-01-23 05:20:13 RSSフィード2022-01-23 05:00 分まとめ(26件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	PythonとAPIを使ってツイートしたらライトをつける	https://qiita.com/energy_tom1412/items/1aee61c64ef70d84972f	pythonversion下記のように、Pythonと表示されれば、正常にPythonのインストールができています。	2022-01-23 04:20:05
海外TECH	MakeUseOf	The 8 Best Free Battle Royale Games You Should Play	https://www.makeuseof.com/best-free-battle-royale-games/	multiple	2022-01-22 19:45:12
海外TECH	MakeUseOf	The Best Free Alexa Skills for Amazon Echo Owners	https://www.makeuseof.com/tag/amazon-echo-essential-alexa-skills/	skills	2022-01-22 19:00:47
海外TECH	MakeUseOf	Why Linux Is Free: How the Open Source World Makes Money	https://www.makeuseof.com/tag/linux-free-open-source-world-makes-money/	software	2022-01-22 19:00:47
海外TECH	DEV Community	Notification Panel	https://dev.to/j471n/notification-panel-50p6	Notification PanelIn this article we are going to build a notification panel style with CSS and will toggle the button with JS It s very simple to do just follow the below code PreviewRequirements To get all the icons you can Sign Up to the FontAwesome It has various types of icons that are free to use you can also upgrade to the paid version if needed HTML lt div class container gt lt button class icon gt lt i class fas fa wifi gt lt i gt lt button gt lt div gt I m showing just a single icon button icon but there are more than just one And you can add as many you want CSS root icon bg icon fg gray margin padding container display grid grid template columns repeat fr gap px icon all unset removing all the pre defined style font size rem width px height px padding rem border radius px display grid making icon center horizontally and vertically place items center background var icon bg color var icon fg border px solid transparent transition background ms ease in out cursor pointer webkit tap highlight color transparent Removing Blue Highlight box To Prevent Hover on smaller Devices media screen and min width px icon hover border px solid white box shadow px px white Change the bg and fg active icon icon bg white icon fg black Javascriptconst icons document querySelectorAll icon Adding an event listener to the icons to change the active statusicons forEach icon gt icon addEventListener click gt icon classList toggle active icon Wrapping UpIf you enjoyed this article then don t forget to press ️ If you have any queries or suggestions don t hesitate to drop them See you You might be interested in Colorful Rain with JSCreative Hover Menu with CSSImage Slider with JS	2022-01-22 19:19:51
海外TECH	DEV Community	TypeORM Tips (Part 2: Use where() with care)	https://dev.to/rishit/optimizing-typeorm-tips-from-experience-part-2-use-where-with-care-40jp	TypeORM Tips Part Use where with care Hey everyone This is the second post in my series on tips while developing with TypeORM a popular typescript ORM library In this post I will remark on a common pitfall when using the where method in the library Use where with careTypeORM s QueryBuilder provides a where method to add SQL WHERE clauses in a your queries which allows you to specify a condition to control the records which your query processes Here s a code snippet illustrating how you can use this method const query await this userRepository createQueryBuilder select where user id userId userId getOne This method follows a similar pattern to several other methods of QueryBuilder which let you successively chain methods Each method call returns back another QueryBuilder instance Here is an example of a chain which performs multiple LEFT JOINS filters by a where condition and finally limits the query result to just rows const query await this userRepository createQueryBuilder user leftJoinAndSelect user posts posts leftJoinAndSelect user comments comments where user age gt minAge minAge limit getMany Neat Now lets say I want to add another filter on this query to ensure that the user age is also under years old Naturally if I were to follow the chain pattern offered by the library I might do the following const query await this userRepository createQueryBuilder user leftJoinAndSelect user posts posts leftJoinAndSelect user comments comments where user age gt minAge minAge where user age lt maxAge maxAge limit getMany TypeORM successfully executes the above and doesn t give any compile time runtime warnings at all But this piece of code will not filter out records correctly What s the problem Adding multiple where clauses to a query doesn t make sure all of them are satisfied Rather TypeORM only picks the last where in the chain and uses that as the sole filter for the query In other words successive where clauses just override previous clauses instead of adding new conditions Thus the above code snippet will just return users whose age is less than i e The condition user gt won t be enforced This is vague as the library doesn t complain with this usage and can sometimes blindside developers If a developer didn t test the above code on corner cases he she might unknowingly deploy this on production and may discover the edge case only much later when the bug is reported How do you fix this The correct usage is to use andWhere or orWhere depending on if you want to concatenate multiple conditions using AND or OR For example the above code snippet can be correct to const query await this userRepository createQueryBuilder user leftJoinAndSelect user posts posts leftJoinAndSelect user comments comments where user age gt minAge minAge andWhere user age lt maxAge maxAge limit getMany You can also use the Brackets function to create more complicated queries Say I wanted to check if the user falls in either of two age ranges lt age lt OR lt age lt I could do the following const query await this userRepository createQueryBuilder user leftJoinAndSelect user posts posts leftJoinAndSelect user comments comments where new Brackets qb gt qb where user age gt minAge minAge andWhere user age lt maxAge maxAge orWhere new Brackets qb gt qb where user age gt minAge minAge andWhere user age lt maxAge maxAge limit getMany Note that here it was completely safe to use multiple where clauses as the other usages actually operate on a seperate QueryBuilder instance and not the parent one The basic rule to follow is to avoid multiple where method calls on the same QueryBuilder instance	2022-01-22 19:15:01
海外TECH	DEV Community	Ruby on Rails event invitation add to calendar using icalendar gem	https://dev.to/codesalley/ruby-on-rails-event-invitation-add-to-calendar-using-icalendar-gem-42jf	Ruby on Rails event invitation add to calendar using icalendar gemIn rails sending an event invitation is simple But getting an invite recognized by Gmail for easy add to calendar feature is tricky After experimenting with it for a while this simple config does the trick require icalendar tzinfo class EventMailer lt ApplicationMailer def send invitation user event initialize a new icalendar class ical Icalendar Calendar new Define default time time zone UTC cal tz TZInfo Timezone get time zone add timezone to icalendar ical add timezone cal tz new icalendar event event Icalendar Event new event start date event dtstart Icalendar Values DateTime new event start time tzid gt cal tz event end date event dtend Icalendar Values DateTime new event end time tzid gt cal tz event organizer event organizer Icalendar Values CalAddress new mailto user email event created date event created DateTime now event location event location event venue if there s an external link e g google meet event uid event url event meeting link event title event summary event title event description event description event description attach the configured event to icalendar class ical add event event protocol ical append custom property METHOD REQUEST this add s an attachment name event ics when clicked the event gets added to the calendar mail attachments event ics mime type application ics content ical to ical send mail mail to user email subject event title event summary endendenjoy	2022-01-22 19:13:17
海外TECH	DEV Community	Some Best Practices of Javascript for clean and better code quality...	https://dev.to/_vinay_dagar/some-best-practices-of-javascript-for-clean-and-better-code-quality-2cd3	Some Best Practices of Javascript for clean and better code quality JavaScript is a very popular and widely used programming language Initially it was developed only as a scripting language but now it is doing way more than that It s community is growing so is the Javascript As the new features is being added frequenty it is hard to write optimized and clean code mostly happens when you are a beginner Today I m going to show you some of the best practice that you can follow to write optimized and clean code So with out any further due let s get startedChain array methodsYes you read it correct the thing that we use more often is Array Prototype methods like map filter find reducebasic scenario will be mapping through the filtered list instead of storing the filter result in a varibale and then mapping on we can directly chain the methods const userList name Jhon Doe age occupation Software Engineer name Kapil age occupation Student name Matt age occupation Software Architect const mappedUsers userList filter user gt user age gt map user gt isVerified true user reduce Logical assignmentThere might be hte scenario where we need to assign something when any given variable is null or undefined normal way using if would be like this let userProfile let value name someValue if userProfile null userProfile undefined userProfile value ORif userProfile userProfile value we can simply do assign using logical or nullish collision operator like this userProfile value ORuserProfile amp amp value Parallel API callsWhile building any Application mostly in frontend sometimes we might need to call several API simultaneously if the APIs are not dependent on each other we can send a paraller request using Promise in Javascriptconst getData async gt try const first await fetch const second await fetch const third await fetch const fourth await fetch catch err Instead of this we can send the parllel call const getData async gt try const first second thrird fourth await Promise all fetch fetch fetch fetch catch err we can also use Promise allSettled instead of Promise all based Using Objects instead of Switch for event bindingIn most of the applications that we develop there are some scenario where we need to handle events and mostly we do that using switch statement or if else const handleEvent event gt switch event case success handleSuccess case error handle error case pending handle pending default handle default instead of doing this we can simply create the object with event as key and function as its value something like this const eventHandler success handleSuccess error handleError pending handlePending const handleEvent event gt eventHandler event here we need to use bracket notation to call the appropriate functions out of object Doing one thing in a functionSo the basic behaviour of a function is to perform a particular task and whatever we write in it will be executed making a single function perform every thing will make the code hard to read lenghty and hard to debug Dividing the single functionality inside a function and calling the rest one after or inside the other fucntion will help for better understanding of code and make our code easy to debugthe best scenario for this will be user registerationconst signupUser gt checking for existing user password encryption creting new user so doing all of this stuff in one function make it more clumsy what we can do instead isconst signupUser gt const isUserAlreayExist checkExistingUser username handle if user already Exist const hashedPAssword encryptPAssword salt password createUserAndReturn user data Using console trace To check some result and or sometime to debug small things we use console log right which just give us the message that we wrote but some times in bigger applications we can have log statements and keeping track of the log statement which log represents which part might get a little hard so to prevent that we can use console trace The trace method displays a trace that show how the code ended up at a certain point It returns some additional information apart from the message that we wrote the information includes from where this statement has been logged from which function and line number Using Logpoint in vscodeWhile debugging the application we add breakpoints to stop the execution of the program at a certain point but sometime we just wnat to see if the particular code got executed or not for for that we can add Logpointthe result will show the output in the console as it has been logged while going through that point in this way we don t event have to worry about the console statements in production We can add the logpoint by right clicking the line number in the vscode Some honourable mentionsUse async await instead of promise callback chainUse Typescript for larger applications Use comments in the code where ever necessary Use destructing instead of chaining object or using indexe in arrayUse less third part library only use when necessary Read ConclusionThese are some of the best practices that I follow to make my code clean neat readable and easy to debug The key for clean code is an ongoing journey as the Javascript is contionusly evolving language I hope this might help you in your coding journey Happy coding	2022-01-22 19:01:49
Apple	AppleInsider - Frontpage News	Deal: Lifetime Microsoft Office Home & Business for Mac license dips to $49.99	https://appleinsider.com/articles/22/01/19/deal-lifetime-microsoft-office-home-business-for-mac-license-dips-to-4999?utm_medium=rss	Deal Lifetime Microsoft Office Home amp Business for Mac license dips to Bargain hunters looking for a cheap Microsoft Office license to run on one Mac can gain lifetime access to the Home Business collection of tools for just Microsoft Office for Mac dealThe Office special is off the retail price delivering access to Microsoft Office Home and Business on one Mac computer It s a cost effective way to run six Microsoft Office programs including Outlook Word and Excel in a home or business setting Read more	2022-01-22 19:22:48
海外TECH	Engadget	Apple pulls verification requirement for US education shoppers	https://www.engadget.com/apple-removes-unidays-verification-us-education-store-191748103.html?src=rss	Apple pulls verification requirement for US education shoppersEarlier this week Apple began requiring that students and teachers in the US verify their identity through authentication service UNiDAYS before they could take advantage of the company s discounted education pricing The move closed a long standing loophole that had allowed almost anyone to save money on an Apple device as long as they weren t caught in a random check However mere days after implementing that requirement Apple has just as quickly removed it Per MacRumors you can once again buy discounted Macs iPads and other Apple products from the company s US education website without the need to verify that you re currently a student or a teacher The outlet suggests the company may have made the change after some educators and school staff members complained they couldn t verify their status through UNiDAYS properly and therefore couldn t obtain a discount on a product they wanted to buy It s unclear if Apple plans to reimplement the requirement once it sorts out any potential issues with the system For years Apple has used UNiDAYS in many other countries including the UK to ensure only those who qualify for its education discounts can get them We ve reached out to the company for comment and more information	2022-01-22 19:17:48
ニュース	BBC News - Home	Call to delay compulsory Covid vaccines for NHS staff	https://www.bbc.co.uk/news/uk-60096735?at_medium=RSS&at_campaign=KARANGA	college	2022-01-22 19:15:36
ニュース	BBC News - Home	Southampton end Man City's 12-match winning run	https://www.bbc.co.uk/sport/football/60005892?at_medium=RSS&at_campaign=KARANGA	league	2022-01-22 19:40:04
ニュース	BBC News - Home	'We're not dead and buried' - Howe says Newcastle win at Leeds can 'transform our season'	https://www.bbc.co.uk/sport/football/60005895?at_medium=RSS&at_campaign=KARANGA	x We x re not dead and buried x Howe says Newcastle win at Leeds can x transform our season x Newcastle earn a massive victory at Leeds in their fight to avoid relegation thanks to Jonjo Shelvey s free kick	2022-01-22 19:11:00
ニュース	BBC News - Home	Fourth-tier Kelty stun Scottish Cup holders St Johnstone	https://www.bbc.co.uk/sport/football/60005931?at_medium=RSS&at_campaign=KARANGA	hearts	2022-01-22 19:51:19
ビジネス	ダイヤモンド・オンライン - 新着記事	オミクロン株感染に備えよ！自宅療養に「これだけは必要なもの」 - 岡田晴恵の「ウイルスとの闘い」	https://diamond.jp/articles/-/293821	岡田晴恵	2022-01-23 04:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	経営の神様・稲盛和夫は「超厳しい鍋奉行」だった！秘伝のレシピも - 「超一流」の流儀	https://diamond.jp/articles/-/294003	稲盛和夫	2022-01-23 04:47:00
ビジネス	ダイヤモンド・オンライン - 新着記事	全107銀行「本業収益力」ランキング！首位は5000億円超、最下位地銀は2億円の大格差［見逃し配信］ - 見逃し配信	https://diamond.jp/articles/-/294066	首位	2022-01-23 04:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	若者でも基礎疾患があるとコロナ感染後、重症化・入院するリスクが高い？ - ヘルスデーニュース	https://diamond.jp/articles/-/293563	covid	2022-01-23 04:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ハンガリーで温泉巡り＆ワインと美食も大満喫！【海外旅行に想いを馳せる】 - 地球の歩き方ニュース＆レポート	https://diamond.jp/articles/-/293557	ハンガリーで温泉巡りワインと美食も大満喫【海外旅行に想いを馳せる】地球の歩き方ニュースレポートヨーロッパ屈指の温泉文化を誇る国ハンガリー。	2022-01-23 04:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	美容院で「キムタクにしてください」から25年…伊藤理佐「なぜ私は好きな男性の髪形にしたがるのか？」 - from AERAdot.	https://diamond.jp/articles/-/293544	美容院で「キムタクにしてください」から年…伊藤理佐「なぜ私は好きな男性の髪形にしたがるのか」fromAERAdotすっかりアラフィフが板についた人気漫画家・伊藤理佐さんが、夫で漫画家の吉田戦車さんと娘、猫匹との爆笑生活を綴った「ステキな奥さん」シリーズ第弾『ステキな奥さんぬははっ』が発売されました。	2022-01-23 04:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	新日本酒紀行「金婚 江戸酒王子」 - 新日本酒紀行	https://diamond.jp/articles/-/293150	江戸名所図会	2022-01-23 04:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	スポーツ界でもメンタルヘルスは重要、アスリート自ら声を上げる時代に - 男のオフビジネス	https://diamond.jp/articles/-/293553	スポーツ界でもメンタルヘルスは重要、アスリート自ら声を上げる時代に男のオフビジネス直近の例で言えば東京夏季オリンピックにて、体操界のスーパースターであるシモーネ・バイルズが精神的ストレスを理由に競技を途中棄権したことが記憶に新しいでしょう。	2022-01-23 04:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「平社員でもリーダーシップがある人」と「管理職なのにリーダーシップがない人」の根本的な違い - 優れたリーダーはみな小心者である。	https://diamond.jp/articles/-/292468	違い	2022-01-23 04:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ひろゆきが呆れる「休むことに罪悪感を持つ人の特徴」ワースト1 - 1％の努力	https://diamond.jp/articles/-/293765	youtube	2022-01-23 04:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	けいゆう先生が「子は親に似る」という事実を物理的・化学的に説明してみた。 - すばらしい人体	https://diamond.jp/articles/-/293791	けいゆう先生が「子は親に似る」という事実を物理的・化学的に説明してみた。	2022-01-23 04:05:00
ビジネス	東洋経済オンライン	｢昔話｣が教えてくれる｢欲を捨て人生を開く方法｣ 自分の半径3メートルの世界が明るくなる秘訣 | 買わない生活 | 東洋経済オンライン	https://toyokeizai.net/articles/-/504744?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2022-01-23 04:30:00