投稿時間:2022-03-30 06:37:55 RSSフィード2022-03-30 06:00 分まとめ(42件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	『ゼルダの伝説 ブレス オブ ザ ワイルド』続編は2023年春に延期。開発は「引き続き総力を挙げて取り組む」	https://japanese.engadget.com/legend-of-zelda-sequel-delayed-to-2023-205032657.html	nntendoswitch	2022-03-29 20:50:32
TECH	Engadget Japanese	1983年3月30日、歴史シミュレーションゲーム「信長の野望」が発売されました：今日は何の日？	https://japanese.engadget.com/today30-203052131.html	信長の野望	2022-03-29 20:30:52
AWS	AWS	TechShift Part 5: Summary on Application Migration and Modernization	https://www.youtube.com/watch?v=f-iiSuAM6nI	TechShift Part Summary on Application Migration and ModernizationIntroducing TechShift the AWS series dedicated to software businesses who looking to acceleerate the transofrmation of their solutions to Cloud and SaaS Register for a TechShift Event 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 SAAS Cloud SoftwareBusiness SoftwareVendor BusinessTransofrmation AWS AmazonWebServices CloudComputing	2022-03-29 20:37:29
AWS	AWS	TechShift Part 4: Automation and scaling a software application on AWS	https://www.youtube.com/watch?v=dCiIcapWwh4	TechShift Part Automation and scaling a software application on AWSIntroducing TechShift the AWS series dedicated to software businesses who looking to acceleerate the transofrmation of their solutions to Cloud and SaaS Register for a TechShift Event 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 SAAS Cloud SoftwareBusiness SoftwareVendor BusinessTransofrmation AWS AmazonWebServices CloudComputing	2022-03-29 20:37:24
AWS	AWS	TechShift Part 3: Replatforming Your Application - Databases and Content Management	https://www.youtube.com/watch?v=zpaAbcVM7-Y	TechShift Part Replatforming Your Application Databases and Content ManagementIntroducing TechShift the AWS series dedicated to software businesses who looking to acceleerate the transofrmation of their solutions to Cloud and SaaS Register for a TechShift Event 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 SAAS Cloud SoftwareBusiness SoftwareVendor BusinessTransofrmation AWS AmazonWebServices CloudComputing	2022-03-29 20:37:18
AWS	AWS	TechShift Part 2: Beginning Your Migration, Building the Foundation for Your Application Resources	https://www.youtube.com/watch?v=dNQsYutZ4f4	TechShift Part Beginning Your Migration Building the Foundation for Your Application ResourcesIntroducing TechShift the AWS series dedicated to software businesses who looking to acceleerate the transofrmation of their solutions to Cloud and SaaS Register for a TechShift Event 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 SAAS Cloud SoftwareBusiness SoftwareVendor BusinessTransofrmation AWS AmazonWebServices CloudComputing	2022-03-29 20:37:12
AWS	AWS	TechShift Part 1: Benefits of Migrating a Software Application to Cloud	https://www.youtube.com/watch?v=DcXxmkZjS9c	TechShift Part Benefits of Migrating a Software Application to CloudIntroducing TechShift the AWS series dedicated to software businesses who looking to acceleerate the transofrmation of their solutions to Cloud and SaaS Register for a TechShift Event 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 SAAS Cloud SoftwareBusiness SoftwareVendor BusinessTransofrmation AWS AmazonWebServices CloudComputing	2022-03-29 20:37:06
AWS	AWS	Accelerating Journey to Cloud and SaaS for Software Businesses - TechShift	https://www.youtube.com/watch?v=hlGcXTW8omA	Accelerating Journey to Cloud and SaaS for Software Businesses TechShiftIntroducing TechShift the AWS series dedicated to software businesses who looking to acceleerate the transofrmation of their solutions to Cloud and SaaS Register for a TechShift Event 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 SAAS Cloud SoftwareBusiness SoftwareVendor BusinessTransofrmation AWS AmazonWebServices CloudComputing	2022-03-29 20:37:01
AWS	AWS - Webinar Channel	SageMaker Friday episode 1 - How to build, train and deploy and a machine learning model easily	https://www.youtube.com/watch?v=-Q_fcMPqDr4	learning	2022-03-29 20:00:27
海外TECH	MakeUseOf	9 Power User Tips for Nova Launcher Prime on Android	https://www.makeuseof.com/tag/power-user-tips-nova-launcher-prime-android/	android	2022-03-29 20:45:14
海外TECH	MakeUseOf	Are No-Code and Low-Code Development Platforms Secure?	https://www.makeuseof.com/is-no-low-code-development-reliable/	expertise	2022-03-29 20:45:14
海外TECH	MakeUseOf	How to Make a Phone Stand With Clay	https://www.makeuseof.com/how-to-make-a-phone-stand-with-clay/	useful	2022-03-29 20:30:14
海外TECH	MakeUseOf	How to Increase Engagement on LinkedIn	https://www.makeuseof.com/increase-engagement-linkedin/	effective	2022-03-29 20:15:14
海外TECH	DEV Community	Remix SaaS kit - QuickStart & Core Concepts	https://dev.to/alexandromtzg/remix-saas-kit-quickstart-core-concepts-3c35	Remix SaaS kit QuickStart amp Core ConceptsThank you for trying out my Remix SaaS kit I did not expect so many downloads so I thought I this Quickstart Tutorial If you like what you got consider giving it a star on Gumroad Introducing Remix SaaS kit v Core ConceptsBefore you follow the tutorial I want you to know why I built it the way it is TenantI wanted to make an app where email could have multiple accounts like Notion A Tenant has its own Stripe Customer ID Created at registerStripe Subscription ID Created at app settings subscriptionTenant Members Created at app settings membersWorkspaces Created at app settings workspaces WorkspaceThis depends on your SaaS implementation For example I have a SaaS where the Workspace is a Legal Company and another one where each Workspace represents the Current Project It s up to you A Workspace has its own Workspace MembersLinks to other WorkspacesEmployees LinkYou can delete this in your implementation but it s there if you need it I wanted to make a SaaS where my users could like accounts with other users For example Workspace X from Tenant A wants to share information with Workspace Z from Tenant B On this implementation there s a direction where one Workspace is a Provider and the other one a Client A Link has its own Contracts ContractsYou can delete this in your implementation but it s there if you need it On every SaaS kit I implemented a Contracts app on which two linked workspaces can share contract and it belongs to both of them Also you can see how PDF upload preview work A Contract references Linked Workspace MembersCurrent Workspace Employees EmployeeSimple CRUD demo TenantId WorkspaceId and LinkId fieldsSince this boilerplate is designed to support multiple tenants each with its own workspaces you have to implement these fields on your prisma calls on every Entity you create hence the Contracts and Employees demo I plan to implement an automatic way of doing this subscribe or follow me to stay tuned Quickstart TutorialFollow these steps to see what Remix SaaS kit can do Requirements Stripe accountPostmark account use REMIXSAASPOSTMARK code for Supabase account you can use your own Prisma supported database provider Formspree account optional GitOpen the downloaded project folder I m using VSCode open a Terminal and run git initgit add git commit am initial Environment file Rename the env example file to just env Update the REMIX SESSION SECRET value to something secure like abc Set the REMIX ADMIN EMAIL with your email and something random for REMIX ADMIN PASSWORD Get your Stripe Secret Key and set it to REMIX STRIPE SK Open your Postmark Servers Dashboard select or create your server click on API Tokens and set it to REMIX POSTMARK SERVER TOKEN Optional Open your Formspree Forms Dashboard select or create your form click on Integration and set the Form s endpoint to REMIX INTEGRATIONS CONTACT FORMSPREE Up to this point you should have only commit Database I highly recommend building your app first with SQLite then moving to something like PostgreSQL MySQL If you re not using SQLite identify your database connection string format and set it to the DATABASE URL environment variable IMPORTANT If you re using Supabase and you will host your app on a Serverles environment like Vercel or AWS Lambda use the Connection Pooling String as specified here As you can see use the normal PostgreSQL connection string when creating migrating and seeding the database with Prisma but use the Connection Pooling String when deploying to a Serverless environment Open the schema prisma file and set the corresponding database provider sqlite postgresql mysql sqlserver mongodb or cockroachdb Run the first migration and seed the database using this command npx prisma migrate dev name initYou should get the following output If for any reason the migration was created successfully but did not seed the database use the following command npx prisma db seedIf you mess up the database you can always reset it with Prisma or drop the tables manually DROP TABLES Script DROP TABLE IF EXISTS prisma migrations DROP TABLE IF EXISTS Joke DROP TABLE IF EXISTS ContractMember DROP TABLE IF EXISTS ContractActivity DROP TABLE IF EXISTS ContractEmployee DROP TABLE IF EXISTS Contract DROP TABLE IF EXISTS Employee DROP TABLE IF EXISTS Link DROP TABLE IF EXISTS SubscriptionFeature DROP TABLE IF EXISTS SubscriptionPrice DROP TABLE IF EXISTS SubscriptionProduct DROP TABLE IF EXISTS TenantUserInvitationWorkspace DROP TABLE IF EXISTS TenantUserInvitation DROP TABLE IF EXISTS WorkspaceUser DROP TABLE IF EXISTS Workspace DROP TABLE IF EXISTS TenantUser DROP TABLE IF EXISTS Tenant DROP TABLE IF EXISTS User Up to this point you should have commits App If you haven t already install the dependencies npm installRun the application npm run devOpen https localhost you should see the landing page Click on the Dark Light mode Toggle Get rid of the lt TopBanner gt component or customize it if you re advertising something like me other SaaS kits Go to the pricing page and click on Go to admin pricing NOTE Before we persist the Prices to the database you can play with the pricing by modifying the plans server ts file Log in as your admin user If successful it will redirect you with a Session Cookie to admin pricing Here we can persist the prices to our database and to our Stripe account by clicking the orange button NOTE If you ve persisted the prices to your DB and Stripe but you want to make a change you could manually DELETE the records on the following tables SubscriptionFeature SubscriptionPrice and SubscriptionProduct Now that our prices exist go to register and create a sample account with a real email to get the Welcome email You should get a welcome email You will be redirected to the Dashboard That s all you need to get started using the boilerplate And of course you could also follow the README md file Early AccessClick here to get off for a limited time only Subscribe or follow me to stay tuned Feel free to comment below if you have any questions	2022-03-29 20:39:36
海外TECH	DEV Community	Craft a Kraken API client with PHP8 (1/2)	https://dev.to/nicolasbonnici/craft-a-kraken-api-client-with-php8-12-2hc7	Craft a Kraken API client with PHP Today we gonna build from scratch a simple but flexible client to use the Kraken API which is at writing time the fourth biggest exchange in volume The final result will be a Composer package that you ll can easily use as dependency in any PHP project using Composer as dependencies manager This client will support any Kraken API endpoint public or private and also open WebSocket streams to perform real time actions or monitoring This first part will describe the REST usage of the Kraken API then the second will be about WebSocket Accessing public endpointsLike most exchange APIs Kraken allow us to retrieve market data without authentication Let s say we need to access all exchange trading pairs we simply need to make a GET request to this endpoint then parse response nothing fancy Accessing private endpointsWhen dealing with private endpoints the Kraken API need both a specific header containing your API client key but also require you to sign your request under a API SIGN header built from your payload the endpoint URI your API secret Base encoded and a nonce which is a unsigned bit integer Be careful with this nonce parameter you cannot make API calls using smaller nonce so don t use a random big number or your client will be trapped be sure to follow the current Unix timestamp for instance more info here on the Kraken API documentation The other point of attention is the fact that unlike numerous other exchange API Kraken do not offer a public test environment where you safe to connect integration unit tests for instance With this API on some critical endpoint such like interact with order book you ll need to pass an extra validate parameter The codeTalk is cheap show me the code Linus Torvald Linux creatorNo need to over engineering everything make some abstraction layers for the request or response make tons of custom methods for each endpoint We ll put the minimal amount of code to cover the maximum API use cases lt phpnamespace NicolasBonnici PhpKrakenApiClient use NicolasBonnici PhpKrakenApiClient Exception KrakenAPIException class KrakenAPIClient public const USER AGENT NAMESPACE public const DEFAULT API ROOT public const DEFAULT API VERSION public const AUTHENTICATED ENDPOINTS URI PATH private public function construct private string key null private string secret null private string apiRoot self DEFAULT API ROOT private string version self DEFAULT API VERSION private bool sslCheck true private bool CurlHandle curl false if function exists curl init throw new KrakenAPIException No curl extension available this gt loadClient public function destruct if function exists curl close amp amp this gt curl instanceof CurlHandle curl close this gt curl throws KrakenAPIException public function query string endpoint array request array headers array authenticated str starts with endpoint self AUTHENTICATED ENDPOINTS URI PATH uri sprintf s s this gt version endpoint if true authenticated headers this gt signRequest uri request headers else this gt buildRequest request curl setopt this gt curl CURLOPT URL this gt apiRoot uri curl setopt this gt curl CURLOPT HTTPHEADER headers response curl exec this gt curl if response false throw new KrakenAPIException sprintf CURL error s curl error this gt curl response json decode response true if is array response throw new KrakenAPIException sprintf JSON decode error s json last error msg if false isset response result throw new KrakenAPIException response error implode response error Unknown error occur return response result private function loadClient void if this gt curl false this gt curl curl init curl setopt array this gt curl CURLOPT SSL VERIFYPEER gt this gt sslCheck CURLOPT SSL VERIFYHOST gt CURLOPT USERAGENT gt self USER AGENT CURLOPT POST gt true CURLOPT RETURNTRANSFER gt true private function signRequest string uri array request array headers array if this gt key this gt secret throw new KrakenAPIException No API credentials please provide both key and secret if isset request nonce request nonce this gt generateNonce sign hash hmac sha uri hash sha request nonce this gt buildRequest request true base decode this gt secret true return array merge headers API Key this gt key API Sign base encode sign private function buildRequest array request string httpQuery http build query request amp curl setopt this gt curl CURLOPT POSTFIELDS httpQuery return httpQuery private function generateNonce string generate a bit nonce using a timestamp at microsecond resolution nonce explode microtime return nonce str pad substr nonce public function setKey string key self this gt key key return this public function setSecret string secret self this gt secret secret return this public function setApiRoot string apiRoot self this gt apiRoot apiRoot return this public function setVersion string version self this gt version version return this public function setSslCheck bool sslCheck self this gt sslCheck sslCheck return this Almost all API use cases are covered with this simple class and his query method The Curl extension is the only dependency used with approximately lines of code at this level Thank to the Kraken API architecture it s very easy for the query method to detect if we need to authenticate and sign request for a private endpoint Let s break this code in chunks ConstructorThe construct method allow us to directly retrieve a freshly instantiated API client all classe attributes are optional to request data from a public Kraken API endpoint For private calls that need to be authenticated just pass your API client key and secret Let s say you already had a specific curl instance in your project with his own custom configuration you can override the one created from this client The query methodSignature is self explaining here note that the first endpoint parameter is relative to the API root the value you pass is the same you ll find in API documentation without the first trailing slash example public AssetPairs No need to sign your calls configure fancy headers etc this method will do all the magic for you when needed All you need to do is pass the needed endpoint first parameter and if needed data onto the second request parameter Under the hood the query method parse the requested endpoint to determine if authentication is needed In that the request will be signed with API client credentials all the needed header and parameters will be added Otherwise we just parse and build the POST request if any We could use and implement an abstraction layer on top of curl for the request and also the response but for this project let s keep things simple stupid as suggested in the KISS principle Request signatureThe generateNonce method rather than simply using a Unix timestamp in seconds return an integer This interger is casted as a string variable but don t worry the HTTP request will be sent finally as a string by Curl later anyway While the signRequest method will set the required nonce parameter if missing the API KEY and the API SIGN headers containing respectively the API client key and a signature built with a SHA hash from the requested endpoint nonce and request data as a SHA hash Accessors only setters To allow more flexibility at usage adding setters like setKey or setSecret methods can be very useful when dealing with many API clients on behalf your users to tweak the client settings between calls if needed How to use it InstallFirst install the nicolasbonnici php kraken api client Composer package on versions around branch onto your project composer require nicolasbonnici php kraken api client Public endpointsNow retrieve all available pairs from public AssetPairs public endpoint client new KrakenAPIClient pairs client gt query public AssetPairs pair gt BTCUSDT var dump pairs Outputarray INCHEUR gt array altname gt string INCHEUR wsname gt string INCH EUR aclass base gt string currency base gt string INCH aclass quote gt string currency quote gt string ZEUR lot gt string unit pair decimals gt int lot decimals gt int lot multiplier gt int leverage buy gt array leverage sell gt array fees gt array gt array gt int gt float fee volume currency gt string ZUSD margin call gt int margin stop gt int ordermin gt string Private endpointsRetrieve user s account balance from private endpoint client new KrakenAPIClient YOUR API KEY YOUR API SECRET balances client gt query private Balance var dump balances Outputarray ZEUR gt string According to official API documentation this endpoint Retrieve all cash balances net of pending withdrawals note that this endpoint will return an empty response if you got no asset on your portfolio in Kraken exchange NextIn the next part of this article we ll learn about how to interact in real time with the Kraken API using WebSocket then bundle the final code as a Composer package Feel free to contribute on the project located here on Gitlab and also comments and or reactions are still welcome Thank you for reading and be sure to subscribe for the next part if you enjoy	2022-03-29 20:38:03
海外TECH	DEV Community	The best styling options for Next.js	https://dev.to/logrocket/the-best-styling-options-for-nextjs-1mj	The best styling options for Next jsCreated by Vercel Next js is a JavaScript framework based on React With its ability to offer static and server rendering its popularity quickly shot up amongst developers What s less known is that Next js offers many ways to support CSS in your application Whether you prefer utility CSS with its classes or prefer CSS in JS Next js has you covered In this tutorial you will discover a few ways to implement styling in your Next js application Let s implement a styled text that turns red when the user hovers it Using global CSS styling in Next jsThe easiest way to write CSS in a Next js application is through its global stylesheet Every newly created Next js project comes with a styles folder and inside it a global css stylesheet As a result you can start writing CSS right away with no setup required For example in styles global css you can add this paragraph font size px text align center paragraph hover color red The styles created in global css will then apply to your entire application To do so this stylesheet can only be imported in app js as the App component initializes all the pages in your Next js pages In a new Next js project it is done for you but if you don t already have an app js file in your pages folder create one Once done import your new global stylesheet In app js import your global stylesheets import styles globals css function MyApp Component pageProps return lt Component pageProps gt export default MyAppYou can then use those classes in your application For example on your homepage in pages index js export default function Home return lt p className paragraph gt I am styled with a global css stylesheet lt p gt Pros to using global styling in CSS No setup required Perfect for small projects like POC Cons All styling is contained in a single file It s difficult to scale as your project grows Using CSS modules with Next jsAs convenient as a global stylesheet can be when just starting this file can become less manageable as your application grows Also Next js is a component based framework meaning it is easier to split styling for respective components For instance if you have a component for your footer it would be easier to import a stylesheet containing the styling of this component but nothing more Enter CSS modules If you are not familiar CSS modules allow you to isolate your CSS by creating files for style specific components They are very easy to use as they are simple CSS but have the module css extension instead Like the previous method it requires no setup and can be used in addition to a global stylesheet Here is an example of a Home module css Home module css paragraph font size px text align center paragraph hover color red In your component pages index js you can then import your stylesheet and use it import styles from styles Home module css export default function Home return lt p className styles paragraph gt I am styled with CSS modules lt p gt Pros to using CSS modules for styling No setup required Components can split styling Can be used with global styling Unlike global styling conflicts between classes are avoided Cons No dynamic styling e g based on a status like loading error success etc Next js styling with SassIf basic CSS is not enough and you find yourself in search of a CSS framework look no further than Sass Describing itself as CSS with superpowers it is a popular framework compatible with CSS and offers lots of cool features like variables nesting and mix ins Here s a GitHub repo for our example project Using Sass with Next js is straightforward All you have to do is install the library npm install sass or yarn add sassOnce done you can start writing Sass code Don t forget the scss or sass file extensions Here is an example of Sass code in styles Home module scss Home module scss hover color red paragraph font size px text align center paragraph hover color hover color Similar to using CSS modules we ll import the new file to style our application once we finish writing our CSS import styles from styles Home module scss export default function Home return lt p className styles paragraph gt I am styled with SASS lt p gt Pros Easy setup with Next js CSS compatible Interesting features for complex styling needs like variables nesting etc Cons Time lost learning new functionalities of SASS More complex than CSS Styling with Styled JSXThe previous three methods covered the best styling options if you prefer Utility CSS But perhaps you are more of a CSS in JS kind of person In which case Styled JSX might be up your alley Built by Vercel the founder of Next js Styled JSX allows developers to write CSS in their JavaScript code There is no setup necessary and it works out of the box Here is an example of Styled JSX export default function Home return lt div className paragraph gt lt style jsx gt paragraph font size px text align center paragraph hover color red lt style gt lt p gt I am a component styled with Styled JSX lt p gt lt div gt Pros to using Sass with Next js No setup required Dynamic styling Portability your code CSS and JS is contained in one file and can therefore be moved easily Cons Not as much support as other CSS in JS libraries k stars on Github vs k for styled components Code readability can be more difficult when mixing CSS and JS Using styled componentsStyled JSX can be convenient to start with but hard to debug as your application grows As a result you might be tempted by styled components Styled components is very practical as it was created for React It allows developers to create components with style automatically injected You can also make use of props for dynamic styling i e for disabled or hover state Check out a sample project here To use it in Next js start by installing the library npm i styled components or yarn add styled componentsThe only drawback of using styled components is that it was made for React meaning it s geared for client side rendering At the moment server side rendering is not supported out of the box However this is easily fixed by creating a new pages document js file and adding this import Document Head Html Main NextScript from next document import ServerStyleSheet from styled components export default class MyDocument extends Document render return lt Html lang en gt lt Head gt lt Head gt lt body gt lt Main gt lt NextScript gt lt body gt lt Html gt static async getInitialProps ctx const sheet new ServerStyleSheet const originalRenderPage ctx renderPage try ctx renderPage gt originalRenderPage enhanceApp App gt props gt sheet collectStyles lt App props gt const initialProps await Document getInitialProps ctx return initialProps styles lt gt initialProps styles sheet getStyleElement lt gt finally sheet seal Once done you can import the library into your components and start using it For example in pages index js you can create a Paragraph styled component for your homepage import styled from styled components const Paragraph styled p font size px text align center amp hover color props gt props hoverColor export default function Home return lt Paragraph hoverColor red gt I am a component made with Styled Components lt Paragraph gt Pros of using styled components with Next js Built using React in mind and has lots of community support Dynamic styling based on props Customizable and reusable like React components i e lt Title gt instead of lt h className title gt Cons Additional configuration necessary for server side rendering frameworks like Next js Bit of a learning curve getting used to the functionalities When compiled styled components classes become random i e css kybri making debugging harder EmotionAnother CSS framework created with React in mind is Emotion It offers a CSS prop to pass style directly to an element and styled components An additional benefit of Emotion is that server side rendering works out of the box Check out GitHub here To use Emotion in your Next js application you first need to install the library npm install save emotion react or yarn add emotion reactTo use styled components you should also install the required library npm install save emotion styled or yarn add emotion styledThen you can start writing your styled components directly In pages index js here is an example of a Paragraph component import styled from emotion styled const Paragraph styled p font size px text align center amp hover color props gt props hoverColor export default function Home return lt Paragraph hoverColor red gt I am a component made with Emotion Styled Components lt Paragraph gt Pros to using Emotion Server side support and easy setup with Next js With emotion styled you get all the advantages of styled components Many packages for different needs CSS styled Jest native etc Cons Like styled components Emotion generates random class names making debugging with the element inspector harder A bit of learning curve getting used to the functionalities Styling Next js with Tailwind CSSUsing PostCSS Next js also offers support to popular tools such as Tailwind CSS By installing Tailwind as a PostCSS plugin it will scan your code and generate the correct stylesheets for you Not only is it fast but it also comes with a list of utility classes for you to choose from i e spacing text size and more To use it with Next js start with installing tailwindcss postcss and autoprefixer as peer dependencies npm install D tailwindcss postcss autoprefixerRun tailwindcss init to generate the required files npx tailwindcss init pThis command generated two files postcss config js which you don t need to touchtailwind config jsIn the latter add your template paths These configs will tell Tailwind CSS what code to scan to generate the stylesheet module exports content pages js ts jsx tsx components js ts jsx tsx theme extend plugins In styles global css add the Tailwind CSS directives tailwind base tailwind components tailwind utilities If you are using a newly created Next js project this will be done for you but if not make sure that pages app js imports your styles global css stylesheet import styles globals css function MyApp Component pageProps return lt Component pageProps gt export default MyAppYou can now start using Tailwind CSS In pages index js if you want to create a centered paragraph with a hover state you can do so like this export default function Home return lt p class text center text lg hover text red gt I am a component made with Tailwind CSS lt p gt Pros to using Tailwind CSS Lots of pre defined classes whether for padding margin color and more Once familiar with the classes the styling process becomes faster Compiled CSS is automatically optimized by removing unused CSS Cons No separation of content vs structure because CSS and HTML are combined Time needed to learn all the different classes ConclusionChoosing a styling option depends on many factors the size of your project time and mostly personal preferences Thankfully whether you prefer utility CSS or CSS in JS Next js offers built in support for CSS In this tutorial you discovered some of those First you learned how to write CSS with global stylesheets or CSS modules For developers with more complex needs you also saw how to use Sass with Next js Then for those who prefer CSS in JS we covered some methods such as Styled JSX styled components and Emotion Finally you also learned that Next js offers support for tools such as Tailwind CSS with PostCSS which benefits developers who want access to a design system with thousands of pre built CSS classes Thanks for reading LogRocket Full visibility into production Next js appsDebugging Next applications can be difficult especially when users experience issues that are hard to reproduce If you re interested in monitoring and tracking Redux state automatically surfacing JavaScript errors and tracking slow network requests and component load time try LogRocket LogRocket is like a DVR for web and mobile apps recording literally everything that happens on your Next app Instead of guessing why problems happen you can aggregate and report on what state your application was in when an issue occurred LogRocket also monitors your app s performance reporting with metrics like client CPU load client memory usage and more The LogRocket Redux middleware package adds an extra layer of visibility into your user sessions LogRocket logs all actions and state from your Redux stores Modernize how you debug your Next js apps ーstart monitoring for free	2022-03-29 20:27:55
海外TECH	DEV Community	Formatted a Hard Disk or External HDD by Mistake? Here’s What You Can Do	https://dev.to/hetmansoftware/formatted-a-hard-disk-or-external-hdd-by-mistake-heres-what-you-can-do-1ddf	Formatted a Hard Disk or External HDD by Mistake Here s What You Can DoRead this article to find out what to do if you formatted a disk by mistake or accidentally and erased all of its data Can the lost data be still recovered How can you prevent such misfortune What are the possible ways to bring the data back IntroductionSometimes due to a user s mistake of for a number of other reasons the information on a hard disk or external drive becomes inaccessible Quite often it happens because of formatting the device accidentally when you select a wrong disk and erase all the data it contained After you ran a quick format operation on a hard disk or another storage device it may seem the files are lost for good Fortunately things are not so bad The data only becomes invisible and inaccessible for users Yet if you apply specialized tools it can be recovered Below we will see what happens when you format a hard disk how data loss can be prevented and what you can do to bring the lost files back Quick Format for a Storage DeviceEvery device used for reading writing data was formatted at least once Formatting is basically the process of marking the data storage area and building a file system structure to enable access to such data Without a file system any operating system installed on a computer will not be able to interact with the hard disks USB drives memory cards and perform operations to save data In other words using a storage device without a file system is impossible There are many file system types Windows uses NTFS MacOS works with HFS Linux employs a series of various file systems e g Ext ZFS etc A USB flash drive and older versions of extremal hard disks will have FAT or FAT At first sight all file systems share a common principle However they operate differently and have their own peculiarities which makes some of them able or unable to interact with others For example if you have a computer with a Windows operating system and connect a storage device with a file system that Windows cannot recognize the operating system will suggest to format the device to able to access it If you agree you will lose all the data the device contains In other cases when hard disks have certain issues with their physical elements or firmware or there is no connection with the disk when the operating system tries to access it the disk space is recognized as unallocated area Windows will advise you to start formatting to eliminate the problem The process of formatting the hard disk will quickly free the disk space so you end up with an empty storage device Yet the information it used to store is not removed In fact formatting only makes some changes to the file structure of the disk so the area where the files are kept is marked as available for new data to be written The first physical sectors of a hard disk or another memory device contain the file allocation table When the disk is formatted the data in these sectors is overwritten Meanwhile the majority of user data is still intact and it will be available for recovery until it is overwritten with new information Yet if you start writing new data to an accidentally formatted hard disk the operating system will place it onto the old data because the file system says the disk space is empty and the older data can get overwritten easily which significantly reduces the chances for its successful recovery So if you ever happen to format a disk by mistake stop using it at once not prevent losing the old data due to overwriting How to Prevent Formatting a Disk by Mistake or in a Wrong WayFrom time to time disk formatting can help to solve quite a number of problems such as boot issues low performance disk recognized as RAW little free space left and so on Therefore formatting is a powerful tool to tackle disk issues and get the storage device ready for writing new data However if formatting was performed in a wrong way with an incompatible file system or on a faulty disk people can face all kids of unpleasant consequences one of them being complete loss of data In order to prevent this misfortune both now and in the future note the following effective methods to protect your data from accidental formatting Back up your disk regularlyTalking of preventing personal data loss the most effective way is backup You will always be able to restore the lost data though it could be not the latest version if you modified or edited the information after the last backup Regardless of what caused a data loss for example such commonplace things as accidental or incorrect disk formatting you can use a previously created or regularly updated backup to have your files back In the latest version of Windows operating system you can find several options for creating a backup and restoring data from there and this is what the next part of the particle is about Double check the disk before formattingAccidental and incorrect formatting actually result from being not attentive enough So the easiest way to prevent data loss is to be very cautious when formatting a disk and the warning messages shown by Windows will help you stay alert For example when you are going to format a hard disk or a specific partition you should double check your choice and make sure the correct disk is selected and the data was copied to another device or that it is of little value and can be erased Enable overwrite protectionSometimes especially when you deal with USB drives or various memory cards there is a write protect option to prevent accidental formatting For example most memory cards have an integrated switch to protect them from unauthorized overwriting If a card is write protected you cannot save any files there and accordingly formatting is out of the question too Choose a proper file systemBesides the incorrect formatting of the wrong disk another widespread cause of data loss is formatting into an incompatible file system Therefore before formatting a disk you need to decide on the operating system you would like to use with the storage device and then select a corresponding file system for it For example if you want to use a hard disk in MacOS you should format it into Hierarchical File System HFS If the disk is meant for Windows to have your storage device recognized properly it should be formatted into NTFS or FAT Don t interrupt the formatting processThe last but not least make sure that the device is not exposed to any external influences Don t let anything interrupt the formatting process For example if you are trying to format an internal hard disk in your laptop make sure itis connected to a power outlet and the computer will not shut down because of low battery alarm If the disk in question is an external one wait until the formatting process is over and do not disconnect it from the computer If you do the storage device may be damaged and the data inside it can be lost You can learn more about recovering files from USB drives by watching a video tutorial «How to Recover Deleted Files from a USB Drive after Formatting the Drive or a Virus Attack» YouTube Peculiarities of Formatting Solid State Drives SSD The principle behind SSDs solid state drives is different from that for conventional hard disks HDDs and is based on using NAND flash memory to store data There are two main peculiarities The first is that new data can be written to empty memory cells only When a cell contains some data it should be emptied before any new information can be entered The second is that solid state drives are much quicker to write data into empty cells than to clean cells in order to prepare them for writing operations That is why if an SSD is new or empty write read operations are very quick When more data is written and removed the write speed can decrease considerably in comparison with the brand new disk Of course such situation is unacceptable so a special command TRIM was developed to initiate emptying the memory cells right after the command to delete files was given This command is performed automatically and right after deleting the files cells are cleaned from data and ready for writing new data long before you actually add some information to your SSD As a result the disk performance is retained and the initial write speed is still as good as it was The command TRIM which is typical for any SSD is applied by the operating system when deleting a file formatting a disk modifying the structure and number of partitions or when applying other ways of freeing the disk space It shows the disk controller the specific memory cells that have to be cleaned The process of physically cleaning the cells takes almost no time according to the disk characteristics and almost excludes a chance for subsequent recovery of data lost or removed as a result of formatting except for a few conditions Sometimes the command TRIM is not applied which leaves some room for hope that data could be restored for example when a storage device was connected via USB which is not supported by TRIM when the storage device or its file system is damaged Yet in most cases data recovery after formatting an SSD is impossible so the users will have to admit it is lost forever Read the full article with all additional video tutorials Also visit our Youtube channel there are over video tutorials	2022-03-29 20:22:07
海外TECH	DEV Community	JavaScript Array Methods - Mapping	https://dev.to/justtanwa/javascript-array-methods-mapping-4ioj	JavaScript Array Methods Mapping Array prototype map When you start learning JavasScript JS pretty soon you will run into an array An array is a data type in JS which allow you to store information values as a list To create an array you can simply write your list of values inside of a pair of square brackets with a comma separating the values Example let teamSeven Naruto Sasuke Sakura Kakashi Once you have an array it is very likely that you will want to do something with it later At the beginning of your JS journey you will come across for loops which you can use to iterate through something and it gives you the power to run a block of code a certain number of times If you know that you want to loop through your array one of the methods you can use is map How to use map One important concept to remember when working with map is that it creates a new array and leave the original array the unchanged This is important because not all methods behave this way and can cause bugs in your program Imagine you want to change all the values in your array above by adding some extra information about each of the teamSeven members All you have to do is call map on the array and pass in a callback function as an argument Observe Example function addVillage str return str of Konoha let revampedTeamSeven teamSeven map addVillage console log teamSeven revampedTeamSeven Naruto Sasuke Sakura Kakashi Naruto of Konoha Sasuke of Konoha Sakura of Konoha Kakashi of Konoha In the above example map passes each value as a an argument to our addVillage str function which runs and the returned value is stored into the new array SummaryArray prototype map Creates a new array by calling the provided callback function on each of the value in your array It does not change the original array It runs the callback function once on each value of the array The newly created array will have the same length as the original array For more detailed information about this method checkout the official documentation on MDN Mozilla I hope that was easy to read any feedback please let me know I am trying to strengthen my knowledge through teaching Dattebayo	2022-03-29 20:15:55
海外TECH	DEV Community	Learning Programming Using Doc's	https://dev.to/nash4253/things-i-wish-i-knew-before-being-an-junior-dev-learning-3aej	Learning Programming Using Doc x s Things I wish I knew before being an Junior Dev LearningFrom my first post where I was sharing things I wish I knew before beginning my internship I had expressed the most important things a junior must know and use to scale their profile and grow their skill set as a developer Here we will discuss how to get around learning a tool or language while using the documentation or using a textbook Learning how to learn With this I want start by saying its important to check out the four styles of learning and also do self introspection to see which one works best for you So how about you look at your past learning achievements and see which process of learning you have done before that gave you best result or even how you can improve it Create a flexible pattern of learning that you will use for grasping concepts and understanding material effective and efficiently but base it on your preferred learning style Make a habit of setting miles stones for your learning code Look at the different subjects relating to that tool or language the different uses amp try to learn them individually and write summary of your understanding Another achieve your milestones is to make small programs with what you have learnt or code along with your tutorial video or the documentation you looking at and we will discuss that later also If you don t manage to finish a course or finish a tool tutorial make a note to put book mark where you left off and come back to finish it off later its a good habit to start and finish things Have a reason to learn that tool Whatever tool you working on let it have value in the beginning of your learning because learning it without a purpose you will burn out of boredom or you will waist your time gaining a skill you wont be happy working with Look at your what your employer needs or look at the projects you intend to build or the company you want work for and learn skills and technologies so that your target market sees value in you A good example is if I intend to work for Designative I need to look at their LinkedIn and see what types of skills they need then I will start learning those and staying up to date with who else needs those skills Then when I start I know my goals are to master this tool enough to maintain the type of software Designative uses Which resource do I use to learn Online courses for programming like Udemy amp Sololearn Coding games Codewars amp codearenaYou tube videos WebDevSimplifyBlogs Dev toThese are just examples of good blogs video creators and also games that will help you learn and grow How do you learn code So what s important when learning a library framework or a programming language is to be able to use it and also understand the fundamentals of how it works and how you can use it on a high level So you want to be able to be efficient with your learning process and also effective with your information consumption This means you have to learn to understand the tool and within that same go you aim at being able to use it effectively after your learning process You also want to practice the different design patterns and tools available there to see how it behaves and the bugs that are possible with your logic and consumption You also want to have something to satisfy yourself after learning and so if you create something while you learn you will have something to be happy you achieved something more or less tangible Example of using documentation We have a very good example on the video I explain using the python documentation to learn how to use the tkinter librarySo in this video I show how following the instruction in the documentation and also see how you will get stuck and start debugging Link the videoWhen using the docs to learn something you want to first install it properly and set up your environment Some times you have to download the tool or library like bootstrap and you will use it on your machine But then if you don t intend to use it locally you can also used the CDN like the following image So you copy that link to the CSS online and paste it in your project or your html This image shows the download for the node installer For situations where you have a package manager line node js already installed you would have to use the npm install command to install things for example installing a tailwind library In this following image we see installation of the tailwind css cli In this instance we see how to install using postcssIn this instance we can see how to install bootstrap instead of downloading it In the following image we can see what s possible we can see more guidance on how to config your environment for using the tool and also how to start out and so you can see the docs will help you get started So the docs are out there for you to use go get it friend How to stay at the top of your game Creating code alone or just for your own pleasure can get uninspiring and boring I suggest you involve other developers in your growth Try learning the tool together do some buddy programming or even build the same thing using different logic Talk to your senior and hear what they think about what you have done thus far and how you could improve your work or your code This way you can also have code review to see how much your understand and how you can apply some standards in your projects Also describe the bugs you facing and ask for possible fixes for the problem you facing this can greatly expose you to different problem solving methods Ask for chance to work on projects that relate to what you have learnt so your skills can be tested and can grow Don t be satisfied by building hello world program with each tool you learn then forget about it go deeper understand all the fundamentals check how they are applied in different instances solve problems for other people on that tool You Have To Be Pro Active Example of using documentation We have a very good example on the video I explain using the python documentation to learn how to use the tkinter librarySo in this video I show how following the instruction in the documentation and also see how you will get stuck and start debugging gt Check out how python Documentation The Goal of learning Its smart to practice iterative learning learning to reach a small goal then set a bigger or much in depth one then do it again then keep iterating till your goal becomes mastering Firstly its always import to be clear that you learning to understand and be effective when using a tool to be able to read someone s code or create a beginning project that works Second you want to learn to use best practices and understand higher level concepts or patterns above the fundamentals and practice those on your beginning project Third you want to build learn some of the concepts or design patterns used for different scenarios with that tool and understand those and their bugs I know you have an app idea lol I suggest you take this time to build that project and apply those fundamentals and their high level counterparts We can also use other channels of learning like this react docs video where you have a collection of videos with good quality information which is like a translation of the documentation as a video Let me hear your ideas on how we can improve this process for better learning I am ready to learn more Follow me on LinkedIn and lets connect vukaniFollow me on Instagram because I will create content vukani	2022-03-29 20:03:48
海外TECH	DEV Community	Move Fast on Linux with These Keyboard Shotcuts	https://dev.to/devprogramming/move-fast-on-linux-with-these-keyboard-shotcuts-24g1	Move Fast on Linux with These Keyboard ShotcutsBest Keyboard Shortcuts will Improve you Movements and Increase Productivity on Linux Keyboard shortcuts for Terminal is a series of one or several keys that invoke a software program to perform a pre programmed action This action may be part of the standard functionality of the operating system or application program or it may have been written by the user in a scripting language Keyboard shortcuts are typically a means for invoking one or more commands using the keyboard that would otherwise be accessible only through a menu a pointing device different levels of a user interface or via a command line interface Keyboard shortcuts are generally used to expedite common operations by reducing input sequences to a few keystrokes If you re using Linux then BASH is the default command line shell The bash shell features has a wide variety of keyboard shortcuts you can use These will work in bash on any operating system Some of them may not work if you re accessing bash remotely through an SSH or telnet session depending on how you have your keys mapped ADVANTAGES OF USING KEYBOARD SHORTCUTS FOR TERMINALMultitaskingEfficiencyPrecisionWork FasterIncrease ProductivityShortcuts help you to be more productive and efficient with whatever tool you use Linux terminal is not an exception There are certain Linux terminal shortcuts that every user must know and practice I have listed the most useful keyboard shortcuts you can use on your terminal of choice Once you learned these shortcuts you ll feel how good and fast you are with using the Linux command line CTRL ALT TThis Keyboard Shortcut will opens a new terminal TABThis Keyboard Shortcut is the handiest shortcut and time saver ever developed It auto completes commands file names or directory names for you You just have to type commands like file name directory name and then press the Tab key The system will either complete the string or display all available options to you CTRL CThis keyboard shortcut will aborts running programs by sending the SIGINT signal to the program that you want to interrupt and abort CTRL LThis keyboard shortcut will clean your terminal instead of type the CLEAR in your terminal to do that CTRL SHIFT CAs you know terminal doesn t support CTRL C as copy command So This keyboard shortcut will copy text or command you want from terminal CTRL SHIFT VThis keyboard shortcut will paste any command or text into you terminal CTRL QThis keyboard shortcut will Quit the application in focus FN LEFT ARROW KEY amp RIGHT ARROW KEYThis keyboard shortcut will quickly move the cursor to the beginning of line and end of line instead of holding the arrow keys CTRL UThis keyboard shortcut will erases everything from the current cursor position to the beginning of the line CTRL KThis keyboard shortcuts is bit similar to above one CTRL U which erases everything from the current cursor position to the beginning of the line and The only difference is that instead of the beginning of the line it erases everything from the current cursor position to the end of the line CTRL WThis keyboard shortcut will delete the whole word before the cursor CTRL Y Undo erased content This keyboard shortcut will UNDO the Shortcuts like CTRL U CTRL W CTRL K This shortcut is very useful and handy in case you erased wrong text or if you need to use the erased text someplace else CTRL AThis keyboard shortcut will Move the cursor to the beginning of the line This shortcut is very useful when typed long command and don t wanna use arrow key for this CTRL EThis keyboard shortcut does actually the opposite of Ctrl A It moves the cursor to the end of the line You can use CTRL A and CTRL E to quickly move your cursor around beginning of the line or end of the line CTRL FThis keyboard shortcut will Move the cursor forward by one character It is essentially the same thing as using the right arrow key but keeps you on the home row keys CTRL BThis keyboard shortcut will Move the cursor backward by one character It gives you the same result as using the left arrow key but keeps you on the home row keys CTRL RThis keyboard shortcut will locate a previously used command in Terminal It will open up a reverse search for you and allow you to find a previously used commands that you may need to access again CTRL GThis keyboard shortcut will Leave the history search mode without running a command CTRL OThis keyboard shortcut will Send the command back to your terminal or select Enter to execute the command from the search mode CONTROL ZThis keyboard shortcut will Suspends what you are currently running in the background CONTROL DThis keyboard shortcut will cause you to exit the current shell in Terminal or in other word this shortcut will log you out of the current terminal If you are using an SSH connection it will be closed If you are using a terminal directly the application will be closed immediately ALT UThis keyboard shortcut will Capitalize every character from the cursor to the end of the current word converting the characters to upper case ALT LThis keyboard shortcut will Uncapitalize every character from the cursor to the end of the current word converting the characters to lower case ALT CThis keyboard shortcut will Capitalize the character under the cursor Your cursor will move to the end of the current word CTRL TThis keyboard shortcut will switch two character on a command line CTRL X EThis keyboard shortcut will put your current command line to the text editor CTRL SThis keyboard shortcut will lock your terminal output CTRL QThis keyboard shortcut will unlock your terminal output CONCLUSIONThese are the all of those keyboard shortcuts that will increase your productivity and Some of you already knew some of the keyboard shortcut and some of you are not This article will definitely helps you to practice on terminal to be good in productivity	2022-03-29 20:02:46
Apple	AppleInsider - Frontpage News	Apple facing new $5.5 billion App Store antitrust lawsuit in the Netherlands	https://appleinsider.com/articles/22/03/29/apple-facing-new-55-billion-app-store-antitrust-lawsuit-in-the-netherlands?utm_medium=rss	Apple facing new billion App Store antitrust lawsuit in the NetherlandsApple has been hit with a new class action lawsuit in the Netherlands alleging that it abuses its monopoly position with its App Store commission App Store on iPhoneThe Dutch complaint claims that Apple s cut of app and in app purchases on the App Store amounts to monopolistic behavior and forces developers to increase their prices Read more	2022-03-29 20:54:20
海外TECH	Engadget	No one asked for a hamburger vending machine, and RoboBurger answered	https://www.engadget.com/roboburger-newport-centre-mall-204933968.html?src=rss	No one asked for a hamburger vending machine and RoboBurger answeredIf a startup from New Jersey has its way the next Ray Kroc will be a robot In the last week a company called RoboBurgerinstalled an autonomous burger chef in Jersey City s Newport Centre Mall Over on its website RoboBurger breathlessly describes its vending machine as the “biggest innovation in hot food vending since the invention of the microwave Inside of a frame that occupies about square feet the RoboBurger features everything it needs to make a complete if somewhat visually unappealing burger in approximately six minutes And while there may not be any humans involved the machine uses the same five step cooking process employed by many quick service restaurants An automated griddle grills the patty at the same time the machine toasts the bun When you order your burger you can decide whether you want ketchup mustard and cheese on it There s even a built in cleaning system that is up to the standards of the National Sanitary Foundation Oh and you can pay for your burger with both Apple Pay and Google Pay Handy that And while we can t speak to the taste of the burger RoboBurger claims it only uses the best ingredients possible The patty is made from grass fed Angus beef that isn t subjected to antibiotics As for the bun it s a potato one that comes from a local bakery If you can t make it to New Jersey for a taste test fret not RoboBurger says it plans to bring its automated burger chef to airports malls colleges and other similar venues across the country in the coming weeks and months	2022-03-29 20:49:33
海外TECH	Engadget	Activision Blizzard agrees to pay $18 million to settle its federal sexual harassment case	https://www.engadget.com/activision-blizzard-sexual-gender-discrimination-lawsuit-settled-201317824.html?src=rss	Activision Blizzard agrees to pay million to settle its federal sexual harassment caseA judge has ordered Activision Blizzard to pay million to settle a federal lawsuit accusing the company of fostering a sexist discriminatory workplace The US Equal Employment Opportunity Commission filed the suit in September and that same afternoon Activision Blizzard agreed to set up an million fund for employees who experienced sexual harassment and gender based discrimination at the studio Today s ruling approves this plan The fund will be distributed among people who worked at Activision Blizzard from September st to today Eligible employees and former employees have to opt in to receive a payout and they can submit claims relating to sexual harassment pregnancy discrimination and retaliation Today s ruling isn t the end of the legal issues for Activision Blizzard and it may even complicate efforts still underway by other agencies California s Department of Fair Employment and Housing first sued the studio in July following a two year investigation into allegations that sexism gender based harassment and a quot frat boy culture quot pervaded the Activision Blizzard offices That state level lawsuit is still in progress while the million ruling today applies only to the federal case filed by the EEOC Anyone who signs on as a claimant in the EEOC suit will not be eligible to participate in the state s case at least when it comes to harassment retaliation or pregnancy discrimination If they have additional claims such as pay inequities they can bring those to the DFEH lawsuit The DFEH and EEOC have been battling for dominance with their lawsuits against Activision Blizzard Lawyers for the California agency have expressed concern that a federal settlement might prevent them from pursuing additional damages at a state level The DFEH case is scheduled to go to trial in February quot The DFEH will continue to vigorously prosecute its action against Activision in California state court spokesperson Fahizah Alim said last week Additionally the DFEH activists and Activision Blizzard employees have argued the million figure is far too low to properly compensate all potential claimants which could add up to hundreds of people Communications Workers of America the labor union backing Activision Blizzard employees during this time called the sum quot woefully inadequate quot in a letter to the EEOC in October quot This would provide the maximum settlement for only workers quot the CWA letter reads quot If any significant number of workers received the maximum under federal law there would be little available for many other workers adversely affected We are concerned about how the EEOC got to that number and how it believes that number will be fairly distributed Please explain quot California s DFEH fought against a similar ruling in the case of Riot Games Following a class action lawsuit claiming rampant sexual harassment and discrimination at the studio Riot was originally ordered to pay million to eligible employees The DFEH blocked that payout arguing it was much too small and the amount was eventually increased to million A spokesperson for the EEOC provided the following statement to Engadget following today s federal ruling quot We are pleased that the judge has indicated her intent to sign the consent decree The consent decree not only provides monetary relief to potential claimants that were impacted by sexual harassment pregnancy discrimination and related retaliation at Activision Blizzard throughout the United States but also puts in place significant injunctive relief at Activision Blizzard to prevent and address discrimination harassment and retaliation quot	2022-03-29 20:13:17
海外TECH	Engadget	Indie hit 'Unpacking' comes to PS4 and PS5 this spring	https://www.engadget.com/unpacking-game-ps4-ps5-200439030.html?src=rss	Indie hit x Unpacking x comes to PS and PS this springThe peaceful zen like puzzle gameplay of Unpacking the real game that is will soon be available to the PlayStation crowd As Polygonsays Witch Beam and Humble Games have announced that Unpacking will be available on PS and PS this spring It s launching alongside physical releases from Limited Run Games for the PS PS and Switch versions The game is already available in digital form on Macs Switch Windows PCs and Xbox consoles Unpacking was considered one of the stand out games of precisely because it served as an antidote to the chaos and noise of the real world and we d add many other video games All you do is unpack items as you settle into a new home ーand ultimately a new life The audio and visuals are relaxing by themselves but the mechanics also encourage patience and curiosity Throw in a subtle near wordless approach to storytelling and you might return just to give yourself a break	2022-03-29 20:04:39
海外科学	NYT > Science	Martin Pope, Whose Research Led to OLEDs, Dies at 103	https://www.nytimes.com/2022/03/27/obituaries/martin-pope-dead.html	displays	2022-03-29 20:25:05
ニュース	@日本経済新聞 電子版	NYダウ4日続伸、338ドル高　停戦交渉の進展期待で https://t.co/LP6izwT5Ti	https://twitter.com/nikkei/statuses/1508900993219829760	進展	2022-03-29 20:16:45
ニュース	BBC News - Home	Five killed in latest deadly attack in Israel	https://www.bbc.co.uk/news/world-middle-east-60902330?at_medium=RSS&at_campaign=KARANGA	attack	2022-03-29 20:52:20
ニュース	BBC News - Home	Ex-speed skater Christie set for new e-scooter series	https://www.bbc.co.uk/sport/motorsport/60922046?at_medium=RSS&at_campaign=KARANGA	championship	2022-03-29 20:03:36
ビジネス	ダイヤモンド・オンライン - 新着記事	「アクセンチュアが落選とは…」コンサルビッグ4の幹部も絶句、国策案件いわくつきの選定劇 - 勝ち組に死角！ コンサル大乱戦	https://diamond.jp/articles/-/300061	「アクセンチュアが落選とは…」コンサルビッグの幹部も絶句、国策案件いわくつきの選定劇勝ち組に死角コンサル大乱戦月、政府が主導する未来型都市「スーパーシティ」の選定でコンサル絶対王者のアクセンチュアが落選した。	2022-03-30 05:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【中学受験2023】関西13塾・東海6塾「合格力」ランキング！浜学園に挑んだ馬渕・最強学年の誤算 - わが子に最強の中高一貫校＆小学校＆塾	https://diamond.jp/articles/-/298836	中学受験	2022-03-30 05:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	JTのロシア事業「進むも地獄退くも地獄」、利益の2割を稼ぎ国家予算の1.4％を納税 - Diamond Premium News	https://diamond.jp/articles/-/300441	diamondpremiumnews	2022-03-30 05:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ジャック、理英会、わかぎり21…「小学校受験」塾と志望校の選び方、合格実績だけじゃない！ - わが子に最強の中高一貫校＆小学校＆塾	https://diamond.jp/articles/-/298835		2022-03-30 05:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	INPEX・ENEOS・出光興産「原油高で大増収」の3社で、負け組の1社とは？ - ダイヤモンド 決算報	https://diamond.jp/articles/-/300375		2022-03-30 05:05:00
ビジネス	電通報 | 広告業界動向とマーケティングのコラム・ニュース	社歌コンテスト最優秀賞！昭和女子大学、日本一の裏側	https://dentsu-ho.com/articles/8130	nikkei	2022-03-30 06:00:00
北海道	北海道新聞	マリウポリ人道支援、実現先送り　ロシア大統領、仏に「検討」	https://www.hokkaido-np.co.jp/article/662901/	人道支援	2022-03-30 05:35:56
北海道	北海道新聞	リンクから客席に気流　釧路のＩＨクラスター、感染拡大の一因に	https://www.hokkaido-np.co.jp/article/662873/	感染拡大	2022-03-30 05:36:02
北海道	北海道新聞	ＮＹ原油、一時９８ドル台	https://www.hokkaido-np.co.jp/article/662903/	相場	2022-03-30 05:32:00
北海道	北海道新聞	ロシア外交官ら計４３人追放　ＥＵ４カ国、スパイ容疑で	https://www.hokkaido-np.co.jp/article/662902/	追放	2022-03-30 05:32:00
北海道	北海道新聞	米大統領「行動見極める」　ロシアの攻撃縮小表明で	https://www.hokkaido-np.co.jp/article/662900/	米大統領	2022-03-30 05:22:00
北海道	北海道新聞	食中毒件数、直近２０年で最少　昨年、衛生対策や時短影響か	https://www.hokkaido-np.co.jp/article/662899/	発生件数	2022-03-30 05:22:36
ビジネス	東洋経済オンライン	大統領選が浮き彫りにした韓国｢格差社会｣の深刻 世代やジェンダー問題が噴出､対立が深刻に | 韓国･北朝鮮 | 東洋経済オンライン	https://toyokeizai.net/articles/-/577725?utm_source=rss&utm_medium=http&utm_campaign=link_back	大統領選	2022-03-30 05:40:00
ビジネス	東洋経済オンライン	37歳大阪で農業を営む男が｢天職｣に辿り着けた訳 フリーライターとの兼業で､したたかにたくましく | 「非会社員」の知られざる稼ぎ方 | 東洋経済オンライン	https://toyokeizai.net/articles/-/541472?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2022-03-30 05:20:00