投稿時間:2022-03-25 00:35:49 RSSフィード2022-03-25 00:00 分まとめ(43件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
js	JavaScriptタグが付けられた新着投稿 - Qiita	テスト	https://qiita.com/ProjectPLATEAU/items/c96cca8ded0df8e6ffc4	テスト	2022-03-24 23:25:18
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【個人開発】ガン飛ばしてちょいワル気分になれるサービスを開発しました(-"-#)	https://qiita.com/Akinari0919/items/87870b807f2f179da9d0	好きな方は気付かれるかもですね訓練モード撮影判定のうち睨み角度眼力のコツを練習できるがつ揃えば自動撮影が揃っても目を閉じる、笑っている、顔が写っていないなどは失敗になる目を閉じている笑っている顔が写っていない決闘モードユーザーログインが必要プロフィールからMyメンチをつまで登録、公開できる公開できるのは枚だけで、挑戦者を返り討ちしたらそのメンチのレベルが上がる他ユーザーが公開したメンチに対して決闘を挑んで勝敗を決める勝敗によりユーザーor相手メンチのレベルが上がるメンチ選択決闘の流れ勝敗判定その他管理画面登録ユーザー情報を確認・編集できるユーザーの決闘履歴が確認できるガン飛ばしの判定方法についてAmazonRekognitionampTeachableMachinesを使用して独自のロジックを構築AmazonRekognition目が開いているか閉じているかamp感情を判定するため採用開発当初はFaceAPIを使用していましたが、ガン飛ばし判定にリアリティを持たせるには目の開閉判定が必要になり変更しました。	2022-03-24 23:38:52
Docker	dockerタグが付けられた新着投稿 - Qiita	Grand-challenge向けの環境準備 Part.1	https://qiita.com/chihiro1209/items/6310a3e26e46115938f9	Ubuntuがインストールされていないことを確認します。	2022-03-24 23:26:01
Ruby	Railsタグが付けられた新着投稿 - Qiita	【個人開発】ガン飛ばしてちょいワル気分になれるサービスを開発しました(-"-#)	https://qiita.com/Akinari0919/items/87870b807f2f179da9d0	好きな方は気付かれるかもですね訓練モード撮影判定のうち睨み角度眼力のコツを練習できるがつ揃えば自動撮影が揃っても目を閉じる、笑っている、顔が写っていないなどは失敗になる目を閉じている笑っている顔が写っていない決闘モードユーザーログインが必要プロフィールからMyメンチをつまで登録、公開できる公開できるのは枚だけで、挑戦者を返り討ちしたらそのメンチのレベルが上がる他ユーザーが公開したメンチに対して決闘を挑んで勝敗を決める勝敗によりユーザーor相手メンチのレベルが上がるメンチ選択決闘の流れ勝敗判定その他管理画面登録ユーザー情報を確認・編集できるユーザーの決闘履歴が確認できるガン飛ばしの判定方法についてAmazonRekognitionampTeachableMachinesを使用して独自のロジックを構築AmazonRekognition目が開いているか閉じているかamp感情を判定するため採用開発当初はFaceAPIを使用していましたが、ガン飛ばし判定にリアリティを持たせるには目の開閉判定が必要になり変更しました。	2022-03-24 23:38:52
技術ブログ	Developers.IO	Amazon Pollyで山口県民の「海苔」を発音してみた	https://dev.classmethod.jp/articles/amazon-polly-seawood-accent-in-yamaguchi/	amazonpolly	2022-03-24 14:20:29
技術ブログ	Developers.IO	Autifyでメール送受信を伴うユーザー操作のテストをしてみた（固定メールアドレスを使った場合）	https://dev.classmethod.jp/articles/test-involving-sending-and-receiving-emails-with-autify/	autify	2022-03-24 14:11:59
海外TECH	Ars Technica	A mysterious satellite hack has victims far beyond Ukraine	https://arstechnica.com/?p=1843265	offline	2022-03-24 14:20:17
海外TECH	MakeUseOf	How to Install a Custom ROM on Your Android Device	https://www.makeuseof.com/tag/install-custom-rom-android/	features	2022-03-24 14:45:14
海外TECH	MakeUseOf	The 6 Best Free Invoice Apps for Freelancers and Small Business Owners	https://www.makeuseof.com/tag/best-free-ways-create-manage-invoices-online/	business	2022-03-24 14:45:14
海外TECH	MakeUseOf	6 Amazing Co-Parenting Apps to Create Stability and Security	https://www.makeuseof.com/the-best-coparenting-apps/	communication	2022-03-24 14:45:13
海外TECH	MakeUseOf	What Is Impermanent Loss in Crypto?	https://www.makeuseof.com/what-is-impermanent-loss-in-crypto/	impermanent	2022-03-24 14:30:14
海外TECH	MakeUseOf	Can't Select Multiple Files in Windows 10 or 11? Here's What to Do	https://www.makeuseof.com/windows-10-11-cant-select-multiple-files/	windows	2022-03-24 14:15:14
海外TECH	DEV Community	Role Call! Tell us a bit about yourself.	https://dev.to/ben/role-call-tell-us-a-bit-about-yourself-1j9d	role	2022-03-24 14:43:09
海外TECH	DEV Community	srcset x vs w : Which to use? In what situation? A simple guide.	https://dev.to/livefiredev/srcset-x-vs-w-which-to-use-in-what-situation-a-simple-guide-3b85	srcset x vs w Which to use In what situation A simple guide When I first understood “srcset I had the same doubt Why are there units An “x and a “w Which should I use Why So this article aims to resolve the “srcset x vs w question Summary The “x unit is to be used in simple situations When the image stays in the same place and takes up the same space roughly on all screen sizes It s a simple way to let the browser choose a higher resolution image based on the “devicePixelRatio The “w unit is used when the image takes up more or less of the screen width based on device layout orientation etc Why does “srcset Have Units The two units are to be used in different situations  We will call these situations The simple case The responsive layout caseThe simple case syntax is simple The responsive case syntax is more elaborate Let s look at what all this means… When To Use “x The simple case Roughly the same on all screens The perfect example for this would be something like a logo As you can see the logo stays in the nav bar in the same place on the desktop and the mobile But the issue is that different devices have different “pixel densities  If you are not clear on what that is I suggest learning about it from Steve Jobs himself By the way this is what a retina display is In case you have heard of that So there are pixels that the browser tells you about And there are actual pixels Many “actual pixels might be packed into a single “virtual or logical pixel As you can see above Chrome seems to think that the iPhone is px in width But according to the Apple website the width is px You see an iPhone has a pixel density of And the device I am writing on right now is a laptop It has a pixel density of You can even check what pixel density a device has with a small piece of Javascript So the way we get to px number is x What Is The Impact Of All This To fill up “px width with a logo on an iPhone you will need to use a px image That seems crazy But if you do not do it you will get a blurry logo on an iPhone So how to solve this problem A Bad Solution Don t do this When you need to fill up px width use a px image on all screen sizes The image will always be crisp The downside is that the image is way bigger than necessary on a lot of screens with a lower pixel density A Better Solution “The x unit with srcset Give the browser all different sizes and let it decide based on the devicePixelRatio Perfect crisp images every time Images will not be any larger than they need to be What Mozilla Developer Network MDN Official Article Has To Say So that you know it s not just my thoughts You can check out the whole article on responsive images here But below I am going to quote the relevant part Resolution switching Same size different resolutionsIf you re supporting multiple display resolutions but everyone sees your image at the same real world size on the screen you can allow the browser to choose an appropriate resolution image by using srcset with x descriptors and without sizes ーa somewhat easier syntax How To Use The “x Unit The best part about the “x unit is that the code is much simpler than the “w unit Just give the browser a set of sources with different sizes and you re done lt img srcset x x x x src gt Side note If you are thinking “OMG Now I have to create all these different image sizes Don t panic It s easy You need to use an Image CDN As you can see above it s just a set of sources Next to each one is the “pixelDensity that the URL is perfect for With this the browser can do its thing and you can step back and forget about it What Sizes Should You Create When Using “x So according to this article maintained by Google you need to create versions Below is the quote from the page These days most devices have a device pixel ratio between and As you might have noticed from Steve Jobs s video above the human eye cannot handle any higher pixel density The images would just look the same This means that since human hardware is likely to stay the same for the next many years we just need to worry about these sizes If you have doubts about how one creates image versions you use an ImageCDN You don t have to do it manually When To Use “w The responsive layout case Nowadays most pages are responsive We change the layout of the page based on the device screen Take the example below On the desktop the image takes up half the screen On the mobile it takes up the complete screen width This is the situation where we need the “w unit “w stands for “width and using this unit along with the “sizes attribute we tell the browser how much of the width of the screen the image is going to take up All of these help the browser figure out which image it should use How To Use The “w UnitThis is what the code looks like lt img src srcset w w w w w w sizes min width px vw vw gt By the way If you are thinking “OMG Now I have to create all these different image sizes Don t panic It s easy You need to use an Image CDN Let me break up the code and explain it all lt img src It s a normal IMG tag that you know from your very first day of HTML srcset w w w w w w w w w w There is a new attribute called srcset which is a “set of sources Each source has parts URL amp Size in a unit “w wThe “w unit might seem weird at first It s just used to tell the browser “width of the image in px Height does not matter sizes min width px vw vw There is also a “sizes attribute It tells the browser that depending on the screen size what part of the screen or “vw or “viewport width does the image take up As you can see it s like a media query min width px vw vwIn the above case it says for a min width of px and above a desktop it takes up or vw of the screen And anything that does not match a previous condition it takes up viewport width What Sizes Should You Create When Using “w A good way to decide on the image size is to follow what NextJS a JS framework that has srcset built in is doing By default there are the size they generate Yes that is a lot of sizes I agree It s going to be a pain to generate all of them So let me share with you some tips for getting it does painlessly How Do You Make So Many Sizes You have to use an ImageCDN Basically it s a service you can generate as many image sizes you want on the fly by changing the URL slightly For example px width image w medium cafe BiTdDC jpg px width image w medium cafe BiTdDC jpg px width image w medium cafe BiTdDC jpgTo generate the above image I have used the ImageKit io CDN It has very generous free plan GB bandwidth amp GB media storage Also it supports a wide variety of platforms Closing Notes amp Conclusion I hope this helps close all your doubts around “srcset x vs w Use “x when you just need bigger images for higher devicePixelRatios Use “w when there is a responsive layout involved	2022-03-24 14:27:32
海外TECH	DEV Community	How to use pub/sub in C# .NET 6 to build a chat app	https://dev.to/ablydev/how-to-use-pubsub-in-c-net-6-to-build-a-chat-app-1ok7	How to use pub sub in C NET to build a chat appWith the rise of cloud based and distributed systems messaging solutions appear to be everywhere Rather than direct client server communication messaging and event driven architecture allow loosely coupled components to communicate with each other and results in better scalability of the system Messaging solutions in the Microsoft landscape have existed since when Microsoft Message Queuing MSMQ was used to deliver messages between applications reliably These days however cloud based messaging components are used such as Azure Service Bus SignalR and Web PubSub to name a few In this article I ll zoom in on another cloud based and highly scalable messaging solution Ably What is pub sub The Publish Subscribe pub sub pattern is one which allows for messages to be sent from one entity a publisher or producer to other entities subscribers or consumers without a direct connection between them Communication is done through the use of a message broker which receives messages from publishers and then distributes them to the relevant subscribers To identify who each message should be sent to the premise of topics also known as channels is used This is an ID which represents a collection of communication to which a publisher can publish to and subscribers can subscribe to An example would be to have a topic called sport which a publisher will be publishing sports updates to and subscribers would subscribe to for said sports updates There is no inherent need for a publisher to be only a publisher nor a subscriber to be just a subscriber Many use cases such as chat applications require clients to both publish messages and subscribe to messages The main concept is that all communication is sent to the broker identified by a topic ID and then sent onwards to any client which has subscribed to that topic Find out more about publish and subscribe When you should use pub subUse the pub sub pattern when the application Needs to send messages to multiple clients Does not require a direct synchronous response from the clients Typical use cases are Chat Every user is both a publisher and a subscriber in a chat channel Location tracking GPS data of a transport vehicle is broadcasted to people who are expecting a delivery Event notification A news agency publishes a news item and all users of the news app receive a notification Distributed caching Clients use a local data store to achieve an optimum performance These local data stores are updated via change events sent by the publisher Benefits for your NET AppsThe asynchronous nature of pub sub increases scalability reliability and improves responsiveness of the publisher The publisher can quickly send messages to a topic then return to its other responsibilities The messaging infrastructure is responsible for delivering the messages to the subscribers Pub Sub messaging enables independent management of the publisher and subscriber systems since they are decoupled The pub and sub applications can be developed independently using different languages frameworks or even communication protocols The pub sub pattern provides separation of concerns for your applications enabling a microservices architecture Each application can focus on its core business capabilities while the messaging infrastructure handles reliable routing of messages to multiple subscribers Going beyond pub subIn addition to the benefits that pub sub can bring in general Ably offers some features which can be used to provide an even richer functionality to your applications Being able to retrieve old messages see who s currently active and being notified via push notifications are examples of such features HistoryFor some uses cases it can be beneficial to see the messages sent in the past when a user was offline Using chat as an example when the user goes online the application can retrieve not only the current messages but also the historical messages for a channel PresenceOne popular feature added to pub sub is the ability to check who is present on a topic Although in many scenarios a publisher won t need to be concerned with who s subscribed before publishing sometimes it can be useful to know With a chat application knowing who is online can be useful to users to determine whether someone is available to talk or not Push NotificationsIt s common to expect devices to receive updates and notifications even when their apps are operating in the background or closed In the background both iOS and Android will usually put any communication on hold until the app is opened again only allowing for their own Push Notification interactions to be allowed Because of this it s important to be able to send notifications where required and it makes sense to embed this communication within your existing messaging system pub sub can be perfect for this due to the fact it separates the publishers from the consumers A publisher can publish a message in exactly the same way but the subscriber can indicate to the broker how it wants to receive these messages This can be extended further by allowing the publishers of messages to be using completely different protocols to subscribers A publisher may use a REST endpoint of the broker to publish a message and you can then have some subscribers using MQTT some SSE and some WebSockets to subscribe The broker is responsible for translation and ensuring that all of these different systems and protocols can interact seamlessly Pub Sub using the Ably NET SDKHere at Ably we use a protocol for pub sub that is built on top of WebSockets To demonstrate how simple it is here s how you create a client with Ably var ably new AblyRealtime settings AblyApiKey This is how you subscribe to a channel to receive messages var channel ably Channels Get settings Channel channel Subscribe message gt var chatMessage string message Data Do something with the message And here s how you publish messages to a channel await channel PublishAsync chat hello world Implementing pub sub in a C NET Console AppOne popular use case for pub sub is a chat application so to demonstrate the power of pub sub and C let s create a chat program in a NET console application The console can be started to either publish messages or subscribe to messages The console should prompt for the user s name and a color that will be used for the messages To see the end result you can have a look at the pubsub demo dotnet repository If you want to build the solution from the ground up follow these instructions PrerequisitesYou ll need the following before creating the console application An Ably account which is free to sign up for Create a new Ably App and create an API key with Publish Subscribe and Presence capabilities The NET SDK A code editor such as VSCode Creating a new console appOpen a terminal and start by creating a new folder named ConsoleChat mkdir ConsoleChatNavigate into that folder cd ConsoleChatUse the dotnet CLI to create a new console application dotnet new consoleOpen the created ConsoleChat application in your code editor Adding dependenciesThe ConsoleChat app will have two external dependencies Spectre Console a library for creating beautiful console applications Ably NET a library to build realtime messaging applications Install the packages via the dotnet CLI dotnet add package spectre consoledotnet add package ably ioThe ConsoleChat csproj should look like this now lt Project Sdk Microsoft NET Sdk gt lt PropertyGroup gt lt OutputType gt Exe lt OutputType gt lt TargetFramework gt net lt TargetFramework gt lt ImplicitUsings gt enable lt ImplicitUsings gt lt Nullable gt enable lt Nullable gt lt PropertyGroup gt lt ItemGroup gt lt PackageReference Include ably io Version gt lt PackageReference Include spectre console Version gt lt ItemGroup gt lt Project gt Add Global UsingsTo keep the C classes tidy let s add a GlobalUsings cs file that contains the following global using Spectre Console global using Spectre Console Cli global using IO Ably global using System Diagnostics CodeAnalysis global using Newtonsoft Json Linq These global using statements will be available for all our C classes that will be part of the project Add SettingsThe ConsoleChat application will be started with three command arguments pub or sub to indicate if the console will be used for publishing or subscribing channel the name of the channel to publish or subscribe to ablyApiKey the Ably API key that is required to create a new Ably Realtime client The benefit of using Spectre Console is that this library contains many useful objects to create a good looking console application in just a few steps Create a new file called Settings cs and add the following code public sealed class Settings CommandSettings public Settings string channel string ablyApiKey Channel channel AblyApiKey ablyApiKey CommandArgument lt channel gt public string Channel get CommandArgument lt ablyApiKey gt public string AblyApiKey get The above code ensures that the channel and ablyApiKey values are available in the application as part of the Spectre Console Settings Add the PublishCommandLet s add the functionality to publish a message This will be implemented as a Spectre Console Command by inheriting from AsyncCommand lt Settings gt Create a new file named PublishCommand cs and add the following code public sealed class PublishCommand AsyncCommand lt Settings gt public override async Task lt int gt ExecuteAsync NotNull CommandContext context NotNull Settings settings string Name string Color input DrawConsoleAndGetInput settings var clientOptions new ClientOptions settings AblyApiKey ClientId input Name var ably new AblyRealtime clientOptions var channel ably Channels Get settings Channel channel Presence Enter input Color while true var text AnsiConsole Ask lt string gt input Color input Name var result await channel PublishAsync chat text if result IsFailure AnsiConsole MarkupLine red result Error Message return private static string name string color DrawConsoleAndGetInput Settings settings var intro new FigletText FigletFont Default Welcome to Console Chat Color Color Yellow Centered AnsiConsole Write intro var channelInfo new Rule You re publishing to the settings Channel channel Centered AnsiConsole Write channelInfo var name AnsiConsole Ask lt string gt What is your name var color AnsiConsole Prompt new SelectionPrompt lt string gt Title Select a color for your messages AddChoices new red green blue return name color Two code blocks are related to Ably In the first block a new instance of the AblyRealtime client is created a channel is created on demand and the user presence is entered An optional input input Color is provided with the presence to indicate the color that will be used for this user to render the message on the subscriber side var clientOptions new ClientOptions settings AblyApiKey ClientId input Name var ably new AblyRealtime clientOptions var channel ably Channels Get settings Channel channel Presence Enter input Color The second block deals with publishing a message The PublishAsync method requires an event name and the payload The result status is checked and underlying errors can be obtained to inform the user about the cause of the failure More information on the Publish method can be found in the Ably docs var result await channel PublishAsync chat text if result IsFailure Add the SubscribeCommandLet s add the functionality to subscribe to messages This will also be implemented as a Spectre Console Command by inheriting from Command lt Settings gt Create a new file named SubscribeCommand cs and add the following code public sealed class SubscribeCommand Command lt Settings gt private Dictionary lt string string gt clientColors new Dictionary lt string string gt private record ConsoleMessage string Name string Message string Color public override int Execute NotNull CommandContext context NotNull Settings settings var name DrawConsoleAndGetName settings var clientOptions new ClientOptions settings AblyApiKey ClientId name var ably new AblyRealtime clientOptions var channel ably Channels Get settings Channel new ChannelOptions Params new ChannelParams rewind m var consoleMessageQueue new Queue lt ConsoleMessage gt channel Presence Subscribe member gt clientColors Add member ClientId string member Data var color GetColorForClient member ClientId ConsoleMessage presenceMessage null switch member Action case PresenceAction Enter presenceMessage new ConsoleMessage string Empty member ClientId has joined color break case PresenceAction Leave presenceMessage new ConsoleMessage string Empty member ClientId has left color break default break if presenceMessage null consoleMessageQueue Enqueue presenceMessage channel Presence Enter channel Subscribe message gt var color GetColorForClient message ClientId var consoleMessage new ConsoleMessage message ClientId string message Data color consoleMessageQueue Enqueue consoleMessage while true if consoleMessageQueue TryDequeue out ConsoleMessage consoleMessage var panel new Panel consoleMessage Message Header new PanelHeader consoleMessage Name Justify Left BorderColor ConvertStringToColor consoleMessage Color AnsiConsole Write panel return private static string DrawConsoleAndGetName Settings settings var intro new FigletText FigletFont Default Welcome to Console Chat Color Color Yellow Centered AnsiConsole Write intro var channelInfo new Rule You re subscribing to the settings Channel channel Centered AnsiConsole Write channelInfo var name AnsiConsole Ask lt string gt What is your name return name private string GetColorForClient string clientId return clientColors TryGetValue clientId out string messageColor messageColor White private Color ConvertStringToColor string color if Enum TryParse lt ConsoleColor gt color true out ConsoleColor consoleColor return Color FromConsoleColor consoleColor return Color White The bottom half of this class deals with Spectre Console specific code on how the console will be rendered and which colors are used Let s focus on the top half part of this class The first Ably related code block is largely the same as in the PublishCommand where a new instance of AblyRealtime is created The difference is where the channel is obtained Besides the channel name ChannelOptions are provided with ChannelParams including a rewind of m This instructs the client to rewind the history of the channel to the last two minutes when the connection is established This allows the client to see chat messages that were published before the client was connected More information about rewind can be found in the Ably docs var clientOptions new ClientOptions settings AblyApiKey ClientId name var ably new AblyRealtime clientOptions var channel ably Channels Get settings Channel new ChannelOptions Params new ChannelParams rewind m The second block of Ably related code deals with presence Clients can subscribe to presence events such as entering a channel leaving a channel or updating their user data In this case the presence is also used to keep track of which client is using which color for their messages The switch block on member Action is used to create a specific message when a client has either entered or left the channel A client can explicitly announce their presence in the channel by using channel Presence Enter as can be seen on the last line of this code block More information on Presence can be found in the Ably docs channel Presence Subscribe member gt clientColors Add member ClientId string member Data var color GetColorForClient member ClientId ConsoleMessage presenceMessage null switch member Action case PresenceAction Enter presenceMessage new ConsoleMessage string Empty member ClientId has joined color break case PresenceAction Leave presenceMessage new ConsoleMessage string Empty member ClientId has left color break default break if presenceMessage null consoleMessageQueue Enqueue presenceMessage channel Presence Enter The final Ably code block is about subscribing to messages The channel Subscribe method is used and requires an Action lt Message gt as its argument Here the message ClientId is used to lookup the color for this user A new ConsoleMessage is created that contains the username message text and color The ConsoleMessage is put on a queue to be dequeued and rendered to the console later More information on the Subscribe method can be found in the Ably docs channel Subscribe message gt var color GetColorForClient message ClientId var consoleMessage new ConsoleMessage message ClientId string message Data color consoleMessageQueue Enqueue consoleMessage Update Program csNow that the PublishCommand and SubscribeCommand are in place we need a way to call them Let s update the Program cs file with the following code public class Program public static async Task lt int gt Main string args var app new CommandApp app Configure config gt config AddCommand lt PublishCommand gt pub WithDescription Publish messages to a channel WithExample new pub channel AblyApiKey config AddCommand lt SubscribeCommand gt sub WithDescription Subscribe to a channel WithExample new sub channel AblyApiKey config SetApplicationName ConsoleChat exe return await app RunAsync args In the above code sample a new CommandApp from the Spectre Console library is instantiated and configured with the commands that have been created before This allows the console app to be called with either the pub or sub argument that will execute the corresponding command DebuggingBeing able to debug any application is essential when doing development Since we re developing a console application that requires input arguments we require a place to provide these arguments when the app is started in debug mode If you re using VSCode you can update the launch json file located in the vscode folder with the following configuration version configurations name NET console type coreclr request launch preLaunchTask build program workspaceFolder src ConsoleChat bin Debug net ConsoleChat dll args input type input ablyChannel input ablyApiKey cwd workspaceFolder src ConsoleChat console integratedTerminal stopAtEntry false name NET Attach type coreclr request attach inputs id type type pickString options pub sub description Select if your going to publish or subscribe id ablyChannel type promptString description Enter a channel name id ablyApiKey type promptString description Enter the Ably API key Now when debugging starts by pressing F VSCode will show a prompt for the three input arguments Build amp RunTo test this application a minimum of two running instances are required one instance that publishes messages and one that subscribes to messages Let s first build the project to create the executable Open a terminal and ensure you re in the same folder as the ConsoleChat csproj file Run the dotnet build command dotnet buildThe executable should be located in the bin Debug net folder Navigate to this folder First start the ConsoleChat app without any arguments by running ConsoleChat exe This should be the output USAGE ConsoleChat exe OPTIONS lt COMMAND gt EXAMPLES ConsoleChat exe pub channel AblyApiKey ConsoleChat exe sub channel AblyApiKeyOPTIONS h help Prints help information v version Prints version informationCOMMANDS pub lt channel gt lt ablyApiKey gt Publish messages to a channel sub lt channel gt lt ablyApiKey gt Subscribe to a channelStart an instance that will be used for subscribing to messages ConsoleChat exe sub pubsub lt API KEY gt pubsub is the name of the channel you re subscribing to you re free to use any other name since the channel will be created at runtime lt API KEY gt should be the Ably API key that you created in the Prerequisites step Follow the instructions in the console app Start an instance that will be used for publishing ConsoleChat exe pub pubsub lt API KEY gt pubsub is the name of the channel you re publishing to make sure the name is the same as used in the subscribing console app lt API KEY gt should be the Ably API key that you created in the Prerequisites step Follow the instructions in the console app Finally start typing in the publisher app and you ll be seeing the messages appear in the subscriber app You can even add more subscriber and publisher instances to the same channel Publishing the applicationIn case you want to publish and distribute this console app to use this with your co workers or friends you need to do the following Ensure you re in the folder where the csproj file is located Run the dotnet publish command dotnet publish c Release r lt RUNTIME IDENTFIER gt self contained false p PublishSingleFile trueExample for windows x machines dotnet publish c Release r win x self contained false p PublishSingleFile trueFor more information on the available runtime identifiers see the NET RID Catalog The release version of the application is now available in the src ConsoleChat bin Release net lt RUNTIME IDENTIFIER gt publish folder SummaryOverall pub sub is a powerful pattern and is used often in many large messaging scenarios It can turn complex communications problems into far more manageable chunks by separating the publishers from subscribers and is particularly versatile in its use I encourage you to try out the ConsoleChat project available on GitHub and see if you can extend it Please don t hesitate to contact me on Twitter or join our Discord server in case you have any questions or suggestions related to this project	2022-03-24 14:27:23
海外TECH	DEV Community	How to create a new blockchain from source code Waves or Cardano?	https://dev.to/klorika/how-to-create-a-new-blockchain-from-source-code-waves-or-cardano-4ikg	How to create a new blockchain from source code Waves or Cardano Hello I need to create a separate blockchain with your name logo and the ability at least through the API to create tokens in this blockchain I looked at the sources of the Waves and Cardano projects but to be honest I didn t understand in which file to change the name logo port etc just to change the brand To be honest I m not just a beginner I m in the smiling face infant stage when it comes to installing ports or dependencies and although I understand the logic of the code I don t know the programming language many blockchains are written in Therefore I beg you to give at least an understandable source of documentation on creating a blockchain from an existing source I understand that everyone is very busy and no one has the right to ask someone just to help in this matter Especially when many make a living providing such services But I don t just start from zero but from the negative range To start the path of positive infinity I need a blockchain with our brand In which you can create tokens online or through the API I ask you to at least help me find the project and the file in which you need to change the parameters It s not about many of those files that the program needs to change I can Sorry for writing so much and thanks in advance for any help waves cardano blockchain eth ethereum javascript purescript haskell rust go Scala api github	2022-03-24 14:23:43
海外TECH	DEV Community	Design Tokens and Theming	https://dev.to/debs_obrien/design-tokens-and-theming-1430	Design Tokens and ThemingAs frontend developers we are normally given a design from Figma or similar tools that we then need to turn into code So where do we start What are the first steps we should take when converting our design into code if you are lucky to work directly with the designers then this is great but of course sometimes designs come in from an agency and there is not much room for communication with designers which is a pity So if you do work directly with your designers how should you proceed With Figma designers can design components as symbols which can then be reused across their designs They know what components they have previously designed and used and what components need to be designed from scratch Designers should also have a design system where they use design tokens so that their designs are consistent using the same color palette or same spacing for example But as developers were are just given a completed design that we must then convert into code We might be tempted to just start building We have a deadline after all so the sooner we start the better But if it is a large scale project we might end up with some bigger problems later on that are much harder to solve But what if we could work much closer to the designers What if we could use their design tokens and create our design system with those tokens Bridging the gap between designers and developers is key So lets talk design systemsDesigners create design tokens for various things such as colors margins borders etc These design tokens can then be exported from Figma or similar tools as JSON objects and used in a theme component that can be then applied to our components That way everything can be then styled using CSS in JS or CSS vars and all our components are ready to accept new tokens or be used with different modes or themes In this example I have created a base theme component that takes all these design token JSON files and merges them together using Object assign By creating them as separate files I can then showcase them all individually Adding a new design token to the primary colors for example will auto render the token so that the developer can easily see the new color and value export const baseTheme Partial lt ThemeSchema gt Object assign tokens fontFamilyTokens fontSizeTokens fontWeightTokens primaryColorTokens secondaryColorTokens errorColorTokens borderRadiusTokens borderSizeTokens textColorTokens backgroundColorTokens boxShadowTokens generalColorTokens headingsSizeTokens I did this by creating a design token viewer component that takes the design token and renders it showing the name and value as well as the CSS variable name I then created a composition for each design token using the design token viewer component lt DesignTokensViewer tokens borderSizeTokens additionalStyles border solid black cssKey border width gt There is of course still a missing connection between the designer and the developer in that if they make a change to the design tokens or add a new one there is manual work involved in then updating the theme component files Although there are some tools that seem to have this feature I have not personally been able to find a good solution with the tools I am working with What we tend to do here is give the ownership of the theme component to the designer meaning they can update and add design tokens whenever they need to Allowing the designer to own the theme component makes it easier for them to really keep the design system alive and current modifying token values and adding new ones and developers just have to use the theme component to get all these changes and can always see the rendered design tokens that are available to them The Base Theme ComponentThe base theme is a component that contains all the design tokens and values for the base theme which can be overridden by any other theme A theme schema can be created if using typescript This will ensure our values are correct and using the right type Design tokens should be sorted into CSS properties as this makes it easier to view them with the design token viewer This means we would have a design token file for primary colors font families font sizes etc Theme Providersin order to use the base theme component in React we need to create a theme provider This will allow us to provide the theme to all components that are wrapped inside it The theme provider must be able to read the design tokens and convert them into CSS variables so the design tokens can be used by the component in either CSS in JS or as CSS vars either inline or in a separate stylesheet In order to make sure the design tokes are converted to CSS vars I will use the createTheme function from teambits Theme Provider component This component manages the converting to CSS vars for me Feel free to read up more on how it works import createTheme from teambit base react theme theme provider Then we just need to create our theme and use our provider This complete version of the Theme Provider Context component I created also leverages the context to be able to add theme togglers for changing to dark and light mode or other themes I won t dive into this in this post so below is just a basic example of how the theme can handle a theme override lt BaseTheme ThemeProvider overrides customTheme gt children lt BaseTheme ThemeProvider gt The Pink ThemeThe Theme provider comes with an overrides property so that we can add in any theme and it will merge with our base theme and override any duplicated design tokens This means we can create a pink theme where only the colors change However if we wanted to also change the font families then we would just add a design tokens file for font families inside our pink theme component Build Components or Build your Design System We have just built our theming and design tokens so now it s time to build some components Some people start with a component library or enhance the design system and start building all the components that would make up this design system such as buttons inputs cards etc if you have time to do this and a team dedicated to it then this is great but most people don t so building the design system as they go along is also a valid option Naming your ComponentsWe haven t started with the task at hand yet so lets do that Again lets talk to our designers and make sure we are on the same page when it comes to naming When building out the wire frames it is a good idea to sit down with the designer and think about the components that are being designed We start with a page component called cart and we even think about where this component lives in which folder or in which scope or to which team it belongs to The cart component contains the heading component which is a base ui component that will be used throughout the site We can use the wire frame to add naming to our components That way when the designer goes to build the design they will use the names that are on this wire frame and the developers will also use these names Components in Figma should also have the same folder structure and ownership as those the developer uses This also means if new designers or developers are on boarded it is much easier for them to find things especially developers who need to see both designs and available components Listing out our ComponentsWith a design it can sometimes be hard to see the breakdown of components but with a wire frame it is much easier We can then convert this wire frame into a list of components that we need to create cart pagecartheadingcart itemsimagetextcurrencybuttonremove from cartIf we already had a component library created we could then add a tick next to the components that we already posses and work on creating the ones we don t As we have no component library created we can now start thinking about the API for each component Component API sWe want our components to be used throughout our app and consumed by various developers But we don t want to over architect our component either so we need to think about what we need for this component to work and how it should be best implemented We can also think about every use case there is and start building that into our component but sometime this isn t the best idea and we may end up with a component that does way too many things and it is extremely hard to take functionality away once a component has been adopted It is much easier to later add some functionality if and when it is needed Our heading component should contain an element prop which allows the consumer to choose between h h h etc An image component should have an alt prop a src prop and perhaps a loading prop for lazy loading options A text component could contain an element prop to render a p tag or a span tag A button component should be a basic button component that may accept props for adding styles so as to have primary or secondary buttons for example It should also allow an onClick prop so it can be used in different circumstances A remove from cart component should have the functionality of removing a component from a cart and include the button component This means consistency will be kept across all apps as the button component which contains the styling is used inside these wrapper components that add the functionality needed export type RemoveShoeFromCartProps item in cart cartItem Shoe export function RemoveShoeFromCart cartItem RemoveShoeFromCartProps const context useContext ShoeCartContext return lt Button className styles removeFromCart secondary onClick gt context removeProductFromCart cartItem aria label Remove from Cart gt X lt Button gt Creating our componentsOnce we have defined everything we can then go ahead and start creating our components I would suggest starting with the biggest component the page component in this case As we are building the page component we can simply add html elements and placeholders for each component Basically like building the wire frame inside your page component In order to make sure my component stays true to the design I like to import the Figma file right into my component docs That way I can see the design against my composition to see if it is correct It also makes it easier for me and any other developer to easily open the Figma file for that component without having to search through Figma And as it is a Figma embed any changes to the Figma file or updated live in my component docs making it also easier for designers and product managers to make sure changes have been implemented I have done this by creating a Figma Embed component and adding it to the doc file of my component We can then go ahead and start building the next biggest component that the cart page component needs In our case it is the cart component that contains all the elements of the cart You may ask why we should even create this as a component and instead just render it in the page component The reason is that the cart component containing all the items of the cart might also be used in other areas of your app for example when hovering over the cart icon or in a collapsible sidebar when browsing the site Making it a component means it can easily be added to any other place on your site and if it is an independent deployable component it can be used on any other e commerce site Continuing on with our components the next one is the heading component so we start building that working with the API we have defined to allow different heading elements to be passed in We then import that component into our page component adding the element of h And we continue with this process until our cart page is complete Working as a TeamIf there is more than one person working on building out this page then there is no issues at all as each component is built separately and then imported into the cart page What is important is deciding on who is doing what so that no duplication happens and also making sure there is a central place for viewing components that have already been created and that these components are easy to find Document and Test your ComponentsMore importantly making sure your components are easy to use and understand with great documentation and examples is key if you want your components to be adopted by other developers Creating compositions of your component with different use cases will help developers see how it can be used and writing tests for these components is extremely important so developers can really trust your components ConclusionTaking the time to think about what you are building will really save you a lot of time in the long run Maybe you don t need a different theme now but you perhaps will in the future If we build our components with scaling in mind it really will be easier to scale Design Tokens help us do that Using CSS vars is a great way of making sure your components can be themed But it s not just theming Sometimes the design changes Designers might re write design token values and if they do it should be just a matter of updating those values in your design tokens files in your theme and your components will then receive these new values without having to do any modifications to the components themselves I hope you enjoyed the post Good luck and have fun and reach out to me if you have any questions at all Useful LinksBase Theme ComponentPink Theme ComponentTheme Context ProviderDesign Tokens ViewerShore Store App with ThemingTheming Tutorial	2022-03-24 14:23:18
海外TECH	DEV Community	Getting Started with Mocha | JavaScript Test Automation Tutorial | Part IV	https://dev.to/lambdatest/getting-started-with-mocha-javascript-test-automation-tutorial-part-iv-5440	Getting Started with Mocha JavaScript Test Automation Tutorial Part IVThis video explains how to write and run your first test cases in mocha Start FREE TestingIt is Part IV of the JavaScript Test Automation LambdaTest Tutorial series In this video Ryan Howard ryantestsstuff an engineer explains how we can use mocha JS and run tests in mocha You will also gain insights into how mocha testing works This video answers How do you write test cases in mocha How do I run a specific test in mocha How do you test a mocha function How do you write unit test cases with mocha How do you assert in mocha Do mocha tests run in order	2022-03-24 14:23:00
海外TECH	DEV Community	Top 5 text editors for mobile in India 2021	https://dev.to/alltimedevlopment/top-5-text-editors-for-mobile-in-india-2021-56l9	Top text editors for mobile in India Top text editors for mobile in India Many people don t have a PC or laptop and if they are interested in coding and web development then they think that they have to buy one of them but in this post we are going to find out about the top text editors for you through which you can practice coding on your mobile devices including Android IOS and more So if you will like our post and want more posts like this then share our post with your developer friends and visit all time dev QuickEditQuickEdit is a text editor from Rhythm Software This text editor is a very stable fast and very featureful text editor you can use for web development editing plain text files and basic coding practices It is optimized for both phones and tablets So if you have a tablet and want to code there too then you can use it there also It has a syntax highlight feature for more than languages including C C Java JavaScript PHP Perl Python Ruby Swift HTML CSS and a lot more languages It doesn t lag on very large files too you can write more than lines of code without any problem you can easily navigate between multiple tabs you can undo and redo changes it also supports a physical keyboard with multiple key combinations you can quickly search and replace content automatic decoding and detects charset easily input of hex color values you can preview HTML CSS and markdown files supports both light and dark themes integrate and easy access to Github and Gitlab automatically indent new lines fast editing abilities show or hide line numbers supports smooth scrolling both vertical and horizontal it provides various fonts and size for their text editors and there are a lot of features that this text editor provides which you will find when you will try it and I also recommend you using this if you want to code on mobile or tablet But it has two cons that it is available only for android based mobiles and tablets on Google Play Store and the other con is that it is completely free but you will see some ads while using it but it s OK because you can use it for free It also has a good rating and review on Google Play Store which is around stars but if you have a lot of money then they also have a pro version in which you will get all the features that I have mentioned above and along with that you don t have to see ads while using it if you will buy their pro version The price of their pro version is around and if you would like to know about the best text editors for pc then you can also visit AcodeAcode is also a free and easy to use text editor like QuickEdit and this editor also has a lot of features It is from Foxebug It is a lightweight yet powerful text editor and web IDE for android but the problem with this text editor is that you can only create web designs using this text editor means you can only run HTML CSS and JavaScript and edit plain text files using this text editor Let s also talk about its features even if it is free you will not see any ads on this text editor so if you don t like the last text editor due to ads then you can use this GitHub support FTP SFTP support open source In app HTML Markdown preview lot of themes including dark and light themes user friendly supports interactive JavaScript console In app file browser you can write lines of code customizable fast workflow file recovery and file management etc are its amazing features This text editor also has a good rating and review at Google Play Store which is around stars and as the last text editor this text editor also has a pro version but it has almost the same features as its free version So I won t recommend you buy its free version but if you won t buy it then the price of its paid version is around but it has only a con that it is only available for android mobiles and tablets means you can not download or use it on IOS devices or tablets TrebEditTrebEdit is an amazing text editor from Joel Etetafia it is completely free but you can only create web designs using this text editor It has an HTML viewer through which you can view your project and along with that you can export your project on your mobile when your project is completed but in the text editor there is a different feature through which you can get the source from any website and you can save it as a project and you can open and edit it and present it in your own different way through like you can make it more beautiful using your CSS skills and more They also have a feature through which you can learn HTML CSS JavaScript PHP and more languages this text editor provides you an HTML viewer JavaScript console source code viewer text editor customizer you can switch from mobile to desktop view syntax highlighting auto complete and different color themes etc but the best thing that I like about this app is that you won t see any ads while using it TrebEdit also has a good rating and review in Google Play Store which is stars So if you want a text editor but want it to be a bit handy and different then you can use it but remember that this text editor is only available for android devices you cannot use it on IOS devices but if you want a text editor for your IOS devices then the next text editor will be best for you TextasticTextastic is a very popular text editor on IOS devices and it is from Alexander Blach This text editor is has a lot of features and it supports more than programming and markup languages including C C JavaScript PHP PERL Java HTML CSS XML MARKDOWN Objective C Swift SQL Python Shell scripts etc for full list you can visit their website you can connect your FTP SFTP SSH and WEBDAV servers to your Google Drive or Dropbox account either you can use their build in WEBDAV to easily transfer files from MAC or PC over WIFI syntax highlight support for more than languages some of them I have mentioned above compatible with Textmate and Sublime themes and syntax definitions Emmet support JavaScript console support SSH terminal connections iCloud drive support Symbol list to quickly navigate in a file full external keyboard support configurable keyboard support virtual keyboard support to easily type characters faster while writing code or programs cursor navigation wheel for easy text selection easily move the cursor using swipe gestures split view and slide over multitasking for iPad open multiple files in tabs multiple windows support for iPad OS dark mode available customizable fonts and font sizes find and replace including regular expression search counts character and words send files by email electronic mail local and remote web preview and a lot of more features So if you wanted a good text editor for IOS devices then you can use this and also the ratings and reviews of the code editor is very good which is stars and if you will like their features then you can visit their website or you can use Twitter to give your feedback about the code editor and this app is paid which means you don t have to view any ads while using the app but for those who want a free text editor for IOS can read about the next text editor The price of Textastic is around JsitorJsitor is a completely free text or code editor for IOS devices It is created by Ashvin Suthar This text editor has a lot of features like it supports various language modes like JavaScript JSX TypeScript CSS SASS SCSS POSTCSS LESS HTML PUG code suggestions and quick shortcuts for keyboards to write faster in build options to quickly select cut copy and paste code snippets formate code snippets easily manage snippet CDN libraries settings language modes etc start with predefined boilerplates start with previously left line with drafts supports external view edit share fork what other developers are making with exploring the option dark and light color themes etc for IOS devices web and more This text editor has medium ratings and reviews of around stars but overall this is a good text editor if you want to use it for the web then also you can use it by visiting their site So I have also used this text editor it is very good and you won t see any ads while using it so if you are interested then you can download it for your IOS devices or use it for the web without downloading it At the end I would like to add that all the text editors in the post are very useful and are the best and if you have a PC and also want to know about the best text editors for PC like this then you can also visit	2022-03-24 14:16:56
海外TECH	DEV Community	React - How to give a focus to a list item?	https://dev.to/artemismars/react-how-to-give-a-focus-to-a-list-item-2onj	React How to give a focus to a list item This topic is related to Menu on the website For example If you visit a website and click a menu item then you will move to other path showing different page But the menu item has a background color focus I am going to show you how to implement that feature import useLocation from react router dom We do this with react router dom library It has a hook called useLocation const location useLocation const styles active background fff return lt List gt menuItems map item gt lt ListItem sx location pathname item path styles active null gt lt ListItemIcon gt item icon lt ListItemIcon gt lt ListItemText primary item text gt lt ListItem gt lt List gt important part lt ListItem sx location pathname item path styles active null gt	2022-03-24 14:16:50
海外TECH	DEV Community	Reading key and value from a map field in protobuf message using c++ API call	https://dev.to/sarritesh/reading-key-and-value-from-a-map-field-in-protobuf-message-using-c-api-call-34ib	Reading key and value from a map field in protobuf message using c API callI have a proto file There is a message in the proto file that contains a map field protopackage abc xyz testprotomessage abc map mapfield Suppose as a c consumer i want to read this map field what would be the api call necessary for me to read these key and value from this map field into a string and int field in c I tried to look for it here map fields but could not find how the code on how to consume the map fields Can someone help me with it	2022-03-24 14:15:17
海外TECH	DEV Community	Install Podman on Fedora Linux	https://dev.to/ivanguerreschi/install-podman-on-fedora-linux-3ijk	Install Podman on Fedora LinuxPodman is a daemonless container engine for developing managing and running OCI Containers on your Linux System Podman is installed by default in Fedora Linux and Fedora Silverblue If not use this command sudo dnf install podmanFirst example podman pull hello world podman run hello world	2022-03-24 14:10:33
海外TECH	DEV Community	How to validate form in ReactJS?	https://dev.to/readymadecode/how-to-validate-form-in-reactjs-2o5o	How to validate form in ReactJS In this tutorial we will use props state constructor events in reactjs First of all create your component like Signup and extend it from Component Class Import Component From react Now Add Constructor to our component Create a function handleChange that will trigger on change of form field Create a function handleSubmit that will trigger on form submit Show the errors on Template inside render method and Create Form Here below is complete code import Component from react class Signup extends Component constructor props super props this state fullName null email null password null errors fullName email password handleChange event gt event preventDefault const validEmailRegex RegExp lt gt s lt gt s lt gt s lt gt s i const name value event target let errors this state errors switch name case fullName errors fullName value length lt Full Name must be characters long break case email errors email validEmailRegex test value Email is not valid break case password errors password value length lt Password must be characters long break default break this setState errors name value gt console log errors handleSubmit event gt event preventDefault const validateForm errors gt let valid true Object values errors forEach if we have an error string set valid to false val gt val length gt amp amp valid false return valid if validateForm this state errors console info Valid Form else console error Invalid Form render console log this props return lt div gt lt form onSubmit event gt this handleSubmit event gt lt input type text name fullName onChange event gt this handleChange event gt errors fullName length gt amp amp lt span className error gt errors fullName lt span gt lt input type email name email onChange event gt this handleChange event gt errors email length gt amp amp lt span className error gt errors email lt span gt lt input type password name password onChange event gt this handleChange event gt errors password length gt amp amp lt span className error gt errors password lt span gt lt input type submit name submit gt lt form gt lt div gt export default Signup Please like share subscribe and give positive feedback to motivate me to write more for you For more tutorials please visit my website Thanks Happy Coding	2022-03-24 14:06:49
海外TECH	DEV Community	Introducing the Journal Prompt Randomizer	https://dev.to/cmohan/introducing-the-journal-prompt-randomizer-j5n	Introducing the Journal Prompt RandomizerI like journaling Journaling helps me process my thoughts and feelings by getting them out of my head and onto a page Getting them out of my head means that I am less likely to obsess about them and spiral down a rabbit hole It s easy to journal when I have lots of thoughts and feelings on the busy days where big things are happening But on the quiet days when I don t have any big thoughts I stare at the blank page A blank page that contains infinite options And I have to pick one Ah the paradox of choice Having options is good but having too many options can be paralyzing I look up writing prompts in an attempt to kickstart my brain out of paralysis but I encounter more choices Lists and lists of prompts for memories business planning self reflection or empowerment I just have to pick one You see the issue I found plenty of physical notebooks that had prompts pre printed on the pages but only a few digital generators most of which had very cluttered UIs that made them confusing to use So I gathered prompts from a number of journal prompt lists and built this minimalist site It just gives you a prompt Only one However it also has a button that will give you a different one if you want But that s it One prompt and one button No more paradox of choice I ve been using a hacked together version of this idea for a while now It has really helped me stay consistent in my journaling If I can stay consistent during the quiet times then I am more likely to remember to be consistent during the busy times when I need to journal the most I ve been going through some rough things these past few months and now I m coming out the other side I decided to make a proper site for this in the hopes that it can help others get though those busy times as well the good ones and the bad ones If you like it please consider donating towards the cost of the domain amp hosting Tech SpecsThis site is a Blazor WebAssembly PWA written in C for NET Core It is hosted in a Azure Static Web App instance This setup has served me well for the small sites I specialize in and is very reasonably priced Highly recommend	2022-03-24 14:03:21
Apple	AppleInsider - Frontpage News	Daily deals March 24: save up to 70% at Lenovo, LG NanoCell 90 65-inch 4K TV now $997, $150 off Samsung Galaxy Z Flip 3 5G Unlocked, more	https://appleinsider.com/articles/22/03/24/daily-deals-march-24-save-up-to-70-at-lenovo-lg-nanocell-90-65-inch-4k-tv-now-997-150-off-samsung-galaxy-z-flip-3-5g-unlocked-more?utm_medium=rss	Daily deals March save up to at Lenovo LG NanoCell inch K TV now off Samsung Galaxy Z Flip G Unlocked moreThursday s top deals include up to off during the Lenovo Spring Clearance Sale off LG Nano Series NANOUPA inch K UHD NanoCell Smart TV and off the Samsung Galaxy Z Flip G Unlocked Lenovo laptops LG inch K UHD NonoCell Smart TV Samsung Galaxy Z Flip G are on sale nowEvery day we scour the internet for the best tech deals we can possibly find including discounts on Apple products tech accessories and a variety of other items to help you save some money If an item is out of stock you may still be able to order it for delivery at a later date Many of the discounts are likely to expire soon though so act fast Read more	2022-03-24 14:58:23
Apple	AppleInsider - Frontpage News	Apple agrees to pay $14.8M to settle iCloud storage lawsuit	https://appleinsider.com/articles/22/03/24/apple-agrees-to-pay-148m-to-settle-icloud-storage-lawsuit?utm_medium=rss	Apple agrees to pay M to settle iCloud storage lawsuitApple has agreed to pay out million to U S residents to settle a class action lawsuit focused on the storage of user iCloud data on non Apple servers A Google Data CenterThe complaint filed back in in a California District Court alleged that Apple had breached its iCloud server terms and conditions by storing user data on servers run by Amazon Google and Microsoft instead of its own Read more	2022-03-24 14:54:25
Apple	AppleInsider - Frontpage News	Apple launched its revolutionary OS X 21 years ago	https://appleinsider.com/articles/21/03/24/apple-launched-its-revolutionary-os-x-20-years-ago?utm_medium=rss	Apple launched its revolutionary OS X years agoThe first official public version of Mac OS X was launched by Apple on March It wasn t a success at first but it powered the Mac through the next years until macOS Big Sur OS X used to come in boxesThe fact that OS X launched at all on March was a relief and felt like an achievement if you were a long time Mac user Even though that very first Cheetah version lacked features and did not lack bugs it existed and that wasn t something you could say about Apple s previous OS attempts Read more	2022-03-24 14:47:26
Apple	AppleInsider - Frontpage News	Apple TV+ anthology 'Truth Be Told' adds Gabrielle Union for season 3	https://appleinsider.com/articles/22/03/24/apple-tv-anthology-truth-be-told-adds-gabrielle-union-for-season-3?utm_medium=rss	Apple TV anthology x Truth Be Told x adds Gabrielle Union for season The third season of Apple TV show Truth Be Told gains Gabrielle Union who will star alongside Octavia Spencer as the show tackles a new criminal investigation Octavia Spencer in Truth Be Told The anthology series has a core set of cast members including the main character played by Octavia Spencer However since each season focuses on a new investigation there is a rotation of new stars that join the show when a new season begins Read more	2022-03-24 14:10:21
海外TECH	Engadget	Apple’s iPhone SE is made with new low-carbon aluminum	https://www.engadget.com/apple-iphone-se-low-carbon-aluminum-142911451.html?src=rss	Apple s iPhone SE is made with new low carbon aluminumApple likes to flaunt its ability to save metal and now it s reducing the environmental impact of the metal itself The company says the latest iPhone SE is the first product made from quot commercial purity quot low carbon aluminum at industrial scale Montreal Canada based Elysis has produced a batch for Apple using a carbon free hydropower based smelting process that outputs oxygen rather than greenhouse gases The two companies didn t say just how many iPhone SE units would use this aluminum The design most conspicuously relies on aluminum for the frame but the back is dominated by glass that helps with wireless charging and data reception The development is a long time in coming Apple helped development through an investment team up that included Alcoa Rio Tinto the Canadian government and the Quebec provincial government The tech firm also bought the first batch of aluminum from that union to produce the inch MacBook Pro from Aluminum linked carbon emissions at Apple have dropped almost percent since according to the company Apple boasted that it has routinely poured money into projects like this through three quot Green Bonds quot totalling billion The investments which started in have focused on both reducing emissions and providing clean power The money for Elysis low carbon aluminum comes from a bond backing projects including ones that quot mitigate or offset quot million metric tons of CO and establish close to MW of renewable energy The efforts help burnish Apple s image as much as they might lessen the contribution to climate change ーlike Samsung and other rivals the company wants to assuage buyers worried that their new phone might do unnecessary harm Greater use of this eco friendly aluminum will help Apple reach its goal of selling carbon neutral products by though And given Apple s sheer market clout carbon reductions like this could have a tangible effect	2022-03-24 14:29:11
海外TECH	Engadget	Uber will soon offer NYC yellow cabs via the app	https://www.engadget.com/uber-new-york-city-yellow-cab-141509263.html?src=rss	Uber will soon offer NYC yellow cabs via the appUber has struck a deal that will soon allow folks in New York City to hail yellow cabs through its app The city s taxi drivers will be able to accept fares from Uber users through apps like Curb and Arro This is Uber s first citywide partnership of this nature in the US It expects the integrations to be up and running this spring Passengers will pay around the same as they would for Uber X rides the company told The Wall Street Journal with Uber and its partners taking a cut of the fare Taxi drivers will be able to see their estimated earnings before deciding whether to accept a trip The move could help remedy Uber s shortage of drivers and tackle the surge pricing problem while helping cab drivers find more fares It could be an uneasy alliance however given that the taxi industry has opposed ride sharing apps in the past Engadget has contacted the New York Taxi Workers Alliance ーwhich represents yellow cab ride sharing and other drivers ーfor comment	2022-03-24 14:15:09
海外TECH	Engadget	Dell XPS 15 and 17 laptops are now available with 12th-gen Intel chips	https://www.engadget.com/dell-xps-15-17-intel-12th-gen-now-available-140053054.html?src=rss	Dell XPS and laptops are now available with th gen Intel chipsIt s a refresh those with an eye on Dell s XPS and XPS laptops have waiting to get their hands on for a while and it s now available Starting today you can configure both computers with Intel s latest th generation Core H series CPUs Announced at the start of this year the company s new processors combine performance and low power efficiency cores onto a single chip In theory the design promises to deliver better performance and battery life thanks to a CPU that can better juggle the demands of modern computing Among other highlights Intel s new H series processors feature DDR support and built in WiFi E connectivity allowing you to take advantage of the new GHz band that comes standard on recent E routers The XPS starts at and features a core i H with one GB DIMM of MHz DDR RAM and GB of NVMe storage You can configure it with up to a GeForce RTX Ti with GB of VRAM and a W power draw The XPS comes standard with a inch FHD display that features a panel with nits of brightness Unique to the XPS is an OLED display option with a contrast ratio DisplayHDR certification and nits of brightness The XPS meanwhile starts at It comes standard with a inch FHD display but you can configure it with a K panel with percent Adobe RGB coverage nits of brightness and a contrast ratio The roomier chassis also allows for an RTX with GB of VRAM and a W power draw But if you want that model Dell notes it won t be available until sometime in April	2022-03-24 14:00:53
海外TECH	CodeProject Latest Articles	Streaming at Scale with Azure Event Hubs, Azure Functions, and Cosmos DB Part 2: Processing Streaming Data with Azure Functions in Java	https://www.codeproject.com/Articles/5328021/Streaming-at-Scale-with-Azure-Event-Hubs-Azure-F-2	cosmos	2022-03-24 14:22:00
海外科学	NYT > Science	Life’s Preference for Symmetry Is Like ‘A New Law of Nature’	https://www.nytimes.com/2022/03/24/science/symmetry-biology-evolution.html	computer	2022-03-24 14:22:43
海外科学	NYT > Science	The Parapsychology Foundation Fights for Its Future	https://www.nytimes.com/2022/03/23/style/parapsychology-foundation-eileen-j-garrett-library.html	dynasty	2022-03-24 14:14:05
金融	RSS FILE - 日本証券業協会	株券等貸借取引状況（週間）	https://www.jsda.or.jp/shiryoshitsu/toukei/kabu-taiw/index.html	貸借	2022-03-24 15:30:00
金融	RSS FILE - 日本証券業協会	株主コミュニティの統計情報・取扱状況	https://www.jsda.or.jp/shiryoshitsu/toukei/kabucommunity/index.html	株主コミュニティ	2022-03-24 15:30:00
金融	金融庁ホームページ	「金融分野における個人情報保護に関するガイドライン」等の改正について公表しました。	https://www.fsa.go.jp/common/law/kj-hogo-2/index.html	個人情報保護	2022-03-24 15:00:00
金融	金融庁ホームページ	つみたてNISA対象商品届出一覧及び取扱金融機関一覧について更新しました。	https://www.fsa.go.jp/policy/nisa2/about/tsumitate/target/index.html	対象商品	2022-03-24 15:00:00
金融	金融庁ホームページ	「金融機関における個人情報保護に関するＱ＆Ａ」 の改正について公表しました。	https://www.fsa.go.jp/news/r3/sonota/20220324-3/20220324-3.html	個人情報保護	2022-03-24 15:00:00
金融	ニュース - 保険市場TIMES	損保ジャパン、「情報モラルリーフレット教材」を無償配布	https://www.hokende.com/news/blog/entry/2022/03/25/000000	損保ジャパン、「情報モラルリーフレット教材」を無償配布安心安全なスマホ生活に損害保険ジャパン株式会社は月日、佐賀県みやき町の小中学校校へ情報モラルリーフレット教材を無償配布したと発表した。	2022-03-25 00:00:00
ニュース	BBC News - Home	Spring Statement: Rishi Sunak accused of not doing enough for poorest households	https://www.bbc.co.uk/news/business-60858113?at_medium=RSS&at_campaign=KARANGA	boris	2022-03-24 14:37:11
ニュース	BBC News - Home	Sunderland's former England striker Defoe retires	https://www.bbc.co.uk/sport/football/60860430?at_medium=RSS&at_campaign=KARANGA	jermain	2022-03-24 14:43:39
北海道	北海道新聞	養鶏場で鳥インフル疑い、宮城　３万羽飼育	https://www.hokkaido-np.co.jp/article/660846/	高病原性鳥インフルエンザ	2022-03-24 23:33:00