投稿時間:2023-08-18 11:23:50 RSSフィード2023-08-18 11:00 分まとめ(25件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia News] QRコード悪用のフィッシング攻撃、多数の米エネルギー企業が標的に	https://www.itmedia.co.jp/news/articles/2308/18/news087.html	cofense	2023-08-18 10:13:00
IT	ITmedia 総合記事一覧	[ITmedia News] 米Gartnerが「先進テクノロジーのハイプサイクル2023年」発表　生成的AIとクラウドネイティブは過度な期待のピーク	https://www.itmedia.co.jp/news/articles/2308/18/news088.html	gartner	2023-08-18 10:09:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] ASUS、ファッションブランド「ABATHING APE」とコラボしたスリム15.6型ノートPC　コラボデザイングッズなどが付属	https://www.itmedia.co.jp/pcuser/articles/2308/18/news057.html	abathingape	2023-08-18 10:01:00
python	Pythonタグが付けられた新着投稿 - Qiita	DALL-E の API 備忘録	https://qiita.com/njn0te/items/d588615b999b7f7f3c82	dalle	2023-08-18 10:34:55
python	Pythonタグが付けられた新着投稿 - Qiita	Hydraを使う	https://qiita.com/m10k1/items/90adfddd1fb822d1168a	argparse	2023-08-18 10:02:55
Ruby	Rubyタグが付けられた新着投稿 - Qiita	「１－１」Ruby on Rails, VsCodeで簡易環境構築	https://qiita.com/Ryumkmk/items/febdfa0af53d5028ce00	rubyonrailsvscode	2023-08-18 10:04:35
Docker	dockerタグが付けられた新着投稿 - Qiita	Dockerがディスクを圧迫している	https://qiita.com/katakaku/items/8e530e4cbbbc88acf423	docker	2023-08-18 10:38:04
Ruby	Railsタグが付けられた新着投稿 - Qiita	Railsの日本語化でgemを使うのか、使わないのか	https://qiita.com/ryouzi/items/35100bcb54702c889de0	gemrailsin	2023-08-18 11:00:05
技術ブログ	Developers.IO	SESのバウンス率・苦情率を監視するためのCloudWatch Alarmを作成してみた	https://dev.classmethod.jp/articles/cloudwatchalarm-to-monitor-ses-bounce-and-complaint-rate/	cloudwatchalarm	2023-08-18 01:06:54
技術ブログ	Developers.IO	Bottlerocket AMI のコンテナインスタンスに SSH 接続する方法を教えてください	https://dev.classmethod.jp/articles/ecs-ssh-connection-to-bottlerocket-ami-container-instance/	bottleroc	2023-08-18 01:00:43
海外TECH	DEV Community	Single Page Application: Authentication and Authorization in AgularJS	https://dev.to/brainiacneit/single-page-application-authentication-and-authorization-in-agularjs-54i2	Single Page Application Authentication and Authorization in AgularJS IntroductionIn a Single Page Application SPA each element has its own existence and lifecycle rather than being part of a global page state Authentication and authorization can affect some or all elements on the screen Authentication Process in an SPAUser login Obtain an access and refresh token Client side storage Store tokens and minimal details in local storage Login resolver Redirect away from the login page if the user is authenticated Router auth guard Redirect to the login page if the user is unauthenticated Logout Remove stored data Additional ConsiderationsHTTP interceptor Use the token for API calls handling Request a new token when necessary User display Retrieve and display user details on the screen Redirect URL Track additional information Other concerns include third party adaptation and server side rendering for obtaining access tokens Basic Login ExampleBegin with a simple authentication form that requires a username and password The API accepts the credentials and returns an access token and refresh token Auth service Injectable providedIn root export class AuthService private loginUrl auth login constructor private http HttpClient login method Login username string password string Observable lt any gt return this http post this loginUrl username password pipe map response gt prepare the response to be handled then return return response When the login is successful save the information in localStorage Login username string password string Observable lt any gt return this http post this loginUrl username password pipe map response gt const retUser IAuthInfo lt IAuthInfo gt lt any gt response data save in localStorage localStorage setItem user JSON stringify retUser return retUser Upon revisiting the site user information should be populated from localStorage Auth State ManagementTo manage the authentication state use RxJS BehaviorSubject and Observable Auth serviceexport class AuthService create an internal subject and an observable to keep track private stateItem BehaviorSubject lt IAuthInfo null gt new BehaviorSubject null stateItem Observable lt IAuthInfo null gt this stateItem asObservable Handling User StatusIf the localStorage status indicates the user is logged in and the page is refreshed the user should be redirected to the appropriate location Logout ProcessTo log out remove the state and localStorage data services auth serviceLogout this RemoveState localStorage removeItem ConfigService Config Auth userAccessKey Auth GuardTo protect private routes and redirect unauthorized users use an AuthGuard services auth guard Injectable providedIn root export class AuthGuard implements CanActivate CanActivateChild constructor private authState AuthService private router Router canActivate route ActivatedRouteSnapshot state RouterStateSnapshot Observable lt boolean gt return this secure route canActivateChild route ActivatedRouteSnapshot state RouterStateSnapshot Observable lt boolean gt return this secure route private secure route ActivatedRouteSnapshot Route Observable lt boolean gt return this authState stateItem pipe map user gt if user this router navigateByUrl login return false user exists return true Additional Use CasesIn future iterations the access token can be used for API calls and handling a error can be implemented HTTP InterceptorTo automatically add the access token to API calls use an HTTP interceptor This will help manage authentication headers for all requests services auth interceptor ts Injectable export class AuthInterceptor implements HttpInterceptor constructor private authService AuthService intercept req HttpRequest lt any gt next HttpHandler Observable lt HttpEvent lt any gt gt const authToken this authService getAccessToken if authToken const authReq req clone headers req headers set Authorization Bearer authToken return next handle authReq else return next handle req Register the interceptor in the app module ts app module ts NgModule providers provide HTTP INTERCEPTORS useClass AuthInterceptor multi true export class AppModule Handling ErrorsTo handle errors create another interceptor that detects the error and refreshes the access token if necessary services error interceptor ts Injectable export class ErrorInterceptor implements HttpInterceptor constructor private authService AuthService private router Router intercept req HttpRequest lt any gt next HttpHandler Observable lt HttpEvent lt any gt gt return next handle req pipe catchError error HttpErrorResponse gt if error status Refresh the access token and retry the request return this authService refreshAccessToken pipe switchMap newToken gt const authReq req clone headers req headers set Authorization Bearer newToken return next handle authReq else return throwError error Register the error interceptor in the app module ts app module ts NgModule providers provide HTTP INTERCEPTORS useClass ErrorInterceptor multi true export class AppModule User DisplayTo display user information create a component that subscribes to the authService stateItem Observable and updates the UI accordingly components user display user display component ts Component selector app user display templateUrl user display component html styleUrls user display component scss export class UserDisplayComponent implements OnInit user Observable lt IUser gt constructor private authService AuthService ngOnInit void this user this authService stateItem pipe map state gt state payload Include this component wherever it is needed to display user information Redirect URLTo redirect users to the original URL they were attempting to access before being redirected to the login page store the URL during the authentication process Update the AuthGuard to save the attempted URL services auth guard tsprivate secure route ActivatedRouteSnapshot Route Observable lt boolean gt return this authState stateItem pipe map user gt if user Save the attempted URL this authService setRedirectUrl route url this router navigateByUrl login return false return true Add methods to the AuthService to store and retrieve the redirect URL services auth service tsprivate redirectUrl string setRedirectUrl url string this redirectUrl url getRedirectUrl string return this redirectUrl Modify the login component to redirect the user to the stored URL upon successful login login componentlogin this authService Login username password subscribe next result gt const redirectUrl this authService getRedirectUrl if redirectUrl this router navigateByUrl redirectUrl else this router navigateByUrl private dashboard This will ensure that users are taken back to the original URL they attempted to access after logging in Third Party AuthenticationTo integrate third party authentication providers such as Google or Facebook follow these general steps Register your application with the third party provider and obtain the required credentials client ID and secret Implement a Login with Provider button in your login component that redirects users to the provider s authentication page Create an endpoint in your backend to handle the authentication response and exchange the authorization code for an access token Save the third party access token in your database and return a custom access token JWT to your SPA Adapt your AuthService to handle third party authentication and store the received JWT Server Side Rendering SSR If your application uses server side rendering you ll need to handle the initial authentication state differently In this case the access token can be fetched during the SSR process In your server side rendering logic check for the access token in cookies or local storage If an access token is found include it in the initial state of your application In your AuthService use the APP INITIALIZER to read the access token from the initial state instead of local storage Token RefreshFor better security your application should implement token refresh logic When the access token expires the application should use the refresh token to request a new access token without requiring the user to log in again Add a method in the AuthService to request a new access token using the refresh token Update the ErrorInterceptor to call the refresh token method when a status is encountered Store the new access token and update the authentication state Retry the original API call with the new access token Roles and PermissionsTo further enhance the authorization process you can implement role based access control using roles and permissions Assign roles and permissions to users during the registration or login process Include the user s roles and permissions in the JWT payload Create a custom AuthRoleGuard that checks for the required roles and permissions in the JWT before granting access Protect routes using the AuthRoleGuard based on the roles and permissions required By implementing these additional features you can create a robust and secure authentication and authorization system for your Single Page Application ConclusionIn conclusion adding a login system to a website makes it safer and easier to use We talked about many steps like logging in saving information and making sure only the right people can see certain things We also discussed some cool extra features like using other websites to log in or giving different people different permissions Following these steps will help create a cool and safe website that everyone enjoys using Keep learning and improving your website over time	2023-08-18 01:49:39
海外TECH	DEV Community	Embracing Node.js: A Game-Changer for Top Tech Companies	https://dev.to/abidullah786/embracing-nodejs-a-game-changer-for-top-tech-companies-16kn	Embracing Node js A Game Changer for Top Tech Companies IntroductionIn recent years Node js has emerged as a powerhouse for building scalable and high performance server side applications Its event driven non blocking I O model has attracted top tech giants empowering them to develop robust applications and services that can handle massive traffic and deliver outstanding user experiences In this article we will explore how some of the world s leading companies have harnessed the power of Node js to transform their digital landscapes Netflix Redefining Application PerformanceWhen it comes to streaming services Netflix stands tall among the giants To meet the demands of its global audience Netflix switched from Java to Node js The results were awe inspiring as the application s performance skyrocketed By reducing the startup time from a staggering minutes to just one minute Node js enabled Netflix to deliver content faster and more efficiently LinkedIn From Ruby on Rails to Node jsLinkedIn the renowned professional networking platform also jumped on the Node js bandwagon Migrating from Ruby on Rails to Node js helped LinkedIn boost application performance by times Moreover the shift led to an astounding reduction in infrastructure costs while handling the same if not higher traffic LinkedIn s Node js powered platform proved to be a game changer for their server side development PayPal Scaling with Node jsPayPal a global leader in online payment solutions adopted Node js as a replacement for Java seeking to optimize scalability and performance The transition was a resounding success as Node js enabled PayPal to scale its infrastructure at reduced costs for handling similar loads Additionally the switch led to a significant reduction in the lines of code streamlining code maintenance efforts Uber Powering Real Time ServicesUber the ride hailing giant relies heavily on real time data processing to match drivers with riders and provide a seamless experience Node js came to their rescue providing a scalable event driven architecture that meets the demands of millions of users worldwide Its non blocking I O model allowed Uber s applications to handle concurrent requests with ease ensuring swift responses and efficient service Walmart E Commerce at ScaleWalmart one of the world s largest retailers faces the challenge of serving millions of online shoppers simultaneously To cater to such demand Walmart turned to Node js for building scalable and responsive applications Node js helped Walmart deliver a lightning fast shopping experience while keeping infrastructure costs in check eBay Embracing Real Time BiddingeBay the renowned e commerce giant requires a real time bidding system to handle an enormous number of transactions Node js proved to be an ideal fit for this purpose allowing eBay to build real time event driven applications that ensure smooth auction experiences for users across the globe Medium Publishing SimplifiedMedium the popular online publishing platform adopted Node js for its flexibility and ease of development Node js empowered Medium to handle a vast amount of content efficiently providing authors and readers with a seamless publishing experience Trello Organizing with Node jsTrello the widely used project management tool leveraged Node js to create a real time collaboration platform With Node js Trello users can work together on projects boards and tasks in real time making teamwork more effective and efficient NASA Space Exploration with Node jsEven in the vastness of space Node js finds its place NASA has utilized Node js to develop data intensive applications that analyze and process data from space missions efficiently Node js ensures that crucial mission data is processed in real time contributing to the success of space explorations Groupon Seamless CouponingGroupon the popular deals and discounts platform integrated Node js to enhance its user experience With Node js Groupon can efficiently handle large volumes of coupon redemption and ensure users receive the best deals in real time IBM Innovating with Node jsIBM a technology giant adopted Node js for various projects and services including cloud applications and Internet of Things IoT solutions Node js empowers IBM to build scalable and responsive applications that cater to the ever changing needs of businesses and consumers Microsoft Node js for Various ProjectsMicrosoft another tech giant has embraced Node js for a wide range of projects and services From Azure cloud applications to IoT solutions Node js plays a crucial role in Microsoft s ecosystem contributing to enhanced performance and user experiences Yahoo A Strong Node js AdvocateYahoo has been a strong advocate of Node js incorporating it into various products and services By leveraging Node js Yahoo has enhanced the responsiveness of its web applications providing users with a seamless and engaging online experience Reddit Community with Node jsReddit the front page of the internet utilizes Node js to power its dynamic and real time content delivery Node js enables Reddit to handle millions of users comments and posts with ease fostering an active and engaging community Airbnb Scaling with Node jsAirbnb the online marketplace for vacation rentals leveraged Node js for its backend systems to handle an ever growing user base and facilitate real time interactions between hosts and guests Node js proved instrumental in Airbnb s journey towards becoming a global hospitality leader Pinterest Visual Discovery with Node jsPinterest the visual discovery and idea sharing platform has integrated Node js into its architecture to ensure smooth and responsive interactions for its millions of users With Node js Pinterest delivers personalized content and recommendations in real time Mozilla Web Technology with Node jsMozilla the organization behind the Firefox web browser embraced Node js to develop web technologies and applications By using Node js Mozilla can create feature rich and performant web applications that cater to its vast user base Salesforce Salesforce with Node jsSalesforce a leading customer relationship management CRM platform integrated Node js into its Salesforce platform Node js empowers Salesforce to build scalable real time applications for sales marketing and service professionals Twitch Real Time Streaming with Node jsTwitch the live streaming platform for gamers relies on Node js for its real time chat and streaming features Node js ensures that millions of gamers can interact and stream their content seamlessly Coursera Online Learning with Node jsCoursera the online learning platform embraced Node js for building responsive and scalable applications that serve a diverse global audience Node js enables Coursera to deliver high quality educational content efficiently ConclusionThe success stories of these top companies serve as a testament to the power of Node js inspiring others to embrace this technology and unlock its potential to deliver exceptional user experiences and stay ahead in the ever evolving digital landscape Node js has undoubtedly revolutionized the way companies build and scale their server side applications offering unmatched performance scalability and cost optimization As more companies continue to adopt Node js we can expect its influence to grow further propelling the tech industry into new frontiers of innovation and possibilities	2023-08-18 01:10:24
金融	ニッセイ基礎研究所	消費者物価（全国23年7月）－補助率縮小に、円安、原油高が重なり、ガソリン、灯油価格は8月以降に大幅上昇へ	https://www.nli-research.co.jp/topics_detail1/id=75865?site=nli	消費者物価全国年月ー補助率縮小に、円安、原油高が重なり、ガソリン、灯油価格は月以降に大幅上昇へ総務省が月日に公表した消費者物価指数によると、年月の消費者物価全国、生鮮食品を除く総合、以下コアCPIは前年比月同となり、上昇率は前月からポイント縮小した。	2023-08-18 10:40:43
ニュース	BBC News - Home	UK weather: More than half a month's rain forecast to fall in south England	https://www.bbc.co.uk/news/uk-66540732?at_medium=RSS&at_campaign=KARANGA	england	2023-08-18 01:37:26
ニュース	BBC News - Home	Ecuador election: Narco politics rule ahead of polls	https://www.bbc.co.uk/news/world-latin-america-66540765?at_medium=RSS&at_campaign=KARANGA	election	2023-08-18 01:14:24
ニュース	BBC News - Home	Evergrande: China property giant files for bankruptcy in US	https://www.bbc.co.uk/news/business-66540785?at_medium=RSS&at_campaign=KARANGA	world	2023-08-18 01:45:57
ビジネス	不景気.com	中国不動産大手「恒大集団」が米破産法申請、債務超過11兆円 - 不景気com	https://www.fukeiki.com/2023/08/evergrande-group-chapter15.html	債務超過	2023-08-18 01:50:48
GCP	Google Cloud Platform Japan 公式ブログ	ハイ パフォーマンス コンピューティング（HPC）用の H3 コンピューティング最適化 VM の紹介	https://cloud.google.com/blog/ja/products/compute/new-h3-vm-instances-are-optimized-for-hpc/	Hは現在ComputeEngineユーザーとGoogleKubernetesEngineGKEユーザーに公開プレビュー版として提供されており、幅広いHPCワークロードをサポートするために個のコアSMTは無効化されているとGBのメモリを備えています。	2023-08-18 01:20:00
GCP	Google Cloud Platform Japan 公式ブログ	新しい Pub/Sub Cloud Storage サブスクリプションによるデータレイク パイプラインの簡略化	https://cloud.google.com/blog/ja/products/data-analytics/pubsub-cloud-storage-subscriptions-for-streaming-data-ingestion/	以下のいずれかのオプションに指定された値を超えた場合に、指定したCloudStorageバケットに新しい出力ファイルが作成されます。	2023-08-18 01:10:00
IT	週刊アスキー	Stability AI、画像を日本語で説明「Japanese InstructBLIP Alpha」公開	https://weekly.ascii.jp/elem/000/004/150/4150390/	japaneseinstructblipalpha	2023-08-18 10:50:00
マーケティング	AdverTimes	大自然と人の未来のために、サントリー天然水が「Water Positive」をメッセージ	https://www.advertimes.com/20230818/article430831/	waterpositive	2023-08-18 01:47:34
マーケティング	AdverTimes	ファンマーケティングの基礎は登山コミュニティを通じた「共助」の仕組み	https://www.advertimes.com/20230818/article429962/	意思決定	2023-08-18 01:00:53
マーケティング	AdverTimes	中づりも“デニム”に リーバイス誕生150周年記念のトレインジャック	https://www.advertimes.com/20230818/article430576/	世界で初めて	2023-08-18 01:00:43
GCP	Cloud Blog JA	ハイ パフォーマンス コンピューティング（HPC）用の H3 コンピューティング最適化 VM の紹介	https://cloud.google.com/blog/ja/products/compute/new-h3-vm-instances-are-optimized-for-hpc/	Hは現在ComputeEngineユーザーとGoogleKubernetesEngineGKEユーザーに公開プレビュー版として提供されており、幅広いHPCワークロードをサポートするために個のコアSMTは無効化されているとGBのメモリを備えています。	2023-08-18 01:20:00
GCP	Cloud Blog JA	新しい Pub/Sub Cloud Storage サブスクリプションによるデータレイク パイプラインの簡略化	https://cloud.google.com/blog/ja/products/data-analytics/pubsub-cloud-storage-subscriptions-for-streaming-data-ingestion/	以下のいずれかのオプションに指定された値を超えた場合に、指定したCloudStorageバケットに新しい出力ファイルが作成されます。	2023-08-18 01:10:00