投稿時間:2021-09-21 21:38:03 RSSフィード2021-09-21 21:00 分まとめ(39件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	auとUQ mobileが「YouTube Premium」の無料期間を6か月間に拡大	https://japanese.engadget.com/you-tube-premium-113316391.html	mobile	2021-09-21 11:33:16
IT	ITmedia 総合記事一覧	[ITmedia News] Chatworkのアクセス障害、原因は「AWSの異常」	https://www.itmedia.co.jp/news/articles/2109/21/news155.html	amazonwebservicesaws	2021-09-21 20:44:00
AWS	AWS Japan Blog	AWS WAF で AWS サービスの IP レンジを自動更新する方法	https://aws.amazon.com/jp/blogs/news/automatically-update-aws-waf-ip-sets-with-aws-ip-ranges/	AWSWAFでAWSサービスのIPレンジを自動更新する方法注このブログでは、AWSサービスのIPレンジの情報からAWSWAFIPセットを自動的にアップデートする方法を説明しています。	2021-09-21 11:35:43
python	Pythonタグが付けられた新着投稿 - Qiita	LeetCode389[Find the Difference]-Pythonで実現	https://qiita.com/ugowutei0211/items/da569d5941e020455aff	続いて、配列tの最初の要素はbで、countをにします。	2021-09-21 20:01:15
js	JavaScriptタグが付けられた新着投稿 - Qiita	コールバック関数について、mapメソッドとsetInterval関数を使って考えた。	https://qiita.com/aliceroot0678/items/4caf4e24bcdf12f4fcc0	setInterval関数って何組み込み関数なにも定義しなくてもいきなり使える関数のことの一つ。	2021-09-21 20:43:49
js	JavaScriptタグが付けられた新着投稿 - Qiita	PLATEAU（3D都市モデル）のデータをdeck.glで表示してみました	https://qiita.com/syanseto/items/f3ae4096c08ef4ccbccc	deckglの表示は、下記のブログの記事を参考にさせていただきました。	2021-09-21 20:42:52
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	BurpSuiteの罠HTML作成時に不要なイコールが生成される。	https://teratail.com/questions/360660?rss=all	BurpSuiteの罠HTML作成時に不要なイコールが生成される。	2021-09-21 21:00:00
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	SwiftUIでアニメーションなしの遷移を行いたい	https://teratail.com/questions/360659?rss=all	SwiftUIでアニメーションなしの遷移を行いたいSwiftUIでUIKitのpresent遷移をアニメーションなしで行いたいと考えているのですがどうすれば良いのかわからず困っています。	2021-09-21 20:54:21
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Ruby 2次元配列　置換	https://teratail.com/questions/360658?rss=all	transpose	2021-09-21 20:47:35
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Power Automate Desktopの「新しい Chrome を起動する」アクションで、既存のタブへの切り替えが出来ない	https://teratail.com/questions/360657?rss=all	PowerAutomateDesktopの「新しいChromeを起動する」アクションで、既存のタブへの切り替えが出来ないPowernbspAutomatenbspDesktopnbspで、RPA開発をしています。	2021-09-21 20:42:05
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	solrが使用しているポート(8983)について	https://teratail.com/questions/360656?rss=all	centosnbsp	2021-09-21 20:32:06
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【BluePrism】Excel VBOのコードエラーの際のチェック箇所がわかりません	https://teratail.com/questions/360655?rss=all	【BluePrism】ExcelVBOのコードエラーの際のチェック箇所がわかりません前提・実現したいことExcelnbspVBOの「表データの取得」を行いたいです。	2021-09-21 20:20:58
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	手書き文字の判定　白黒反転？ python opencv	https://teratail.com/questions/360654?rss=all	手書き文字の判定白黒反転pythonopencv以下のホームページを読んでいたところ、下記のようなコードが書かれていました。	2021-09-21 20:18:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	FPSゲーム　Unity	https://teratail.com/questions/360653?rss=all	nbsprayhp	2021-09-21 20:16:40
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	djangoを用いてHTML上で簡単なpythonファイルを実行したい	https://teratail.com/questions/360652?rss=all	djangoを用いてHTML上で簡単なpythonファイルを実行したいdjangoでpythonファイルの実行をする方法についての質問です。	2021-09-21 20:14:51
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	firebaseから取得した情報をtableviewへ反映	https://teratail.com/questions/360651?rss=all	firebaseから取得した情報をtableviewへ反映firebaseにある情報ドキュメントをtableviewへ反映させたのですが、ここで問題があります。	2021-09-21 20:05:45
Ruby	Rubyタグが付けられた新着投稿 - Qiita	[ruby]約数を足し算する方法	https://qiita.com/mkato1013/items/38af84639977372cd6b4	内容の約数で、以下の約数を足す。	2021-09-21 20:25:23
Docker	dockerタグが付けられた新着投稿 - Qiita	Dockerの送信専用メールサーバー（DKIMに対応しました。）	https://qiita.com/takeyamajp/items/1ea5e2ff731154dd03b9	DKIMKEYLENGTHデフォルト鍵の長さbit数です。	2021-09-21 20:54:35
Ruby	Railsタグが付けられた新着投稿 - Qiita	[ruby]約数を足し算する方法	https://qiita.com/mkato1013/items/38af84639977372cd6b4	内容の約数で、以下の約数を足す。	2021-09-21 20:25:23
海外TECH	DEV Community	Profile Card challenge - frontendmentor.io	https://dev.to/lismaria/profile-card-challenge-frontendmentor-io-3d51	Profile Card challenge frontendmentor ioHello my Beautiful Friends on the Internet ‍ ️This is a solution to the Profile card component challenge on Frontend Mentor Frontend Mentor challenges help you improve your coding skills by building realistic projects This is a perfect challenge to test your layout skills The card layout doesn t shift so it s also great for those that haven t dived into responsive websites yet Table of contentsOverviewThe challengeScreenshotLinksMy processBuilt withWhat I learnedUseful resourcesCSS explanationVariablesBackgroundCardAnimationAuthor Overview The challengeThe challenge is to build out this profile card component and get it looking as close to the design as possible I am free to use any tools I like to complete the challenge Screenshot LinksSolution URL solution linkLive Site URL site link My process Built withSemantic HTML markupCSS custom propertiesCSS FlexboxCSS GridCSS Animations What I learned It s always a good idea to sketch Before starting off with the CSS I sketched the design pretty roughly using pen and paper Then I drew lines so as to get a better understanding of which layout algorithm might suit the best I came up with approaches There came a point where I literally got stuck with my first approach so I knew which part of the second approach is gonna help me now There are endless ways in which sketching the design will come handy You should definitely give it a go Heading levels should only increase by oneA heading level following an h element should be an h element not an h element Why this matters Well for sighted users the different font sizes distinguish the hierarchy for us The same is not helpful for screen readers The screen reader identifies a properly marked up header hence applying the h to h hierarchically makes it easier to navigate click here to know more Document should have one main landmarkIn HTML you should use elements like header nav main and footer Once added screen reader users can navigate to a section based on its ARIA landmark or HTML element click here to know more CSS naming convention exists BEM which stands for Block Element and Modifier is a CSS naming convention for writing cleaner and more readable CSS classes Though I might not have literally used this it s okay for the first time click here to know more Blocks are named as standard CSS classes block Elements declared with underscores after block block element Modifiers declared with dashes after block or element block modifier Block element and modifier together block element modifier Useful resourcesBackground Position One of the most challenging part was to place the circles in the background This post was life saver Couldn t recommend enough Pixel vs rem This is an amazing YouTube video from Coder Coder which helped me finally understand rem unit I d recommend it to anyone still learning this concept CSS Grid Tutorial amp CSS Flexbox Tutorial The Net Ninja is my go to channel for almost any web development related stuff CSS Variables Web Dev Simplified is another great channel He simplifies every concept and learning is so beginner level BEM Block Element Modifier I was unaware of this convention Tried for the first time CSS Animations Wanna start of with CSS animations Check this out If you have time follow this playlist CSS explanation VariablesAlso known as CSS Custom Properties or cascading variables contain specific values that are to be reused throughout the document Property name is begins with double hyphen and the property value can be any css valid value Eg main bg ccc We use the custom property by specifying the name inside var function instead of regular property value Eg background color var main bg It s a common best practice to define custom properties on the root pseudo class This enables us to apply it globally across the HTML doc root Primary cyanD hsl Dblue hsl Gblue hsl Neutral Dgray hsl font size rem px You must have notice I have set the font size to Well what this exactly means is of the default font size of the browser which is usually px This gives me px which makes it easier to convert pixel into rems Before rem px and now rem px BackgroundI have set the body dimensions to viewport width and height and overflow to hidden so that it hides of the stuff that don t fit in else a scrollbar might appear I have applied CSS grid on this element so as to center the card as this is its parent I have commented out the background image and position of the circles as I want them to animate in so substituted the values there The url of both the circles is comma separated and put in the value of background image property This will place both the circle as the background image Similarly for the background position I have put the two values which will respectively position the circles top vh right vw will place the top circle of viewport height from the bottom and place it of viewport width from the right top vh left vw will place the bottom circle from the top and from the left body animation s circles ease out forwards background var cyanD background image url images bg pattern top svg url images bg pattern bottom svg background position top vh right vw top vh left vw background repeat no repeat no repeat overflow hidden height vh display grid place items center position relative CardThe card has a background color white and a border radius of around px The dimension of the card is roughly x px It also has a box shadow I decided to use CSS Grid layout to position the child elements To start of I created rows of equal height grid template rows repeat fr card background color fff width max width rem height max height rem border radius px display grid grid template rows repeat fr box shadow px px px px rgba The blue background design extends from row to row grid row card bg grid row background url images bg pattern card svg border radius px px To position the profile picture I initially placed it at row grid row Then I did a margin top of rem which eventually aligned the picture vertically as I wanted Since img is an inline element I used text align center to align the picture horizontally centered To make the square picture circled I gave it a border radius of and colored the border white card img grid row margin top rem text align center card img img border rem solid white border radius The remaining rows are divided into parts primary pri and secondary sec The first section consists of the name age and place This is placed in row grid row and styled according to the design card pri grid row text align center position relative card pri section line height rem The second part consist of the rest of the details This is placed in row grid row Now I am using CSS Flexbox to position the contents in this row There are sections and I wanted them spaced out evenly hence i used justify content space evenly Now within each section I am again using flexbox to align items to the center vertically and horizontally card sec grid row display flex justify content space evenly border top px solid var Dgray card sec section display flex justify content center align items center flex direction column This part of the code was new to me In this code we are selecting every element that is child to card sec section and styling it card sec section line height rem AnimationComing to the animation part I wanted the circles to float into the page on load So at the start i e at the opacity will be which means that the circles wont be visible I have set the position of circles in such a way that they are out of the main screen At the end i e at the opacity will be and the circles will be clearly visible This time the circles are positioned at the desired location keyframes circles opacity background position top vh right vw top vh left vw opacity background image url images bg pattern top svg url images bg pattern bottom svg background position top vh right vw top vh left vw Each animation needs to be defined with the keyframes at rule which is then called with the animation property I have set the animation property on the body element I want the total duration of the animation to be s My animation name is circles The animation timing function is set to ease out This is used to set how you want the animation to progress Ease out will make the circles load quickly and then slows down the animation as it continues On setting the animation fill mode to forwards the circle will retain the computed values set by the last keyframe encountered during execution Here I have used the animation shorthand notation body animation s circles ease out forwards Author ‍ ️GitHub lismariaFrontend Mentor lismariaReach me out on LinkedIn H A P P Y C O D I N G‍‍	2021-09-21 11:03:58
Apple	AppleInsider - Frontpage News	Original iPad versus 2021 10.2-inch iPad - same philosophy, 11 years of refinement	https://appleinsider.com/articles/21/09/21/original-ipad-versus-2021-102-inch-ipad---same-philosophy-11-years-of-refinement?utm_medium=rss	Original iPad versus inch iPad same philosophy years of refinementApple has released the ninth generation of the original inch iPad Here s how much Steve Jobs would still recognize it ーand how much has changed since he unveiled the iPad in Credit AppleWe ve now got the iPad Pro range at the top the iPad Air in the middle and the iPad mini hovering somewhere between the two But right at the heart of Apple s iPad range is still the device that started it all Read more	2021-09-21 11:33:27
海外TECH	Engadget	The Morning After: China’s tech crackdown reaches TikTok	https://www.engadget.com/the-morning-after-chinas-tech-crackdown-reaches-tik-tok-111522293.html?src=rss	The Morning After China s tech crackdown reaches TikTokByteDance has announced that Douyin the version of TikTok for China will introduce new limits for minors under These minors will now be limited to just minutes of use per day and can t access the app at all between PM and AM ByteDance is also urging parents to add in more comprehensive user data to avoid kids lying about their age to get around the ban At the same time the company unveiled a new TikTok esque app called Xiao Qu Xing quot Little Fun Star quot which offers short educational videos This is another fairly dramatic move as part of China s broader crackdown on digital media and video games Officials have recently described gaming as “spiritual opium and limited kids playtime to just three hours a week Chinese leaders are reportedly concerned that children are becoming addicted to video games which is having a detrimental effect on their development The science behind video game addiction is controversial and disputed with research into the condition ongoing Either way the changes to Douyin aren t likely to be that wide ranging in isolation since it s thought that less than half a percent of users are under It s just the overall trend that s likely to be worth keeping an eye on especially if this anti game rhetoric spreads to other countries ーDan CooperIkea s new wireless charging pad mounts underneath your desk or tableNo more drilling or unsightly charging plates on your table desk or nightstand IKEAWhen I added an Ikea branded wireless charging plate to my Ikea nightstand I had to buy a custom Ikea hole saw to drill through into the top As it turned out Ikea furniture is sufficiently weak that I managed to scorch the wood and the paint with just the friction of the saw The charging plate was mercifully big enough to cover the burn marks so I never got any lectures about being bad at DIY I had however learned my lesson that drilling out a QI charger was not my forte Ikea seems to feel similarly and has now launched the new Sjömärke QI charger which is strong enough to charge a phone from the underside of your desk You can glue or screw the chunky unit to the underside of a suitable wooden or plastic table top Then all you have to do is drop your phone on the right spot and watch as about W of juice wafts into your phone Or at least you will when it arrives in October Continue Reading Sponsored by TechCrunch Disrupt Join us now for a free live virtual event you won t want to miss ZTE Axon review An invisible selfie camera comes at a costThat cost being…awful selfies Mat SmithZTE s Axon is one of those rare smartphones offering a pretty much invisible front facing camera The lack of notch punch hole or cut out means users can take full advantage of the s gorgeous inch x Hz AMOLED display But for there are a couple of teeny weeny compromises you ll have to accept including er lackluster selfies We won t spoil the rest of Mat Smith s review but suffice it to say his feelings on this handset are pretty complicated Continue Reading iOS is now availableYour iPad Watch and Apple TV will also get updated operating systems Cherlynn LowiOS and its device specific cousins have now arrived and are making their way to your tech as we speak Some of the biggest new features include upgraded FaceTime and Messages better notifications and a Google Lens esque Live Text function Some of the more notable features announced at WWDC haven t arrived just yet including SharePlay but those are expected to drop later in the year At the same time Apple showed off the full trailer for Finch the Tom Hanks fronted post apocalyptic movie about a man his dog and his robot trying to survive after the world ends I imagine it s a bit like if Cormac McCarthy had written Turner and Hooch after watching Short Circuit Continue Reading US officials can t decide if Honor smartphones are a national security threatUh oh HonorWhen Huawei went on the US entity list the Chinese giant was prevented from working with pretty much every tech company worth mentioning Huawei couldn t source chips from Intel or Qualcomm or get software help and Play Store access from Google Consequently Huawei spun out and sold off Honor its budget division for it to thrive free from the sanctions threatening its own future as a global brand Unfortunately those best laid plans may be undone by a quartet of federal agencies who are deciding if Honor should go on the same entity list Reports suggest that teams from the Pentagon and Department of Energy are in favor of addition while the Commerce and State Departments are against If this deadlock can t be solved however the decision could ultimately end up on Joe Biden s desk to sort out Continue Reading The biggest news stories you might have missedApple s iPhones could feature notch less designs but not in display Touch IDDoorDash expands alcohol deliveries to states and DCOnePlus flagship will share a unified Android system with OppoRoku s new Streaming Stick K gets Dolby Vision HDR and better Wi FiRoku OS adds better voice support Roku speaker configurations	2021-09-21 11:15:22
海外科学	NYT > Science	Taking the ‘Shame Part’ Out of Female Anatomy	https://www.nytimes.com/2021/09/21/science/pudendum-women-anatomy.html	questionable	2021-09-21 11:37:03
海外科学	NYT > Science	Highlights From the SpaceX Inspiration4 Astronauts’ Splashdown	https://www.nytimes.com/live/2021/09/18/science/spacex-inspiration4-splashdown/	astronauts	2021-09-21 11:33:42
医療系	医療介護 CBnews	かかりつけ医機能評価を再構築すべき、健保連が政策提言-かかりつけ医によるオンライン診療とリフィル処方実施も	https://www.cbnews.jp/news/entry/20210921193734	健康保険組合連合会	2021-09-21 20:05:00
海外ニュース	Japan Times latest articles	Japan eyes at least partly lifting of COVID-19 emergency at end of month	https://www.japantimes.co.jp/news/2021/09/21/national/japan-coronavirus-emergency-lifting/	Japan eyes at least partly lifting of COVID emergency at end of monthThe central government is leaning toward reducing or removing measures for prefectures including Tokyo at the end of the month as scheduled	2021-09-21 20:27:48
ニュース	BBC News - Home	Salisbury poisonings: Third man faces charges for Novichok attack	https://www.bbc.co.uk/news/uk-58635137?at_medium=RSS&at_campaign=KARANGA	commander	2021-09-21 11:27:28
ニュース	BBC News - Home	Russia behind Litvinenko murder, says court	https://www.bbc.co.uk/news/world-58637572?at_medium=RSS&at_campaign=KARANGA	london	2021-09-21 11:27:32
ニュース	BBC News - Home	Gas price crisis: Government poised to step in, says Kwarteng	https://www.bbc.co.uk/news/business-58634106?at_medium=RSS&at_campaign=KARANGA	providers	2021-09-21 11:40:31
ニュース	BBC News - Home	Afghanistan: MoD refers itself to Information Commissioner over data breach	https://www.bbc.co.uk/news/uk-58639463?at_medium=RSS&at_campaign=KARANGA	addresses	2021-09-21 11:29:59
ニュース	BBC News - Home	What if my energy supplier goes bust?	https://www.bbc.co.uk/news/business-58090533?at_medium=RSS&at_campaign=KARANGA	bills	2021-09-21 11:32:18
ニュース	BBC News - Home	Steve Cooper: Nottingham Forest appoint ex-Swansea City boss after agreeing compensation	https://www.bbc.co.uk/sport/football/58604822?at_medium=RSS&at_campaign=KARANGA	Steve Cooper Nottingham Forest appoint ex Swansea City boss after agreeing compensationNottingham Forest appoint Steve Cooper as head coach after they agree compensation with former club Swansea City	2021-09-21 11:03:57
ビジネス	ダイヤモンド・オンライン - 新着記事	日経平均株価は、中国｢恒大集団｣の経営危機で急落も “押し目買い”の好機！ 25日移動平均線を下回らない限 り、11月の衆議院選挙までは上昇トレンドが継続へ！ - 成り上がり投資術	https://diamond.jp/articles/-/282816	日経平均株価は、中国「恒大集団」の経営危機で急落も“押し目買いの好機日移動平均線を下回らない限り、月の衆議院選挙までは上昇トレンドが継続へ成り上がり投資術現在の日経平均株価や株式市場の状況と今後の見通しについて、アナリストの藤井英敏さんが鋭く分析月日にブルームバーグが、約兆億元約兆億円の巨額負債を抱えて経営危機に陥った中国不動産開発大手、恒大集団に関して「中国恒大は今月日期限の利払いせずー中国政府が銀行に伝える」と題した記事を報じました。	2021-09-21 20:15:00
北海道	北海道新聞	スノボ、戸塚「自信はある」　北京五輪で金メダル期待	https://www.hokkaido-np.co.jp/article/591604/	世界選手権	2021-09-21 20:11:00
北海道	北海道新聞	宇宙ヒマワリ照らす満月、福島　大熊町、震災１０年支援事業	https://www.hokkaido-np.co.jp/article/591603/	東日本大震災	2021-09-21 20:10:00
北海道	北海道新聞	辰巳水泳場、年１億６千万円赤字　リンクに改修後の運営中間計画	https://www.hokkaido-np.co.jp/article/591602/	東京辰巳国際水泳場	2021-09-21 20:10:00
北海道	北海道新聞	「殺してくれと頼まれた」と供述　首絞めた疑いの７７歳姉	https://www.hokkaido-np.co.jp/article/591597/	殺人未遂	2021-09-21 20:10:04
北海道	北海道新聞	ＪＲ東、顔認証で出所者を検知　一部駅で運用方針も撤回	https://www.hokkaido-np.co.jp/article/591601/	首都圏	2021-09-21 20:05:00
北海道	北海道新聞	寿都町長宅放火未遂　被告に猶予判決　函館地裁	https://www.hokkaido-np.co.jp/article/591600/	函館地裁	2021-09-21 20:03:00