投稿時間:2022-05-26 18:38:12 RSSフィード2022-05-26 18:00 分まとめ(34件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
ROBOT	ロボスタ	金沢城を舞台にした「5Gドローンショー」開催　特設サイトでライブ配信 梅針紋や金箔などを映し出す	https://robotstart.info/2022/05/26/5g-drone-show-kanazawa.html	金沢城を舞台にした「Gドローンショー」開催特設サイトでライブ配信梅針紋や金箔などを映し出すシェアツイートはてブ株式会社ドローンショーは金沢市のG技術市民生活応用試行事業として実施される「Gドローンショー」のドローンショー演出を担当することを発表した。	2022-05-26 08:50:19
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 「PayPayドーム」がメタバース化　「ジェット風船」飛ばしや投球のリアルタイム解析も	https://www.itmedia.co.jp/business/articles/2205/26/news183.html	itmedia	2022-05-26 17:48:00
IT	ITmedia 総合記事一覧	[ITmedia News] 月桂冠がランサムウェア被害に　関係者の個人情報など約2.77万件が流出した可能性も	https://www.itmedia.co.jp/news/articles/2205/26/news174.html	itmedia	2022-05-26 17:15:00
IT	ITmedia 総合記事一覧	[ITmedia Mobile] NTTドコモが新しい「ひかりTV」を7月1日から提供　利用料金に対して「dポイント」を付与	https://www.itmedia.co.jp/mobile/articles/2205/26/news176.html	ITmediaMobileNTTドコモが新しい「ひかりTV」を月日から提供利用料金に対して「dポイント」を付与NTTドコモとNTTぷららが合併することに伴い、ひかりTVの提供主体が月日からNTTドコモに変更される。	2022-05-26 17:15:00
AWS	AWS Japan Blog	AWS DataSync の新機能 – AWS と他のパブリックロケーション間でデータを移動する	https://aws.amazon.com/jp/blogs/news/new-for-aws-datasync-move-data-between-aws-and-google-cloud-storage-or-aws-and-microsoft-azure-files/	AWSDataSyncの新機能AWSと他のパブリックロケーション間でデータを移動するAWSStorageサービスとの間でのデータ移動は、AWSDataSyncで自動化および高速化できます。	2022-05-26 08:14:19
AWS	AWS - Japan	Summit サーキットが日本で復活 ! -AWS DeepRacer League	https://www.youtube.com/watch?v=bnzP5DV_Ks8	年は実機を使ったレース「Summitサーキット」が復活します。	2022-05-26 08:20:36
js	JavaScriptタグが付けられた新着投稿 - Qiita	改行を含む文字列で改行されなくて詰みまくった話	https://qiita.com/T_Kumamoto/items/153ab53eb4da5d11c660	ltinputgt	2022-05-26 17:55:43
js	JavaScriptタグが付けられた新着投稿 - Qiita	【JavaScript】現在の日付時刻をyy-mm-dd-hh-mm の形で返す関数	https://qiita.com/_kuralie_/items/b883b32cec37d29c756c	tconstydtgetfullyearslice	2022-05-26 17:41:42
AWS	AWSタグが付けられた新着投稿 - Qiita	Elastic BeanstalkのAL2環境内でbundle exec rails c (rails console) する方法	https://qiita.com/edg_aim/items/3f81efe9ee98c417df73	dleexecrailscamazonlinux	2022-05-26 17:04:55
Git	Gitタグが付けられた新着投稿 - Qiita	Windows環境のGitのcore.autocrlfはtrueが基本	https://qiita.com/jun1s/items/739a01f381085b68f170	coreautocrlf	2022-05-26 17:24:40
Ruby	Railsタグが付けられた新着投稿 - Qiita	Elastic BeanstalkのAL2環境内でbundle exec rails c (rails console) する方法	https://qiita.com/edg_aim/items/3f81efe9ee98c417df73	dleexecrailscamazonlinux	2022-05-26 17:04:55
海外TECH	DEV Community	What is the importance of API security for businesses today?	https://dev.to/noablst/what-is-the-importance-of-api-security-for-businesses-today-4oap	What is the importance of API security for businesses today Hi everyone Before I go and explain why API security is important for businesses world wide I want to let you know that we at BLST Security launched our SaaS solution and were excited about it You can also sign up for a free account and easily start securing your API today API security becomes increasingly important as APIs are increasingly used to connect applications and data APIs can be secured in several different ways such as authentication authorization encryption and rate limiting Businesses should secure APIs to protect sensitive data and APIs should be used by consumers with awareness of risks Since APIs are increasingly being used to connect applications and data API security is crucial for businesses today APIs are also being used more and more to expose data and functionality to third parties It is very important then that APIs are safe and that unauthorized users can t get to the data and functions they expose APIs can be secured in a number of ways including using authentication and authorization ensuring that data is encrypted and implementing rate limiting In addition to authentication and authorization encryption can protect data from being accessed by unauthorized users Rate limiting can also help stop DoS attacks and keep APIs from getting too busy API security is important for both businesses and consumers APIs can be used to access sensitive data including financial and health information If an API is not properly protected this information could be accessed by people who shouldn t be able to and used for identity theft or fraud API security is an important issue for both businesses and consumers Businesses should properly secure APIs and API users should be aware of the risks associated with using APIs Due to the ability for APIs to access sensitive data API security is essential for businesses If an API is not properly secured unauthorized users could access this data and use it for identity theft or fraud Consumers should be aware of the risks of API usage Before we end you should check out our open source API security tool designed by developers for developers In conclusion secure your API today and start it early in the SDLC pipeline where it s easier and more cost effective to mitigate any missing validation and avoid these crucial bugs hitting production Thank you for reading	2022-05-26 08:26:14
海外TECH	DEV Community	Drawing with CSS: Anime Character	https://dev.to/alvaromontoro/drawing-with-css-anime-character-12p5	Drawing with CSS Anime CharacterDrawing in CSS is relaxing at least for me and an excellent way to practice CSS Sometimes it s helpful to try new features that cannot always make it into production because not all browsers may support them In this article I will explain how I drew the manga anime drawing from the image above using HTML and CSS and dive into the creative process getting into some detail about why I made some of the decisions and their pros and cons At the end of the article you will find a video with the whole process The DrawingThe drawing started from scratch No HTML No CSS Just a blank page Initially I didn t know what I would draw at all But I had volume of the manga Pluto next to me so I decided to code something manga related getting some inspiration from the cover e g for the nose and the mouth I like the result but I m biased Here is a live demo of the drawing you can see the full version on CodePen Let s see how different parts of the image came to life CanvasDon t worry There s no place for lt canvas gt in CSS art I like setting the root element of the drawing as a canvas and adding a grid at the beginning canvas width vmin so it s responsive aspect ratio so it s a square background repeating linear gradient repeating linear gradient deg This code generates a background with a x grid Each square is and knowing that helps me place the items later count the number of squares and multiply by to calculate the percentage needed in top left width or height Head FaceThe face breaks into three parts the forehead left and right sides For them I used a single element forehead and then the  before left and  after right pseudo elements for the sides I could have just done an egg shape which is super easy to do in CSS with border radius and different values for horizontal and vertical egg shape width vmin height vmin border radius background red Instead I overcomplicated things a little However having three elements allowed for sharper edges e g the chin and I wanted to try this approach as I always go the egg shape route The result looks nice but it might not have been worth it On the other hand having different elements permitted some extra customization like adding transform or inset shadows that would have been more complicated if it was only one element So not everything is bad MouthThe mouth is not a simple line It is also conformed of three parts to give some texture so it s not just a flat thing In this case I did it by playing with the border widths but I could have done it with clip paths it would have been a pain later with the pseudo elements or linear gradients it would have been a pain later with the shadows Browsers may display slightly differently but it is a price I ll pay The object is later used to provide some lip shadow with box shadow one on top and another on the side EarsBoth ears are the same The trick to quickly flipping an element horizontally is to apply a transform of scaleX and voilà It s done ear code to draw the ear border radius backgrounds select the second ear and flip it ear ear transform scaleX Once that s done to make them look slightly different I rotated the second one at a slightly different angle and also pushed it a little bit farther from the other side Combined with the various elements from both sides that gives the impression of having two different ears EyesDrawing eyes is always tricky They make or break the drawing and the balance between one and the other is subtle The eyes on this drawing are far from perfect but they are Ok Each eye is two elements a div for the eye in itself and one pseudo class for the pupil and iris The eye will have an overflow hidden so the pseudo element doesn t extend beyond its scope The pupil and the iris are radial gradients with more radial gradients for the light reflections and box shadows to trace small lines on each eye side However after duplicating the eye and flipping the second one there s something different left to do to avoid having an unwanted symmetry that looks weird light reflections coming from different directions the pseudo element of the second eye needs to be flipped too eye eye styles eye eye transform scaleX flip the eye eye eye before transform scaleX flip the iris in the second eye NeckThe neck element is just going to be a container for its  before and  after pseudo elements which will be the sides of the neck Using box shadow the elements shadow will be the colors of the neck and it will provide some shadow Using transform to rotate and skew the shapes will be softer and look more like a cartoon neck than if I just had a rounded corner HairThe hair consists of eight times the same element with slight variations in position and size but sometimes also in the background I initially used borders and box shadows to draw the bangs but that was a problem when trying to make them look different plus it looks terrible in browsers other than Chrome Another problem with this approach is that the top part of the hair bangs has an undesired black line on Chrome it has some trouble at times with things like that So I opted for box shadows and gradients to draw the hair bangs width height border radius to draw the external border box shadow inset vmin vmin the hair and internal border background radial gradient at var hair dark var hair Flipping the hair remember the trick of scaleX and rotating it makes it look different enough to be reusable…and that s what I did Face LinesThere are multiple lines in the drawing eyebrow nose chin etc The simple way would be to have an element for each line or group of lines but the drawing will end up with many parts Instead I opted for reducing the number of lines to a minimum and to shapes that can be replicated with background images gradients Then with a single element that covers the whole face I added those lines one by one as radial gradient or linear gradient AccessibilityCSS art is not very accessible in general but that doesn t mean that it doesn t have to be accessible By adding a role of image and an aria label with a description of the drawing the drawing will be more accessible for assistive technology users lt article role img aria label gt lt article gt I opted for using an lt article gt because it is a self contained element Ideally instead of using aria label I should have used aria labelledby and placed an lt h gt or lt h gt with the title description In this other article I explain ways of making CSS art more accessible for everybody Live Coding VideoThe whole process took around three hours I sped the video by so there s a hours video showing how it is done step by step If that s too long or too slow there is also an x speed video that only lasts around minutes  If you like these videos or CSS art check my Youtube channel I publish videos about CSS and live coding of CSS art	2022-05-26 08:22:56
海外TECH	DEV Community	Grouping and aggregating your data like a pro 🚀	https://dev.to/get_infinite/grouping-and-aggregating-your-data-like-a-pro-3eoc	Grouping and aggregating your data like a pro In most modern apps you need to be able to visualise your data in multiple different ways One useful approach to seeing data is by grouping it What is the average salary by country How many sales did we have this year What was the biggest sale we had last quarter All are common questions that can be easily answered by grouping and aggregating data Infinite Table can help you group your data easily both locally and with a remote data source Let s suppose your app is a developer marketplace and you have a list of developers defined by this TypeScript type type Developer id number firstName string lastName string country string city string currency string preferredLanguage string stack string canDesign yes no hobby string salary number age number let s define a function to load the data source from the serverconst dataSource gt return fetch json server developersk sql then r gt r json then data Developer gt data Ok so let s define our DataSource component to use the data function above we ll use the id property as the primary key import DataSource from infinite table infinite react lt DataSource lt Developer gt data dataSource primaryKey id gt But wait we need to actually render the table inside the DataSource const columns InfiniteTablePropColumns lt Developer gt firstName field firstName preferredLanguage field preferredLanguage salary field salary country field country lt DataSource lt Developer gt data dataSource primaryKey id gt lt InfiniteTable lt Developer gt columns columns gt lt DataSource gt Let s visualise what we have to this pointNow let s add the interesting part the grouping Grouping is a prop of the DataSourceconst groupBy field country lt DataSource groupBy groupBy gt This would indeed group all the data but in addition to that we want to have some aggregation let s find out the average salary by country For this we ll use aggregation reducers defined as an object with multiple keys on the DataSource If you re familiar with Array reduce those should sound familiar the job of those aggregation reducers is to well reduce the whole datasource to a single value also the groups inside the datasource to single values function sum a number b number return a b const aggregations avgSalary field salary initialValue reducer sum done total arr gt Math floor arr length total arr length as DataSourcePropAggregationReducers lt Developer gt In the above snippet we re saying we have an aggregation with the id of avgSalary that s computed based on the salary field The initial value of the aggregation is and the reducer function is the sum function We also have a last step described by the done function which does some post processing computing the average Also because the country column is grouped by we ll remove it from the list of columns that we want to show We re almost there so hang on we ll only add more thing let s try to format the salary column a bit better We can use the valueFormatter property for the salary column and we want to format the numbers by using Intl NumberFormat Also for group rows we want the value to have Avg prepended while non group rows will remain untouched const numberFormatter new Intl NumberFormat the salary column field salary valueFormatter value rowInfo gt value numberFormatter format value return rowInfo isGroupRow Avg value value We finally got to the end that was quite a ride so thank you for following along For more in depth documentation see Infinite Table grouping page Follow us along our infinite journey pun intended as in the next posts we ll be exploring more ways to group data strategies for grouping remote integration pivoting and more to make visualising data easier than never Oh and by the way check out Multiple sorting for your React project if you haven t already	2022-05-26 08:12:21
海外TECH	DEV Community	PHP COOKIE 🍪 PACKAGE	https://dev.to/carleii_dev/php-cookie-package-2964	PHP COOKIE PACKAGEI just made a simply package to handle Cookie in PHP Look at Twitter please	2022-05-26 08:02:43
海外TECH	Engadget	Apple is raising the pay of its corporate and retail staff	https://www.engadget.com/apple-raising-pay-corporate-retail-082923570.html?src=rss	Apple is raising the pay of its corporate and retail staffApple will start paying its corporate and retail employees more likely in hopes that they won t leave the company to find better prospects According to CNBC and The Financial Times the company will also raise its starting wage for new employees to an hour up from Further it will start giving some annual increases in salary starting in July instead of in the autumn The tech giant didn t discuss specific details on how it will change its compensation structure but it told the publications quot Supporting and retaining the best team members in the world enables us to deliver the best most innovative products and services for our customers This year as part of our annual performance review process we re increasing our overall compensation budget quot A previous Bloomberg report said Apple is paying its sales staff Genius Bar support personnel and senior hourly workers by as much as percent more though it s unclear if this is the same pay hike Retail employees in various Apple Store locations started planning to form unions earlier this year in their quest for better pay and benefits Inflation in the US has reached in March forcing people to look for better compensation as the cost of goods in the country reach new heights nbsp At the same time labor shortages caused by the pandemic have bolstered workers confidence in challenging their employers and solidified plans to unionize across industries While the company is raising employee compensation it has also been accused of union busting by retail workers A leaked video even showed Deirdre O Brien its VP of people and retail trying to dissuade the company s employees from joining a union nbsp Apple isn t the only tech giant trying to hold on to its workforce and to prevent them from unionizing by increasing their salaries Amazon more than doubled its base pay cap for corporate and tech employees Google revamped its annual review process so that it results in increased salaries and Microsoft promised its people that pay increases are on the way	2022-05-26 08:29:23
海外TECH	CodeProject Latest Articles	Easy to learn .NET 6.0 and Angular - Getting Started Angular Template - Part1	https://www.codeproject.com/Articles/5333497/Easy-to-learn-NET-6-0-and-Angular-Getting-Started	Easy to learn NET and Angular Getting Started Angular Template PartIn this article we will see in detail on how to getting started with the NET and Angular using the Angular Template which is available in Visual Studio	2022-05-26 08:23:00
医療系	医療介護 CBnews	マイナ保険証対応病院、地域差41ポイント-都道府県単位でてこ入れへ	https://www.cbnews.jp/news/entry/20220526174948	医療機関	2022-05-26 18:00:00
ニュース	BBC News - Home	Energy bills to be cut by hundreds as part of £10bn support package	https://www.bbc.co.uk/news/business-61584546?at_medium=RSS&at_campaign=KARANGA	firms	2022-05-26 08:26:48
ニュース	BBC News - Home	Texas shooting: Police urged to enter deadly school attack, witnesses say	https://www.bbc.co.uk/news/world-us-canada-61588274?at_medium=RSS&at_campaign=KARANGA	officials	2022-05-26 08:56:07
ニュース	BBC News - Home	Energy prices: What is a windfall tax and how would it work?	https://www.bbc.co.uk/news/business-60295177?at_medium=RSS&at_campaign=KARANGA	companies	2022-05-26 08:05:44
ビジネス	不景気.com	メディア工房が子会社「ブルークエスト」を解散、事業撤退で - 不景気com	https://www.fukeiki.com/2022/05/media-kobo-liquidate-blue-quest.html	事業撤退	2022-05-26 08:51:09
ビジネス	不景気.com	ハイアス・アンド・カンパニーを監理銘柄（審査中）に指定 - 不景気com	https://www.fukeiki.com/2022/05/hyas-co-caution5.html	東京証券取引所	2022-05-26 08:36:12
北海道	北海道新聞	北海道内１９５０人感染　２日ぶり２千人下回る　新型コロナ	https://www.hokkaido-np.co.jp/article/685732/	北海道内	2022-05-26 17:38:02
北海道	北海道新聞	２７日の予告先発　日本ハムは上沢	https://www.hokkaido-np.co.jp/article/685781/	予告先発	2022-05-26 17:31:00
北海道	北海道新聞	東京で３３９１人感染　コロナ、１０人死亡	https://www.hokkaido-np.co.jp/article/685782/	新型コロナウイルス	2022-05-26 17:31:00
北海道	北海道新聞	訪日観光、６月解禁へ調整　２年ぶり、ツアー客から	https://www.hokkaido-np.co.jp/article/685779/	受け入れ	2022-05-26 17:28:00
北海道	北海道新聞	藤沢５点ショット　ロコ５勝目、１敗守る　カーリング日本選手権	https://www.hokkaido-np.co.jp/article/685760/	日本選手権	2022-05-26 17:16:40
IT	週刊アスキー	DMM GAMES、「グリザイア 戦場のバルカローレ」がメインクエスト5章公開&登録者数30万人突破キャンペーンなどを開催	https://weekly.ascii.jp/elem/000/004/092/4092702/	dmmgames	2022-05-26 17:45:00
IT	週刊アスキー	純度の高いナッツ感が魅力！　ジェラートの老舗「ヴェンキ」から夏の新作ヘーゼルナッツ＆ピスタチオが登場	https://weekly.ascii.jp/elem/000/004/092/4092713/	venchi	2022-05-26 17:40:00
IT	週刊アスキー	ぜひとも欲しい小田急百貨店の社紋入りのどら焼き！　小田急百貨店6月1日限定「創業記念日 お買い上げプレゼント」	https://weekly.ascii.jp/elem/000/004/092/4092708/	小田急百貨店	2022-05-26 17:30:00
IT	週刊アスキー	3：2の実用薄型14インチノートPC「HUAWEI MateBook 14 2022」にRyzen 5モデルが追加	https://weekly.ascii.jp/elem/000/004/092/4092711/	huaweimatebook	2022-05-26 17:20:00
マーケティング	AdverTimes	富士通グループが取り組む販促コンペを活用したクリエイティブ思考の実践	https://www.advertimes.com/20220526/article385135/	加藤正義	2022-05-26 08:35:42
マーケティング	AdverTimes	「日本のグラフィックデザイン2022」東京ミッドタウンで6月30日から開催	https://www.advertimes.com/20220526/article384834/	東京ミッドタウン	2022-05-26 08:06:36