投稿時間:2022-04-19 07:21:30 RSSフィード2022-04-19 07:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
Google	カグア！Google Analytics 活用塾:事例や使い方	ShopifyでGA4計測やeコマーストラッキングをしているECサイト5選	https://www.kagua.biz/help/eventtracking/ga4shopify-ecommerce.html	futureshop	2022-04-18 21:00:12
js	JavaScriptタグが付けられた新着投稿 - Qiita	魚を繰り返し泳がしてみた[Javascript・anime.js]	https://qiita.com/Ryosuke-nakagawa/items/812952ed85c74753302c	animejs	2022-04-19 06:23:53
海外TECH	Ars Technica	Your iOS app may still be covertly tracking you, despite what Apple says	https://arstechnica.com/?p=1848980	tracking	2022-04-18 21:10:19
海外TECH	MakeUseOf	How to Clear the Browser History on Oculus Quest 2	https://www.makeuseof.com/clear-oculus-quest-2-browser-history/	process	2022-04-18 21:10:14
海外TECH	DEV Community	React Native Reanimated 2 Layout Animation Example	https://dev.to/vladimirvovk/react-native-reanimated-2-layout-animations-example-3i0h	React Native Reanimated Layout Animation ExampleLayout Animations are the easiest way to animate entering exiting and change layout of your React Native components with Reanimated library Looks good right And it super easy to implement TLDR You can find the source code on reanimated cards layout repo SetupFirst we need to create a new React Native project Then we will need to install react native reanimated library and reanimated babel plugin Please follow the documentation to do that Layout AnimationImaging we have a child Card component const Card image title gt lt View style styles container gt lt Image source image gt lt Text gt title lt Text gt lt View gt And a parent component which renders list of cards lt View style styles row gt cards map image title gt lt Card image image title title gt lt View gt Now to be able to animate cards entering exiting and layout changes all we need to do is slightly change the Card component Switch from the View to Animated View component Add entering exiting and layout props to it import Animated FadeOutDown FadeInUp Layout Easing from react native reanimated const Card image title gt lt Animated View style styles container layout Layout duration delay entering FadeInUp exiting FadeOutDown gt lt Image source image gt lt Text gt title lt Text gt lt Animated View gt That s all We can use predefined entering exiting and layout transitions Or create a custom animation If you have any questions please post them in comments press button and happy hacking CreditsPhoto by Pixabay	2022-04-18 21:14:16
海外TECH	DEV Community	Serverless Express — Easy APIs On AWS Lambda & AWS HTTP API	https://dev.to/serverless_inc/serverless-express-easy-apis-on-aws-lambda-aws-http-api-3am7	Serverless Express ーEasy APIs On AWS Lambda amp AWS HTTP APIOriginally posted at Serverless on May th TLDR ーTake existing Express js apps and host them easily onto cheap auto scaling serverless infrastructure on AWS Lambda and AWS HTTP API with Serverless Express It s packed loads of production ready features like custom domains SSL certificates canary deployments and costs per request If you simply want to host a common Express js Node js application have it auto scale to billions of requests and charge you only when it s used we have something special for you…Announcing Serverless Express a Serverless Framework offering enabling you to easily host and manage Express js applications on AWS Lambda and the new AWS HTTP API which is faster and cheaper than their initial API Gateway product Serverless Expess is a pure Express js experience and it s perfect for those that want to focus on apps not infrastructure complexity Here are the highlights Easy Safe Performance ーIncludes the optimal infrastructure pattern for cost performance amp scale Never Pay For Idle ーNo API requests No cost Averages per request Zero Configuration ーAdd your Express app then deploy advanced config options are available Fast Deployments ーDeploy changes to the cloud in seconds Real time Logging ーRapidly develop on the cloud w real time logs and errors in the CLI Canary Deployments ーDeploy your app gradually to a subset of your traffic Custom Domain SSL ーAuto configure a custom domain w a free AWS ACM SSL certificate Team Collaboration ーCollaborate with your teamates with shared state and outputs Here is how to get started and deliver a Serverless Express js based API with a custom domain free SSL certificate and much more You can also check out our Serverless Fullstack Application boilerplate which includes Serverless Express in a real world example that features a database website using React and more Set UpServerless Express is a Serverless Framework Component i e premium experiences for popular serverless use cases and you ll need to install Node js and the Serverless Framework CLI to use it Install Node js here Then run this command to install Serverless Framework Next install the Serverless Express template Lastly Serverless Express deploys onto your own Amazon Web Services account so you ll need Access Keys to an AWS account you own Follow this guide to create those After you have created AWS Access Keys you can add them directly to an env file or reference an AWS Profile in a env file within the root of the template you installed You can also reference an AWS Profile in a env file like this If you don t include a env file the Serverless Framework will automatically look for a default AWS Profile in the root folder of your machine Also Serverless Framework has a built in stages concept If you change the stage it will deploy a totally separate copy of your serverless application Even better you can use different env files for each stage by simply using this convention One last often overlooked step is to install the Express js dependency by running npm i in the template DeploymentNow you are ready to deploy The template should work out of the box so run this command to get up and running… Serverless Express will provision all of the infrastructure and upload your code to it in a matter of seconds Though the first deployment always takes longer than the rest You should see your terminal return the following DevelopmentMost like to run their Express app locally and you can absolutely boot up your Express app locally as you always would However local emulations are never the same as running it on real serverless infrastructure resulting in surprising bugs when you push to production Further you will most likely end up using other cloud resources with your Express js API and you want to be sure everything works together well So we wholeheartedly recommend you develop on the real cloud environment AWS Lambda and Serverless Express comes with some powerful features to help you do that via an experience that looks and feels local Serverless Express features fast deployments and real time logging from your live AWS Lambda To get started simply run Now every time you save your Serverless Express will quickly push your changes to the cloud Further if all API requests log statements and errors will stream into your terminal It should look like this Advanced ConfigurationServerless Express may be easy but that does not mean it isn t powerful or customizable It features the best possible defaults but when you are ready for more there is a ton of possibility This tutorial was written with Serverless Express version which at the time of writing supports all of the following configuration options There is a ton of possibility here Setting Up A Custom Domain Registered With AWS Route amp SSL CertificateHere s how to easily set up a custom domain and SSL certificate on AWS Route You can also follow the next section to add a custom domain registered outside of AWS Route To set up a custom domain purchased on AWS Route make sure you it is in a “registered status and within the same AWS account your Express js application is running in Once this domain s status goes from “pending to “registered simply add the following configuration to your serverless yml Serverless Express will then add your custom domain to your API as well as automatically set up an SSL certificated with it so that you can have a production ready Express js API Don t forget to use env files for different stages to use different domains for different environments Setting Up A Custom Domain Registered Outside Of Route amp SSL CertificateIf your domain is not on AWS Route you will have to set this up manually because the component does not have access to your registrar Here are the general steps involved Create an AWS ACM certificate for your domain Make sure you set the “Additional Names field to yourdomain com as well to include all subdomains as well After you create the certificate it should be in a PENDING VALIDATION status Now you will need to validate your domain We suggest you follow the DNS steps by adding the validation CNAME record you see on the AWS console to your domain via your registrar dashboard After you add the validation record it might take a while but eventually the certificate should change status to ISSUED Usually it takes around minutes Add your domain to the serverless yml file as shown above and deploy This step is important as it adds your domain to API Gateway Notice the regional url that is returned as an output Copy this URL get back to your registrar and add another CNAME record with your domain or subdomain name and a value of this regional url This ensures that your domain points to that cloudfront URL After around mins your SSL certificate and domain should all be working and pointing to your URL Keep in mind that if you change the name stage app or org properties in serverless yml this would result in a completely new instance with a new cloudfront url This allows you to setup different domains for each stage or instance Bundling Your Express App Webpack etc By reducing your code size your Express app will actually perform better in the AWS Lambda environment resulting in a faster API A great way to reduce your code size is to bundle it with Webpack Parcel or others To do this you can modify the src input to run a hook script before deployment like this Canary DeploymentsAt scale when you want to push changes out to a small set of users Serverless Express offers easy Canary Deployments out of the box This enables you to push out a version of your app containing code changes you deem risky which is only served to a percentage of traffic that you specificy This allows you to test big changes with little risk To perform a canary deployment first update your code with the potentially risky change Next set a traffic weighting in your serverless yml inputs This tells Serverless Express to serve the new potentially risky code to of the API requests and the old stable code to the other of requests Run serverless deploy After deployment is complete of your requests will be randomly handled by the new experimental code You can slowly increment the percentage over time just continue to re deploy it If things aren t working revert your code to the old code remove the traffic configuration option and deploy If things are working keep the new code remove the traffic configuration option and deploy Wrapping UpOur goal is to offer the best Serverless Express js experience possible We have packed years of serverless experience into Serverless Express so you and your team don t have to configure manage and automate the underlying infrastructure and we ve barely touched on the tremendous power Serverless Express offers As always you should focus on your application not infrastructure That is the Serverless Way If you want to learn more check out these resources Serverless Express ーThis is the repo for Serverless Express and it contains lots of additional documentation Serverless Components ーYou will most likely want to include a database custom permissions role website and more with your Express js app Composition of serverless infrastructure is what Components are all about so check out all of the neat things you can do via the Components Documentation Serverless Fullstack Application ーHere is a real world example of how to use Serverless Express within the context of a fullstack application that features a database website authentication authorization and more It s a great starting point Originally published at	2022-04-18 21:12:51
海外TECH	DEV Community	What are Micro-Frontends? Really...	https://dev.to/infoxicator/what-are-micro-frontends-really-2j2a	What are Micro Frontends Really Every single conference talk or blog post regarding this topic contains the following phrase “But first what are Micro Frontends Followed by this definition from Cam Jackson in his article Micro Frontends “An architectural style where independently deliverable frontend applications are composed into a greater whole This is a great definition and encompasses the essence of what Micro Frontends are however time and time and again I find a lot of confusion about what Micro Frontends really are and what they are meant to solve Here is my take on what Micro Frontends are by discovering what they are not The Naming is Unfortunate and ConfusingThis architectural pattern is not that new it has been around for a long time and it was also known as MicroUI however the community settled on the term Micro Frontends or “microfrontends or “micro frontends or “micro frontends …see why the naming is unfortunate in after Thought Works added it to the Technology Radar After the success of Microservices the idea was to replicate the same architectural pattern on the frontend hence the term Micro Frontend was adopted to keep the familiarity However several other definitions and misconceptions about this pattern have caused the meaning to deviate from its original intent and focus more on things like the size because of the word “micro and also the fact that microservices are “technology agnostic people immediately assume that is also the case with Micro Frontends I have also found other issues with the naming related to abbreviations and acronyms like MFEs and MFE which tends to be confused with Module Federation They Are Not a TechnologyA really common misconception is that Micro Frontends and Module Federation are the same things Micro Frontends are an architectural pattern not a technology that can be implemented to solve a technical problem It is a pattern that aims to fix an organizational problem that requires techniques to enable independent deployments and achieve business agility On the other hand Module Federation is a tool that enables code composition and delivery at runtime and it could be used to achieve this goal however it is not the only way of implementing Micro Frontends nor the best one for all use cases They Are Not About Multiple Frontend FrameworksOne of the claimed benefits of Microservices is that they can be language agnostic so the teams building them have the freedom to choose whatever technology stack or language they feel more familiar with to deliver the service The most common myth about Micro Frontends is that they are meant to enable the same freedom for frontend developers eager to experiment or work with their favourite framework of choice However unlike microservices enabling this freedom comes at a higher cost Micro Frontends cannot be encapsulated and are not deterministic pieces of software due to the dependency on the underlying platform the browser This creates a higher performance cost of having multiple languages and frameworks operating and sharing the same platform and removes most of the benefits of being language agnostic There are certain limited use cases where having more than one JavaScript Framework could be beneficial for the architecture that could offset some of the performance tradeoffs For example a third party company or a team joining as a result of an acquisition might want to keep their existing choice of framework and tools and integrate with the main application using composition at runtime Another example is when there is a transition between an existing legacy system to a new framework or technology by applying the “Strangler Pattern These are exceptions and not the rule I personally don t recommend having multiple frameworks on the same page through Micro Frontends not just because of the performance drawbacks but also because the lack of unity and uniformity in frontend teams could impede the reuse of code tools and knowledge across the company  They are Not ComponentsMicro Frontends can be made up of a collection of components however the key difference is that components don t usually hold any application logic and Micro Frontends are modelled around a business domain that can be deployed independently by an autonomous team This line is very blurry for someone just getting familiar with this pattern but it becomes clear once the challenges of going too granular start to appear Distributed components are an antipattern in the Micro Frontend architectural implementation due to their increase in overhead and maintenance which is the opposite of the goal of business agility and autonomy that the Micro Frontend pattern is meant to achieve Sometimes when people hear about Micro Frontends they also associate them with the Web Components specification and although Micro Frontends could make use of this technology to achieve encapsulation and composition to enable independent delivery they are two different things altogether Micro Frontends are a pattern WebComponents and Module Federation are the web tools to aid this pattern  ConclusionSo what are Micro Frontends really They are an architectural pattern they can take multiple shapes and forms depending on the company applying them and the technology used to implement them in practice This pattern emerged from a specific need of large companies to improve their business agility and solve organizational issues caused by scaling and multiple teams due to the specific nature of the issues and the variety of solutions from company to company the definition has been affected by ambiguity Hope this article helped clarify those ambiguities and improve the reputation and image of this pattern in the frontend community	2022-04-18 21:01:23
Apple	AppleInsider - Frontpage News	Smarthome firm and early HomeKit partner Insteon is dead, with no warning to customers	https://appleinsider.com/articles/22/04/18/smarthome-firm-and-early-homekit-partner-insteon-is-dead-with-no-warning-to-customers?utm_medium=rss	Smarthome firm and early HomeKit partner Insteon is dead with no warning to customersSmart home hardware and software company Insteon appears to have abruptly gone out of business shut down their servers and isn t responding to users leaving adopters without working home automation systems Insteon HubThe entire company appears to have been shuttered just before the weekend of April Stacey On IoT reported n Monday There are a variety of signs that point toward the company disappearing permanently instead of the lack of service being due to an outage Read more	2022-04-18 21:04:42
海外TECH	Engadget	Elden Ring's most famous player immortalized in fan-made mod	https://www.engadget.com/elden-ring-let-me-solo-her-mod-215048147.html?src=rss	Elden Ring x s most famous player immortalized in fan made modOver the last week the Elden Ring community has been entranced by Let Me Solo Her a player whose skill at the tough as nails game is matched only by their fashion sense The legend of LMSH was born when a Reddit user recently shared their experience of battling Malenia an optional boss you can find toward the end of FromSoftware s latest game The Blade of Miquella is a tough challenge even for the most seasoned Soulsborne veterans She s agile with an expansive moveset that becomes more deadly when she enters her second stage After falling to her katana dozens of times Reddit user Sazed turned to the game s summoning functionality to call for help Like with most of FromSoftware s recent titles you can invite other players to assist you with the game s most challenging boss fights And when Sazed used that feature Let Me Solo Her answered For a series known for its fashion police LMSH immediately stood out They came into Sazed s game with nothing but a pot on his head two katanas and a loincloth But what they then went on to do was even more impressive True to their name Let Me Solo Her took on Malenia on his own and did so flawlessly Let me solo her pic twitter com yEOzzHkmーHanz hanzkilla April Since becoming famous Let Me Solo Her has inspired no shortage of fan art including a piece that Berzerk creatorKentaro Miura would surely approve of if he were still alive today And now there s even a mod for players who want to bring the swordmaster on their adventures As Polygon notes Elden Ring modder Garden of Eyes has created an addon that tweaks the Lone Wolf Ashes an early game item you can use to summon a trio of spectral wolves to your side to instead call forth a computer controlled version of Let Me Solo Her You re not getting the legend himself but the beauty of the mod is that you can use it almost anywhere where it s possible to use spirit summons including fights out in Elden Ring s open world The catch is that Garden of Eyes is currently only offering the mod to those who subscribe to their Patreon for per month But if you ask us that s a small price to get a taste of Let Me Solo Her	2022-04-18 21:50:48
海外TECH	Engadget	Netflix is making an 'Exploding Kittens' mobile game and TV series	https://www.engadget.com/netflix-exploding-kittens-game-tv-series-212034573.html?src=rss	Netflix is making an x Exploding Kittens x mobile game and TV seriesIf Exploding Kittens is still a part of your party game repertoire several years later Netflix has just the news you were hoping to hear The streaming service is introducing an quot exclusive quot version of the Exploding Kittensmobile game as well as an animated TV series The adult oriented show will be executive produced by card game creators Elan Lee and Matthew quot The Oatmeal quot Inman as well as veterans like Mike Judge and will star well known personalities including Lucy Liu Kill Bill and Tom Ellis Lucifer The series revolves around a holy war that sees God and the Devil visit Earth in the form of beefy house cats It won t stream on Netflix until but the upgraded game is due in May with two new cards and promises of future gameplay based on the show Netflix is keen to note this is will be the first time it launches both a game and a series from the same franchise Stranger Things doesn t count apparently While the game certainly wasn t built from scratch the company not so subtly hinted that it might repeat this simultaneous development strategy going forward ーdon t be surprised if more games and shows arrive in tandem	2022-04-18 21:20:34
ニュース	BBC News - Home	Nottingham Forest 4-0 West Bromwich Albion: Steve Cooper's Reds win to delay Fulham promotion	https://www.bbc.co.uk/sport/football/61063056?at_medium=RSS&at_campaign=KARANGA	Nottingham Forest West Bromwich Albion Steve Cooper x s Reds win to delay Fulham promotionSteve Cooper s Nottingham Forest see off man West Bromwich Albion after three fortune laced first half goals	2022-04-18 21:33:16
ビジネス	ダイヤモンド・オンライン - 新着記事	アポロ・グローバル、ツイッター買収提案への参画検討 - WSJ発	https://diamond.jp/articles/-/301903	買収	2022-04-19 06:08:00
北海道	北海道新聞	ＮＹ原油続伸、１０８ドル台　３週間ぶり高値	https://www.hokkaido-np.co.jp/article/671202/	連休明け	2022-04-19 06:35:00
北海道	北海道新聞	米、りゅう弾砲使用訓練へ　対ロシア、側面支援	https://www.hokkaido-np.co.jp/article/671201/	記者会見	2022-04-19 06:35:00
北海道	北海道新聞	円安、１９年１１カ月ぶりの水準　ＮＹ円、１２７円に迫る	https://www.hokkaido-np.co.jp/article/671200/	外国為替市場	2022-04-19 06:25:00
北海道	北海道新聞	北九州・旦過市場で火災　建物複数、延焼中	https://www.hokkaido-np.co.jp/article/671199/	旦過市場	2022-04-19 06:14:00
北海道	北海道新聞	ＮＹ株続落、３９ドル安　インフレで消費減退懸念	https://www.hokkaido-np.co.jp/article/671198/	週明け	2022-04-19 06:14:00
北海道	北海道新聞	復活祭イベント、３年ぶり復活　米ホワイトハウス	https://www.hokkaido-np.co.jp/article/671197/	復活祭	2022-04-19 06:04:00
北海道	北海道新聞	カブス鈴木誠也が週間ＭＶＰ　１年目の４月は大谷翔平以来	https://www.hokkaido-np.co.jp/article/671196/	大リーグ	2022-04-19 06:04:00
ビジネス	東洋経済オンライン	10年で10倍超！ぐっと伸びる｢株｣を見つけるコツ ｢個別株はリスクも大きいが醍醐味もある｣ | 投資 | 東洋経済オンライン	https://toyokeizai.net/articles/-/581642?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2022-04-19 06:30:00
ニュース	THE BRIDGE	Animoca Brands、仏ブロックチェーンゲームスタジオDarewise Entertainmentを買収へ	https://thebridge.jp/2022/04/animoca-brands-set-acquire-french-blockchain-game-studio	AnimocaBrands、仏ブロックチェーンゲームスタジオDarewiseEntertainmentを買収へTechinAsiaでは、有料購読サービスを提供。	2022-04-18 21:45:50
ニュース	THE BRIDGE	CACとVIC Partners、ベトナムのプロップテックスタートアップRetiに出資	https://thebridge.jp/2022/04/cyberagent-vic-partners-pump-seed-money-proptech-startup	CACとVICPartners、ベトナムのプロップテックスタートアップRetiに出資TechinAsiaでは、有料購読サービスを提供。	2022-04-18 21:30:56
ニュース	THE BRIDGE	クレディセゾン、インドネシアのデジタルレンダーJuloに8,000万米ドルを出資	https://thebridge.jp/2022/04/julo-credit-saison-funding	クレディセゾン、インドネシアのデジタルレンダーJuloに万米ドルを出資TechinAsiaでは、有料購読サービスを提供。	2022-04-18 21:15:37