投稿時間:2022-07-09 23:24:33 RSSフィード2022-07-09 23:00 分まとめ(27件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	【2日間限定】Googleが｢Pixel 6｣と｢Pixel 6 Pro｣の値下げセールを開催中	https://taisy0.com/2022/07/09/158950.html	pixel	2022-07-09 13:34:42
js	JavaScriptタグが付けられた新着投稿 - Qiita	HTMLで縦書き台本を描画	https://qiita.com/H_Tsukamoto/items/41801e219d66258c8981	縦書き	2022-07-09 22:36:29
js	JavaScriptタグが付けられた新着投稿 - Qiita	【React Router v6】【Javascript】ログイン済みユーザー以外にアクセス制御を行う	https://qiita.com/ayato_k/items/bed84dbdee79c68bd55a	reactjsjavascript	2022-07-09 22:34:22
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【Rails】Rails6 + docker メール設定エラー 「Errno::EADDRNOTAVAIL (Cannot assign requested address - connect(2) for "localhost" port 1025)」	https://qiita.com/yyy_muu/items/76b745abc0d11280f219	【Rails】Railsdockerメール設定エラー「ErrnoEADDRNOTAVAILCannotassignrequestedaddressconnectforquotlocalhostquotport」概要Railsとdocker環境でメール設定をした際に発生したエラーの備忘録です。	2022-07-09 22:35:19
Docker	dockerタグが付けられた新着投稿 - Qiita	DockerのhttpdイメージでWebサーバーを立てる（PHPも動かすよ！）	https://qiita.com/BiwaYamada/items/9b7b6b359cc6ed2d1e8b	docker	2022-07-09 22:38:30
Docker	dockerタグが付けられた新着投稿 - Qiita	【Rails】Rails6 + docker メール設定エラー 「Errno::EADDRNOTAVAIL (Cannot assign requested address - connect(2) for "localhost" port 1025)」	https://qiita.com/yyy_muu/items/76b745abc0d11280f219	【Rails】Railsdockerメール設定エラー「ErrnoEADDRNOTAVAILCannotassignrequestedaddressconnectforquotlocalhostquotport」概要Railsとdocker環境でメール設定をした際に発生したエラーの備忘録です。	2022-07-09 22:35:19
Git	Gitタグが付けられた新着投稿 - Qiita	git init する際に hint が大量に出てしまう	https://qiita.com/rdupejd7c4/items/445b53fc90e54f20764c	henamefortheinitialbr	2022-07-09 22:03:05
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Rails】Rails6 + docker メール設定エラー 「Errno::EADDRNOTAVAIL (Cannot assign requested address - connect(2) for "localhost" port 1025)」	https://qiita.com/yyy_muu/items/76b745abc0d11280f219	【Rails】Railsdockerメール設定エラー「ErrnoEADDRNOTAVAILCannotassignrequestedaddressconnectforquotlocalhostquotport」概要Railsとdocker環境でメール設定をした際に発生したエラーの備忘録です。	2022-07-09 22:35:19
海外TECH	MakeUseOf	HeyBike Mars Folding Fat-Tire Offroad eBike Review: Heavyweight Beast Handles Anything	https://www.makeuseof.com/heybike-mars-folding-fat-tire-offroad-ebike-review/	great	2022-07-09 13:05:13
海外TECH	DEV Community	React native flexbox	https://dev.to/evansifyke/react-native-flexbox-4g8d	React native flexbox IntroToday is actually a day i enjoyed I gained the knowledge on flexbox in react native according to the documentation flex defines how items are going to fill over available space along main axis In react native the main axis is the column MAIN flex item flex item flex item flex item item item flexDirection column row row reverselayoutDirection LTR RTLjustifyContent align along main axis flex start flex end centeralignItems along cross axis alignSelf individual item alignContent flexWrap must be present defines distribution along cross axis flexWrapflexBasis axis independ way of providing the size of an item if direction column height else width flexGrow how item grows in relation to siblings If grows times larger than siblings flexShrink positionposition absolute relative sizewidth height auto Article originally published at melbite com react native flexboxCheck more articles just like this on	2022-07-09 13:45:19
海外TECH	DEV Community	TypeScript Array Type	https://dev.to/smpnjn/typescript-array-type-dli	TypeScript Array TypeArrays work the same in TypeScript as they do in Javascript the only difference being that we have to define their type upfront Arrays by their nature are an ordered list of data Defining an Arrays type can be confusing at first so let s look at how it works Defining Array Types in TypeScriptIf we have an array we can define its type in TypeScript by using the notation type For example the below variable arrayType is expected to be an array of strings let arrayType string hello there Similarly an array of numbers could be defined like this let myNumbers number This also conforms any future array items to that type For example we couldn t push or add a string to the end of an array defined as type number let myNumbers number Throws an error myNumbers push string Tuple Types in TypeScriptI ve already written about tuples in TypeScript here but they are a type of array with a defined number of items of specified types For example we could define an array with two elements of type string and number and this would be called a tuple That could be achieved by doing something like this let myTuple string number hello Tuples can be of any length and you can learn more about how tuples are defined here Storing a Mixture of Types in an Array in TypeScriptSometimes we know an array is going to consist of either number or string elements but we re not sure in what order or even how many As such a tuple isn t really the right option here Instead we can define an array like this using the same format as before only letting TypeScript know that it can be multiple types For example for an array of unknown length where any item could be either a number or a string we could write the following let type string number hello world goodbye Using the Generic Type format for Arrays in TypeScriptFinally it is also possible to use the generic type definition format for defining Array types in TypeScript For example an Array of numbers could be defined like so let type Array lt number gt Or an array where items could be either a string or a number could be defined like so let type Array lt string number gt hello world goodbye ConclusionUnderstanding the array type in TypeScript is fundamental for using TypeScript day to day I hope you ve enjoyed this guide and if you want more TypeScript content you can find it all here	2022-07-09 13:34:42
海外TECH	DEV Community	What is Nullish Coalescing (or ??) in Javascript	https://dev.to/smpnjn/what-is-nullish-coalescing-or-in-javascript-2g5k	What is Nullish Coalescing or in JavascriptIn Javascript the nullish coalescing operator or operator is used to return the right hand side whenever the left hand side is null or undefined To understand a little bit better let s look at a few examples Is set to let x hello Is set to goodbyelet y undefined goodbye Is set to hellolet z null hello Is set to falselet a false goodbye The nullish coalescing operator is useful in situations where something can be returned as either null or undefined and helps us tighten up our code For example a function that returns undefined in some situations can be provided with a default value let myFunction a gt if a gt return hello world Will return goodbye world since myFunction returns undefined let runFunction myFunction goodbye world Differences between the logical OR operatorIn the past we typically set default values in Javascript using the logical OR operator It has the same kind of functionality in that it sets a value if the first value on the left doesn t meet certain criteria However the operator returns the right hand value if the left hand value is anything falsy and there are a lot of falsy values as shown in the list below Falsy Valuesfalse or or nany empty string i e nullundefinedNaNAs such using the operator would mean that if a function returned the value and we really did want to use the value we wouldn t be able to since is falsy With the nullish coalescing operator is a valid value since it only triggers if a value is null or undefined Is set to let x Is set to let y Similarly if a string is empty the operator would default to the right hand side which is not always the desired behaviour The operator lets us avoid that Is set to let x default text Is set to default text let x default text Chaining the nullish coalescing operatorIt is also possible to chain the nullish coalescing operator as shown below Is set to default text let x null undefined default text But you cannot chain it with the logical operator unless with parenthesis Errors out let x undefined default text Returns default text let y undefined default text	2022-07-09 13:28:56
海外TECH	DEV Community	Type Casting in TypeScript	https://dev.to/smpnjn/type-casting-in-typescript-2m2m	Type Casting in TypeScriptSometimes in TypeScript something will have an unknown type where TypeScript can t discern the specific type something should be At it s most basic this can occur when a variable is simply given the type unknown For example let text unknown String Goes Here Although we can see that the type of the content above is a string it has been given the type unknown so TypeScript doesn t know what type it is As such when we try to run methods on this that are string specific they won t work Let s say we wanted to get the length of this string for example let text unknown string let value text length How Casting works in TypeScriptThe code above will actually throw an error which is Object is of type unknown To solve this problem we need to use TypeScript casting To cast something in TypeScript we use the as keywords For this example we need to cast the text variable to a string so TypeScript will let us use length let text unknown string let value text as string length Now TypeScript will case the type to string and we can use length The way this code is written is unlikely to happen in the real world but it could occur if you receive an API response of unknown type and have to conform it to a type Another common place this happens is with selectors For example it s pretty common to select an input and expect to be able to find the value via the value property let input document querySelector input let inputValue input value In TypeScript this throws an error since Object is possibly null TypeScript has a number of predefined types for query selector outputs but we can t write let input HTMLInputElement either since the input is possibly null As such we have to cast the input to HTMLInputElement to get the value let input document querySelector input as HTMLInputElement let inputValue input value ConclusionI hope you ve enjoyed this tutorial TypeScript casting is necessary in some situations especially when using querySelector It s a useful way to enforce certain type restrictions on outputs from APIs or variables with unknown types	2022-07-09 13:24:20
海外TECH	DEV Community	TypeScript Optional Parameters	https://dev.to/smpnjn/typescript-optional-parameters-1793	TypeScript Optional ParametersIn Javascript if a function has parameters and we only use it s no big deal Javascript just ignores the missing parameter and runs the function as if it is undefined In TypeScript things are a little different If you try to run a function with a different number of parameters than the function actually has you ll get an error For example consider this const myFunction a string b string c string gt return a b c let runFunction myFunction Hello there The above code will throw the following error Expected arguments but got TypeScript does this to ensure fewer errors since leaving a parameter out of a function you are calling can sometimes break the function As such we need to tell TypeScript specifically that one or more of the parameters we defined on the function are optional In order to do that we use a after the parameter to denote that it is actually an optional parameter For example if we wanted to make c optional on our original function we could write the following and not get an error const myFunction a string b string c string gt return a b c let runFunction myFunction Hello there console log runFunction Now our function will run as expected however the output will be Hello there undefined This may not be your desired behaviour which is exactly why TypeScript has these controls in place it can help prevent unwanted outcomes by requiring certain parameters In TypeScript however an optional parameter cannot be followed by a required one So for example the following code will not work const myFunction a string b string c string gt return a b c It will produce the following error A required parameter cannot follow an optional parameter We can combine this optionality with the use of the typeof operator to produce code that makes sense For example if c is optional and undefined then we can ignore it like so const myFunction a string b string c string gt if typeof c undefined return a b return a b c let runFunction myFunction Hello there console log runFunction Now the output of our code will be Hello there but we could also run it with c to produce a different output for example const myFunction a string b string c string gt if typeof c undefined return a b return a b c let runFunction myFunction How are you Returns How are you console log runFunction	2022-07-09 13:18:47
Apple	AppleInsider - Frontpage News	Daily deals July 9: $200 HP 28-inch 4K monitor, Samsung Pro Plus 128GB microSD for $20.99, $40 IOGear Print Server, more	https://appleinsider.com/articles/22/07/09/daily-deals-july-9-200-hp-28-inch-4k-monitor-samsung-pro-plus-128gb-microsd-for-2099-40-iogear-print-server-more?utm_medium=rss	Daily deals July HP inch K monitor Samsung Pro Plus GB microSD for IOGear Print Server moreSaturday s best deals include off the Asus ZenScreen inch portable USB C monitor a inch Amazon Fire TV K Smart TV for and much more Best deals for July Every day we set out to amass the best deals we can possibly find across the internet We publish a variety of discounts including sales on Apple products smartphones software and plenty of other tech products all so you can save some cash If an item is out of stock you may still be able to order it for delivery at a later date Many of the offers especially Amazon discounts are likely to expire soon though so act fast Read more	2022-07-09 13:11:48
海外TECH	Engadget	The best Amazon device bundle sales ahead of Prime Day	https://www.engadget.com/best-amazon-device-bundle-sales-prime-day-2022-140014756.html?src=rss	The best Amazon device bundle sales ahead of Prime DayIt s no secret that Amazon devices are some of the best things to buy on Prime Day Amazon usually discounts most of its gadgets to record low prices for the two day shopping event but Prime members can take advantage of great sales now In addition to bringing devices like the Echo Dot and the Fire TV Cube down to their best prices yet early Prime Day deals have discounted a bunch of Amazon device bundles too Here are the best deals we found on bundled Amazon devices that you can get before Prime Day begins Echo Dot smart plugAmazonAdding an Amazon smart plug to your purchase when you pick up an Echo Dot will only cost you more so you ll get both devices for a total of While the Echo Dot can act as your main Alexa voice control device Amazon s smart plug can also be controlled via the Alexa mobile app allowing you to turn dumb items around your home into smart ones Buy Echo Dot smart plug at Amazon Echo smart light bulbAmazonThe full sized Echo is on sale for but you can add a Sengled smart light bulb to your order for no additional cost It s one of Sengled s Bluetooth color smart bulbs which means it ll be easy to set up using only your smartphone and then you can control it using Alexa voice commands Buy Echo smart light at Amazon Ring Doorbell Echo Show If you re considering a Ring Doorbell for your home you can pick up the wired model and add an Echo Show into the mix and pay only in total These two devices work well together the smart doorbell will show you any visitors that end up on your doorstep while the Echo Show can display the live feed from the doorbell s camera Buy Ring Doorbell Show at Amazon Shop Ring bundles at AmazonAmazon Smart Thermostat Echo Show AmazonBoth Amazon s smart thermostat and the Echo Show have been discounted for Prime members so the company made it easy for you to pick up both in a bundle that costs That s nearly half off of the normal cost of buying both items together making this a good deal for those that want to kickstart their smart home plans without spending too much money Buy thermostat Show at Amazon Echo Show Kids Echo GlowAmazonIf you re picking up an Echo Show Kids for your children to use you can add the Echo Glow smart lamp to your order for only more This edition of the Show includes one year of Amazon Kids while the Glow lets you program light cues to go along with routines you have for your children like waking up playtime and getting ready to go to bed Buy Show Kids Glow lamp at Amazon Blink Mini pack BlinkPrime members can pick up two Blink Minis for the price of one for a total of That s percent off the bundle s usual price and the cheapest we ve seen it While the Mini s main drawback when compared to standard Blink cameras is that it must be plugged in it otherwise works just like Blink Indoor security cameras It records in p and supports two way audio and motion detection Buy Blink Mini pack at Amazon Blink Video Doorbell Blink Outdoor cameraAmazonAmazon s bundle that includes the Blink Video Doorbell and a Blink Outdoor camera system gives you much of what you d need to keep track of your home both when you re there and not Prime members can get the bundle for right now or off its usual price The smart doorbell lets you see who s outside your home at any time plus talk to them using the device s two way audio feature The Blink Outdoor cam can be used inside or outside to provide another view of your home Best of all the bundle comes with a Sync Module which you ll need to use both devices Buy Blink Video Doorbell Outdoor cam kit at Amazon Kindle Essentials bundleEngadgetThe Kindle Essentials bundle which includes the latest version of the e reader a fabric cover and a power adapter is percent off and down to It s a good pack to get if you ve just wanted a basic e reader along with two of the most popular accessories to go along with it We gave the Kindle a score of for its higher contrast display improved front lighting and slimmer design Buy Kindle Essentials bundle at Amazon Fire TV Stick K Max Luna ControllerAmazonThe most powerful streaming stick that Amazon makes the Fire TV Stick K Max can be bundled with a Luna game controller for a total of which is percent off These can be used together as you can access Amazon s cloud gaming service on your TV using the Fire TV Stick K Max and play using the Luna controller When you re not gaming you can use the dongle to watch any of the most popular streaming services and the controller with other devices by connecting it via Bluetooth Buy Fire TV Stick K Max Luna controller at Amazon Get the latest Amazon Prime Day offers by following EngadgetDeals on Twitter and subscribing to the Engadget Deals newsletter	2022-07-09 13:30:14
海外科学	NYT > Science	Biden Administration Signals Support for Controversial Alaska Oil Project	https://www.nytimes.com/2022/07/08/climate/willow-alaska-oil-project-environment.html	Biden Administration Signals Support for Controversial Alaska Oil ProjectThe administration issued an environmental review that represents a key step toward starting the Willow project Opponents say drilling would violate Biden s pledge to rein in fossil fuels	2022-07-09 13:15:53
ニュース	BBC News - Home	Wallace rules out bid to replace Johnson as PM	https://www.bbc.co.uk/news/uk-politics-62106884?at_medium=RSS&at_campaign=KARANGA	conservatives	2022-07-09 13:06:13
ニュース	BBC News - Home	Australia 17-25 England: Eddie Jones' side hold on in second Test to level series	https://www.bbc.co.uk/sport/rugby-union/62105679?at_medium=RSS&at_campaign=KARANGA	Australia England Eddie Jones x side hold on in second Test to level seriesEngland produce an aggressive and resilient display in the second Test to beat Australia in Brisbane and take the three match series to a decider	2022-07-09 13:04:31
北海道	北海道新聞	郡上おどり、３年ぶり開催　夏の風物詩、９月３日まで	https://www.hokkaido-np.co.jp/article/703797/	夏の風物詩	2022-07-09 22:10:57
北海道	北海道新聞	与野党党首、最後の訴え　大都市圏や最重点区応援	https://www.hokkaido-np.co.jp/article/703802/	大都市圏	2022-07-09 22:23:58
北海道	北海道新聞	奈良県警本部長「痛恨の極み」　警護に問題、否定できず	https://www.hokkaido-np.co.jp/article/703786/	奈良県警	2022-07-09 22:21:46
北海道	北海道新聞	函館観光、ハイカラ號でＧＯ　３年ぶり定期運行開始	https://www.hokkaido-np.co.jp/article/703793/	明治時代	2022-07-09 22:22:07
北海道	北海道新聞	沖縄尚学、興南が８強へ　高校野球の地方大会	https://www.hokkaido-np.co.jp/article/703810/	全国高校野球選手権大会	2022-07-09 22:18:00
北海道	北海道新聞	昭恵さん「晋ちゃん、晋ちゃん」　夫の意識回復願い名前繰り返す	https://www.hokkaido-np.co.jp/article/703807/	昭恵さん	2022-07-09 22:12:00
北海道	北海道新聞	Ｊ１、川崎４得点で３戦ぶり勝利　神戸は３連勝	https://www.hokkaido-np.co.jp/article/703806/	等々力陸上競技場	2022-07-09 22:10:00
ニュース	Newsweek	「空虚ないら立ち」を解消する「政治回路」の不在	https://www.newsweekjapan.jp/stories/world/2022/07/post-99075.php		2022-07-09 22:30:38