投稿時間:2021-09-07 02:24:00 RSSフィード2021-09-07 02:00 分まとめ(28件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	楽天市場、｢App Store ＆ iTunes ギフトカード｣の10％オフキャンペーンを開催中（9月10日まで）	https://taisy0.com/2021/09/07/144961.html	appstoreitunes	2021-09-06 16:07:39
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【Python】入力したPrint関数が出力されません！	https://teratail.com/questions/358097?rss=all	【Python】入力したPrint関数が出力されません前提・実現したいこと干支の計算プログラムを作ってみようと思い、ターミナルとAtomを使っていたのですが、それ以前の問題が発生しました。	2021-09-07 01:56:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	pythonでのスクレイピング	https://teratail.com/questions/358096?rss=all		2021-09-07 01:50:49
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	opencvを用いた特徴点抽出について	https://teratail.com/questions/358095?rss=all	特徴点の検出を行いました。	2021-09-07 01:24:19
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	コピーコンストラクタについて	https://teratail.com/questions/358094?rss=all	コピーコンストラクタについてでコンストラクタについて学んでおり、コピーコンストラクタを実装したいのですがエラーがでてしまいます。	2021-09-07 01:14:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	モーダルでupdateを実装したい	https://teratail.com/questions/358093?rss=all	モーダルでupdateを実装したい前提・実現したいことLaravelで投稿と更新機能を実装しています。	2021-09-07 01:13:05
AWS	AWSタグが付けられた新着投稿 - Qiita	zabbix-agent.conf での個人的勘所	https://qiita.com/instant_baby/items/c49fd2f9cfc884b2f84a	ubuntuにagentを入れた時はインスコ完了時点でstartしている。	2021-09-07 01:52:25
golang	Goタグが付けられた新着投稿 - Qiita	A tour of goで"no required module provides package golang.org/x/tour/"が出て困った	https://qiita.com/okaponta_/items/d9e607e39f223500c51e	このとき、バージョン込みで管理できるので、GOPATHモードのときのような問題は起こらなくなります。	2021-09-07 01:42:44
海外TECH	DEV Community	The 4 Frontend tips for improving a11y and UX	https://dev.to/melnik909/the-4-frontend-tips-for-improving-a11y-and-ux-539e	The Frontend tips for improving ay and UX Text symbols aren t the best way to create graphicThere is a practice of creating graphics using text The popular example is a cross icon of close buttons that s created using a multiplication sign Yes visually that s a worked solution but in terms of accessibility that s the bad practice Every text symbols have a code that screen readers can voice As a result users will be confused because instead of close button a screen reader will voice multiplication sign button Thus never don t use text for graphics Just use SVG for graphics that together with an alternative text You can do that two ways The first way is adding text to the element and hide using the CSS visually hidden pattern The second way is using the aria label attribute I m a fan of the first way because the text will be displayed when CSS isn t loaded But you can choose what you like don t do this lt button type button gt amp times lt button gt lt or gt lt button type button gt × lt button gt you can use it instead lt button type button gt lt span class visually hidden gt close modal lt span gt lt svg height rem width rem gt lt svg gt lt button gt lt or gt lt button type button aria label close modal gt lt svg height rem width rem gt lt svg gt lt button gt Verbs in aria label tell users this element leads to actionThere is a best practice using the aria label attribute to help screen reader users understand how to interact with an element But I think there is a problem People use nouns For example they write Saved items for the link that goes to the page with saved items So users will hear Saved items link I suggest using verbs in the aria label to help users understand this element leads to action For example I d write go to my saved items instead of Saved items In this case users hear go to my saved items link I think it more clear don t do this lt a aria label Saved items href gt lt svg height rem width rem gt lt svg gt lt a gt you can use it instead lt a aria label Go to my saved items href gt lt svg height rem width rem gt lt svg gt lt a gt The button element is the best choice for the show hide password patternIn the last years the hide show button pattern became very popular But a lot of people use it wrong The mistake is in choosing the right HTML element People think users will interact with an element only using a mouse Just click one time two etc But the value of this pattern is more important Firstly users use the keyboard quickly focusing from the field to the button using the tab key Then they push the enter key for showing or hiding the password Secondly screen readers have to detect this element is interactive Then users can use it So only one element meets all these requirements ーthe button element Use it and your users will be happy to use your interface Showing the correct virtual keyboard when you ask to enter a codeIf you want to make UX of forms more simple and user friendly you should right choose the type attribute That s important because the attribute helps browsers show the most appropriate virtual keyboard Thus users can more quickly fill forms For example if users fill in a phone number type tel shows the keyboard with digits and other special symbols But there are cases when existing values can t be applied For example when you sign in you want to ask users to enter a numeric code In these cases you can use the special inputmode attribute that helps browsers display a correct keyboard as well In the cases with a numeric code you should use the numeric value Then browsers will display the keyboard with digits only and users will fill the field quickly as well as with the type attribute P S I help people fix accessibility mistakes If you need help chat me on melnik ya ru or dev to direct Please specify the subject of the email Stas I need help Friends I tell stories from my career on Substack Join my free newsletter if you re interested in my background or you want to get my updates firstIf you want to be the first who get my tips get my paid monthly subscription	2021-09-06 16:53:59
海外TECH	DEV Community	Protocol Buffers and GRPC in Go	https://dev.to/karankumarshreds/protocol-buffers-and-grpc-in-go-3eil	Protocol Buffers and GRPC in GoWe will cover Protocol BuffersProtocol Buffer LanguageCompiling a protocol buffer with protocGRPCThe code can be found here GitHub Protocol BuffersProtocol buffers is a data exchange format similar to JSON Protobuf vs JSON Both are for serialization however the key difference is that Protobuf is binary data interchange format whereas JSON stores data in human readable text format Protocol Buffers are strongly typed As per definition by Google You can update your datastructure without breaking deployed programs that are compiled against the old datastructure format Interesting right It is we will see how that works Protocol Buffers allow us to define the data contract between multiple systems Once a proto buff file has beenn defined we can compile it to a target programming language The output of the compilation will be classes and functions of the target programming language In Go protocol buffers can be transported over different transports such as HTTP and Advanced Message Queuing Protocol AMQP Protocol Buffer LanguageA protocol buffer is a file which when compiled will generate a file accessible to the targetted programming language In go it will be a go file which will be a structs mapping Let us write a simple message in protobuf syntax proto message UserInterace int index string firstName string lastName Here we just define a message type called UserInterface It we were to write the same using JSON index firstName John lastName Doe The field names are changed to comply with the JSON style guide but the essence and structure are the same But what are the sequential numbers in the protobuf file Those are the ordering tags used to serialize and deserialize proto bufs between two systems It tells the system to write the data in that particular order with the specified types So when this proto buf is compiled for targetted language Go it will be a struct with the empty default values Different types that are used in protobuf ScalarEnumerationsNested Scalar ValuesExmaples of scalar type values int int int string bool etc These types are converted to the corresponding language types after the compilation Since we are using Go in our case the equivalent types in Go for these scalar types are Enumerations enums Lets take an example of a proto file using enums syntax proto message Schedule enum Days SUNDAY MONDAY FRIDAY And in case we want to assign the same values to multiple enum members syntax proto message Schedule enum Days option allow aias true UNKNOWN ACTIVE INACTIVE repeated field is equavalent to array list message CarInfo string type repeated string cars This means the cars could be string like bmw toyota honda Nested FieldsWe can also use message as a type for another message Example message User string firstName string lastName repeated Comment comments message Comment int id Compiling Protocol Buffer with protocTo transfer data between the systems we will make use of the compiled files from the proto proto files We will make use of the structs gotten from the compiled files to create the binary data Steps we will follow Install the protoc comman line tool and the proto libraryWrite proto fileCompile the file for Go target languageImport the structs from the generated file and create data using thoseSerialize the data into binary format and send it to the other systemOn the remote machine de serialize the data and consume itWe will install he protoc command line from I am on windows so I will install download the latest stable package and set the environment variable from Edit the system environment variable setting in the control panel Download and unzip for Windows I will extract it in the C Program Files protoc folder by creating the protoc folder It must now have bin folder Now search for Edit the system environment variable setting on start menu double click on Path in the list Now click on New and then Browse Browse until C Program Files protoc bin and click ok Now open a fresh terminal and type protoc version to confirm the installation The output must be protoc versionlibprotoc For MAC and LinuxOn mac brew install protobufOn Ubuntu or Linux we can copy protoc to the usr bin folder Make sure you grab the latest versioncurl OL Unzipunzip protoc linux x zip d protocMove only protoc to usr bin sudo mv protoc bin protoc usr bin protocAfter installing and setting up the command line tool make sure you are able to access it from your terminal protoc versionlibprotoc Now in our project directory create a new folder protofiles and then in it let us create a proto file representing modeling a person s information person protosyntax proto package protofiles option go package message Person string name int id string email repeated PhoneNumber phones enum PhoneType MOBILE HOME WORK message PhoneNumber string number PhoneType type message AddressBook repeated Person people So we just created two main messages called Person and AddressBook The AddressBook contains the list of Persons A person has a name id email and list of PhoneNumbers The second line package protofiles is the package name for go to compile To compile our person proto proto buf file cd to the protofiles directory and run go get u github com golang protobuf protoc gen goprotoc gen go is a plugin for the Google protocol buffer compiler to generate Go code protoc go out protothis will create a Go target file in the present working directory from where the command is run the dot and make use of all the proto files to do soThis will generate a person pb go file If you open this file you will see that it contains the auto generated code for us This will have multiple getter and setter methods for the structs to get and set the values Once done make sure you push the repository on github to import the package in the main go file Now let us write code to create Person struct from the auto generated file package person pb go and serialize it into a buffer string using the proto package main gopackage mainimport fmt pb github com karankumarshreds GoProto protofiles google golang org protobuf proto func main using the profo created struct p amp pb Person Id Name John Doe Email test test com Phones pb Person PhoneNumber Number Type pb Person HOME Serializing the struct and assigning it to body body proto Marshal p De serializing the body and saving it to p for testing p amp pb Person proto Unmarshal body p fmt Println Original struct loaded from proto file p fmt Println Marshalled proto data body fmt Println Unmarshalled struct p Let us run the code now using go run main go go run main goOriginal struct loaded from proto file name John Doe id email test test com phones number type HOME Marshalled proto data Unmarshalled struct name John Doe id email test test com phones number type HOME The second output is the binary bytes which has been serialized into by the proto library This serialized binary data needs a medium to move between the two or more systems This is where gRPC kicks in Using gRPC Google Remote Procedure Call a server and client not frontend can talk which each other in the protocol buffer format GRPCGRPC is a transport mechanism that sends and receives messages protocol buffers between two systems The two parties are referred to as server and client The main advantage of gRPC is that it can be understood by multiple programming languages via their respective grpc packages mostly making the communication easy between different tech stacksWe need to install the grpc Go library and a protoc gen plugin before writing theservices Install them using the following commands go get google golang org grpcgo get u github com golang protobuf protoc gen go already did in the previous section In this section we will create a money transaction service which will communicate over GRPC Create a proto buf with the definistion of service and messagesCompile the protocol buffer fileUse the generated file package to create a gRPC serverCreate a gRPC client to talk to the serverWe will follow the SAME steps to create protobuf and compile package as we did in the last example Let us create a transaction proto file nad put it in the protofiles directory syntax proto package protofiles option go package message TransactionRequest string from string to float amount message TransactionResponse bool confirmation service MoneyTransaction rpc MakeTransaction TransactionRequest returns TransactionResponse The new keyword service defines the GRPC service Here we are defining another type type of function for our RPC system which will take in a type of TransactionRequest and return a TransactionResponse Once compiled using protoc the compiled file will contain an interface to invoke this function Read more here servicesNow let us cd into the parent directory to the protofiles directory and run the command to compile the transaction proto lsprotofiles protoc I protofiles protofiles transaction proto go out plugins grpc protofilesNOTE This time we have used a grpc plugin to compile the package Now ls protofiles to confirm if the go package has been compiled a transaction pb go a transaction protoNow let us setup the GRPC server The code explanation is done in the code comments Create a folder and file server main gopackage mainimport fmt net log pb github com karankumarshreds GoProto protofiles golang org x net context google golang org grpc type server struct func main NewServer creates a gRPC server which has no service registered and has not started to accept requests yet s grpc NewServer lis err net Listen tcp if err nil log Fatalf Failed to listen v err We are making use of the function that compiled proto made for us to register our GRPC server so that the clients can make use of the functions tide to our server remotely via the GRPC server like MakeTransaction function The first argument is the grpc server instance The second argument is the service who s methods we want to expose in our case we have put it in this program only pb RegisterMoneyTransactionServer s amp server Serve accepts incoming connections on the listener lis creating a new ServerTransport and service goroutine for each The service goroutines read gRPC requests and then call the registered handlers to reply to them err s Serve lis if err nil log Fatalf Failed to serve v err ctx is used by the goroutines to interact with GRPC in is the type of TransactionRequest This function signature matches the service that we mentioned in the protobuf func s server MakeTransaction ctx context Context in pb TransactionRequest pb TransactionResponse error Business logic will come here fmt Println Got amount in Amount fmt Println Got from in From fmt Println For in To Returning a response of type Transaction Response return amp pb TransactionResponse Confirmation true nil This is it for the server side The idea is that if the client makes a request to invoke the MakeTransaction function remotely the server should go ahead and execute it here it will only print the data received Now let us write down code for the client side as well Folder and file client main gopackage mainimport log pb github com karankumarshreds GoProto protofiles golang org x net context google golang org grpc grpc server addressconst address localhost func main Set up connection with the grpc server conn err grpc Dial address grpc WithInsecure if err nil log Fatalf Error while making connection v err Create a client instance c pb NewMoneyTransactionClient conn Lets invoke the remote function from client on the server c MakeTransaction context Background amp pb TransactionRequest From John To Alice Amount float This client code will make connection to the grpc server we created through the GRPC package and make use of the protofile to run the MakeTransaction function remotely Now if we run both together First we will run the server code cd servergo run main goThis will start the server code now open a new terminal and start the client code as well As soon as we do that we should see the logs on the server side terminal cd clientgo run main goThat s it the client now made a connection with the server and invoked the MakeTransaction function remotely The server must have the following logs go run main goGot amount Got from JohnFor AliceCongratulations you have successfully created the server and client side grpc connection A gRPC client can request a gRPC server to perform a computationheavy secure operation The client can be a mobile device too The code can be found here GitHub	2021-09-06 16:32:08
海外TECH	DEV Community	Create real strong password generator with python	https://dev.to/sahilsaif1221/create-real-strong-password-generator-with-python-h71	Create real strong password generator with pythonHow to make strong password generator with PYTHON Let s see Step →First import build in string module→store all characters uppercase or lower or digit or punctuation in their respective list Step →Taking input for the numbers of characters in password and adding some conditions so that wrong input can be handle Step →import build in random module and shuffle all list→shuffle each list with random shuffle list name →we will create password with of uppercase characters number given by user lowercase digits and special character Step →collecting characters from all lists as the rule of →Now shuffle the final collected list for making the password pattern unguessed→Now join the final list elements with join FINAL codeimport stringimport randoms list string ascii lowercase s list string ascii uppercase s list string digits s list string punctuation characters number input Enter the numbers of characters of your password while True try characters number int characters number if characters number lt print you need at least characters for a strong password characters number input Enter the numbers of characters AGAIN else break except print X X X please enter the number of characters ONLY characters number input Enter the numbers of characters random shuffle s random shuffle s random shuffle s random shuffle s of the characters numberend round characters number of the characters numberend round characters number s for i in range end s append s i s append s i for i in range end s append s i s append s i random shuffle s password join s print f your password is password check the output Twitter	2021-09-06 16:29:12
Apple	AppleInsider - Frontpage News	'iPhone 13' A15 chip performance continues dominance over Android rivals	https://appleinsider.com/articles/21/09/06/iphone-13-a15-chip-performance-continues-dominance-over-android-rivals?utm_medium=rss	x iPhone x A chip performance continues dominance over Android rivalsA benchmark on what is said to be the GPU in Apple s A chip destined for the iPhone is faster than the A maintaining Apple s lead in mobile performance A benchmark shows faster GPUA Manhattan GPU benchmark test reportedly shows Apple s A chip hitting FPS during the first round of testing However the second round isn t as impressive with a score of about FPS to FPS Read more	2021-09-06 16:07:46
海外TECH	Engadget	Renault's Megane E-Tech Electric could help rescue workers put out battery fires faster	https://www.engadget.com/renault-megane-e-tech-electric-battery-fire-access-safety-163050987.html?src=rss	Renault x s Megane E Tech Electric could help rescue workers put out battery fires fasterRenault unveiled the Megane E Tech Electric at the IAA Munich Motor Show on Monday While the specs seem decent enough it s the safety functions that are the most eye catching aspect of this electric vehicle The Fireman Access feature stems from a partnership between Renault Group and French firefighters that stretches back for over a decade The EV includes special access to the battery for rescue teams Renault claims this can allow first responders to put out a battery fire in five minutes compared with between one and three hours for most EV battery blazes There s also a switch under the rear bench that lets rescue teams disconnect the battery In addition Renault put a QR code on the windscreen The idea is that rescue teams can scan the code to see details about the car s structure They can find out the locations of the battery and airbags as well as information about where it s safe to cut into the vehicle Renault says this information can help first responders save up to minutes when attempting to free a crash victim which could help save lives IAA Welcome to the future with our all new Megane E TECH electric ️ quot Made in ElectriCity quot ️Unique with an innovative design️At the cutting edge of technology️Sustainable To know more pic twitter com soBplvPーRenault Group renaultgroup September No two EVs are built the same and first responders won t necessarily know the intricacies of each vehicle So providing information about the Megane E Tech Electric s structure using a QR code is a smart move that it d be nice to see more automakers adopt The same goes for easy access to the battery to help put out fires faster The latest iteration of the Megane line is built on Renault s CMF EV platform For the body designers took inspiration from the Morphoz concept the company showed off last year There are two powertrain options as CNET s Roadshow notes a base model with horsepower and a more advanced alternative with hp and pound feet of torque You can choose between two battery packs as well The kWh option has a range of miles km and the kWh pack should get you up to miles km of driving on a single charge according to Renault The company based the estimates on the European WLTP testing procedure Plug the Megane E Tech Electric into a wW fast charging station and you can add up to miles of driving range in minutes of charging time Elsewhere the OpenR infotainment system is based on Android Automotive OS so you ll have access to Google apps and Google Assistant While you re on a longer trip the system can help you locate charging stations that minimize your journey time Renault says The Megane E Tech Electric orders open in February and sales start the following March	2021-09-06 16:30:50
海外科学	NYT > Science	An Experimental H.I.V. Vaccine Fails in Africa	https://www.nytimes.com/2021/08/31/health/hiv-vaccine-south-africa.html	experimental	2021-09-06 16:37:01
海外TECH	WIRED	The 36 Best Labor Day Sales on Our Favorite Gear	https://www.wired.com/story/best-labor-day-sales-2021-2	recommended	2021-09-06 16:48:00
海外TECH	WIRED	The 21 Best Hiking and Camping Deals for Labor Day	https://www.wired.com/story/labor-day-camping-deals-1	favorite	2021-09-06 16:34:00
金融	金融庁ホームページ	第47回金融審議会総会・第35回金融分科会合同会合を開催します。	https://www.fsa.go.jp/news/r3/singi/20210913.html	金融審議会	2021-09-06 17:00:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	米8月の非農業部門雇用者数、デルタ株感染で市場予想を大きく下回る、失業率は5.2％に改善	https://www.jetro.go.jp/biznews/2021/09/e2b64106756334cb.html	市場予想	2021-09-06 16:40:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	第2四半期のGDP成長率、前年同期比19.6％、製造業が牽引	https://www.jetro.go.jp/biznews/2021/09/5f0b0e3ee5dc295a.html	前年同期	2021-09-06 16:30:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	中国の秦駐米大使、米国に対話と協力呼び掛け、ニューヨークで講演	https://www.jetro.go.jp/biznews/2021/09/e816cf3a92db19cc.html	駐米大使	2021-09-06 16:20:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	ポルシェ、アジアの成長を見越し生産・研究開発拠点を整備	https://www.jetro.go.jp/biznews/2021/09/ed4688240cbf8c6f.html	研究開発	2021-09-06 16:10:00
ニュース	BBC News - Home	Afghanistan: PM pledges not to abandon UK allies left behind	https://www.bbc.co.uk/news/uk-politics-58467874?at_medium=RSS&at_campaign=KARANGA	johnson	2021-09-06 16:37:16
ニュース	BBC News - Home	Covid-19: UK passes 7 million confirmed Covid cases	https://www.bbc.co.uk/news/uk-58468557?at_medium=RSS&at_campaign=KARANGA	total	2021-09-06 16:41:14
ニュース	BBC News - Home	England crumble as inspired India sweep to victory	https://www.bbc.co.uk/sport/cricket/58466419?at_medium=RSS&at_campaign=KARANGA	england	2021-09-06 16:04:52
ニュース	BBC News - Home	Bottas to drive for Alfa Romeo with Russell expected to replace him at Mercedes	https://www.bbc.co.uk/sport/formula1/58457384?at_medium=RSS&at_campaign=KARANGA	mercedes	2021-09-06 16:55:05
ニュース	BBC News - Home	Covid passports: Nightclubs, concerts and festivals... where will I need one?	https://www.bbc.co.uk/news/explainers-55718553?at_medium=RSS&at_campaign=KARANGA	england	2021-09-06 16:54:15
北海道	北海道新聞	Ｊ・Ｐ・ベルモンドさん死去　仏スター俳優	https://www.hokkaido-np.co.jp/article/586441/	気狂いピエロ	2021-09-07 01:04:30
北海道	北海道新聞	道内、学校クラスター続発　８月は最多２０件４０６人感染　部活関連６割	https://www.hokkaido-np.co.jp/article/586412/	新型コロナウイルス	2021-09-07 01:19:29