投稿時間:2021-09-08 04:29:08 RSSフィード2021-09-08 04:00 分まとめ(32件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Government, Education, and Nonprofits Blog	It’s back: Register for the in-person AWS Summit in Washington, DC	https://aws.amazon.com/blogs/publicsector/its-back-register-in-person-aws-summit-in-washington-dc/	It s back Register for the in person AWS Summit in Washington DCRegistration is now open for the no cost in person AWS Summit Washington DC taking place September at Walter E Washington Convention Center in Washington DC Deepen your cloud knowledge and gain new skills to design and deploy solutions in the cloud to accelerate your mission Across breakout sessions chalk talks builders sessions workshops and more learn how the public sector is innovating in a post pandemic world	2021-09-07 18:59:29
python	Pythonタグが付けられた新着投稿 - Qiita	画像解析実践入門_指紋の稜線分析 1(前処理編)	https://qiita.com/kentarou524/items/f6d28d3f8a8fb87bb3dd	二値化する方法ですが有名なのは大津法で求めたしきい値による二値化です。	2021-09-08 03:40:24
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	vscodeの既定のプロファイルをコマンドプロプトに設定しても実行時にパワーシェルに変更されてしまう。	https://teratail.com/questions/358283?rss=all	発生している問題vscodeを更新してから、既定のプロファイルがcommandpromptでもターミナルで実行時に強制的にpowershellになってしまいます。	2021-09-08 03:02:56
Ruby	Railsタグが付けられた新着投稿 - Qiita	rails assets:precompile RAILS_ENV=productionでエラー	https://qiita.com/divclass123/items/bdf335723e8828e01fab	babelpresetenv設定でlooseオプションがfalseに設定されていますが、babelpluginproposalclasspropertiesのlooseモードオプションがtrueに設定されているため、babelpluginproposalprivatepropertyinobjectでは使用されません。	2021-09-08 03:15:52
海外TECH	Ars Technica	California streaming: Apple’s next big event is September 14	https://arstechnica.com/?p=1792418	iphones	2021-09-07 18:29:50
海外TECH	DEV Community	Ember 3.28 and 4.0 Beta Released	https://dev.to/emberjs/ember-3-28-and-4-0-beta-released-10o	Ember and Beta ReleasedAfter years and minor releases Ember marks the end of the project s x series To ensure a smooth upgrade path going into the x series has been declared an LTS Long Term Support candidate In six weeks the latest patch version of will be promoted to be the latest LTS release and replace LTS We re also announcing the start of the Ember beta cycle for all sub projects Following the process set in previous major versions Ember s beta introduces no new features Instead it removes support for deprecated public APIs We encourage our community especially addon authors to help test beta builds and report any bugs before they are published as a stable release in six weeks time We also encourage everyone to help maintainers resolve deprecations in their favorite addons The ember try addon is a great way to continuously test your projects against the latest Ember releases Developers who want to prepare for the upcoming version of Ember should work to resolve all deprecation warnings in their apps and addons while using Ember An app or addon with no deprecation warnings on Ember should be able to upgrade from Ember without making significant changes outside of the dependency versions You can read more about Ember s plans for in The Road to Ember Ember jsEmber js is the core framework for building ambitious web applications Changes in Ember js Ember js is an incremental backwards compatible release of Ember with bug fixes performance improvements and a minor deprecation fix introduces no new features helping to ensure the final release of the x cycle is stable and battle tested For the full set of changes including bug fixes see the Ember js release page on GitHub In Ember various string methods added to the String prototype were deprecated for removal in Ember htmlSafe the version available via string prototype was supposed to be included in those deprecations however it was overlooked This omission is corrected in Ember DataEmber Data is the official data persistence library for Ember js applications The changes introduced in Ember Data focus on bug fixes and refactors in preparation for Changes in Ember Data Improvements to relationship materialization amp unloading performanceA number of performance improvements were shipped in Ember Data including significant improvements to relationship materialization and unloading performance via emberjs data and emberjs data In particular the performance improvements should be notable when loading large sets of data See the PRs linked above and changelog for further notes on performance improvements Unload records from the store when calling destroyRecorddestroyRecord would previously leave the deleted record in the store This could cause issues if IDs were re used or could require extra filtering to confirm that destroyed content was not in an array of models will unload records from the store when destroyRecord is called For more details see emberjs data and the GitHub issues mentioned in the PR Custom Model ClassesUsed conventionally Ember Data blends the definition of a model s schema and record API into a single JavaScript class For example import Model from ember data model export default class PersonModel extends Model Define a schema attr string firstName attr string lastName Define an API on the record instance get fullName return this firstName this lastName Ember Data introduces the ability to separate model schema and record instance class definitions This is a low level capability that we expect addon authors to use when they experiment in these areas possibly others First forcing the definition statically or at runtime of a distinct class for every model can cause performance issues Large applications may have hundreds of models If most or all of these models do not require unique classes we re generating more memory load and asking more of the JIT s type system than they may be necessary In the extreme case it may be possible for all record instances in an application to share a single root class Second the current Ember Data schema definition API forces definitions to be authored in JavaScript Removing that limitation allows us to experiment with more optimal or powerful ways to encode schema such as JSON These alternatives may perform better in payload size or in parse eval may better support generation and synchronization with API typing systems and better support static analysis for example with TypeScript For further details on these new capabilities refer to RFC Custom Model ClassRFC Request State ServiceRFC Record State on RecordDataRFC RecordData ErrorsMuch of this API surface is already used by the ember m project which provides an alternative model class for Ember Data Bug FixesEmber Data introduced bug fixes and some internal refactors For the full set of changes see the CHANGELOG md Ember CLIEmber CLI is the command line interface for managing and packaging Ember js applications Changes in Ember CLI Drop Node supportEmber CLI drops support for Node Node became end of life it no longer receives security updates in April Introducing ember addon projectRootThis new configuration option allows you to run ember serve from outside of a project s root directory For example if you re using yarn workspace or a monorepo and want to support running ember serve from the root of the repo update the top level package json to include the following config ember addon projectRoot packages path to ember project For more details on the changes in Ember CLI and detailed upgrade instructions please review the Ember CLI release page Upgrading Ember CLIYou may upgrade Ember CLI using the ember cli update project npx ember cli updateThis utility will help you to update your app or addon to the latest Ember CLI version You will probably encounter merge conflicts in which the default behavior is to let you resolve conflicts on your own For more information on the ember cli update project see the GitHub README While it is recommended to keep Ember CLI versions in sync with Ember and Ember Data this is not required After updating ember cli you can keep your current version s of Ember or Ember Data by editing package json to revert the changes to the lines containing ember source and ember data Thank You As a community driven open source project with an ambitious scope each of these releases serves as a reminder that the Ember project would not have been possible without your continued support We are extremely grateful to our contributors for their efforts	2021-09-07 18:30:42
海外TECH	DEV Community	Are you ready for React 18?	https://dev.to/codewithtee/are-you-ready-for-react-18-4ip1	Are you ready for React Hey Coders If you are a react developer then you might have already heard about he latest of version of React React Alpha The team is still working on the update and there is still a lot to come so in this article let s see what s happening in the version and breakdown it into simple The first thing that come to our mind every time there is an version update is the latest set of changes will break anything with your current setup or whether you will have to learn new completely unrelated concepts The answer is no we will be able to adopt React without rewrites and try the new features at our own pace React what can we expect out of the box improvements including automatic bathing new streaming server renderer with built in support for React lazy other concurrent features such as startTransition useDeferredValue new root API This release is more focused on User Experience and internal architecture changes including adaptation to concurrent features However the most important new addition in React seems to be the concurrent rendering and the related concurrent mode Automatic batchingReact adds out of the box performance improvements by doing more batching by default removing the need to manually batch updates in application or library code But what is batching Batching is when React groups multiple state updates into a single re render for better performance In simple words batching grouping means multiple state updates are combined into a single render Whenever you are using setState to change a variable inside any function instead of making a render at each setState React instead collects all setStates and then executes them together This is known as batching function App const count setCount useState const flag setFlag useState false function handleClick setCount c gt c Does not re render yet setFlag f gt f Does not re render yet React will only re render once at the end that s batching return lt div gt lt button onClick handleClick gt Next lt button gt lt h style color flag blue black gt count lt h gt lt div gt This is great for performance because it avoids unnecessary re renders However React didn t used to be consistent about when it performed batching This was because React used to only batch updates during browser events like a click but here we re updating the state after the event has already been handled in a fetch callback function App const count setCount useState const flag setFlag useState false function handleClick fetchSomething then gt React and earlier does NOT batch these because they run after the event in a callback not during it setCount c gt c Causes a re render setFlag f gt f Causes a re render return lt div gt lt button onClick handleClick gt Next lt button gt lt h style color flag blue black gt count lt h gt lt div gt What if I don t want to batch Usually batching is safe but some code may depend on reading something from the DOM immediately after a state change For those use cases you can use ReactDOM flushSync to opt out of batching import flushSync from react dom Note react dom not reactfunction handleClick flushSync gt setCounter c gt c React has updated the DOM by now flushSync gt setFlag f gt f React has updated the DOM by now Server Side RenderingServer side rendering is a way of rendering the JS data to HTML on the server to save computation on the frontend This results in a faster initial page load in most cases React performs Server Side Rendering in sequential steps On the server data is fetched for each component On the server the entire app is rendered to HTML and sent to the client On the client the JavaScript code for the entire app is fetched On the client the JavaScript connects React to the server generated HTML which is known as Hydration In the trivial version till React SSR had to load the entire page before it can start hydrating page This changes in React now we can break React components into smaller chunks using Streaming HTML lt Suspense fallback lt Spinner gt gt children lt Suspense gt By wrapping the component in we tell React that it doesn t need to wait for comments to start streaming the HTML for the rest of the page Instead React will send the placeholder a spinner instead When the data for the comments is ready on the server React will send additional HTML into the same stream as well as a minimal inline script tag to put that HTML in the right place Selective HydrationBefore React hydration couldn t start if the complete JavaScript code for the app hadn t loaded in For larger apps this process can take a while lets you hydrate the app before the child components have loaded in By wrapping components in you can tell React that they shouldn t block the rest of the page from streamingーand even hydration This means that you no longer have to wait for all the code to load in order to start hydrating React can hydrate parts as they re being loaded startTransitionOne important use case for startTransition could be when a user starts typing in a search box The input value has to be immediately updated while the search results could wait few milliseconds as expected by the user This API provides a way to differentiate between quick updates and delayed updates The delayed update i e transition of one UI view to another is termed as Transition Updates For urgent updates like typing hover clicking we call props functions usually like this setText input For non urgent or heavy UI updates we can wrap it in a startTransition API as startTransition gt setText input The New Root APIWe usually create a Root level DOM level like his and append the React App This has now been deprecated and is now called Legacy Root API import React from react import ReactDOM from react dom const container document getElementById root ReactDOM render lt App gt container Instead a new Root API is introduced in React which looks like this import React from react import ReactDOM from react dom import App from App const container document getEleementById root const root ReactDOM createRoot container root render lt App gt React will ship with both Legacy Root API and the New Root API to maintain a smooth transition of React or older apps to React Wrapping UpSo to summarize the features that React brings are Concurrency control with the Transition API Automatic Batching of function calls and events to improve in app performance andMuch faster page loads for SSR with Suspense React docsReact discussionsThank you so much reading this article I hope this was useful to you in some way Happy Coding	2021-09-07 18:24:18
海外TECH	DEV Community	How to create Infinite Scroll with Svelte	https://dev.to/nelsoncode/how-to-create-infinite-scroll-with-svelte-199o	How to create Infinite Scroll with SvelteFor this example we will use the Intersection Observer API Component in svelte lt script gt import axios from axios import infiniteScroll from functions infiniteScroll let pageNumber let characters let Loading false const fetchData async gt try Loading true const response await axios method GET url params page pageNumber SAVE NEW RESULTS characters new Set characters response data results map b gt b Loading false catch error console log error const load gt setTimeout gt pageNumber pageNumber fetchData WE WAITED A FEW SECONDS REACTIVE DECLARATIONS let elementRef null if elementRef infiniteScroll fetch load element elementRef lt script gt lt div class box shawdow gt each characters as character lt div class grid games gt lt div class box game gt character name lt div gt lt div gt each if Loading lt h gt Cargando lt h gt if lt ELEMENT OBSERVER gt if Loading false lt li bind this elementRef gt Cargando lt li gt if lt div gt Function of Intersection Observerexport const infiniteScroll fetch element gt if element const observer new IntersectionObserver entries gt const first entries if first isIntersecting console log Is Intersecting fetch threshold observer observe element Element of DOM Code of example in Github	2021-09-07 18:14:27
海外TECH	DEV Community	Trigger an onClick event outside the child element, works for nested child components too.	https://dev.to/hamsahn/trigger-an-onclick-event-outside-the-child-element-works-for-nested-child-components-too-abf	Trigger an onClick event outside the child element works for nested child components too Say you have a non modal component like dropdown or the menu and I m sure one thing you d definitely need is to close hide the content of the component when user clicks outside the component too not just on the dropdown or menu button It is one of the common requirements and here s how its achieved Add click eventListener to the parent div Exclude the child div Remove the click eventListner on component unmount Add click eventListener to the parent divAssign a id to the parent and top level child div element if not already On componentDidMount of the child element add a click event listener as shown in the below code Exclude the child divExclude the child component otherwise we end up closing the dropdown menuitems even when these items are clicked Make sure we use topLevelChild contains e target and not topLevelChild e target because all the nested child elements are also supposed to be excluded Choosing the later works fine if there is only one child div element Remove the click eventListner on component unmountAn important step not to leave behind is removing the event listener when the child unmounts from the DOM to avoid unnecessary addition of the event listners every time its expanded Happy coding	2021-09-07 18:08:48
海外TECH	DEV Community	How To Detect Mobile Device, OS using JavaScript	https://dev.to/capscode/how-to-detect-mobile-device-os-using-javascript-4l9j	How To Detect Mobile Device OS using JavaScriptHello Devs In this blog we are going to learn that how you can detect mobile device or browser or OS using JavaScript and you can redirect the user to the mobile application or to the web application automatically Table of contentWhat is navigator object in JavaScript Properties of navigator objectHow to detect mobile device or browser or OSHow to detect mobile device or browser or OS in ProductionSo without wasting any time lets get into the tutorial What is navigator object in JavaScript To get the bowser details or device details JavaScript stores these information in the navigator property of window object navigator object contains lots of information about the browser some of the most used important information we will see later in this tutorial Lets first see what navigator object is if you directly want to see how to get the detect mobile and desktop then you can skip this part can click herenavigator object contains information about the browser NOTE Not all but all major browser support this object Some of the most important properties are Clipboard used to copy something to clipboard and paste it any where Ex while making Click to copy connectionlanguage shows the language of browser geolocation Returns a Geolocation object that can be used to locate the user s positiononLine check whether the browser is onlineplatform machine type where browser is installed cookieEnabled it returns a Boolean value that indicates whether cookies are enabled or not serviceWorker mainly used to checks if the browser supports service workersvibrate time make device vibrate if it support thatuserAgent will see belowuserAgentData will see belowI think this much information about the navigator object is enough to understand what is navigator object and what all information it containsNow let see How to detect mobile device or browser or OS To get these information we will use the property userAgent userAgentData of navigator object navigator userAgentuserAgent will give you the information of lot of things like device name browser name OS version but the information returned by browser is not much understandable So we can understand these returned information from the hack to get OS version and name you can follow the below hack if window navigator userAgent indexOf Windows NT console log OS is Windows if window navigator userAgent indexOf Windows NT console log OS is Windows if window navigator userAgent indexOf Windows NT console log OS is Windows if window navigator userAgent indexOf Windows NT console log OS is Windows if window navigator userAgent indexOf Windows NT console log OS is Windows Vista if window navigator userAgent indexOf Windows NT console log OS is Windows XP if window navigator userAgent indexOf Windows NT console log OS is Windows if window navigator userAgent indexOf Mac console log OS is Mac iOS if window navigator userAgent indexOf X console log OS is UNIX if window navigator userAgent indexOf Linux console log OS is Linux to check mobile device info you can follow below hack function detectMobile const toMatch Android i webOS i iPhone i iPad i iPod i BlackBerry i Windows Phone i return toMatch some toMatchItem gt return navigator userAgent match toMatchItem userAgent is much more complex to get these details So we have one more property i e navigator userAgentData This gives the information about browser and mobile detection in line navigator userAgentData mobile returns true or false depending on the conditionNOTE Both of these ways are not recommended to be use in the production So lets now see the best way to do so Better way is using matchMediait gives you more flexibility to decide that after what screen size you want to deal it as mobile or desktop and lot of other info please check official doc from MDNif window matchMedia only screen and max width px do something you want to for the screen size less than we can also use window and screen object achieve this but these are the older way and much complicated in bigger applications if window innerWidth gt do something if screen width gt do something Thank you for reading this far This is a brief introduction on How to Detect Mobile Screen amp OS using JavaScript If you find this article useful like and share this article Someone could find it useful too If you find anything technically inaccurate please feel free to comment below Hope its a nice and informative read for you VISIT TO LEARN MORE See you in my next Blog article Take care Thanks capscode	2021-09-07 18:06:54
Apple	AppleInsider - Frontpage News	Apple releases another new slight AirTags firmware revision	https://appleinsider.com/articles/21/09/07/apple-releases-another-new-slight-airtags-firmware-revision?utm_medium=rss	Apple releases another new slight AirTags firmware revisionJust eight days after releasing the last AirTags firmware update Apple has done it again AirTag firmware updatedIt is unknown what the new firmware with version Ae brings and Apple has released no documentation to support the revision However the update is expected to bring bug fixes and general improvements to the product Read more	2021-09-07 18:38:21
Apple	AppleInsider - Frontpage News	Hulu hikes prices for on-demand streaming television	https://appleinsider.com/articles/21/09/07/hulu-hikes-prices-for-on-demand-streaming-television?utm_medium=rss	Hulu hikes prices for on demand streaming televisionSubscribers to Hulu s on demand streaming will need to pony up an extra per month ーbut pricing on Live TV and Disney bundles remain unchanged On Tuesday Hulu began informing subscribers that base plan subscribers would be seeing a price hike starting October Both ad supported and ad free programs will see their prices increase from to and to per month respectively As pointed out by Variety the upcoming price hike marks the first ever for Hulu s no ads tier In addition it s the first in nearly three years for Hulu s ad supported video on demand package Read more	2021-09-07 18:19:37
Apple	AppleInsider - Frontpage News	Bose Smart Soundbar 900 with AirPlay 2 & Dolby Atmos now available	https://appleinsider.com/articles/21/09/07/bose-smart-soundbar-900-with-airplay-2-dolby-atmos-now-available?utm_medium=rss	Bose Smart Soundbar with AirPlay amp Dolby Atmos now availableBase has released its latest TV speaker the Smart Soundbar which arrives with Dolby Atmos and AirPlay support in tow Bose Smart Soundbar The new Smart Soundbar takes aim at Sonos and Sony both dominant in the soundbar space Dolby Atmos support is a first for Bose and it connects to your TV with a single cable either eARC or optical Read more	2021-09-07 18:10:16
海外TECH	Engadget	Twitter's latest test gives iOS users a larger, edge-to-edge view of photos	https://www.engadget.com/twitter-edge-to-edge-media-test-ios-181152251.html?src=rss	Twitter x s latest test gives iOS users a larger edge to edge view of photosTwitter is an increasingly visual social network and it s accordingly giving your media some more breathing room The company has started testing an quot edge to edge quot timeline on iOS that gives you a much larger borderless view for photos and videos You won t have to tap on a picture just to make full use of your big smartphone screen to put it another way The firm didn t say how soon the feature might move beyond the experimental stage but did vow to quot iterate quot on the test We ve asked about the possibility of and timing for Android and web tests The test is a bid to quot bring more focus to the content quot as more Twitter users share media We d add that it could also help Twitter counter Instagram TikTok and other imagery driven social networks You may have a stronger incentive to post on Twitter if you know people are more likely to see and appreciate your snapshots Now testing on iOS Edge to edge Tweets that span the width of the timeline so your photos GIFs and videos can have more room to shine pic twitter com luAHoPjjlYーTwitter Support TwitterSupport September	2021-09-07 18:11:52
海外TECH	Engadget	'The Matrix Resurrections' teasers keep changing with different clips from the film	https://www.engadget.com/the-matrix-4-resurrections-teaser-website-180059094.html?src=rss	x The Matrix Resurrections x teasers keep changing with different clips from the filmAhead of September th when it plans to share the first full trailer from The Matrix Resurrections Warner Bros has launched a teaser for the upcoming film The website whatisthematrix com offers a first look at Neo s latest adventure nbsp Don t mind me I ll just be editing TheMatrixResurrections trailer together as I piece together screenshots from the tens of thousands of unique teases on the website all day pic twitter com UuhrAdyuーGermain Lussier GermainLussier September In a call back to the first film you ll see a red and blue pill on the screen when you first visit the website Choose the former and Yahya Abdul Mateen II will narrate the clip that follows while the latter will treat you to the voice of Neil Patrick Harris Each will present a different interpretation of what follows and a different series of cuts from the movie nbsp What s more each time you refresh the website and watch the clips again you ll see a different set of scenes from the movie as well as a mention of the current time ーyou know to break the fourth wall There aren t an infinite number of variations of each teaser but you can piece together quite a few different scenes together if you watch each one multiple times nbsp nbsp Either way it s a fun way to build up excitement for the film before the first official trailer drops later this week Of course if you want to go into The Matrix Resurrections blind then it s best to wait until December to see it on your own terms nbsp	2021-09-07 18:00:59
海外科学	NYT > Science	Why Lawsuits Over 'Misleading' Food Labels Are Surging	https://www.nytimes.com/2021/09/07/science/food-labels-lawsuits.html	giants	2021-09-07 18:28:09
金融	金融庁ホームページ	関東財務局が令和３年長野県茅野市における土石流にかかる災害等に対する金融上の措置について要請しました。	https://www.fsa.go.jp/news/r3/ginkou/20210907.html	長野県茅野市	2021-09-07 18:15:00
海外ニュース	Japan Times latest articles	Japan set to be scrubbed from EU safe travel list over COVID-19 rate	https://www.japantimes.co.jp/news/2021/09/08/national/eu-japan-travel-list/	Japan set to be scrubbed from EU safe travel list over COVID rateThe list does not bind individual EU nations but Germany has already added Japan to its list of high risk areas subject to tighter entry restrictions	2021-09-08 03:00:52
ニュース	BBC News - Home	Boris Johnson outlines new 1.25% health and social care tax to pay for reforms	https://www.bbc.co.uk/news/uk-politics-58476632?at_medium=RSS&at_campaign=KARANGA	boris	2021-09-07 18:21:49
ニュース	BBC News - Home	Taliban announce new government for Afghanistan	https://www.bbc.co.uk/news/world-asia-58479750?at_medium=RSS&at_campaign=KARANGA	islamic	2021-09-07 18:29:59
ビジネス	ダイヤモンド・オンライン - 新着記事	子どものメンタルヘルスをコロナが直撃、世界各国で危機的な状況 - カラダご医見番	https://diamond.jp/articles/-/280967	世界各国	2021-09-08 03:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「女子美付属」の志願者数が年々増えていった理由 - 中学受験のキーパーソン	https://diamond.jp/articles/-/281213	中学受験	2021-09-08 03:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	米民主党の3.5兆ドル法案、政治的賭けの行方 - WSJ PickUp	https://diamond.jp/articles/-/281560	wsjpickup	2021-09-08 03:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	阪急百貨店を伸ばしたアイデアマン、清水雅の「百貨店今昔物語」 - The Legend Interview不朽	https://diamond.jp/articles/-/281474	thelegendinterview	2021-09-08 03:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	今年の大麻M&Aブーム、前回よりも安全か - WSJ PickUp	https://diamond.jp/articles/-/281561	mampa	2021-09-08 03:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	変化する中国の産業政策、警戒強める米政府 - WSJ PickUp	https://diamond.jp/articles/-/281562	wsjpickup	2021-09-08 03:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	迫る「2025年問題」、企業は「ビジネスケアラー」にどう向き合うべきか - HRオンライン	https://diamond.jp/articles/-/281285		2021-09-08 03:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ひろゆきが「未来予測は99％ムダ」と断言する理由 - 1％の努力	https://diamond.jp/articles/-/280683	youtube	2021-09-08 03:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	年間1800万円減！ 組織全体にコスト意識が芽生える たった1つの方法 - 売上最小化、利益最大化の法則	https://diamond.jp/articles/-/277011		2021-09-08 03:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	黒字転換銘柄は、 株価が安い水準に放置されている - 黒字転換２倍株で勝つ投資術	https://diamond.jp/articles/-/281444		2021-09-08 03:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【現役サラリーマンが株式投資で2億円】 PERを基準に 割安成長株を探す - 割安成長株で2億円 実践テクニック100	https://diamond.jp/articles/-/279208		2021-09-08 03:05:00
GCP	Cloud Blog	Best practices for translating websites with Translation API	https://cloud.google.com/blog/products/ai-machine-learning/four-best-practices-for-translating-your-website/	Best practices for translating websites with Translation APILooking to translate your website Google Cloud can help  Google Cloud Translation API is a service that dynamically translates between languages with Google s state of the art Machine Learning models It is a highly scalable API that supports over one hundred languages with built in language detection In this blog post we will share some best practices for optimizing cost increasing performance and hardening the security posture while using the Translation API with your websites  Optimize Architecture for Performance Cost and SecurityA common way to translate websites is to have site visitors select their language of choice and then display the website in that language However on demand translation can be costly as this method requires re sending the same content repeatedly to be translated  One of the best practices to reduce cost increase performance and enhance security posture is to leverage a caching pattern Caching translated content not only reduces calls to the Google Cloud Translation API but also decreases load and compute usage on your backend web servers and databases This in turn optimizes the performance of your application and reduces the cost of delivery  There are many ways to set up caching in your application architecture at different layers of the application For example you can   Utilize a Content Delivery Network CDN for global distribution  Translated content is stored at globally distributed edge locations which reduce network latency by serving content closer to your users It is worth mentioning that while using a CDN you ll want to keep an eye on the cache hit ratio the percentage of times that a requested object is served from the cache to ensure contents are cached properly And if you choose to use Google Cloud CDN you ll also benefit from default security protection against common security threats such as DDoS and bots activities You can also add an additional layer of security with a Web Application Firewall WAF such as Google Cloud Armor to protect against application layer attacks such as SQL injection SQLi Cross Site Scripting XSS or Remote Code Execution RCE  Cache at the proxy layer  Proxy caching is a simple and effective option if you are already utilizing servers such as NGINX or HAProxy Proxy cache provides an advantage of minimal to no refactoring of the backend application code By caching translated content at the proxy it can also help reduce costs as well as the load of backend servers therefore increases performance for your users Cache at the application level  Caching can be configured at the application layer in memory within web servers or via an out of process memory cache service such as Google Cloud Memorystore for Redis and Memcached Note that at this layer it may be best to store the raw translated content without html markup as you would in a CDN or proxy This is because typically html rendering happens after the application retrieves the cached content  If you are using a Content Management System CMS such as Wordpress and Drupal you can leverage available translation plugins or even custom plugins to store and retrieve cached content in Memorystore Secure access with the principle of least privilege When it comes to accessing the Google Cloud Translation API it is always recommended to use Google Cloud Service Account rather than api keys A service account is a special type of authentication account that represents a non human user and can be authorized to access data in Google APIs such as Google Cloud Translation API Service accounts are not assigned passwords and can t be used for browser based sign in minimizing that threat vector Following the principle of least privilege you can grant a role with minimum privileges and set of permissions required to access the Translation API If you are interested in more information we have documented best practices for using and managing service accounts securing service accounts and managing service account keys Customize translations and provide transparencyIf your content includes domain specific and context specific terms or phrases the Google Cloud Translation API Advanced supports custom terminology with Glossary You can also build and leverage custom translation models through Google AutoML Translation  Note if you are not reviewing and editing translations ahead of publishing Google recommends letting your customers know that content has been machine translated with Google and provides specific guidelines for attribution This transparency ensures customers understand content has been automatically translated and it s possible for errors to occur  Budget Set it and don t forget itThe costs associated with Google Cloud Translation API are based primarily on the number of characters sent to the API For example given the list price of per million characters if your web page consists of million characters and you re translating into languages then your cost will be x You can learn more about pricing here and create an estimate via our pricing calculator  As you move into development control costs and avoid surprises by setting up budget monitoring and alerts in your environment This can help you proactively address issues if costs rise unanticipatedly We recommend setting a smaller quota limit while in testing phases to ensure you stay within budget Just remember to adjust the quota when you go into production so you don t have any disruptions to your service due to hitting limits  Translation is critical in a digital age where people with diverse backgrounds and language are collaborating more than ever With best practices and guidelines in this blog you are well equipped to create a competitive edge and reach new audiences Related ArticleTranslation API Advanced can translate business documents across languagesGoogle Cloud AI translation services now directly translate documents in formats such as Docx PPTx XLSx and PDF while preserving docume Read Article	2021-09-07 18:30:00