投稿時間:2021-09-24 22:40:55 RSSフィード2021-09-24 22:00 分まとめ(49件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	｢iPad Pro｣、将来的にランドスケープモードが標準に?? − Appleロゴも横向きになるとの噂	https://taisy0.com/2021/09/24/146517.html	apple	2021-09-24 12:08:45
AWS	AWS Open Source Blog	Simplifying OpenTelemetry Collector and Go library releases with the Go MultiMod tool	https://aws.amazon.com/blogs/opensource/simplifying-opentelemetry-collector-and-go-library-releases-with-the-go-multimod-tool/	Simplifying OpenTelemetry Collector and Go library releases with the Go MultiMod toolManaging versions and releases of multiple Go Modules can be a struggle to perform manually for maintainers of large repositories especially due to the lack of official Golang support for this task In this post AWS Observability intern software engineer Eddy Lin discusses his experience building the Go MultiMod tool an open source solution that …	2021-09-24 12:41:07
AWS	AWS Open Source Blog	Solving the Traveling Salesperson Problem with deep reinforcement learning on Amazon SageMaker	https://aws.amazon.com/blogs/opensource/solving-the-traveling-salesperson-problem-with-deep-reinforcement-learning-on-amazon-sagemaker/	Solving the Traveling Salesperson Problem with deep reinforcement learning on Amazon SageMakerThe Traveling Salesperson Problem TSP is one of the most popular NP hard combinatorial problems in the theoretical computer science and operations research OR community It asks the following question “Given a list of cities and the distances between each pair of cities what is the shortest possible route that visits each city exactly once and …	2021-09-24 12:38:19
AWS	AWS	How can I troubleshoot AWS DMS endpoint connectivity failures?	https://www.youtube.com/watch?v=uHyzRzBiVX4	How can I troubleshoot AWS DMS endpoint connectivity failures Skip directly to the demo For more details see the Knowledge Center article with this video Shiva shows you how to troubleshoot AWS DMS endpoint connectivity failures Subscribe More AWS videos More AWS events videos ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster AWS AmazonWebServices CloudComputing	2021-09-24 12:55:33
python	Pythonタグが付けられた新着投稿 - Qiita	【Django】自作ブログサイトの記事にコメント機能を実装してみた	https://qiita.com/Yoshida-Programmer/items/7d021917b420743cb53f	今回はブログ記事詳細ページであるdetailhtmlの一番下部分にコメント欄を配置するため、以下のように記述していきます。	2021-09-24 21:30:54
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	wordpressにjavascriptとcssをfunction.phpで読み込みたい	https://teratail.com/questions/361175?rss=all	wordpressにjavascriptとcssをfunctionphpで読み込みたい前提・実現したいことscriptjsとstylecssのファイルをwordpressに読み込ませたい該当のソースコードfunctionphpに書きました。	2021-09-24 21:51:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	rails「ActionCable」を使ってコメント機能を実装したい。写真の詳細ページにそのコメントを表示したい。	https://teratail.com/questions/361174?rss=all	コメントの実装には、「ActionCable」を使用し、非同期で表示させたいです。	2021-09-24 21:50:07
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	GASを利用しTimeTreeの予定を取得したい	https://teratail.com/questions/361173?rss=all		2021-09-24 21:49:42
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	htmlで表示させたtableの特定列の値のみ処理を加えたい。	https://teratail.com/questions/361172?rss=all	htmlで表示させたtableの特定列の値のみ処理を加えたい。	2021-09-24 21:45:27
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VisualStudio2008のビルドエラーについて	https://teratail.com/questions/361171?rss=all	nbspどうやらclexeのmspdbdillがなくてclexeが起動せずエラーが出てるみたいなんですが肝心のmspdbdillがどこにもないです。	2021-09-24 21:43:36
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Visual Studio2008のビルドエラー	https://teratail.com/questions/361170?rss=all	VisualStudioのビルドエラー前提・実現したいことここに質問の内容を詳しく書いてください。	2021-09-24 21:37:39
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	"pyinstaller myprogram.py --onefile --debug all"のエラーについて	https://teratail.com/questions/361169?rss=all	quotpyinstallermyprogrampyonefiledebugallquotのエラーについて環境WindowsAnacondapythonのファイルをPyInstallerでexe化しましたが、エラーが出ました。	2021-09-24 21:09:26
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	文字列中に含まれる<b></b>や\nを，それぞれタグ・改行としてhtmlで認識させ画面に表示させたい．	https://teratail.com/questions/361168?rss=all		2021-09-24 21:03:50
AWS	AWSタグが付けられた新着投稿 - Qiita	TerraformでAWS SNSのファンアウトイベントを作ってみる	https://qiita.com/neruneruo/items/e28e5ad4943e02509357	ファンアウトイベントの通知先はSQSにして、SQSからイベントトリガでLambdaを起動してみてどのようなイベント内容になるかまで確認してみよう。	2021-09-24 21:22:37
Docker	dockerタグが付けられた新着投稿 - Qiita	"なんとなく”Dockerのファイル共有について語れるようになる	https://qiita.com/kobori_akira/items/73488918d6fb2a1ae020	Dockerにおけるデータ管理Dockerドキュメントもし誤りがあれば教えてください要約ファイル共有の方法がつ本当はつあることを知ろうvolumesbindmountstmpfsmounts※この記事では割愛しますvolumesオプションとmountオプションは、それぞれtypeのvolumesとbindmountsと関連している訳ではないので初心者は注意bindmountsではなくvolumesでボリューム共有されるようなコマンド、設定ファイルを書けるようになろうvolumesオプションでなく、mountオプションを使おうdockercomposeymlのvolumesの正式な書き方を覚えようファイル共有の方式Dockerコンテナーにおけるファイルをホストマシン上に保存する方法はつあります。	2021-09-24 21:48:31
Git	Gitタグが付けられた新着投稿 - Qiita	データ管理にgit lfs を安全に使うためのヒント	https://qiita.com/nonbiri15/items/9920cd504dfee09df2c3	LFSを使っている状態だと、somereposomefoldersamplejpgのようなファイルがあっても、目的の画像ファイルそのものではなく、LFSにアクセスするためのhashの情報を含んだファイルにすぎないことがある。	2021-09-24 21:36:02
海外TECH	DEV Community	Ultimate ReactJS Resources 🛠For Web Developers 2021👨‍💻	https://dev.to/theme_selection/ultimate-reactjs-resources-for-web-developers-2021-424c	Ultimate ReactJS Resources For Web Developers ‍Looking for helpful ReactJS Resources Then here is the best collection of extremely useful ReactJS resources Before we start the list let s get to know about Reactjs in short What Is ReactJS As we all know React is one of the best sources to create an interface for web applications Moreover React dashboards also have more advanced user interfaces React is an open source front end JavaScript library for building user interfaces or UI components It is maintained by Facebook and a large community of individual developers and companies Also It has proven to be one of the best libraries in recent years for component based GUI development React helps you to create an interactive user interface easily No matter how complicated the data is you can easily create interactive charts and UI elements smoothly with the ReactJS Since it is created and maintained by the Facebook and Instagram community you needn t worry about the quality of how well it manages the complex codes In addition The major advantage of ReactJS is the option to render and view the components easily It ensures readability and makes maintainability more comfortable Reasons behind the popularity of ReactJS Easy creation of dynamic applications Reusable components Improved performance Small learning curve Dedicated tools for easy debugging Unidirectional data flowIf you are working with ReactJS then check the collection of React redux Admin Template Free and Admin Dashboard Template React Also ReactJS UI frameworks is a useful collection that you can bookmark State Of ReactJSAs per the stack overflow developer survey React is still most used and wanted framework Handled by a tech giant like Facebook ReactJS remains on the top followed by VueJS and angular Now Let s start the collection ReactJS ResourcesFollowing are some of the useful ReactJS resources which deal with component libraries examples projects tools articles regarding ReactJS Official Resources ReactJS TutorialReact Official WebsiteReact DocumentationReact GitHub Communities Reactiflux Discord ChannelReact StackOverflowReact Twitter External Resources Reactiflux A community of React developers They keep a well curated learning section React Redux Links Mark Erikson s highly curated list of tutorials and resources for React Redux ES and more Awesome React A collection of awesome things regarding React ecosystem Awesome React Components A curated list of React components Awesome React Talks A curated list of React talks Awesome React Videos A website highlighting the best React videos Hero React Hub A website with all React conferences and talks categorized amp curated UI Libraries A UI component library is a usually robust set of ready made UI components such as buttons inputs dialogs and so on They serve as building blocks for layouts Thanks to their modular nature we can arrange components in many different ways to achieve unique effects Material UI MUI React components for faster and easier web developmentMaterial UI now MUI is a set of components built based on the material design guidelines of Google It consists of many accessible and configurable UI widgets Besides the components are self supporting and only inject the styles they need to display which could lead to performance enhancements in your application Furthermore Material UI has an active set of maintainers and a strong community In addition React components are faster and easier for web development Thus it is one of the best ReactJS UI frameworks Blueprint A React based UI toolkit for the websBlueprintJS is a React based UI toolkit for the web It is optimized for building complex data dense web interfaces for desktop applications that run in modern browsers and IE This is not a mobile first UI toolkit Besides the React components in Blueprint are primarily for use on desktop applications React bootstrap Bootstrap components built with ReactReact Bootstrap replaces Bootstrap JavaScript Each component has been built from scratch as a true React component without unneeded dependencies like jQuery Besides as one of the oldest React libraries React Bootstrap has evolved and grown alongside React making it an excellent choice as your UI foundation In addition the React component model gives us more control over the form and function of each component Furthermore each component is implemented with accessibility in mind Thus it is one of the best ReactJS UI frameworks Reactstrap Simple React Bootstrap componentsReactstrap library contains React Bootstrap components that favor control and composition Besides this library does not depend on jQuery or Bootstrap JavaScript However Poppers js via react popper is relied upon for advanced positioning of content like Tool tips Popovers and auto flipping Drop downs Ant design A design system with values of Nature and DeterminacyAnt Design React UI library is a design system for enterprise level products It s based on the Ant Design project and contains a set of high quality components and demos for building rich interactive UIs Besides the components include internationalization support for dozens of languages Chakra ui Simple Modular amp Accessible UI Components for your React ApplicationsChakra UI is one of the awesome ReactJS UI frameworks It is a simple modular and accessible component library that gives you all the building blocks you need to build your React applications Besides Chakra UI strictly follows WAI ARIA standards In addition all components come with proper attributes and keyboard interactions out of the box Semantic UI React The official Semantic UI React integrationSemantic UI uses human friendly HTML for its development framework It also has integrations with React Angular Meteor Ember and many other frameworks Besides all j Query functionality has been re implemented in React Furthermore it allows you to load any Semantic UI CSS theme on top of your Semantic UI React app In addition you ll also have complete access to the markup which means there s flexibility in customizing components For more info check ReactJS UI FrameworksFollowing are some other react UI libraries and frameworks Evergreen Evergreen React UI Framework by SegmentFluent UI A set of React components for building Microsoft web experiencesGrommet A react based framework that provides accessibility modularity responsiveness and theming in a tidy packageRebass React primitive UI components built with styled systemReakit Accessible Composable and Customizable components for ReactRsuite A suite of React componentsPrimereact A complete UI Framework for React with components featuring material bootstrap and custom themes Eui Elastic UI FrameworkReact spectrum Adobe s collection of libraries and tools that help you build adaptive accessible and robust user experiencesReact bulma components React components for Bulma frameworkMantine A fully featured React library with hooks and components with native dark theme support Frameworks Next js The React FrameworkNext js is an open source development framework built on top of Node js enabling React based web applications functionalities such as server side rendering and generating static websites Next js is widely used by the biggest and most popular companies all over the world like Netflix Uber Starbucks Twitch etc Gatsby js Free and open source framework based on ReactGatsby is an open source framework that combines functionality from React GraphQL and Webpack into a single tool for building static websites and apps Owing to the fast performance of the sites it powers impressive out of the box features like code splitting and friendly developer experience Gatsby is fast becoming a staple of modern web development React Admin Frontend Framework for building BB applicationsA frontend Framework for building data driven applications running in the browser on top of REST GraphQL APIs using ES React and Material Design Blitz The Fullstack React FrameworkBlitz is a batteries included framework that s inspired by Ruby on Rails is built on Next js and features a Zero API data layer abstraction that eliminates the need for REST GraphQL It also provides helpful defaults and conventions for things like routing file structure and authentication while also being extremely flexible Commercial Projects Vuexy Vuejs React Angular HTML amp Laravel Admin Template The Best Vuexy React is the most developer friendly amp highly customizable React Admin Template It is based on Create React App Redux amp Reactstrap BS Furthermore this template is a beautifully crafted clean amp modern designed admin theme Also it works on different workable applications including Todo Chat eCommerce Besides Vuexy Admin provides advanced cards for eCommerce Analytics Statistics Weather Charts Maps and Interactive This amazing template provides pages including Profile Knowledge Base Search Authentication etc Besides this template is also RTL ready and comes with UI UX tools alongside many more amazing invaluable features Furthermore it comes with many useful tools such as fuzzy search bookmarks floating nav bar dark and semi dark layout options advance cards data table and charts In addition Vuexy has some really good and eye catching features Workable applications Figma and Sketch File added Multi lingual RTL supported Data table Easy navigation Custom Built Light and dark layout And many more Jumbo React Redux Admin TemplateJumbo React is a collection of various well documented admin templates based on Create React App Also the template is dedicated to react developers to start their react application straight away Besides this admin template has react admin templates with different design concepts Also React redux admin templates are based on the Google Material Design concept using the popular Material UI library Latest version v Furthermore react admin template is based on the flat look by utilizing the BootStrap and Reactstrap UI library Ideally this admin template has modern and colorful elements that are ideal for any applications you use with DnoteWith Dnote you can instantly capture ideas snippets and knowledge without leaving your terminal and easily retrieve them later It keeps you focused by providing a way of effortlessly capturing and retrieving information without leaving your terminal It also offers a seamless multi device sync and a web interface KibanaKibana is a free and open user interface that lets you visualize your Elasticsearch data and navigate the Elastic Stack Do anything from tracking query load to understanding the way requests flow through your apps EasyDevEasyDev is a React redux admin template based on React Components and Bootstrap Framework It s the most convenient template for developers because of React Components clean code and detailed documentation which allows you to build any projects easily Use it for e commerce analytics sports and other types of web or mobile applications Open Source React Projects React SelectA flexible and beautiful Select Input control for ReactJS with multiselect autocomplete async and creatable support React Select is funded by Thinkmill and Atlassian It represents a new approach to developing powerful React js components that work out of the box while being extremely customizable DevHubDevHub is a mobile and desktop app to help you manage GitHub Notifications and stay on top of Repository Activities Save custom searches apply filters bookmark items and don t miss anything important React SpringReact spring is a spring physics based animation library This library represents a modern approach to animation It inherits animated powerful interpolations and performance as well as react motion ease of use React spring is cross platform it supports the web react native react native web and practically any other platform ArchitectUI ReactArchitectUI is the free open source React Dashboard Template It comes with a set of beautiful elements and components that can offer you a head start in developing your web application It has a fully responsive layout multiple color schemes for both Bootstrap elements and layout components Take noteTake Note is an open source project to take notes known as The Note Taking App for Developers It s a simple plain text take note app with markdown support Without all the fancy stuff that we don t need Write with meWrite with me s a real time collaborative markdown editor written in React with hooks and it uses AWS Amplify Video Tutorials and Guides ReactJS Crash Course By Traversy MediaGet started with React in this crash course We will be building a task tracker app and look at components props state hooks working with an API and more React JS Course for Beginners Tutorial By freeCodeCamp orgThis is a full premium course Learn React js from the ground up with fundamentals to more intermediate and advanced topics You will learn by building a real app React Crash Course for Beginners By AcademindGet Started with React js and learn how to build amazing websites with ReactJS React JS Tutorial for Beginners Full Course in Hours By Clever ProgrammerWhat You ll learn The Netflix Clone The Spotify CloneThe Slack CloneThe Tik Tok CloneAnd the tools amp technologies you need to succeed as a ModernReact JS Developer What s new in React By Evening KidHere you will understand the top new features coming to React explained simply What You NEED To Know About React By Harry Wolff Useful Collections Books Articles Books The Road to React Your journey to master plain yet pragmatic React js Edition The contents covered in the book are Fundamentals of React React s Legacy Styling in React React Maintenance Real World React Advanced Deploying a React Application React Explained Your Step by Step Guide to React Edition The book gives some basic knowledge of how React works You will learn how to build applications with it The book provides some easy to follow practice exercises to reinforce what you have learned The book will introduce all of React s basics from scratch No prior knowledge of React or functional JavaScript is necessary Beginning React incl Redux and React Hooks The book gives a great introduction to React and related technologies This book is a fun hands on and pragmatic journey to master React js Every section of this book is written in a bite sized manner and straight to the point It is a well designed book and easily understandable The book is easy to follow and includes illustrations examples code snippets and code explanations It is a great book for beginners Through this book you will start building React apps within minutes React js Essentials A fast paced guide to designing and building scalable and maintainable web apps with React jsThis book is a fast paced guide to designing and building scalable and maintainable web apps with React This book helps to build maintainable and performant user interfaces for your web applications using React js The book adopts a step by step hands on approach with ample codes to ensure you learn React js at a fast pace Beginning React incl Redux and React Hooks This is a great book to understand the basics of React It is clear concise and has a hands on approach which makes it easier to understand the concepts Also all the basic aspects are covered Articles Collections and Blogs ReactJS Roadmap For DevelopersThe Best React Developer Tools Best Open Source ReactJS Admin Templates React Project Ideas For BeginnersThe Best React Developer Tools React Interview QuestionsWhat s New In React amp Release Date React Tools React Development Toolsreact devtools Inspection of React component hierarchy in the Chrome and Firefox Developer Toolsreact hot loader Tweak React components in real timereact loadable A higher order component for loading components with promisesloadable components React code splitting made easyreactotron A desktop app for inspecting your React and React Native projectsstorybook UI component dev amp test React Starter Kits and Toolchainscreate react app Set up a modern Web app by running one commandRazzle Build production ready React applications Razzle is toolchain for modern static and dynamic websites and web applicationsNeutrino React Preset neutrinojs react is a Neutrino preset that supports building React web applicationsreact starter kit Isomorphic Web app boilerplatecreate react library CLI for creating reusable modern React libraries using Rollup and create react app tsdx Zero config CLI for TypeScript package development React Routingreact router Declarative routing for Reactnavi Declarative asynchronous routing for Reactcuri JavaScript router for single page applicationsreach Next Generation Routing for Reactuniversal router A simple middleware style router for isomorphic JavaScript web appswouter A minimalist friendly KB routing library React Testingjest Delightful JavaScript Testing Frameworkenzyme JavaScript Testing utilities for Reactreact testing library Simple and complete React DOM testing utilitiesreact hooks testing library React hooks testing utilities that encourage good testing practicesmajestic Zero config GUI for Jest Conclusion Here we have mentioned some of the very useful ReactJS resources While you are working with the ReactJS project you ll surely need some tools UI component libraries admin templates video tutorials etc So to help you save your time we have gathered some amazing resources here so that you don t have to search here and there We are open to suggestions so do tell us which other resources can be included in the list Also don t forget to share and bookmark this collection We hope you find this collection useful	2021-09-24 12:51:59
海外TECH	DEV Community	BINARY SEARCH	https://dev.to/shahiscoding/binary-search-45jp	BINARY SEARCH What is Binary Search and why to use it Binary Search is a search algorithm It is used to efficiently search for position of a particular number in a sorted array character in an sorted String It can also be used to search for first occurrences of a element or last occurrence Most importantly it can only be used in case of sorted arrays or string LogicIn the start we calculate the middle position asint s e the length of array or string int mid s e Now after we have mid we have case at hand check if the element at the middle is greater or smaller than the element we are searching for let say its X Case arr mid gt XThen that means the element after the mid are also greater than X So we can reduce the array in search from s to mid So we do e mid Case arr mid lt XThen that means the element before the mid are also smaller than X So we can reduce the array in search from mid to e So we do s mid Case arr mid XWhen we finally got the position of X Here is a code to show how itint binarySort int arr int X int arr A sorted Array of length n int s e n while s lt e int mid s e if arr mid gt X e mid else if arr mid lt X s mid else return mid return To Find First Occurrence or Last OccurrenceWhen we find the position of X we have to new condition for First Occurrence and Last Occurrence First Occurrence Check if there is the same element present at mid position if yes then you would have to decrease the search space in the case of First Occurrence or mid position in case of Last Occurrence else if arr mid arr mid or mid return mid else e mid Last Occurrence Check if there is the same element present at mid position if yes then you would have to decrease the search spaceby making s mid else if arr mid arr mid or mid n return mid else s mid If you have anything to add do suggest in the comments	2021-09-24 12:47:17
海外TECH	DEV Community	Build your next admin panel in a 5 minute with beautiful Ant Design!	https://dev.to/pankod/build-your-next-admin-panel-in-a-5-minute-with-beautiful-ant-design-38bl	Build your next admin panel in a minute with beautiful Ant Design GitHub Tutorial Demo What is refine refine offers lots of out of the box functionality for rapid development without compromising extreme customizability Use cases include but are not limited to admin panels BB applications and dashboards Your API is supported out of the box Connects to any REST or GraphQL custom backend Built in support forNestJs CRUD Airtable Strapi Strapi GraphQL Supabase and Altogic MotivationHigher level frontend frameworks can save you a lot time but they typically offer you a trade off between speed and flexibility After many years of experience in developing BB frontend applications and working with popular frameworks we came up with a new approach to tackle this dilemma This is how refine is born refine is a collection of helper hooks components and providers They are all decoupled from your UI components and business logic so they never keep you from customizing your UI or coding your own flow As refine is totally unopinionated about UI and logic it s strongly opinionated about three parts of your application API NetworkingState ManagementAuthentication amp AuthorizationWe believe these are the most important components of a data intensive frontend application and should be handled in a robust way by leveraging industry best practices refine guarantees you a perfect implementation of these building blocks in your project so you can focus on your development Architechturerefine makes extensive use of hooks as a default way for interacting with your components Under the hood refine relies heavily to React Query for data handling caching and state management Access to external sources and API s happen via providers which are basically plug in type components for extendibility Key features️Zero configuration One line setup with superplate It takes less than a minute to start a project Out of the box Routing networking authentication state management in and UI Backend Agnostic Connects to any custom backend Built in support for REST API GraphQL NestJs CRUD Airtable Strapi Strapi GraphQL Supabase and Altogic Native Typescript Core You can always opt out for plain Javascript Decoupled UI UI components are exposed directly without encapsulation You have full control on UI elements Powerful Default UI Works seamlessly with integrated Ant Design System Support for multiple UI frameworks is on the Roadmap Boilerplate free Code Keeps your codebase clean and readable LinksGitHub Tutorial Demo	2021-09-24 12:35:01
海外TECH	DEV Community	😡 Fine...you want CSS art you got it! 💪 My first ever CSS art.	https://dev.to/inhuofficial/fine-you-want-css-art-you-got-it-my-first-ever-css-art-2ka7	Fine you want CSS art you got it My first ever CSS art In my last post I recreated an image in SVG to prove how easy it is compared to CSS Rate my SVG art Compared to CSS art InHuOfficial・Sep ・ min read css html codepen showdev All the CSS fans came to shout at me for bashing CSS or not using it so now I have built the same image in CSS hopefully that makes everybody happy Original image CSS versionSee CSS art is easy too    OK wow how did you do that In the previous post I cheated and created an SVG of the image This post is no different I cheated again All I did was write a little script well actually it was quite a monstrous script as you can t have curves in polygons that converted the SVG lt path gt information into polygon coordinates that CSS can understand The script also had to grab the styling information and generate the HTML and CSS So we have lt divs gt each with auto generated IDs that correspond to CSS rules that are all using clip paths to draw shapes and with classes to set the colours Talk about excessively complicated You happy now All the CSS mega fans will now be happy that I have finally drawn my first piece of CSS art can I go back to my precious SVGs now As always this was just a bit of fun I am only kidding CSS art is cool especially when done with skill rather than cheating like me Have a great weekend everybody	2021-09-24 12:30:44
海外TECH	DEV Community	Making SQLite Easy with Codesphere!	https://dev.to/codesphere/making-sqlite-easy-with-codesphere-3eme	Making SQLite Easy with Codesphere Working with SQLite just got a whole lot easier Codesphere is happy to announce a new UI for creating and managing your SQLite databases Let s talk about how Setting Up Your DatabaseTo create a new database file navigate to the infrastructure tab in Codesphere s IDE and select SQLite You can then create and name a new database and Codesphere will automatically create the DB file for your database We ll name our database user info and then click on it to enter the SQL Query Editor TabThe Query Editor Tab will allow you to easily run SQL queries to make ad hoc insertions and deletions view data and set up and organize tables Making Queries in the Codesphere UITo start off we can create a table with CREATE TABLE user info  name varchar  age int  active boolean To populate that table with a row INSERT INTO user infoVALUES John Doe true And then we can grab those values with SELECT FROM user info Making Queries from NodeJSYou ll notice that the  db file is in your file tree In NodeJS you can access this database by installing sqlitenpm install sqliteAnd running the following code So what project are you going to use SQLite for Let us know down below Happy Coding from your friends at Codesphere	2021-09-24 12:27:32
海外TECH	DEV Community	How to build a custom support chat solution with TalkJS	https://dev.to/talkjs/how-to-build-a-custom-support-chat-solution-with-talkjs-27nl	How to build a custom support chat solution with TalkJSDevelopers usually use TalkJS API for on group or live stream chat but today we re going to show you how to make a simple chat for the customer support use case The chat will look like the one you see when you visit the TalkJS website It s shown below Things to Do Set up our chatAdd features to our chatStyle our chat Setting up our chatTo set up our chat we will follow the Getting Started instructions in the Docs This gives us a working inbox which we can then customize Remember to use your TalkJS appId this is found in the dashboard Without the TalkJS appId the chat will not load OverviewIf you are new to TalkJS this section quickly goes over what we ve done so far First we embed the script for the TalkJS API in our app This loads the TalkJS API from the CDN We also specify a div where the chatbox will be rendered once it s fetched from the CDN We then use another script to initiate our chat This involves defining our users This is also where we need the appId One of our users Alice is made a current user This could be the admin or service provider We create another user to whom Alice will talk to and then create a conversation between the two using a unique ID Once the conversation is created we set the participants and then create the chatbox for that conversation After the chatbox has been created we mount it inside the div with the id talkjs container In this case Sebastian is the person to whom we are talking to In production he would be a client who wants to chat with the service provider Lastly we create a variable to hold our chatbox and then mount it After following these steps our chatbox should look as below Adding FeaturesTo give our customer support a more human feel we want to add a profile picture to our user To do this we include a photoUrl property in the User Object which is a link to the profile picture If nothing is specified here by default it displays the initials of the user We can edit our code to this var me new Talk User id name Alice email alice example com photoUrl images alice png We also want to add a default message that a customer sees when they open the chat for example containing a link to docs availability or other resources Such as you see on the TalkJS livechat To do this we use the setAttributes method ConversationBuilder setAttributes can also be used to set a subject and even a display picture of the whole chat as opposed to the profile pictures on individual participants So we can add the following code conversation setAttributes subject Team TalkJS photoUrl Should be an absolute path welcomeMessages Hi welcome We are usually online during working hours but feel free to leave a message at any time You can also check our lt docs gt Our chat will now look like this At this point let us create more users to simulate a real support conversation Add the following code var other new Talk User id name Jon email jon example com var other new Talk User id name Chloe email chloe example com After simulating a couple of conversations we will have a screen like this Additionally we want to allow customers to send attachments These attachments are tied to user Roles meaning you can allow certain groups of users to send attachments while forbidding others So we navigate to the dashboard and create a new role let s call it customer and then make sure the Allow file sharing box is marked We should also go back to our user variables and add the role property Our code for the users will now look like this var other new Talk User id name Sebastian email sebastian example com role customer Our chatbox will now have a small button on the typing field that allows the customer to attach a file as shown below By default our chat is an Inbox UI panel However for most customer support livechats the customer sees a popup that can be minimized We want to implement this popup for the customer facing side of our app while maintaining the inbox interface for the support staff To implement the popup interface we use Session createPopup to create it and then call it using mount In our customer facing code we can replace const inbox talkSession createInbox selected conversation inbox mount document getElementById talkjs container with const chatPopup talkSession createPopup conversation chatPopup mount show true Our customer facing chat UI is now a popup that looks as shown below StylingTalkJS comes with a configurable UI and it is up to the developer to tweak it in the Theme Editor to get a particular look The Theme Editor allows editing using CSS By targeting relevant CSS classes it is fast and easy to make edits in our layouts In this tutorial we will only apply minimal styling just to show what is possible In our TalkJS dashboard we navigate to Theme Editor and to the ChatHeader Component The ChatHeader ComponentThe ChatHeader component contains the UI code for the chatbox or inbox header We want to remove the names of the chat participants and only leave the subject In the Theme Editor templates the names of the participants are rendered as a subtitle of the chat To remove the subtitle we need to delete line lt div class subtitle gt names lt div gt We also want to get rid of the search box so that our chat looks like the TalkJS one In line we can delete the following code which removes the search icon lt SearchButton t if showSearchButton class action button gt lt Icon type search gt lt SearchButton gt Our chat pop up will look like this The service provider backend is still an inbox with the ability to support multiple conversations as shown below We have only scratched the surface of what is possible using the Theme Editor many more possibilities exist For example one can style it to look like WhatsApp or Discord or Slack ConclusionHope you had a great time coding We know this is a pretty basic customer support setup but one that will do the job you can get it working in a few hours and it s working pretty fine for the technical support here at TalkJS	2021-09-24 12:23:03
海外TECH	DEV Community	Image Creation, Management, and Registry(Part 2)	https://dev.to/dporwal/image-creation-management-and-registry-part-2-514n	Image Creation Management and Registry Part Tagging Docker ImagesDocker tags convey useful information about a specific image version variant They are aliases to the ID of your image which often look like this fcbAssigning tag while building imagedocker build t demo v Assigning tag if no tag defaultLets build a image without tag docker build Now lets assign tag to the existing image without tag docker tag adcae demo vtag for existing tag of the imageThis will create another image with the same IMAGE ID docker tag demo v demo v Docker CommitWhenever you make changes inside the container it can be useful to commit a container s file changes or settings into a new image By default the container being committed and its processes will be paused while the image is committed Syntax docker container commit CONTAINER ID myimageCreated a container containing context txt file in root directory Then committed the container to the images and then creating another container from the same image where we can see the same file changes made present We can also define the Commands while committing the images from the containers The change option will apply Dockerfile instructions to the image that is created Supported Dockerfile instructions CMD ENTRYPOINT ENV EXPOSELABEL ONBUILD USER VOLUME WORKDIRcommanddocker container commit change CMD ash modified container Docker Image LayersA Docker image is built up from a series of layers Each layer represents an instruction in the image s Dockerfile Here is the best resource I found for the presentation As the container have the R W layer a top layer which is connected with the base image OR we can say that one base image is connected to different containers by Writable layer Lets see some scenarios Will build a docker image using dockerfile and will check the layers Dockerfile FROM ubuntuRUN dd if dev zero of root file txt bs M count RUN dd if dev zero of root file txt bs M count Command to check the layers of the image where layerdemo is the image name docker image history layerdemoBelow Screenshot clearly shows how layers are of same volume as they are not adding the volume of previous layer Every layer has its separate size according to the command or the changes Now lets try to remove these files and I found that layers were created with B but the image still contains the same MB So Basically here we have layers Layer gt FROM UbuntuLayer gt RUN dd if dev zero of root file txt bs M count Layer gt RUN dd if dev zero of root file txt bs M count Layer gt RUN rm f root file txtLayer gt RUN rm f root file txtHere Only Layer and Layer is dealing with the removing of those files but the file are still there in Layer and Layer That is the reason image still have the same volume Dockerfile FROM ubuntuRUN dd if dev zero of root file txt bs M count RUN dd if dev zero of root file txt bs M count RUN rm f root file txtRUN rm f root file txtFor the requirement where we need to remove the files after creation we can use amp amp to run both the command at one go This will conserve the volume of the imageFROM ubuntuRUN dd if dev zero of root file txt bs M count amp amp rm f root file txtRUN dd if dev zero of root file txt bs M count amp amp rm f root file txt Managing Images using CLISo basically the best practice of using the command for images isdocker image lt command gt docker pull ubuntu docker image pull ubuntudocker images docker image lsdocker image builddocker image historydocker image importdocker image inspectdocker image loaddocker image prunedocker image push Inspecting Docker ImagesA Docker Image contains lots of information some of these include Creation DateCommandEnvironment VariablesArchitectureOSSizedocker image inspect command allows us to see all the information associated with a docker image Suppose we need to get the particular field from the inspect data e g Hostnamewe can usedocker image inspect ubuntu grep Hostname docker image inspect ubuntu format Id There are certain things that have parent child details Like ContainerConfig have Hostname Domainname etc But this will only gives the values not the key docker image inspect ubuntu format ContainerConfig If you want the key and value both docker image inspect ubuntu format json ContainerConfig If you just want the hostname value you can use below caommand to filter out the information from the inspect data docker image inspect ubuntu format ContainerConfig Hostname Docker Image pruneDocker image prune command allows us to clean up unused images By default the below command will only clean up dangling images Dangling Images Image without Tags and Image not referenced by any containerTo prune all the images that has no container refrenced we can use below commands docker image prune aIf you want to remove all the images only which don t have tag associated you can use below commands docker image pruneBefore Prune we had these many images After running prune command Those images got removed which were not referenced to the container Here is the below command the image without the tag tag which is a Dangling image but it can t be prune because it has containers associated Flattening Docker ImagesModifying Image in a single Layer or specific Layer As we know ubuntu has many layers So to merge all layers to the single layer There is one approach that to Import and Export to a containerCommands docker export myubuntu gt myubuntudemo tarcat myubuntudemo tar docker import myubuntu latest Building Docker RegistryA Registry a stateless highly scalable server side application that stores and lets you distribute Docker images Docker Hub is the simplest example that all of us must have used There are various types of registry available which includes Docker RegistryDocker Trusted RegistryPrivate Repository AWS ECR Docker HubTo push the image to a central registry like DockerHub there are three steps Authenticate your Docker client to the Docker Registry Refrence for setting up Docker Registry docker run d p restart always name registry registry Tag Docker Image with Registry Repository and optional image tag docker tag myubuntu latest localhost myubuntuPush Image using docker push commandTo push the docker image to the AWS ECR Refrence docker push localhost myubuntuNow lets pull the image from the registry For that first we need to untag the registy located image and then delete the image docker pull localhost myubuntu Pushing Docker Image to Docker HubI have my account on Docker Hub and created had repository So first we will login to the docker hub by CLI and then create the tag and push it Then before pulling the image I have removed the tag to the image and removed all the containers associated to that container and then pull the image from the Docker Hub Repository docker logindocker tag busybox deepakporwal mydemo vdocker push deepakporwal mydemo vdocker pull deepakporwal mydemo vPushing out custom image to docker hub Pulling the image from Docker Hub Searcing and Filtering Images from Docker HubDescriptionCommandSearch for Busybox imagedocker search busyboxSearch for Busybox image with Max Result of docker search busybox limit Filter only official imagesdocker search filter is official true nginxOn searching nginx images We will limit the number of results On searching images from Docker Hub we get many results We can filter those results by three filter supporters starsis automatedis officialThis will bring to us specific required result only Moving Images Across HostsSuppose we want to send docker image to other hosts or instances from admin box or master server In this case we save the image as a zip and then transfer that image to host and at last will load that image in the host Cache in DockerWhile building a container or image it uses the cache of each layer which has been already been there Here is the Dockerfile and requirements txt details that we will be using for this usecase DockerfileFROM python slim busterCOPY RUN pip install quiet r requirements txtENTRYPOINT python server py requirements txtcertifi chardet Click cycler decorator defusedxml Here are the commands that will be using to build the images docker build t without cache docker build t with cache without cachewith cacheReferences Official DockerUdemy CourseCredit Zeal VoraPrev Image Creation Management and Registry Part	2021-09-24 12:20:03
海外TECH	DEV Community	Handling exceptions in JavaScript : Key points ⭐️	https://dev.to/underscorecode/handling-exceptions-in-javascript-key-points-27je	Handling exceptions in JavaScript Key points ️Hello everybody In today s article we ll be talking about exceptions in JavaScript what they are different types declaration and how to handle and deal with them appropriately First things first Main concepts Let s first have a look at the main concepts of exception handling to have a clear and concise idea of what they exactly mean in programming What is an exception An exception is an anomalous condition that breaks the regular execution of the code What does handle an exception mean Exception handling is the method by which an exception is caught and managed Then how can we handle exceptions in JavaScript To handle exceptions we ll use the try catch statement provided by JavaScript As easy as that The try catch statement The try catch statement is a block that tries to perform one or several actions that can lead to error conditions and defines the instructions to handle such errors appropriately in case they happen to occur Let s see the structure for this statement try Action s to be performed that can lead to an anomalous condition catch e Error exception handling finally Instruction s to be executed after the try catch statement ends Things to consider Curly braces must be used anytime even for one line statements within the blocks A catch or a finally block must be defined as part of the try catch statement but neither of them are mandatory separately The previous point results in the following types of try catch statements try catchtry finallytry catch finally The throw statement The throw statement as its own name indicates throws an exception when something wrong occurs within the function or block it is declared When a throw statement is found the execution of the current function stops and the control is shifted to the catch block A very simple example try throw new Error Something went wrong catch e console error e Output Error Something went wrong A throw statement is usually called within the try block but that doesn t mean that can t be called within a catch block to rethrow an exception once it has been caught or a finally block to throw an exception no matter which previous block has been executed ️Rethrowing an exception in the catch block try try throw new Error catch e console error e throw e catch e console error e Output Error Error ️Throwing an exception in the finally block try try throw new Error Error try block catch e console error e throw new Error Error catch block Note that this exception is never caught finally throw new Error Error finally block catch e console error e Output Error Error try block Error Error finally block User defined exceptions ‍‍A user defined exception is a custom exception that can contain any valid expression The following statements are all correct throw Error throw throw false Let s see an example where an object is thrown Note that object properties become accessible once the exception is caught through the error itself const UserException name UserException message There was an error try throw UserException catch e console error e name e message Output UserException There was an error JavaScript built in errors can also be used as objects for user defined exceptions and be thrown accordingly Take a look at the following example where a TypeError error is thrown if the type of the required value is not String const TypeException function const msg There was an error regarding the data type this error new TypeError msg const isString value gt typeof value string const city const setCity cityName gt if isString cityName city name cityName else throw new TypeException try setCity console log City name has been set correctly catch e console error e error finally console log The execution has finished Output TypeError There was an error regarding the data type The execution has finished Conditional catch blocks There may be occasions where the try catch block throws different types of exceptions In order to handle each of them in a proper way we can use if else statements within the catch block let month const setMonth monthValue gt if typeof monthValue number throw new TypeError monthValue if monthValue lt monthValue gt throw new RangeError monthValue month monthValue try setMonth console log Month month has been set correctly catch e const errorInfo Please enter a number if e instanceof TypeError console error Wrong data type e message errorInfo if e instanceof RangeError console error Out of range e message errorInfo Output Out of range Please enter a number We could also use a switch statement to handle multiple exceptions being both examples equivalent try setMonth console log Month month has been set correctly catch e const errorInfo Please enter a number switch e name case TypeError console error Wrong data type e message errorInfo case RangeError console error Out of range e message errorInfo Output Out of range Please enter a number Summary key points Exceptions are error conditions that break the normal flow of the code execution An exception can be any kind of expression a number a string an object Exceptions should be thrown and handled appropriately in order to not crash the app and let the user know that something didn t go as expected JavaScript built in errors can be used as throwable objects for user defined exceptions Multiple exceptions can be handled within the same catch block ️Related post on Instagram And that s all for today A big thanks for reading and don t hesitate to reach out to me if you have any questions or doubts about today s article I hope you found this article useful and I see you all in the next Don t forget to follow underscorecode on Instagram and Twitter for more daily webdev content info challenges quizzes amp more And last but not least A quick friendly reminder before we go We all know there are million ways to get things done when it comes to programming and development and we re here to help and learn so if you know another possible way to do what others are sharing not better not worse just different feel free to share it if you feel like it but please always be kind and respectful with the author and the rest of the community Thank you and happy coding	2021-09-24 12:13:57
海外TECH	DEV Community	My next project.	https://dev.to/abhirajb/my-next-project-34c1	My next project No I won t talk about an app or website I am working on My next project will be is VisualwayVisualway is a non profit startup organization which will create apps and services to ease one s workflow You might have read my blogs on CSS JS and HTML shit i messed up the orderBut I created this organization to not only improve myself as a developer and diversify in frameworks and languages but also really help others too You can follow us on Twitter right now So I have already released a note taking app on React under VW You can read all about it below Introducing Noteture Abhiraj Bhowmick for Visualway・Sep ・ min read showdev javascript react webdev Before I end this post I would like to ask you my readers to help me in this journey If you are a dev or writer hit me up on email or twitter sadly there won t be any money involved Or maybe you can follow us on Twitter and star the repo so you don t miss my progress along this journey Ciao Visualway	2021-09-24 12:04:37
海外TECH	DEV Community	CTR as been added to Binance Smart BlockChain.	https://dev.to/cryptourism/ctr-as-been-added-to-binance-smart-blockchain-246d	CTR as been added to Binance Smart BlockChain Is with extreme pleasure I am announcing the acceptance of CTR Token to the Binance Smart Chain After hard work and determination the team achieved a main goal of using Binance s Blockchain and be recognized as a credible token in the cryptocurrency space increasing security cheap transfers and transactions in a couple of seconds All this will guarantee the use of one the most advanced Blockchain s in the World Is NOW OFFICIAL and we are getting stronger Check our Airdrop Referral Program until it last since only are allocated for the Bounty Campaign Visit us today at to be part of the first Decentralized Tourism Investment	2021-09-24 12:03:21
Apple	AppleInsider - Frontpage News	Russian opposition leader slams Apple for acting as Putin "accomplice"	https://appleinsider.com/articles/21/09/24/apple-google-cowardice-called-out-for-removing-russia-voter-app?utm_medium=rss	Russian opposition leader slams Apple for acting as Putin quot accomplice quot Imprisoned opposition leader Alexei Navalny says Apple and Google acted as accomplices of Russian president Putin when they gave in to demands and removed a voting app ahead of the country s elections Alexei Navalny Image Credit Evgeny Feldman Novaya GazetaBoth Apple and Google removed the app Smart Voting from their App Stores hours ahead of the Russian election and did so at the insistence of the country s government Read more	2021-09-24 12:25:05
Apple	AppleInsider - Frontpage News	Future iPad Pro design may feature new camera & logo placements	https://appleinsider.com/articles/21/09/24/future-ipad-pro-could-have-rotated-camera-apple-logo?utm_medium=rss	Future iPad Pro design may feature new camera amp logo placementsA new report claims that Apple is planning to change the iPad Pro design to feature both its camera and rear Apple logo in landscape orientation The current camera and Apple logo placement on an iPad ProLeaker Dylandkt whose track record includes accurate claims about the iPhone Pro now says Apple is planning to change a key design feature on the iPad Pro Read more	2021-09-24 12:31:19
海外TECH	Engadget	Engadget Podcast: Everything Microsoft Surface + iPhone 13, iPad Mini reviews	https://www.engadget.com/engadget-podcast-surface-iphone-13-review-123045367.html?src=rss	Engadget Podcast Everything Microsoft Surface iPhone iPad Mini reviewsIt s fall and new gadget season has officially begun This week Cherlynn and Devindra dive into all of Microsoft s new hardware The Surface Laptop Studio Pro and Duo Also Commerce Editor Valentina Palladino joins to chat about the iPhone Mini and her iPad Mini review And of course we carve out some time to yell at Facebook Listen below or subscribe on your podcast app of choice If you ve got suggestions or topics you d like covered on the show be sure to email us or drop a note in the comments And be sure to check out our other podcasts the Morning After and Engadget News Engadget ·Everything Microsoft Surface iPhone iPad Mini reviewsSubscribe iTunesSpotifyPocket CastsStitcherGoogle PodcastsTopicsThe best of Microsoft s Surface event Surface Laptop Studio Surface Pro Surface Duo iPhone and mini reviews it s all about the cameras iPad Mini review cute and functional Fitbit Charge review The European Union wants all phones to charge via USB C Amazon announces bigger brighter Kindle Paperwhite Facebook announces portable Portal Wall Street Journal s Facebook files Working on Pop culture picks Video livestreamCreditsHosts Cherlynn Low and Devindra HardawarGuest Valentina PalladinoProducer Ben EllmanLivestream producers Julio Barrientos Luke BrooksGraphics artists Luke Brooks Kyle MaackMusic Dale North and Terrence O Brien	2021-09-24 12:30:45
海外TECH	Engadget	Amazon is reportedly planning a wall-mounted Echo with a 15-inch display	https://www.engadget.com/amazon-is-reportedly-planning-an-echo-with-a-15-inch-display-122607832.html?src=rss	Amazon is reportedly planning a wall mounted Echo with a inch displayAmazon is working on a number of new devices including an Echo with a inch wall mounted display a soundbar new Echo Auto technology and wearables Some may appear fairly soon at the company s September th hardware event according to a Bloomberg report nbsp The splashiest looking product would be an Alexa enabled Echo with a display size around inches Codenamed Hoya it could not only be placed on a stand like a regular Echo device but mounted on a wall as well It would serve as a smart home center to control lights cameras locks and other devices while showing weather timers appointments photos and more It s specifically designed to work in the kitchen displaying recipes and YouTube cooking videos while letting you stream Netflix and other apps nbsp The company may also announce its own soundbar codenamed Harmony to accompany a rumored lineup of Amazon branded TVs Unlike third party Alexa enabled soundbars it would have a front facing camera and support video calls from TVs much like Facebook s Portal TV nbsp Finally it s reportedly developing a new version of Echo Auto codenamed Marion The updated version will supposedly have a new design and allow for device charging via inductive technology Amazon currently has a partnership with Ford to put Alexa in vehicles but it s apparently looking to team up with other automakers too Other items in the works include new Echo speakers for and wearables for kids and seniors the latter with fall detection It s also reportedly building dedicated processors to improve artificial intelligence along with new technology to help its Fire TV Echo and other devices work better together nbsp The company has some other somewhat more unusual products in the works as well according to the report It has been working on a home robot codenamed Vesta that would use the Alexa interface and also an Alexa powered karaoke microphone ーthough the team working on the latter project was reportedly disbanded nbsp	2021-09-24 12:26:07
海外TECH	Engadget	Dell XPS 15 OLED review: A practically perfect 15-inch laptop	https://www.engadget.com/dell-xps-15-oled-review-practically-perfect-15-inch-screen-laptop-120033751.html?src=rss	Dell XPS OLED review A practically perfect inch laptopOLED makes Dell s already excellent XPS even better That s it that s all you need to know I ve seen dozens of OLED screens over the last decade and they never fail to impress By their very nature they look bolder and capture inky blacks better than most LCD screens So take that together with the latest hardware from Intel and NVIDIA and you ve got a surefire ultraportable powerhouse Now if you remember last year s redesigned XPS you ll probably have a hard time telling this new model apart It still has a sturdy and thin aluminum unibody case but the star of the show is the inch display It has some of the thinnest bezels on the market which almost makes the screen seem as if it s floating in the air New this year is the K OLED touchscreen model but you can also choose from two LCD panels a K touchscreen and a p display The plus on those resolutions just means they pack a few more vertical pixels to reach a x aspect ratio While I m clearly partial to what OLED adds to the experience all of the displays should look great They each support Dolby Vision HDR and the LCD models are also fairly bright at nits The OLED version maxes out at nits but the vastly better contrast should make up for it It s also the only screen that supports percent of the DCI P gamut making it ideal for artists who demand color accuracy I ll admit I m mainly reviewing the XPS to gawk at its screen As soon as I powered it up I put on the Matrix Resurrections trailer in K HDR just to see if it looked better than my OLED TV Of course the TV looked better but I was still impressed by the XPS The glimpses we see at night look truly black bright elements like explosions and sunlight were so brilliant they made me tear up a bit and it managed to juggle scenes that had both bright and dark aspects That s the advantage of OLED To push the XPS s display to the max I turned to Ang Lee s Gemini Man one of the few films viewable in K with HDR at frames per second Say what you will about the movie but the OLED screen made the shootout between Will Smith and his younger clone feel almost as thrilling as watching it in theaters Sure it doesn t have a full K resolution but that s not something you ll really notice while watching it Another bonus Dell s upward firing speakers did a decent job throughout most of the action Outside of video the XPS s OLED screen made looking at just about everything a joy I ve never had so much fun scrolling through text heavy websites ーeven jotting ideas down in Evernote felt a bit more satisfying thanks to the ultra crisp text Photos just about popped off the screen as you d expect The DCI P color range is around percent wider than the more common sRGB which means images will be able to show off more depth The only way the XPS s screen could look better was if it took a cue from gaming laptops and offered a faster refresh rate Going above Hz makes scrolling images and text look instantly smoother but it ll likely be a few years before work focused notebooks take advantage of that tech PCMark DMark Night RaidATTO disk speeds top read write Dell XPS Intel i H NVIDIA RTX Ti w GB s GB sDell XPS Intel i H NVIDIA GTX Ti GB s GB sSurface Laptop quot AMD Ryzen U Surface Edition Radeon GB s MB sASUS ZenBook Duo Intel Core i G Xe graphics GB s GB sOur XPS review unit was powered by an eight core Intel i H GB of RAM and a watt version of NVIDIA s RTX Ti GPU That s on the low end of that GPU s potential power usage ーit can go all the way up to watts ーwhich means it s far less capable than the same card in a gaming notebook Still it should be a huge upgrade from last year s GTX Ti In the GPU focused Geekbench Compute benchmark for example the XPS notched around more points than last year s model I can t imagine too many people will be judging the XPS on its gaming capabilities not when you can get faster screens and potentially better hardware for similar prices from dedicated laptops But if you re just itching to get a bit of Overwatch action in once in a while it s good enough to reach fps in Overwatch at by p at the highest graphics settings Honestly it has enough power to tackle most modern games Just don t try playing them at K Devindra Hardawar EngadgetThe XPS also scored around percent higher in the PCMark benchmark something I d attribute both to that Intel CPU and the NVIDIA hardware You can expect it to tackle most intense workloads with ease It managed to transcode a one minute K video file into p in seconds using Handbrake and the NVIDIA encoder As for the XPS s keyboard and trackpad they re unchanged from last year I appreciated the keyboard s wide layout and responsive keys though I hope Dell explores ways to add even more depth It d be nice for some of that CherryMX technology from Alienware s gaming laptops to make its way to the XPS line The trackpad meanwhile is luxuriously smooth No complaints there Devindra Hardawar EngadgetI d like to see more than three USB C ports but at least two of them support Thunderbolt And I ll always give a laptop extra credit for including a full sized SD card slot That s something photographers everywhere will appreciate I was also surprised to find that the OLED screen didn t ding the XPS s battery life as much as I thought it would It lasted for nine hours and minutes in our battery benchmark compared to hours and minutes on last year s model with a K LCD The only downside of the XPS is that Dell was a bit slow to add OLED Remember the company said OLED would be coming to the XPS since CES I was surprised that Dell didn t include it in the XPS s redesign last year and I wager the pandemic slowed things down a bit But other PC makers like ASUS were much quicker to build OLED laptops so it s hard to make excuses for Dell Devindra Hardawar EngadgetThe new XPS starts at with a Core i processor integrated graphics GB of RAM and a GB SSD You d have to shell out to nab our review unit with a GB SSD Those are reasonable prices for inch workhorse machines especially when the inch MacBook Pro is a rather painful and still has an aging ninth gen Intel chip Honestly I didn t expect Dell to do much with the XPS after last year But the addition of OLED goes a long way It s one of the best screens you can find on a laptop today It s so good in fact that it makes the XPS almost perfect	2021-09-24 12:00:33
海外科学	NYT > Science	Covid Trash Isn't Always Dangerous. Not Everyone Got the Memo.	https://www.nytimes.com/2021/09/18/world/covid-trash-recycling.html	Covid Trash Isn x t Always Dangerous Not Everyone Got the Memo Overblown fears that the coronavirus could be transmitted through surfaces have created a stigma around handling nonhazardous trash experts say Some recyclable waste has been junked or burned	2021-09-24 12:24:55
金融	金融庁ホームページ	入札公告等を更新しました。	https://www.fsa.go.jp/choutatu/choutatu_j/nyusatu_menu.html	公告	2021-09-24 13:00:00
ニュース	BBC News - Home	Petrol will continue to flow, says transport secretary	https://www.bbc.co.uk/news/business-58673567?at_medium=RSS&at_campaign=KARANGA	transport	2021-09-24 12:05:11
ニュース	BBC News - Home	Port of Dover: Arrests made as Insulate Britain blocks port	https://www.bbc.co.uk/news/uk-england-kent-58676610?at_medium=RSS&at_campaign=KARANGA	britain	2021-09-24 12:15:04
ビジネス	ダイヤモンド・オンライン - 新着記事	中国、仮想通貨を違法扱いに　ビットコイン下落 - WSJ発	https://diamond.jp/articles/-/283096	仮想通貨	2021-09-24 21:18:00
北海道	北海道新聞	旭川で８人感染　新型コロナ	https://www.hokkaido-np.co.jp/article/592578/	新型コロナウイルス	2021-09-24 21:18:26
北海道	北海道新聞	日胆の感染ゼロ　新型コロナ	https://www.hokkaido-np.co.jp/article/592779/	新型コロナウイルス	2021-09-24 21:17:00
北海道	北海道新聞	引退前にオール２階建て車両公開　上越新幹線Ｅ４系、新潟でＪＲ東	https://www.hokkaido-np.co.jp/article/592778/	上越新幹線	2021-09-24 21:15:00
北海道	北海道新聞	三笠の川俣アート年内解体へ　展示体育館老朽化を危惧　３Ｄ映像で作品保存	https://www.hokkaido-np.co.jp/article/592777/	現代美術家	2021-09-24 21:14:00
北海道	北海道新聞	いじめ遺族「過ち償って」、山口　卒業の同級生宛てに文書	https://www.hokkaido-np.co.jp/article/592770/	大島商船高等専門学校	2021-09-24 21:01:00
北海道	北海道新聞	ロコ・ソラーレ「地元の応援実感」　北見市役所訪問、日本代表決定を報告	https://www.hokkaido-np.co.jp/article/592775/	北見市役所	2021-09-24 21:12:00
北海道	北海道新聞	候補４氏、台湾ＴＰＰ申請を歓迎　自民総裁選、電源構成巡り討論	https://www.hokkaido-np.co.jp/article/592774/	岸田文雄	2021-09-24 21:12:00
北海道	北海道新聞	小野十三郎賞に冨岡悦子さん　詩集「反暴力考」	https://www.hokkaido-np.co.jp/article/592760/	小野十三郎賞	2021-09-24 21:12:08
北海道	北海道新聞	案里氏の広報費１億円超と記載　河井夫妻が収支報告書訂正	https://www.hokkaido-np.co.jp/article/592742/	収支報告書	2021-09-24 21:10:21
北海道	北海道新聞	二審は携帯番号の開示認めず　ネット投稿者のプライバシー侵害	https://www.hokkaido-np.co.jp/article/592726/	東京都内	2021-09-24 21:10:20
北海道	北海道新聞	レアンドロ、計５試合出場停止　Ｊリーグとクラブが処分	https://www.hokkaido-np.co.jp/article/592772/	出場停止	2021-09-24 21:09:00
北海道	北海道新聞	２５日の予告先発　日本ハムはバーヘイゲン	https://www.hokkaido-np.co.jp/article/592649/	予告先発	2021-09-24 21:04:05
北海道	北海道新聞	最繁忙期チケット７００円値上げ　ディズニー、１０月１日から	https://www.hokkaido-np.co.jp/article/592769/	千葉県浦安市	2021-09-24 21:01:00