投稿時間:2022-02-04 01:41:18 RSSフィード2022-02-04 01:00 分まとめ(45件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Microsoft、今春に｢Surface Laptop Go 2｣を発表か − 内部仕様のアップデートのみのマイナーチェンジになる見込み	https://taisy0.com/2022/02/04/151599.html	central	2022-02-03 15:50:16
TECH	Engadget Japanese	ポケモンカードゲームにポケモンGO強化拡張パック、6月17日発売	https://japanese.engadget.com/pokemon-card-game-expansion-153737211.html	niantic	2022-02-03 15:37:37
AWS	AWS Mobile Blog	Evolving REST APIs with GraphQL using AWS AppSync Direct Lambda Resolvers	https://aws.amazon.com/blogs/mobile/evolving-rest-apis-with-graphql-using-aws-appsync-direct-lambda-resolvers/	Evolving REST APIs with GraphQL using AWS AppSync Direct Lambda ResolversAWS AppSync is a managed GraphQL service that makes it easy to connect disparate data sources into a single cohesive API GraphQL APIs start with the definition of a schema that defines the data types and queries for accessing them Data Sources are the backend services that the API will use to fulfill requests Finally …	2022-02-03 15:48:31
AWS	AWS Security Blog	AWS cloud services adhere to CISPE Data Protection Code of Conduct for added GDPR assurance	https://aws.amazon.com/blogs/security/aws-cloud-services-adhere-to-cispe-data-protection-code-of-conduct/	AWS cloud services adhere to CISPE Data Protection Code of Conduct for added GDPR assuranceFrench version German version I m happy to announce that AWS has declared services under the Cloud Infrastructure Service Providers Europe Data Protection Code of Conduct CISPE Code This provides an independent verification and an added level of assurance to our customers that our cloud services can be used in compliance with the General Data …	2022-02-03 15:09:07
AWS	AWS Security Blog	AWS cloud services adhere to CISPE Data Protection Code of Conduct for added GDPR assurance	https://aws.amazon.com/blogs/security/aws-cloud-services-adhere-to-cispe-data-protection-code-of-conduct/	AWS cloud services adhere to CISPE Data Protection Code of Conduct for added GDPR assuranceFrench version German version I m happy to announce that AWS has declared services under the Cloud Infrastructure Service Providers Europe Data Protection Code of Conduct CISPE Code This provides an independent verification and an added level of assurance to our customers that our cloud services can be used in compliance with the General Data …	2022-02-03 15:09:07
python	Pythonタグが付けられた新着投稿 - Qiita	PythonでFakerを使ってダミーデータを作成する	https://qiita.com/yunosuken/items/5835b6ba26981c56eeda	サクッと使ってみるインストールpipinstallfakerランダムな名前と住所を出力fromfakerimportFakerfakeFakerprintfakenameprintfakeaddress出力結果AmyArnoldAndreaRiverSuiteWestKelliviewMO簡単に名前と住所を作成することができました。	2022-02-04 00:33:47
python	Pythonタグが付けられた新着投稿 - Qiita	pythonで実行位置指定型ジョブリラン	https://qiita.com/haruyan_hopemucci/items/a379b2808a79d263d75d	例えばcならvoidjobintstepNoswitchstepNocasestepの処理を実行casestepの処理を実行casestepの処理を実行casestepの処理を実行default有効なstepNoが存在しない場合は何もしないが、defalutを空にはできないので何かしらのダミー処理を入れるというようにbreak文のないswitch構文であれば、比較的簡単にリランの実行位置を外部から与えることができます。	2022-02-04 00:32:23
js	JavaScriptタグが付けられた新着投稿 - Qiita	宣言	https://qiita.com/papas_kazuki/items/e37a702f69239bfed8d4	宣言	2022-02-04 00:26:59
js	JavaScriptタグが付けられた新着投稿 - Qiita	Symbolブロックチェーン上で持ってるNFT画像を全部出す。	https://qiita.com/nem_takanobu/items/67567eff96da6daf7456	テーマは自分のアカウントが所有しているモザイクトークンに紐づけられた画像情報を全部表示する、ということです。	2022-02-04 00:26:46
AWS	AWSタグが付けられた新着投稿 - Qiita	Amazon Rekognition を触ってみた	https://qiita.com/kosh1/items/679a26fa78f6ba267bd1	AmazonRekognitionの料金ラベル検出機能ここでは画像をアップロードして、画像内にどんなオブジェクトが存在するのかを判別してくれます。	2022-02-04 00:52:51
Azure	Azureタグが付けられた新着投稿 - Qiita	AI-900:Microsoft Azure AI Fundamentals試験に向けて part5	https://qiita.com/voguuuuus/items/6f4b401783dc414c0de9	AIMicrosoftAzureAIFundamentals試験に向けてpart会話言語理解を使って言語モデルを作成するMSLearnリンクはコチラこの学習の目的・やること会話言語理解を理解する。	2022-02-04 00:44:40
Git	Gitタグが付けられた新着投稿 - Qiita	【Github】 複数アカウントでssh接続する方法	https://qiita.com/onishitaisei/items/78b3168c618f2e95c39c	次に下記コマンドを実行してファイルが作成されているか確認してください。	2022-02-04 00:11:43
海外TECH	Ars Technica	Silent seatbelt chimes cause Tesla to issue recall for 817,143 cars	https://arstechnica.com/?p=1831483	february	2022-02-03 15:33:29
海外TECH	MakeUseOf	Netflix Makes It Easier to Remove Content From Your "Continue Watching" List	https://www.makeuseof.com/netflix-continue-watching-list-remove-content/	listget	2022-02-03 15:44:38
海外TECH	MakeUseOf	Two Innocent-Looking Apps Are Slowing Down Your Windows 11 PC	https://www.makeuseof.com/windows-11-chat-widget-app-performance-hit/	Two Innocent Looking Apps Are Slowing Down Your Windows PCThe Chat and Widget icons on your Windows PC may seem lightweight but there s proof that they can take a toll on your system s resources	2022-02-03 15:36:40
海外TECH	MakeUseOf	Run Your Raspberry Pi at 4K 60Hz	https://www.makeuseof.com/run-your-raspberry-pi-at-4k-60hz/	configuration	2022-02-03 15:31:12
海外TECH	MakeUseOf	10 Essential Windows Apps for Students	https://www.makeuseof.com/tag/9-essential-windows-apps-students/	school	2022-02-03 15:16:46
海外TECH	MakeUseOf	What's the Best Streaming Platform for Valentine's Day?	https://www.makeuseof.com/best-streaming-platform-for-valentines-day/	valentines	2022-02-03 15:16:45
海外TECH	DEV Community	Share code between React Web & React Native Mobile with Nx	https://dev.to/nx/share-code-between-react-web-react-native-mobile-with-nx-12eb	Share code between React Web amp React Native Mobile with NxA problem I try to solve I got this awesome idea not only do I want to create a web app but I also want to create a mobile app for it Usually creating web and mobile apps require totally different tech stacks and it is pretty hard to share code This article shows how I added a React web app and a React Native mobile app in the same monorepo using Nx and how I optimized codeshare between the two I am mostly a web developer so let s start with the web app first It is a search engine for movies and characters under Studio Ghibli Github repo Github page Now let s create the corresponding mobile version of this app Tech Stack Monorepo Nx Web Frontend React API Currently there s only a React web app within our Nx workspace If I run nx dep graph the dependency graph looks like below React Native SetupTo get started we need to add React Native support to our Nx workspace npm npm install nrwl react native save dev yarnyarn add nrwl react native devNext we can generate a new React Native app by running npx nx generate nrwl react native app studio ghibli search engine mobileNote if you re using VSCode you might want to try Nx Console for a more visual experience of running such commands As a result of running the above command you should now have two new folders under the apps directory studio ghibli search engine mobile and studio ghibli search engine mobile eeIf we now run nx dep graph again the dependency graph looks like this Note that there is no code shared between studio ghibli search engine mobile and studio ghibli search engine web However our goal is to reuse some of the functionality that we have previously written for the web version on our new React native version of the app Code that Could NOT be SharedEven though our goal is to share as much as possible between our React web app and the React Native app there are parts that simply cannot be shared UIWe have to rewrite all the UI components for the mobile app Unlike Cordova or Ionic React Native is NOT a webview The JavaScript we wrote got interpreted and converted to mobile native elements Hence we cannot simply reuse UI HTML elements written for the React web app Here s a quick list of libraries we ve used for the React web app and a corresponding React Native counterpart library we can use Routing react router dom for web react navigation native for mobileMaterial Design Library mui material for web react native paper for mobileBesides the above React Native libraries there are some core utility libraries that need to be installed react native reanimated react native gesture handler react native screens react native safe area context react native community masked view react native vector iconsThe corresponding install command would be npmnpm install react navigation native react navigation native stack react native paper react native reanimated react native gesture handler react native screens react native safe area context react native community masked view save yarnyarn add react navigation native react navigation native stack react native paper react native reanimated react native gesture handler react native screens react native safe area context react native community masked view StorageFor the React Web app we use redux persist which persists the redux store in localstorage However localstorage is not supported by React Native For the web the variable persistConfig passed to persistStore from redux persist is import storage from redux persist lib storage const persistConfig key root storage storage whitelist search films people transforms transformEntityStateToPersist However for the mobile we need to install the library react native async storage async storage npmnpm install react native async storage async storage save dev yarn yarn add react native async storage async storage devAs a result the persistConfig passed to persistStore from redux persist becomes import AsyncStorage from react native async storage async storage const persistConfig key root storage AsyncStorage whitelist search films people transforms transformEntityStateToPersist HistoryOn the React web app we use connected react router to put the router state into the Redux store However the History API windows history is not supported by React Native As an alternative we can use createMemoryHistory For the web app the history is import createHashHistory History from history const history History createHashHistory For the mobile app the history is import createMemoryHistory History from history const history History createMemoryHistory To make our code more re usable we could slightly refactor the creation of the root reducer with connected react router such that it takes the history object as an argument import combineReducers from reduxjs toolkit import connectRouter from connected react router import History from history import filmsSlice from films films slice import peopleSlice from people people slice import searchSlice from search search slice import RootState from root state interface export const createRootReducer history History gt combineReducers lt RootState gt films filmsSlice reducer router connectRouter history as any search searchSlice reducer people peopleSlice reducer Query ParametersWhen you develop on the web the easiest way to pass ahead state or information in general is to leverage the URL query parameters In our search app example we can simply have something like  search searchText We can use react router dom to push a new history entry import useHistory from react router dom const history useHistory const submitSearchForm text string gt history push AppRoutes results search text To read and parse the current query parameter search import useLocation from react router dom const params new URLSearchParams useLocation search const searchParam params get search Although on the mobile app URLs are not visible we can still pass parameters Note that we have to use a different package react navigation native though import useNavigation from react navigation native const navigation useNavigation const submitSearchForm gt navigation navigate AppRoutes results search text To read and parse the parameter import RouteProp useRoute from react navigation native const route useRoute lt RouteProp lt params search string gt gt const searchParam route params search To type checking with typescript for react navigation we need to create a type RootStackParamList for mappings of route name to the params of the route export type RootStackParamList AppRoutes search undefined AppRoutes results search string We also need to specify a global type for your root navigator declare global eslint disable next line typescript eslint no namespace namespace ReactNavigation eslint disable next line typescript eslint no empty interface interface RootParamList extends RootStackParamList So we create the stack navigator we need to pass the above RootStackParamList type import createNativeStackNavigator from react navigation native stack const Stack createNativeStackNavigator lt RootStackParamList gt Environment VariablesNx comes with a set of different options for handling environment variables In our workspace we have a simple  env file at the workspace root NX REQUEST BASE URL ghibliapi herokuapp comThis works nicely for our React web build but it doesn t for our React Native application This is because React Native and React apps use different Javascript bundlers React Native uses Metro to and React uses Webpack Therefore when we try to access process env NX REQUEST BASE URL we get undefined To solve this we can use the react native config library npmnpm install react native config save dev yarnyarn add react native config devHere s an example of how to set up react native config setup After that we can have a simple utility function to retrieve the environment variables in our app import Config from react native config export function getEnv envName string return process env envName Config envName To access the environment variable NX REQUEST BASE URL we can then simply use the above function getEnv NX REQUEST BASE URL Fetch With HTTPOn the web you most probably lean on the fetch API to make network requests On iOS however you ll get an error saying TypeError Network request failed It turns out that React Native does not allow HTTP requests by default To fix this for iOS open apps studio ghibli search engine mobile ios StudioGhibliSearchEngineApp Info plist and add request URL to NSExceptionDomains under NSAppTransportSecurity lt key gt NSAppTransportSecurity lt key gt lt dict gt lt key gt NSExceptionDomains lt key gt lt dict gt lt key gt localhost lt key gt lt dict gt lt key gt NSExceptionAllowsInsecureHTTPLoads lt key gt lt true gt lt dict gt lt key gt ghibliapi herokuapp com lt key gt lt dict gt lt key gt NSExceptionAllowsInsecureHTTPLoads lt key gt lt true gt lt dict gt lt dict gt lt dict gt Similarly for Android open apps studio ghibli search engine mobile android app src main res xml network security config xml and add the request URL to this config file lt xml version encoding utf gt lt network security config gt lt domain config cleartextTrafficPermitted true gt lt domain includeSubdomains true gt lt domain gt lt domain includeSubdomains true gt localhost lt domain gt lt domain includeSubdomains true gt herokuapp com lt domain gt lt domain config gt lt network security config gt This should get rid of the network error It seems like there are quite a few customizations that need to be done for React Native apps However the majority of non UI code could be reused Code that Could be SharedAll the business logic code that is not UI could be shared For this example I got libraries in my monorepo and all of them could be shared models types and interfaces definitions services services that interact with API store redux storeWith Nx it requires zero configuration to share the above library code Even though when I created these libraries for a web app I used commands like nx generate nrwl react lib store I could still use them directly in my react native mobile app For example I need to create a film page to display film details with film id passed in as a parameter I would do import from the store library directly import filmsActions filmsSelectors RootState from studio ghibli search engine store The film component would become Note I could import from studio ghibli search engine models studio ghibli search engine services and studio ghibli search engine store directly Now when I run nx dep graph it shows the dependency graph like below where all these libraries are shared between web and mobile For this example project to create the mobile app it took me some time to rewrite the entire UI However I do not need to make many changes to the above libraries ConclusionIn this article we ended up building both a React based web application and a corresponding React Native app in the same repository using Nx Nx s architecture promotes the separation of concerns splitting things into apps which are technology specific and libs which can be technology specific or technology independent That allows us to easily have our common business logic in a technology independent library which in turn thanks to Nx s setup be easily linked into both our React web and React Native mobile app Although there are UI specific differences we need to account for that simply comes with one being a web tech stack and the other being a native app we were still able to share big chunks of the technology independent business logic of our application That ultimately helps with maintenance and having feature parity across different platforms Note the repository with the code for this article is linked at the very top	2022-02-03 15:44:14
海外TECH	DEV Community	The Anatomy of HTML(Hypertext Markup Language) The fundamentals of web development	https://dev.to/sardiusjay/the-anatomy-of-htmlhypertext-markup-languagethe-fundamentals-of-web-development-5hf4	The Anatomy of HTML Hypertext Markup Language The fundamentals of web developmentHello programmer and coder out there This is the second article in our series on the absolute fundamentals of knowing HTML Our first article explained in detail what HTML Element is on a conceptual level We looked at what a markup language is what tags are and element can be make use of the newbie in tech and coming in to start with web development or too be a Frontend developer there is always a need to start with the basics of programming that is base on Html and today we are going to be talking about the Anatomy of HTML knowing the element which we discuss with in the last article Anatomy is the identification and description of the structures of the elements tags and other sources in Hyper text markup language which deals with the skeleton of the website or web page it will determine the web structure in terms of text which consist of the Html lt gt Head Body HParagraphBrfor example let us create our first web page with Hello World lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta http equiv X UA Compatible content IE edge gt lt meta name viewport content width device width initial scale gt lt title gt Web Page title gt lt head gt lt body gt lt h gt Hello World lt h gt lt body gt lt html gt The Anatomy of Hypertext Markup LanguageAnd that just the basics you need to know for the skeleton and foundation in dealing with HTML but if there are others you can element that can be added it can be in the written in the comment below	2022-02-03 15:41:48
海外TECH	DEV Community	OpenTelemetry and Istio: Everything you need to know	https://dev.to/aspecto/opentelemetry-and-istio-everything-you-need-to-know-2865	OpenTelemetry and Istio Everything you need to knowThere is a high correlation between R amp D teams using Istio ks and OpenTelemetry The reason is that OpenTelemetry shines when there are a lot of services communicating with each other and the best platform to host it is ks Getting started with OpenTelemetry can be a challenge as it requires a lot of knowledge Having a high entry point effort it seems like a good idea to set up Istio to produce distributed traces because the setup is relatively fast and simple In this article you will learn about the good the bad and the ugly of using Istio to collect traces By the end you will be able to decide whether using Istio is right for you And if you want to get a comprehensive understanding of OpenTelemetry read this guide What is OpenTelemetry The Complete Guide OpenTelemetry and Istio The GoodEasy to set up No code level changes are required Because Istio is responsible for managing traffic it can also report logs metrics and traces that allow visibility to Istio and the application behavior Istio knows where each API call was originated from and where it is heading making it easy to build inter service communication this comes with a caveat More on that below The setup is quite easy set tracing enabled trueNow just point it to the right destination to enable tracing and you are good to go set values global tracer Zipkin address lt jaeger collector address gt This is easy compared to the other options for collecting trace data where you need to implement an SDK within your application code Implementing an SDK in our code is a far more complex and demeaning assignment though it allows us to collect more data and provide more flexibility OpenTelemetry and Istio The BadSingle “hop between services “hop explained below Only allows service to service communication No databases messaging systems etc Sampling is an issue Single “hop between servicesSince there is no code running within the application to collect data you can collect partial data with partial context Take a look at the diagram below When service A calls service B Istio creates a span that represents this event However when service B calls service C Istio cannot recognize that it s the same continual trace originating from service A It creates a new trace which is what I meant by using the term “hop To solve this issue you need to install OpenTelemetry SDK in each service to extract the context propagation from Istio and inject it into the downstream services Meaning you probably have to install OpenTelemetry to get proper traces Note that OpenTelemetry uses by default the WC context propagation specification while Istio uses the B context propagation specification this can be modified Service to service communicationWhen visualizing traces with Istio you only see HTTP and gRPC communication Databases cache messaging systems are not visible SamplingWe use traces to debug issues in production when we cannot solve them with more traditional methods like logs and metrics These are the cases where you need more granular data and any piece of information is crucial Setting up Istio to collect traces is easy but it may not solve the problem you set out to solve of the organizations I met that collect traces do not collect of traffic Each and every one of them uses sampling Sampling is a complex issue by itself and you need lots of tools to address it Unfortunately Istio only gives you the ability to set the percentage of the traffic to collect Features like different percentiles for different HTTP routes are not supported Here again OpenTelemetry comes in handy To allow yourself to make a better decision you might want to dig deeper into sampling with OpenTelemetry Here is an article that covers everything you should know about sampling OpenTelemetry and Istio The UglyIstio supports Jaeger and Zipkin format but both are sunsetting for OpenTelemetry to rise Most organizations today choose to use OTel to collect traces This is because Jaeger at least the collecting SDK clients parts is in sunset mode The official project you should use is OpenTelemetry If you choose to run both Istio and OpenTelemetry as mentioned above make sure to configure OpenTelemetry to use B or write dedicated code that transforms B to WC unless you re into broken traces You do you we don t judge In any case this is quite ugly which makes sense since this is the ugly part of this article I assume it is just a point time and Istio will be able to produce traces with the correct context propagation Btw if at this point you feel like OpenTelemetry is for you and want to look into its different deployment strategies here is a super quick guide for you Get Started with OpenTelemetryAlmost all organizations I know did try Istio s distributed traces However within a short time they either added OpenTelemetry or removed Istio for using only OpenTelemetry implemented within the code Running both is possible but requires some configuration It also increases the amount of data being collected meaning a single HTTP request has spans from both Istio and OpenTelemetry SDK Try it for yourself and see what works best for you P S If you want to learn more about OpenTelemetry you can check out this free episodes OpenTelemetry Bootcamp vendor neutral It s basically your OpenTelemetry playbook where you will learn everything from the very basics to scaling and deploying to production Episode OpenTelemetry FundamentalsEpisode Integrate Your Code logs metrics and traces Episode Deploy to Production CollectorEpisode Sampling and Dealing with High VolumesEpisode Custom InstrumentationEpisode Testing with OpenTelemetry	2022-02-03 15:38:35
海外TECH	DEV Community	Fitness website with HTML CSS	https://dev.to/atulcodex/fitness-website-with-html-css-4p1d	Fitness website with HTML CSSThis is my rd website of the responsive websites with HTML CSS challenge This challenge is inspired by the florin pops websites with HTML CSS challenge which is currently published on YouTube Fitness is an html template for gym fitness or health club It is cross browser compatible uses free fonts so your website typography will look exactly as you intend it Furniture store responsive landing page with HTML CSS Atul Prajapati・Jan ・ min read webdev beginners tutorial todayilearned FeaturesHTML amp CSSNo frameworkResponsive TemplateFree icons usedPixel PerfectClean amp Unique DesignEasy to customizeRetina ReadyUnlimited ColorsBoxed or Wide layoutSEO friendlySuper fast loading speed atulcodex Fitness Fitness is an html template for gym fitness or health club It is cross browser compatible uses free fonts so your website typography will look exactly as you intend it Fitness single page website templatewatch on youtubeFitness is an html template for gym fitness or health club It is cross browser compatible uses free fonts so your website typography will look exactly as you intend it Features HTML amp CSS No framework Responsive Template Free icons used Pixel Perfect Clean amp Unique Design Easy to customize Retina Ready Unlimited Colors Boxed or Wide layout SEO friendly Super fast loading speed Support me and my work to see more such projects View on GitHub Support me and my work to see more such projects	2022-02-03 15:34:52
海外TECH	DEV Community	5 Ways Poor Translation Affects E-commerce	https://dev.to/elezarachel/5-ways-poor-translation-affects-e-commerce-33of	Ways Poor Translation Affects E commerceThe pandemic was a blessing in disguise Yes You read that right One of the booming markets right now is the e commerce business Don t get this wrong e commerce has been around for ages but the pandemic made e commerce owners unleash their creativity and soar beyond imagination Initially e commerce wasn t taken too seriously by most people since most workers could just stroll in any of the physical outlets after closing hours and shop for whatever they wanted to get then boom The pandemic came and we were all locked down to prevent Coronavirus transmission One of the blessings the pandemic provided was propelling most e commerce companies to penetrate new territories hence the need for translation This will make it possible for people who do not understand the default language to easily purchase goods right in the corner of their bedroom and navigate the e commerce website without hassle However most e commerce companies are doing the translation the wrong way which will affect their business in the long run So let s get to know five ways poor translation affects e commerce Brand DamageMost e commerce stores started from the bottom and have consistently maintained their brand s name living and abiding by their own standards An e commerce store s slogan in a particular country could mean another thing in another country A typical example was when KFC entered a new territory The slogan for KFC is “its finger lickin good but was unintentionally changed to “eat your finger off in China which might be found offensive and could damage the brand s name Another example is Coors slogan “Turn It Loose translated to “having diarrhoea in Spanish No one would want to associate with such a brand right Poor translation shouldn t be taken with levity Lawsuits and FinesPoor translation does more than just piss potential customers off it could attract fines sometimes The absence of an oxford comma in a translation attracted a fine of around million for a fishing company a few years back It is actually tough to get everything right even if it is your local language but a poor translation will cause a lot of damage to your business Accounting ErrorsPoor translation doesn t affect words alone it also affects numerical characters There are differences in numerical formats in some countries a comma is used to separate figures that are more than a thousand to ease readability but in some countries a comma represents a decimal point So accounting in such a case could be disastrous Additionally when issuing an invoice that will contain the date Some countries use the format while some countries use the format Your invoice for the th of May could also be translated to April High CostsPoor translation increases the amount of the e commerce budget for translation For every mistake and poorly translated words and sentences you spend more money to make the proper correction Loss Of CustomersAn unhappy customer is a gone customer What this means is that for every poorly translated e commerce there is a high probability that such e commerce loses customers daily According to a study an average customer spends around to seconds on a website and once there are poor translations they tend to exit the website immediately This shows that as an e commerce store owner you tend to lose around of your potential customers due to poor translation Can you afford to lose that amount of customers at this present age So what are the ways to improve the translation you ask •Start Afresh With Clean Source ContentIn this present age launching an e commerce website has been made easy with the likes of WordPress and ready made themes Using the Do It Yourself method with free themes can adversely affect translating some content So rather start with a paid theme or hire a good e commerce website developer and the content writer then watch your translation go as easy as possible •Collaboration With A Translation CompanyThe most efficient way of translating your e commerce website is by collaborating with a translation service company This way you re in for a good time as they help with testing creating style guides localization engineering and other important things to make your business ready to compete in the new territory ConclusionDon t settle for less if you are entering new territory with your e commerce website Avoid the Do It Yourself translation and invest in a translation service company Your business will thank you	2022-02-03 15:25:07
海外TECH	DEV Community	Static Analysis with ESLint and LWC	https://dev.to/salesforcedevs/static-analysis-with-eslint-and-lwc-2ef2	Static Analysis with ESLint and LWCAs we learned in our last post static analysis is useful in various situations whether that s keeping a codebase consistent catching potential performance issues or rewriting code to be more idiomatic In our previous post we used PMD to analyze Apex code In this post however we ll consider how to analyze another Salesforce programming environment Lighting Web Components Salesforce developed Lightning Web Components LWC as a fast enterprise grade wrapper around vanilla web components LWC is built on the same HTML CSS and JavaScript that powers the web so any analyzer for those languages can be applied here In this post we ll integrate ESLint with your LWC project We ll also learn how to integrate ESLint with your editor and your CI system just like we did with PMD PrerequisitesBefore getting started you should have a relatively recent version of Node installed Some familiarity with JavaScript can also help but it s not essential We ll also be using VS Code for this tutorial We ll start by cloning our sample LWC project from this Git repository This repository is a forked copy of the dreamhouse lwc project except it has intentionally introduced some errors We ll use this to demonstrate how ESLint works Run npm install to download the project s dependencies ESLint is among them but you re also getting LWC specific ESLint plugins We ll go into more details on these below Integrating ESLintThe custom LWC components in this repo are stored in the force app main default lwc directory When you open this up you ll see several directories each representing a single component with their own HTML and JavaScript files Since JavaScript is an interpretedーrather than compiledーlanguage there s no inherent way to validate whether a code path is correct until it s executed With Apex Kotlin C or other compiled languages a compiler steps in to ensure that all of your code adheres to the language s grammatical rules With JavaScript Ruby Python or other interpreted languages you often won t know whether something is valid until a user encounters it This is why a static analyzer is crucial for these interpreted languages To demonstrate their power let s run ESLint and see what happens For this project ESLint has already been configured as an npm script so we don t need to do any configuration to run it In the directory where you cloned your project type this line at the command prompt npm run lintYou should see the following output gt dreamhouse lwc lint gt eslint lwc aura jsdreamhouse lwc force app main default lwc daysOnMarket daysOnMarket js error Parsing error Unexpected token expected dreamhouse lwc force app main default lwc propertyTile propertyTile js error selectedEvent is assigned a value but never used no unused vars problems errors warnings The second error is similar to what we saw in our Apex project a variable was created but unused However the first error is much more nefarious If you open the daysOnMarket daysOnMarket js file and navigate to line you ll notice that the final conditional is incorrectly marked as else if when it should simply be else if this daysOnMarket lt MAX DAYS NORMAL STATUS this status normal else if this daysOnMarket lt MAX DAYS WARNING STATUS this status warning else if this status alert Catching this kind of error in a unit test is not guaranteed This is the kind of subtle JavaScript bug that a static analyzer is perfectly designed for capturing and reporting on ESLint rule configuration is similar to that of PMD The main difference is that ESLint uses JSON notation instead of XML Open the file at force app main default lwc eslintrc json to see how these rules are defined Right at the top you ll see a line that reads extends salesforce eslint config lwc recommended prettier Here our ruleset is extending the salesforce eslint config lwc package we installed earlier Our project also has the option of adding new rules or inheriting from any other npm package which has ESLint rules configured Integrating ESLint in VS CodeRather than running ESLint on the command line let s integrate it directly into the editor This allows us to get immediate feedback on the code as it s being written without switching back and forth between the terminal There s a plugin for VS Code that brings ESLint right into the editor When you visit that page and click Install this downloads and installs the plugin to your editor Return to the daysOnMarket js file You ll notice that the previously offending else if line now has a red squiggly line underneath it If you place your mouse cursor over it a dialog box pops open that shows the error message from ESLint Integrating ESLint in CIAt this point you ve seen how ESLint runs across your entire project and how it can be applied to individual files in your editor The final location for integrating ESLint exists within your CI test suite Just as your test suite fully tests your application s logic your static analyzer should also run across your code to identify any potential errors or issues Since ESLint is a dependency installed through npm your CI servers don t need any additional configuration to support it If you re using GitHub Actions you can just add a separate step in your actions YAML file to run the program just as you do on the command line name CIon pushjobs build runs on ubuntu latest steps uses actions checkout v name Install modules run npm install name Run ESLint Run npm run lintIf you re not using GitHub actions you can simply run ESLint within a script bin shset enpm run lintSince ESLint fails with a non zero status running this script will mark your CI as a failure too if there are any issues ConclusionIn this series we ve taken a broad look at how static analysis helps keep your code clean consistent and effective Static analysis can help catch those smaller problems that might get overlooked in a code review making it an ideal component in your software development toolchain By integrating a tool such as ESLint into your CI test suite you can be sure that future changes won t introduce any undesirable effects For learning more about working with LWC Salesforce has Trailhead badges on various topics The ESLint website also provides some more information on the philosophy and goals of the project If you d like to explore more about how to bring Salesforce together with VS Code there s a whole suite of tools that can be installed as plugins to make writing code much easier	2022-02-03 15:22:59
海外TECH	DEV Community	Why Efficient Hydration in JavaScript Frameworks is so Challenging	https://dev.to/this-is-learning/why-efficient-hydration-in-javascript-frameworks-is-so-challenging-1ca3	Why Efficient Hydration in JavaScript Frameworks is so ChallengingHydration is the name given to the process in JavaScript frameworks to initializing the page in the browser after it has previously been server rendered While the server can produce the initial HTML we need to augment this output with event handlers and initialize our application state in a way that it can be interactive in the browser In most frameworks this process carries a pretty heavy cost when our page is first loading Depending on how long it takes for JavaScript to load and for hydration to complete we can be presenting a page that looks to be interactive but in reality isn t This can be terrible for user experience and is especially felt on lower end devices and slower networks You d think there would be a lot ways to address this And there are But none of them are foolproof Library authors have been circling around this for years incrementally improving on techniques So today I thought we d take a look at the topic of hydration specifically to best understand what we are dealing with Debunking Server Rendering as the Silver BulletSo you ve taken your favorite client rendering JavaScript Framework and now have it rendering on the server Better SEO Better performance Best of both worlds No Let s stop you right there This is a common misconception Simply server rendering your SPA doesn t suddenly fix everything In fact more than likely you ve increased your JavaScript payload and may have even longer times until your application is interactive than when you were just client rendering What I m not messing with you Most frameworks hydration ready code is larger than their typical client code because ultimately it needs to do both things It might only be hydrating at first but since your framework allows client side rendering it needs the code to do that as well And now instead of shipping our mostly blank HTML page immediately that might show some feedback to the user while it loads data we need to wait for the whole page to load and render on the server before we then run a process similar to rendering in the browser That page is also a lot larger as it contains all our HTML and the data our application needs to bootstrap itself It s not all bad Generally speaking your main content should be visible faster since you didn t have to wait for the browser to do an additional round trip to load the JavaScript before it got to work But you also delayed the loading of assets including the JavaScript needed to hydrate your app Note This is highly dependent on consumer network and data latency And there are many techniques to address this load performance timing like streaming But I seek to illustrate this isn t a clear win and we have new tradeoffs and considerations The Fundamental ProblemWhen it comes to client side hydration there are two characteristics that are pretty unfortunate One is we render on the server and now we basically need to re render it again in the browser to hydrate everything The second is we tend to send everything across the wire twice Once as HTML and once in JavaScript Generally it gets sent across in forms The Template component code static templatesThe Data the data we use to fill our templateThe Realized View the final HTMLThe template views are both in your bundled JavaScript and rendered HTML and the data is present both as usually a script tag rendered into the page and also in part in the final HTML With client rendering we just sent the template and requested the data to render it There is no duplication However we are at the mercy of the network loading the JavaScript bundle before we can show anything So having the realized HTML from the server is where we get all the benefits of server rendering It lets us not be at the mercy of JavaScript loading times to display our site But how do we combat the inherent extra overhead that comes from server rendering Static Routes No Hydration Examples Remix SvelteKit SolidStartOne idea that we ve seen employed in a number of JS SSR frameworks is the ability to just remove the lt script gt tag on some pages These pages are static and don t need the JavaScript No JavaScript means no extra traffic over the network no data serialization and no hydration Win Well of course unless you need JavaScript You could sneak in some vanilla JavaScript on the page and maybe that d be fine for somethings but this is far from desirable You are basically creating a second app layer This is the no nonsense way to approach this though But realistically once you add dynamic stuff and you want to leverage the framework you are pulling everything in This approach is something we ve always been able to do with SSR with pretty much every solution out there but it also isn t particularly flexible It s a cool trick but it isn t really a solve for most things Lazy loading the JavaScript Progressive Hydration Examples AstroThis approach is what I refer to as Progressive or Lazy Hydration It isn t saying we won t load the JavaScript Just that won t load it immediately Let s load it on interaction The extra benefit of this is if we never interact with part of the page maybe we never even send that JavaScript But there s one catch Most JavaScript frameworks need to hydrate top down This is as true for React as it is for Svelte So if your app contains a common root as Single Page apps do we need to load that And unless our render tree is really shallow you may find that when you click that button half way down the screen you needed to load and hydrate a huge amount of code anyway Deferring the overhead until the user does something isn t really any better It s probably worse since now it s a guarantee that you will be making them wait But your site will have a better Lighthouse Score So maybe this might benefit apps that have wide and shallow trees but that isn t really the common case in your modern Single Page App SPA Our patterns around client side routing Context Providers and Boundary Components Suspense Error or otherwise have us building things deep This approach also can t do anything to save us from serializing all the data that could be used We don t know what will eventually load so it all needs to be available Extracting Data from the HTMLExamples Prism CompilerThe other thought that people usually have right away is maybe I can reverse engineer my state from the rendered HTML Instead of sending a big JSON blob you would initialize the state from the values inserted in the HTML It isn t a terrible idea on the surface The challenge is model to view aren t always to If you have derived data trying to get back to the original to re derive is in many cases impossible For example if you show a formatted timestamp in your HTML you might have not encoded the seconds but what do you do if another UI option allows you to change to a format that does Unfortunately this applies not only to state we initialize but data coming databases and APIs And often it isn t as simple as not serializing the whole thing into the page Remember most hydration runs the app again on initialization in the browser top down Isomorphic data fetching services will often try to refetch it again in the browser at this time if you don t send it and setup some sort of client side cache with the data Islands Partial Hydration Examples Marko AstroPicture a web page as mostly static HTML that doesn t need to be re rendered or hydrated in the browser Inside it there are the few places where a user can interact which we can refer to as our Islands This approach is often called Partial Hydration since we only need to hydrate those islands and can skip sending the JavaScript for anything else on the page With an app architected this way we only need to serialize the inputs or props to the top level components since we know nothing above them is stateful We know it can never re render That outside of the islands is incapable of change In so we can solve a lot of the double data problem simply by never sending the data we don t use If it isn t a top level input there is no way it can be needed in the browser But where do we set the boundaries Doing it at a component level is reasonable as it is something we as humans can make sense of But the more granular the islands the more effective they are When anything under an island can re render you need to send that code to the browser One solution is developing a compiler smart enough to determine state at a subcomponent level In so not only are static branches pruned from our tree but even ones nested under stateful components But such a compiler would need a specialized Domain Specific Language DSL so that it could be analyzed in a cross module fashion More importantly islands means server rendering each page on navigation This multi page MPA approach is the way the web classically works But it means no client side transitions and loss of client state on navigation Effectively Partial Hydration is an improved version of our Static Routes above One where you only pay for the features you use Out of Order HydrationExamples QwikIf Partial Hydration is an updated version of our Static Routes Out of Order Hydration is an improvement on Lazy Loading What if we weren t restricted by the typical top down rendering frameworks do to hydrate It lets that button half way down the page hydrate independent of you loading the pile of client routing and state managers on the page above it in the component hierarchy This has a fairly hard restriction For this to work the component must have everything it needs to operate initially without depending on its parent But components have a direct relationship with their parents as expressed through their input or props One solution is dependency injection to get all inputs in the respective components The communication isn t direct between parent child And on server render the inputs of all components can be serialized deduped of course But this also applies to children being passed into our components They need to be fully rendered ahead of time Existing frameworks do not work this way for very good reason Lazy evaluation gives the child the ability to control how and when children are inserted Almost every framework that eager evaluated children at one point now does it lazily This makes this approach very different feeling to develop in as the rules of parent child interactions we are used to need to be orchestrated and restricted And like lazy loading this approach doesn t save us on data duplication since while it can hydrate fairly granularly it doesn t ever know which components actually need to be sent to the browser Server ComponentsExamples React Server ComponentsWhat if you could take Partial Hydration but then re render the static parts on the server If you were to do that you d have Server Components You d have a lot of the same benefits of Partial Hydration with the reduced component code size and the removal of duplicate data but not give up maintaining client side state on navigation The challenge is that to re render the static parts on the server you need specialized data format to be able to diff the existing HTML against it You also need to maintain normal server HTML rendering for initial render This means much more complicated build step and different sort of compilation and bundling between these server components and those client ones More so even if you ve removed incremental overhead you need a larger runtime in the browser to make this work So the complexity of this system probably doesn t offset the cost until you get to larger websites and apps ConclusionThis is an area that is constantly being worked on so new techniques are constantly emerging And the truth of the matter is the best solution might be a combination of different techniques What if we took a compiler that could automatically generate sub component islands could hydrate out of order and supported server components We d have the best of all worlds right Or maybe the tradeoffs would be too extreme that it wouldn t jive with people s mental model Maybe the complexity of solution too extreme There are a lot of ways this can go Hopefully now you have some more insight into the work that has been going on for the last few years to solve one of modern JavaScripts most challenging problems	2022-02-03 15:19:56
海外TECH	DEV Community	How to Maintain Quality when Transitioning from Monolith to Microservices	https://dev.to/mbogan/how-to-maintain-quality-when-transitioning-from-monolith-to-microservices-ap0	How to Maintain Quality when Transitioning from Monolith to MicroservicesPiece by piece legacy monolith applications are being broken down and replaced by microservices Organizations large and small are making the transition but that doesn t mean the transition is easy Until recently the challenge of transitioning well has held up many organizations but there are some options to make this easier In this post we ll look at some of the critical metrics to monitor when making the transition along with helpful tools to get you from monolith to microservices The why and the howOrganizations make the switch to microservices for several reasons When an application is broken into small pieces those pieces are easier to test and quicker to deploy With this modularization also comes more clearly scoped responsibilities for developers and teams However even the most motivated and competent company needs to ask the important “how questions to ensure a successful transition How do we maintain quality with a massive code rewrite How do we make sense of all the moving parts How do we observe our environments How do we monitor the impact The answers to these questions come down to two primary areas observability and monitoring While many developers conflate the two terms there are some nuanced differences between them Observability comes first in the chain A system or application must be observable before it can be monitored In a practical sense that could mean installing OS level services or agents or in the case of an application exposing a metrics endpoint Once that critical information is exposed then it can be monitored Monitoring tells you what is or will soon be broken and how it reached that state As you make the transition from monolith to microservices what should you observe and monitor and what tools will you use to do it What to watch when you re making the transitionYour transition from monolith to microservices should be transparent to your users In order to accomplish that goal your monitoring system should be able to answer certain key questions Are we meeting our customers needs by providing sufficient uptime and availability Are my applications responding quickly enough How quickly can we be aware of an issue to troubleshoot it How are the developers managing the change Let s look in more detail at each of these and how we can answer them Are we meeting our customers needs by providing sufficient uptime and availability In most cases you will already have the answer to this question for your current monolith application You ll know the amount of uptime for your customer facing applications and you ll know how much downtime is caused by deployments or unplanned outages In the context of microservices tracking uptime is similar but will take more data points to determine as you develop “critical path microservices For example if you extract your login logic as a separate microservice the availability of the frontend microservice may go up However login service downtime will have a significant impact on your users In other words the answer to this question is more complex with microservices but proper tooling and the ability to trace a request from start to finish will help you get there Are my applications responding quickly enough Within a monolith application the moving parts are closer togetherーall the spaghetti is in the same bowl A transition to distributed microservices will impact the responsiveness of your applications since a request no longer travels through a monolith but instead may spawn several requests to different microservices In order to answer this question you need to monitor your application and your infrastructure focusing on monitoring intelligence and visualization in your technical management structure Having a metric from request to result and tracing it through multiple microservices and systems will provide you with the insights and answers you need How quickly can we be aware of an issue to troubleshoot it A breaking issue in a monolith application can bring the entire system to a grinding halt With a system built on decoupled and modular microservices however an issue in one microservice may be latent and escape attention Ultimately the ability to identify issues quickly comes down to the intersection of observability and monitoring The right parts of a microservice need to be observable so they can be monitored The alert needs to have pertinent information to speed up troubleshooting and resolution time For example a “High CPU alert with no other information is hardly useful How much more useful would it be to have an alert that says “High CPU maintained on system for time period with a snapshot of processes utilizing a lot of CPU over the past several minutes This kind of alerting would decrease resolution time substantially How are the developers managing the change This ties into the high level points of speed stability and sanity from above Developer sentiment may be less measurable but it is hugely important While attrition is a risk at any stage in the lifecycle of a business it can be a business killer when you re in the middle of a major transition The simplest way to answer this question is through informal conversation with the teams involved or a more formal survey of your developers Even though your development teamsーfeeling the monolith painーare motivated to do this transition it s still important to stay in tune with how they re feeling Using tools to helpTooling is important No doubt about it Tooling helps determine and measure the service level indicators SLIs which inherently impact your service level objectives SLOs With good tooling you can get up and running quickly and with fewer headaches Transitioning to microservices should have a net positive impact on your SLIs SLOs but the only way to know for certain is through a holistic view of your environment with good observabilityーand even better monitoring Roll your own or open source When deciding which tools to use the reflex of many organizations is to build their own After all who knows your observability and monitoring needs better than your own developers or SRE team The honest truth is that “rolling your own toolingーespecially to be effective and accurateーis terribly challenging and notoriously error prone Most organizations find that it s not worth it and they regret finding out the hard way The next best option is to go the open source route A Prometheus Jaeger Grafana stack will give you a good portion of what you d need during the transition In this setup you would use Prometheus clients installed on your system or included as libraries in your application code The clients capture metrics and expose them for a Prometheus server to scrape and store in a time series database Jaeger performs distributed tracing capturing metrics and data for transactions that wind their way through a system of microservices Meanwhile Grafana works with the Prometheus and the Jaeger data sources to provide visualizations and dashboards This open source setup gives you the opportunity to modify and configure the tools to your needs It also likely covers some of your general use cases out of the box The downside here of course is that with every tool you need to keep up with releases security patches and configuration drifts not to mention teaching everyone on the team how to use and maintain each tool In addition open source solutions often bring scaling challenges down the road As more microservices are built the costs for both managing the software and storing the telemetry data begin to rise sharply Going with the tried and trueFor a task this important having a well established vendor with monitoring and observability prowess may be the preferred way to go Some options include Splunk A data platform that is “data source agnostic able to ingest metrics logs and traces supporting hybrid cloud and multi cloud architectures AppDynamics Cisco A full stack observability platform that provides visibility into every component of a distributed application supporting integrations for automated issue mitigation Dynatrace An “all in one platform that handles infrastructure monitoring application and microservices monitoring and security and cloud automation AppOptics SolarWinds AppOptics is an application performance and infrastructure monitoring tool for hybrid and cloud native environments Lightstep A monitoring and observability platform with a special focus on change management connecting how code or infrastructure changes affect application performance To explore how this plays out in the monolith to microservices transition let s look at an actual implementation using one of the above tools Lightstep Lightstep has a specific focus on the monolith to microservices transition in how they design their products Lightstep combines both observability and monitoring into one visibility pane that provides a holistic picture of the monolith to microservices journey There are many features directly applicable to microservices We ll cover several key features and use the sandbox to see how we can answer some of our questions around maintaining quality Change IntelligenceThe Change Intelligence feature helps you connect a problem in the application with the specific code change that introduced it You can review a metric and identify related traces and even deployments associated with that metric Let s say you see a CPU utilization spike and want to dive into the details Here s what you would do Step Identify the anomaly and highlight it This gives you the “What caused this change prompt Click the prompt when it appears Step Review the changes in the Warehouse service We can see on the last line that there was a change in the version of the service captured in this group of traces that coincides with the spike in CPU utilization The functionality is easy to understand With Lightstep you no longer need to manually correlate cause and effect or hope that you ve written your alerting or logging rules correctly You ll be able to see traces for all of your microservices and correlate error rates and resource spikes directly to changes in the environment Infrastructure and application monitoringUsing the dashboards makes it easier to see all of the moving parts The Service Diagram enables a holistic view of your microservices It shows the direction of traffic flow whether or not errors are occurring and general metrics of the flow between services Distributed TracingAnother feature worth noting is distributed tracing which helps you wrangle all your microservices into one view This will show you the length of each phase what endpoints it hit and numerous other bits of information that will help make sense of what went wrong and how to fix it Wrap upIf your organization s transition from monolith to microservices hasn t happened yet it will likely happen soon The challenge for every organization is to ensure the transition is seamless while also maintaining or improving the quality of your application from start to finish Observability and monitoring are key to maintaining quality and that s hard to come by without a comprehensive tool that provides insights and a holistic view of the changes you make along the way Fortunately tools like Lightstep s provide that bird s eye view for developers allowing for greater continuity and smoother transitions	2022-02-03 15:19:51
海外TECH	DEV Community	Water of Life - A Scotch Whisky API	https://dev.to/michaellobman/water-of-life-a-scotch-whisky-api-1abe	Water of Life A Scotch Whisky APIHello I m back with my first full stack web application Water of Life a Scotch whisky API using a React JS frontend and Object Oriented Ruby Active Record and Sinatra on the backend For those unfamiliar with Scotch it is essentially just whisky distilled and bottled in Scotland Scotland itself is divided into regions each region has many distilleries and each distillery has many bottles Sounds like a perfect dynamic to take advantage of Active Record macros The API is comprised of three tables regions distilleries and bottles each with a corresponding model that inherits from ActiveRecord Base As for the associations between the models a region instance has many distilleries and a distillery instance has many bottles The distillery model acts as the join class so that a region instance has many bottles through distilleries and a bottle instance has one region through the distillery to which it belongs class Region lt ActiveRecord Base has many distilleries has many bottles through distilleriesendclass Bottle lt ActiveRecord Base belongs to distillery has one region through distilleryendWith these associations established Water of Life harnesses the power of Active Record to provide useful organized data the client requests through the routes established with Sinatra Yes I did it Sinatra s way Not My Way But trust me The Best is Yet to Come The first and most comprehensive endpoint in the application controller is the get all route get all do regions Region all regions to json include distilleries include bottles endSimply this returns all of the API s data hierarchically structured by region distillery and bottle More dynamic routes like get bottles id take advantage of the params hash to locate and return the data for a specific bottle get bottles id do bottle Bottle find params id bottle to json include distillery include region endOr even delete it from the database entirely delete bottles id do bottle Bottle find params id bottle destroy bottle to json include distillery include region endIn both of these methods the routes are not only returning information about the specific bottle instance but are including the data from its associated distillery and region as well bottle to json include distillery include region Such functionality is possible because of the associations established earlier with Active Record Finally for one of the post routes on the API As a quasi well adapted perfectionist I want my API to be efficiently created and properly maintained which includes new bottles being added to the database in the correct format Many scotches have a multiple word name Lagavulin Year Old macallan double cask year old etc I prefer the former not the latter Of course I could have imposed a regex validator on the frontend form but users shouldn t inherit my problems after all I m not their parent class There are Ruby gems that provide a method to titleize a string but I wanted to write my own method to better understand the process involved def titleize string title cased string split map do word letters word split letters letters upcase letters join end title cased join endAnd that as they say is that My first API and full stack web application How far we ve come Feeling thirsty Check out Water of Life for details on your scotch of choice And if it s missing please add it	2022-02-03 15:12:47
Apple	AppleInsider - Frontpage News	Putting Face ID unlock with masks to the test in iOS 15.4 & how to set it up	https://appleinsider.com/articles/22/02/03/putting-face-id-unlock-with-masks-to-the-test-in-ios-154-how-to-set-it-up?utm_medium=rss	Putting Face ID unlock with masks to the test in iOS amp how to set it upIn the upcoming iOS update Apple is finally making it possible to unlock your iPhone while wearing a mask while nixing the Apple Watch requirement Here s how to enable it and how well it performs Testing Face IDThe iOS update brought the ability to unlock your iPhone while wearing a mask ーassuming you also happened to own an Apple Watch Face ID would detect you had a mask on check for an authenticated Apple Watch nearby then unlock your iPhone Read more	2022-02-03 15:35:45
Apple	AppleInsider - Frontpage News	Apple TV+ announces 'Dear Edward' drama from creator of 'Friday Night Lights'	https://appleinsider.com/articles/22/02/02/apple-tv-announces-dear-edward-drama-from-creator-of-friday-night-lights?utm_medium=rss	Apple TV announces x Dear Edward x drama from creator of x Friday Night Lights x Friday Night Lights creator Jason Katims and star Connie Britton are producing a ten part series for Apple TV based on Ann Napolitano s Dear Edward novel Connie Britton Jason KatimsNapolitano is acting as co executive producer with Jason Katims who is writing the script Apple reports that Dear Edward is the story of Edward Alder a year old boy who survives a devastating commercial plane crash that kills every other passenger including his family Read more	2022-02-03 15:33:03
海外TECH	Engadget	EPA objects to US Postal Service plan to buy a new gas-powered delivery fleet	https://www.engadget.com/epa-urges-usps-halt-to-gas-delivery-truck-purchase-153248945.html?src=rss	EPA objects to US Postal Service plan to buy a new gas powered delivery fleetThe Biden administration is determined to eliminate combustion engine vehicles from federal fleets and it s not thrilled that one agency might be holding it back According to The Washington Post the Environmental Protection Agency and White House Council on Environmental Quality have sent letters to the US Postal Service urging it to rethink a proposal to mostly buy gas powered next gen delivery trucks in a project worth up to billion The current strategy is a quot lost opportunity quot to more drastically reduce the carbon footprint of one of the world s largest government fleets EPA associate policy administrator Vicki Arroyo wrote Only percent of the USPS new trucks would be electric under the existing proposal and the overall effort would only improve the fleet s fuel economy by MPG Postmaster General Louis DeJoy previously claimed the Postal Service couldn t afford more electric mail vehicles and has argued his agency needs to focus on basic infrastructure improvements over technology The USPS is required by law to be self sufficient and can t simply request government funds There may be an uphill battle to make any changes DeJoy has staunchly refused to alter the purchasing plan and the USPS rejected California officials January th request for a public hearing on the plans The service also largely ignored EPA advice when it created the analysis guiding its plan The environmental regulator accused the USPS of using quot biased quot estimates that preferred gas based trucks The mail institution reportedly assumed battery and gas prices would remain static even decades later and that the existing charging infrastructure wouldn t grow It further overestimated the emissions from plug in vehicles according to the EPA The Postal Service might be forced to change regardless The EPA has the option of referring its disagreements to the White House Council on Environmental Quality which can mediate disputes like this The letters gave the USPS a last chance to voluntarily rethink its proposal before the Council stepped in sources for The Post claimed Environmental groups are also likely to sue if the gas centric plan moves ahead and the law firm Earthjustice told The Post the USPS might lose when its proposal often lacks supporting evidence You may well see a transition toward mail carrying EVs even if the transition is particularly messy	2022-02-03 15:32:48
海外TECH	Engadget	The EARN IT Act is back, and not much has changed	https://www.engadget.com/earn-it-act-2022-explained-153058123.html?src=rss	The EARN IT Act is back and not much has changedThe EARN IT Act is a piece of legislation first introduced in by Republican Senator Lindsay Graham and Democratic Senator Richard Blumenthal Its sponsors of which there are many say that the bill will tackle the proliferation of Child Sexual Abuse Material CSAM posted online Its critics say that the bill uses an emotive subject as cover to force tech companies to further erode online privacy protections and curtail freedom of speech Much like FOSTA SESTA before it the bill s key target is further weakening the legal protections of Section Communications Decency Act better known as the “ words that created the internet Originally tabled March th the bill received plenty of bipartisan support in the Senate and was passed to committee soon after It did not however receive a full vote at the time likely due to the fact that COVID massively disrupted the legislative process It has now been reintroduced in largely the same form as before and is being discussed by the Senate Judiciary Committee on Thursday February rd Broadly speaking the bill seeks to launch a new national commission led by a committee of senior law enforcement officials This body would develop a series of so called best practices to prevent online platforms distributing CSAM Any platform that did not adopt these best practices would subsequently lose their immunity provided to them by Section It also places a lot of power to regulate internet providers directly in the hands of state legislatures As Engadget explained at the start of Section gives internet infrastructure providers broad legal immunity from the actions of their users If you write something that is defamatory on your Facebook page it ll be you not Mark Zuckerberg who has to answer for it It s this protection from liability that has allowed a wide variety of internet businesses to flourish Now imagine what would happen if every online platform was on the hook for everything its users wrote The ability to write pretty much anything online would disappear within weeks with only the wealthiest platforms Facebook able to survive Everything that wasn t instantly shut down would be subject to even more overzealous moderation than what s currently in use Think about it this way Imagine if Yelp was itself legally liable to every restaurant which received a bad review on its service It would either have to shut down purge every bad review in its database rendering it useless or get sued into oblivion in very short order One of the bill s more troubling moves is to outsource the key decision making power to a politically chosen body The committee would involve the Attorney General Secretary of Homeland Security and appointees with a background in law enforcement There is an understandable concern that such a group would be unrepresentative in terms of the broader debate around this issue and unaccountable for the decisions that it reaches This lack of accountability and the fact that the bill repeats many of the same mistakes that marked the passage of FOSTA SESTA advocacy groups are worried The American Civil Liberties Union ACLU for instance believe that the law s broad scope could be used to erode basic online freedoms at the whims of politicians At the time the bill was initially introduced the Attorney General was William Barr a prominent critic of encryption Barr said many times that tech companies “can and “must put back doors into their products The Electronic Frontier Foundation EFF said that such a move would enable “law enforcement agencies from the FBI down to the local police to scan every message sent online The fact that the new text explicitly nods that the use of encryption could be a reason to lose liability protection makes this even more troubling And even if that clause is watered down the broad brush power handed to the committee overall means it just takes a change in leadership and encryption is gone for good Part of the broader context around Section is the myth intentionally propagated by some lawmakers and journalists that online platforms are censoring conservative voices Time and again prominent figures on the right decry outfits like Facebook when it takes down content that violates its terms of service They say that it s partisan censorship despite the fact that Facebook has in fact bent overbackwards to accommodate and keep prominent right wing figures on its site The attacks on S are to be seen as both a political cudgel to ensure major platforms continue to carve out exceptions for prominent Republicans and as a way of censoring huge swathes of internet speech More than HALF A MILLION people signed this petition to lawmakers opposing the EARN IT Act last Congress Why would you reintroduce this bill without fixing any of the glaring problems that have been pointed out by human rights and security experts ーEvan Greer evan greer February No discussion of Section can exist without talking about the harms created by the passing of FOSTA SESTA That bill had a similar aim of weakening the protections of Section passed under the aegis of preventing sex trafficking Once signed into law in a number of websites dealing with sex sex work and sexual education were forced offline Democrats in were sufficiently concerned by the fallout from the bill that they unsuccessfully attempted to pass a bill that would study the impact of FOSTA SESTA on vulnerable individuals Freedom Network a body that works to prevent trafficking and provide support to its victims spoke out against EARN IT at the end of It along with a number of other groups backed a letter PDF saying that the bill was flawed and wouldn t succeed in its supposed aims It said that the bill would repeat the mistakes of FOSTA SESTA explaining that “instead of narrowly targeting sex trafficking which used digital platforms the law de platformed and erased the existence of many including sex workers harm reduction workers and sex educators It added that the bill could cause disproportionate harm to LGBTQ communities who would be starved of vital educational material and access to a broader community Human Rights Watch meanwhile wrote to Graham and Dianne Feinstein in June to lodge its own opposition to the bill It said that “the EARN IT Act not only jeopardizes privacy and threatens the right to free expression but also fails to effectively protect children from online exploitation Since the bill has reemerged these same criticisms have been leveled against it given that little has changed about its construction The Center for Democracy and Technology said on Tuesday that its changes “in some cases makes things worse It remains to be seen however if these criticisms will get through to the politicians who will begin debating the bill in earnest later today	2022-02-03 15:30:58
Cisco	Cisco Blog	The Partner Launch Experience: Leading with Hybrid Work	https://blogs.cisco.com/partner/the-partner-launch-experience-leading-with-hybrid-work	The Partner Launch Experience Leading with Hybrid WorkWe re giving you exclusive partner only content with the Cisco Partner Launch Experience your primary place to get easy to consume information on what s being launched and announced	2022-02-03 15:00:57
海外TECH	CodeProject Latest Articles	Azure IoT Hub Tester	https://www.codeproject.com/Articles/1173356/Azure-IoT-Hub-Tester	device	2022-02-03 15:46:00
海外科学	NYT > Science	Groundhog Day: Munching Marmots Emerge From the Scientific Shadows	https://www.nytimes.com/2022/02/01/science/groundhogs-animal-behavior.html	animal	2022-02-03 15:03:25
海外科学	NYT > Science	The Post Office Is Buying Gas-Powered Trucks, Despite Biden Climate Order	https://www.nytimes.com/2022/02/02/climate/postal-service-trucks-electric-climate.html	The Post Office Is Buying Gas Powered Trucks Despite Biden Climate OrderThe president wants an electric federal fleet but Postmaster Louis DeJoy is spending billions on gas powered vehicles That s prompted scrutiny and calls for his resignation	2022-02-03 15:17:18
金融	RSS FILE - 日本証券業協会	株券等貸借取引状況（週間）	https://www.jsda.or.jp/shiryoshitsu/toukei/kabu-taiw/index.html	貸借	2022-02-03 15:30:00
金融	金融庁ホームページ	「ESG評価・データ提供機関等に係る専門分科会（第１回）」を開催します。	https://www.fsa.go.jp/news/r3/singi/20220203.html	評価	2022-02-03 17:00:00
金融	金融庁ホームページ	「ESG評価・データ提供機関等に係る専門分科会」の設置について公表しました。	https://www.fsa.go.jp/news/r3/singi/20220203-2.html	評価	2022-02-03 17:00:00
ニュース	BBC News - Home	Downing Street parties have damaged trust in government - Rishi Sunak	https://www.bbc.co.uk/news/uk-politics-60241376?at_medium=RSS&at_campaign=KARANGA	support	2022-02-03 15:21:41
ニュース	BBC News - Home	Bafta Film Awards 2022: Dune leads nominations with 11	https://www.bbc.co.uk/news/entertainment-arts-60213530?at_medium=RSS&at_campaign=KARANGA	belfast	2022-02-03 15:35:06
ニュース	BBC News - Home	Morocco well rescue for five-year-old grips nation	https://www.bbc.co.uk/news/world-africa-60244091?at_medium=RSS&at_campaign=KARANGA	grips	2022-02-03 15:49:06
ニュース	BBC News - Home	Pierre-Emerick Aubameyang: 'Problem' with Mikel Arteta led to Arsenal exit, says Barcelona striker	https://www.bbc.co.uk/sport/football/60209363?at_medium=RSS&at_campaign=KARANGA	Pierre Emerick Aubameyang x Problem x with Mikel Arteta led to Arsenal exit says Barcelona strikerPierre Emerick Aubameyang says his problem with Arsenal boss Mikel Arteta contributed to his decision to leave the club and join Barcelona	2022-02-03 15:38:18
ニュース	BBC News - Home	'He obviously doubts his ability' - Williams goads Eubank over rematch clause	https://www.bbc.co.uk/sport/boxing/60249239?at_medium=RSS&at_campaign=KARANGA	x He obviously doubts his ability x Williams goads Eubank over rematch clauseWelshman Liam Williams questioned Chris Eubank Jr s confidence in himself for the all British middleweight fight on Saturday	2022-02-03 15:09:52
北海道	北海道新聞	「美しすぎる検事」政府副長官に　ロシアの海外交流機関	https://www.hokkaido-np.co.jp/article/641653/	海外	2022-02-04 00:18:00
北海道	北海道新聞	松本氏が麻生派特別会員に　銀座クラブ問題巡り落選	https://www.hokkaido-np.co.jp/article/641650/	新型コロナウイルス	2022-02-04 00:16:00