投稿時間:2023-04-14 22:12:39 RSSフィード2023-04-14 22:00 分まとめ(17件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
GCP	gcpタグが付けられた新着投稿 - Qiita	GCP deployment-managerでnetworkを作成してみた	https://qiita.com/nori-channel/items/43ab1b56308d1239464b	anewnetwork	2023-04-14 21:33:11
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure Front Door + Application Gateway の構成で考える アクセス先 と SNI と ホストヘッダー の関係	https://qiita.com/ueda_it/items/f55693d62af85e6f9cbd	application	2023-04-14 21:32:17
技術ブログ	Developers.IO	Amazon API Gateway REST API のパスパラメーターでスラッシュを含む値を指定できるか試してみた（できなかった）	https://dev.classmethod.jp/articles/amazon-api-gateway-path-parameter-slash/	amazonapigatewayrestapi	2023-04-14 12:23:20
海外TECH	MakeUseOf	What Is OpenAI’s Bug Bounty Program, And How Can You Participate?	https://www.makeuseof.com/what-is-openai-bug-bounty-program/	chatgpt	2023-04-14 12:26:16
海外TECH	MakeUseOf	How to Remove End Cards at the End of YouTube Videos	https://www.makeuseof.com/remove-youtube-end-cards/	links	2023-04-14 12:15:17
海外TECH	DEV Community	CSS Tip: learn CSS the easy way!	https://dev.to/this-is-learning/css-tip-learn-css-the-easy-way-im4	CSS Tip learn CSS the easy way Do you want to learn CSS Are you lost in all the courses tutorials and online stuff The code is too long the explanation is too boring and it never works Don t worry I have the solution for you One minute to learn CSS You are probably thinking it s impossible but it s possible Take one minute to learn one CSS Tip per day and that s all I created THE website for this css tip comCSS Tip is a micro blog where I am sharing simple tips that you can read in less than one minute Each tip comes with a demo so you can easily play with your discovery What are you waiting for Got check that website before everyone else There are already more than CSS Tips ready for you To not miss the new Tips use the RSS feed link with your favorite RSS reader Where to start There are a lot of CSS tips I am lost I also have the solution for this Click this link and I will redirect you to the CSS Tip you need I have developed an advanced AI that reads your mind detects what you know and don t know about CSS and gives you the next CSS tip you need to know You don t trust me You think it s fake Click and try Learn CSS the easy way Let s be serious now and stop the grifter clickbait introduction I have been sharing a lot of CSS Tips on Twitter and I still do so I decided to collect most them and have a kind of archive css tip com is born A simple website easy to navigate where you can find all kinds of CSS Tips I also have an RSS Feed so you can easily get the new CSS Tips The website will keep growing so if you don t know where to start you can get a random tip using the following link random css tip com Surprise yourself with a new CSS Tip The one minute to learn CSS was a lie No it s true All the tips are simple and short You can read them in less than one minute This said I sometimes link to a relevant article to get more detail You can get a tip in one minute but you will need more than that to grasp the logic of some concepts There is no magic method to learn CSS fast Even if you read a small tip per day you have to spend time trying the code reading the doc etcGo check my CSS Articles if you want some deep diving into a few CSS conceptsDo you know that I have a big collection of CSS loaders I made CSS loaders for your next project Temani Afif・May ・ min read css webdev beginners html DEV added new reaction icons so if you already liked my post go add some Stay tuned for another collection Not about loaders but something even better	2023-04-14 12:38:42
海外TECH	DEV Community	Learn To Become a Web3 Developer by Exploring the Web3 Stack	https://dev.to/mbogan/learn-to-become-a-web3-developer-by-exploring-the-web3-stack-o84	Learn To Become a Web Developer by Exploring the Web StackAs an experienced full stack developer with years of experience I ve witnessed a lot of changes in tech from the advent of the internet to the excitement of Java to the rise of cloud computing Recently I decided to embark on a new adventure diving into Ethereum and web I was initially skeptical about web blockchain but as I ve delved deeper past the FUD and into the current state of Web I ve come to appreciate its potential And as the markets swing wildly on their views of the web ecosystem there are a surprising number of projects and companies that just keep on building serious and groundbreaking components of the web stack In this article I want to explore the web developer stack the pieces of that stack I like the best and most importantly how you can use the web stack as a starting point to become a web blockchain developer The Web StackFirst let s look at the layout of the stack and the general categories From the Infura Guide to the Web StackDisclaimer I m cheating a little and using the logical breakdown used in the Infura Guide to the Web Stack to help organize my thoughts It s new meaning it s up to date which is always important web moves fast well organized and will help us get started a lot faster than trying to define the layout of the stack ourselves I ll use this layout to divide the stack into its main components layer one blockchains smart contracts languages front end libraries node providers APIs dev environments testing oracle identity and more So using that framework let s dive in What Skills Are Needed To Be a Web Developer First what skills exactly do you need to be a web developer and how are they different from what you already know Well to start the good news is you need all those usual skills you ve already learned as a full stack dev testing devops code reviews etc …plus a few new ones Here we ll cover the ones you need to get started Understanding and using layer one blockchainsSmart contractsSmart contract languagesFront end librariesNode providersDev environmentsTestingIdentitySome of that probably looks familiar while some of it is new And you need to understand those new concepts pretty well to get started For me as a long time Java dev there were a few key differences between web and web that took a little time to sink in Some of the mental shifts for blockchain technology included Language Differences Solidity the main language for creating smart contracts on the Ethereum blockchain has its own unique syntax and conventions that differ significantly from Java such as the way Solidity handles data types function visibility and storage Decentralization Moving from a centralized server based mindset to a decentralized peer to peer approach required a substantial mental shift I had to learn how decentralized systems function including concepts like consensus algorithms cryptographic hashing and distributed storage Understanding these concepts was challenging but crucial Gas Costs In Ethereum transactions and smart contract executions consume gas a measure of computational resources I had to learn how to optimize my smart contracts for gas efficiency which involved understanding the Ethereum Virtual Machine EVM and learning best practices for reducing gas consumption Security Writing secure smart contracts is critical in web as vulnerabilities can have severe consequences such as loss of funds or compromised functionality While security is always essential the stakes are elevated in web I had to learn common smart contract vulnerabilities and adopt more rigorous security practices Asynchronous Interactions In the web ecosystem interactions with the blockchain are inherently asynchronous as they depend on network confirmations and block mining times I had to keep this in mind when handling application state and user interactions If you are confused by any of these take the time to learn about them now Then come back and continue as we look in more detail at each of the main categories of the web stack Layer One BlockchainsFirst at the base layer is the layer one blockchain These are to me the “primitives of webーthey are the execution layer of the web stack What you build and how you build it all depends on what layer one blockchain you choose Some of the most popular include Bitcoin Ethereum Solana Flow and Polygon Each one offers its own quirks advantages ecosystems user communities etc There can be quite the not always friendly competition between these chains as they fight to see who can gain the greatest user and developer share Most of the chains have either a for profit company or a foundation behind them pushing the tech and narrative forward As a developer you don t necessarily have to choose a single chainーsome devs work on more than one at a time Many of the concepts decentralization smart contracts are the same among the chains but are just implemented differently So similar to learning one programming language to start then using that experience to branch out into multiple web ecosystems you can do the same here I started with Ethereum the most popular and IMO easy to learn chain Ethereum has a huge community long history and tons of tutorials examples user groups and resources out there to help you get started Smart ContractsA smart contract is a self executing program that runs on one of those above blockchains like Ethereum They are the code of web and where all the action happens A smart contract is essentially a digital agreement between two or more parties where the terms and conditions of the agreement are directly written into lines of code The code and the agreements contained within it are transparent tamper proof and automatically enforced by the network without the need for intermediaries In simpler terms you can think of a smart contract as a digital vending machine When you put money into a vending machine and select an item the machine automatically checks if you ve provided enough money and if so it releases the item you chose Similarly a smart contract checks if certain conditions are met like receiving a specific amount of cryptocurrency and if so it automatically performs the agreed upon actions such as transferring a digital asset to the sender Because the contract lives as immutable code the outcome is publicly known Most layer one blockchains have smart contracts each with their own variety of features and restrictions Learning to code a smart contract is a necessity for web development It s where all the work is done Here s an example of an Ethereum smart contract LanguagesTo write those smart contracts you ll need to learn the smart contract programming language of that particular chain Smart contract development is the meat of being a web developer and where you ll spend the bulk of your time learning Each language of course is a little different and varies in the tooling support ease of use and functionality Solidity the smart contract language on Ethereum is the most popular pragma solidity contract HelloWorld function sayHello public pure returns string memory return Hello World There are a lot of smart contract languages Some are based on Rust some on JavaScript some on Python some entirely new paradigms Here are a few examples Smart Contract Programming Languages Source Front End LibrariesThe smart contracts running on the blockchains can be thought of as the back end code of web Similar to web web development in web applications we have front end code as well Instead of apps we call them dapps decentralized applications Fortunately most dapps are written in the same stack as web HTML CSS React etc To connect to the back end though we have to go through a node more on that in the next section And we typically have to connect using a JavaScript library such as ethers js and web js which provide much of the logic we need for signing transactions getting account info managing wallets etc Typical web front end source Node ProvidersTo access a blockchain you need to go through a node A node in general is a computer that is connected to the blockchain and participates in its network It might be a miner or provide the computing power of the network It might store and execute code or validate new blocks etc Whatever it does you need it They provide access to the blockchain data So to read or write from the chain you ll need to connect to a node Most people don t run their own nodes Rather they use a provider that offers them an API dedicated endpoints scalability reliability etc Think of node providers as IaaS or a cloud provider for blockchain For example Infura offers access nodes to Ethereum Avalanche Starknet and others as both an SDK and an API Other options include Alchemy and QuickNode const Web require web const infuraURL YOUR INFURA URL HERE const web new Web new Web providers HttpProvider infuraURL Get current balance of addressconst balance await web eth getBalance address Using the Infura API to get a web address balance Dev EnvironmentsJust as in web web dev environments take care of the end to end workflow editing code testing debugging building and packaging all in one tool or suite of developer tools In web you get a web version of the extras such as scripts for compiling and deploying smart contracts dapp templates and more Dev environments also typically come with a local dev instance of the blockchain For example I used the Truffle Suite to write compile and deploy my first smart contracts which includes Ganache to create a local blockchain and Drizzle to create a front end dapp interface Inspecting RPC requests with the Truffle DashboardOther options include Remix an IDE ChainIDE Anchor for Solana Hardhat and lots of others Web dev environments have come a long way in a short time and there s probably something out there for whatever you need TestingTesting is crucial in web because smart contracts are immutable meaning they cannot be easily updated or modified once deployed So you have to make sure they do what you want and in a secure and reliable way before you deploy The good news is testing is testing So you re probably already familiar with unit testing automated testing fuzz testing and other testing options You do a lot of the same things just focused on web “Move fast and break things is discouraged in web since millions or more of dollars can be on the line A lot of the dev environments mentioned above provide a testing framework But you ll probably want some specialized tools as well to do things like property based fuzz testing You might also look into third party audits of your code If large amounts of money are involved in your smart contract you ll want a professional second pair of eyes to check everything IdentityIAM Identity and Access Management in web refers to decentralized methods for managing your identity authentication and authorization It lets you own control and share your identities and data without relying on any centralized authorities Identity in web means self sovereignty user control and privacy So when you are interacting with a dapp or building a dapp you most likely need to integrate with one of the web wallets such as MetaMask MetaMask is a browser extension that is an Ethereum wallet It allows users to interact with dapps prove who they are and manage their assets Other popular wallets include Temple for Tezos and Argent for Starknet But there are lots of choices out there MetaMask Let s Start Building There are a lot of other areas in the stack and this frankly has just covered the fundamentals of web but these are most of the key areas and a great road map to get you started Good luck as you venture into web Don t get taken in by the FUD focus on the groundbreaking projects and parts of the tech stack Make sure to take your time to learn the new concepts and you ll be well on your way Whether its NFTs defi DAOs metaverse music film or something else web was meant to empower users redefine industries through decentralization and create a more open and equitable world It still has a way to go and is having some bumps as it grows but it ll get there Enjoy	2023-04-14 12:31:39
海外TECH	DEV Community	Node CLI App - Tax Calculator	https://dev.to/bekbrace/node-cli-app-tax-calculator-1p0b	Node CLI App Tax CalculatorHey what s going on guys my name is Amir from Bek Brace channel and in this post I am going to share with you how to create a retail sales tax calculator it s a command line interface application using Node js Have you ever gone on a shopping spree only to be hit with a hefty sales tax bill at checkout If so you might appreciate this handy little tool that calculates the tax and total cost of your purchase based on your state s tax rate and by the way that is very relevant if you live in the United States of America if you happen to live away of the US like myself you can tweak in the code and change it based on your retail sales tax laws The code uses several libraries including Chalk Inquirer and SQLite to prompt the user for the purchase amount and the state where the purchase was made retrieve the corresponding tax rate from a SQLite database and calculate the tax and total cost of the purchase import chalk from chalk import inquirer from inquirer import sqlite from sqlite const db new sqlite Database memory db serialize gt db run CREATE TABLE IF NOT EXISTS tax rates state TEXT rate FLOAT At the beginning of the code we import three libraries Chalk Inquirer and SQLite Chalk is a library that allows us to add colors to the console output while Inquirer is a library that provides an easy way to prompt the user for input SQLite is a library that provides a simple way to interact with a SQLite database Here s the video tutorial if you want to watch it directly After all that hard work creating the tax rates table and setting up our database it s finally time to calculate some taxes Let s take a closer look at the inquirer prompts that we ve set up to take in user input The first prompt is asking for the amount of the purchase and it has a validation function to ensure that the user enters a valid number If the user enters a non number value it will prompt them to try again The second prompt is asking for the state where the purchase was made and it has a validation function to ensure that the user enters a valid two letter state code This validation function uses a regular expression to ensure that the input only consists of two letters Once we have the user s input for both prompts it s time to retrieve the tax rate from our database We re using the db get method of our database object to execute an SQL query to retrieve the rate column from the tax rates table where the state column matches the state variable provided as a parameter If an error occurs during the database query we log the error message to the console in red color using the console error method and then return If no error occurs the row parameter will contain the result of the database query with the rate value for the given state Now that we have the tax rate we can calculate the tax and total amount of the purchase We do this by multiplying the amount by the tax rate to get the tax amount and then adding that tax amount to the original purchase amount to get the total Finally we log the amount tax and total values to the console in green color using the chalk package The chalk package allows us to colorize our console output which makes it easier to read and understand Overall this code is a great example of how we can use Node js and various packages to create powerful and flexible command line applications With the power of SQLite and inquirer we can create a database backed application that can perform complex calculations with ease And with the help of chalk we can make our console output look beautiful while we re at it	2023-04-14 12:26:36
海外TECH	DEV Community	Adding Closed Captions to an Amazon IVS Live Stream	https://dev.to/aws/adding-closed-captions-to-an-amazon-ivs-live-stream-3480	Adding Closed Captions to an Amazon IVS Live StreamThere are two types of people in this world those who watch TV shows with captions on and those who are weird All joking aside the importance of closed captions for video can not be understated Although crucial for the deaf and hard of hearing captions are also important when audio is unavailable or not clearly audible Maybe you re watching a video in a public place and the audio is drowned out by ambient noise Or maybe the person speaking in the video is using a microphone that isn t the best quality or speaks with an accent or dialect that is unfamiliar to the viewer Captions are always a good thing Unfortunately captioning audio in a live stream is a really tricky problem to solve Before we dig into the problem of captioning live streams let s talk about semantics a bit Did you know that there is a difference between the terms closed caption and subtitle The HTML spec describes subtitles as transcription or translation of the dialogue suitable for when the sound is available but not understood e g because the user does not understand the language of the media resource s audio track Overlaid on the video The spec describes as captions like so Transcription or translation of the dialogue sound effects relevant musical cues and other relevant audio information suitable for when sound is unavailable or not clearly audible e g because it is muted drowned out by ambient noise or because the user is deaf Overlaid on the video labeled as appropriate for the hard of hearing This means that when we talk about closed captions for live videos we re usually referring to subtitles since captions usually include descriptive information Think about a scene in a TV show where an actor gets in their car to leave their home and says goodbye to their spouse The caption for this scene might read Goodbye dear car engine starts We re not quite close to having AI systems describe contextually information like this for us so we ll be limited to just adding pure speech to text subtitles to our live stream using the method below Adding Captions to Amazon IVS Live StreamsThe solution that we will look at in this post will focus on broadcasting to an Amazon Interactive Video Service Amazon IVS live stream from OBS Studio OBS doesn t offer native support for captioning but there are a number of plugins available that can perform the necessary speech to text conversion and publish the captions to an RTMP stream in the CEA EIA format that is supported by Amazon IVS For this demo I ve chosen to use the OBS captions plugin by ratwithacompiler GitHub and plugin page To get started with this plugin download it and install it Once you ve got it installed in OBS click on Docks and make sure the Captions dock is enabled Next click the gear icon in the Captions dock to modify the settings Make sure that a Caption Source is selected and modify the plugin configuration to suit your needs For example the default Caption Timeout for me was set to seconds but I found seconds to be a better value for me Once you ve saved your configuration and started a new live stream the plugin will handle converting your speech to text and produce the required caption information to the live stream To playback the caption data with the Amazon IVS player we can add an event listener to listen for the TextCue event docs ivsPlayer addEventListener IVSPlayer PlayerEventType TEXT CUE evt gt console log evt The handler as configured above will log all of the incoming TextCue events to the console The text property of the TextCue event will contain the caption data With some HTML and CSS we can render the caption data as an overlay on the lt video gt element This implementation is highly dependent on your needs but you should take into account auto hiding the overlay after a specified period of no caption data SummaryIn this post we looked at how to use an OBS plugin to convert speech to text and publish that text as caption data on an Amazon IVS live stream	2023-04-14 12:11:18
Apple	AppleInsider - Frontpage News	Apple Savings is soon, iOS 17 interactive Widgets, 'Make Something Wonderful'	https://appleinsider.com/articles/23/04/14/apple-savings-is-soon-ios-17-interactive-widgets-make-something-wonderful?utm_medium=rss	Apple Savings is soon iOS interactive Widgets x Make Something Wonderful x Alleged details of iOS the launch of Apple s long awaited savings account and the release of the new Steve Jobs book Make Something Wonderful and more all on this week s episode of the AppleInsider Podcast iOS will be announced in JuneIt s been a busy week of rumors and your hosts discuss an alleged list of what s coming in iOS At the same time it looks like Haptic buttons won t be happening after all though the separately rumored programmable mute button might be useful Read more	2023-04-14 12:35:08
Apple	AppleInsider - Frontpage News	Drop ALT mechanical keyboard review: good key travel at a cost	https://appleinsider.com/articles/23/04/14/drop-alt-mechanical-keyboard-review-good-key-travel-at-a-cost?utm_medium=rss	Drop ALT mechanical keyboard review good key travel at a costThe Drop ALT Light up mechanical keyboard offers users nearly total control of every aspect of the typing experience but is overkill for those more interested in old school typing The ALT keyboard comes in a matte black or this matte gray option Some of the more serious games available for the Mac ーespecially those ported over from Windows ーsometimes assume that you re using a gaming keyboard for best results Other Mac users may or may not be serious gamers but do prefer a mechanical keyboard for both aesthetic reasons or just for their heavier handed typing style Read more	2023-04-14 12:05:09
海外TECH	Engadget	Engadget Podcast: HBO to the Max	https://www.engadget.com/engadget-podcast-hbo-max-rebrand-max-123053917.html?src=rss	Engadget Podcast HBO to the MaxSo long HBO Max hello…Max This week Cherlynn and Devindra discuss Warner Bros pivot away from the beleaguered HBO Max service and towards something that unifies HBO and Discovery s content Does Max help or hurt the HBO brand And does the name even matter when people will always line up for the next Game of Thrones spin off Also we dive into the NVIDIA RTX a champ of a mid range GPU as well as the latest from Elon Musk s disastrous Twitter reign Listen below or subscribe on your podcast app of choice If you ve got suggestions or topics you d like covered on the show be sure to email us or drop a note in the comments And be sure to check out our other podcasts the Morning After and Engadget News Subscribe iTunesSpotifyPocket CastsStitcherGoogle PodcastsTopicsMax just Max is replacing HBO Max NVIDIA s RTX review excellent at p gaming still pricey at This week in Twitter mess NPR and PBS quit Twitter over account labeling AI project allegedly in the works Worker morale is low at Meta after layoffs Lo fi girl is back and she made a new synth wave friend AI Update Stable Diffusion is already taking illustrator jobs in China Working on Pop culture picks LivestreamCreditsHosts Cherlynn Low and Devindra HardawarProducer Ben EllmanMusic Dale North and Terrence O BrienLivestream producers Julio BarrientosGraphic artists Luke BrooksThis article originally appeared on Engadget at	2023-04-14 12:30:53
海外科学	NYT > Science	Europe’s Juice Mission Launches to Jupiter and Its Moons	https://www.nytimes.com/2023/04/13/science/juice-jupiter-launch-esa.html	Europe s Juice Mission Launches to Jupiter and Its MoonsThe spacecraft has embarked on an eight year journey to the solar system s largest planet focusing on moons that could offer clues in the search for extraterrestrial life	2023-04-14 12:57:43
医療系	医療介護 CBnews	職業紹介活用の入職者、離職率や手数料公表が論点-規制改革WG、透明性向上へ	https://www.cbnews.jp/news/entry/20230414214320	職業紹介事業	2023-04-14 21:55:00
海外ニュース	Japan Times latest articles	Nissan seeks tech tie-up without Renault as alliance nears end of road	https://www.japantimes.co.jp/news/2023/04/14/business/nissan-renault-alliance-nearing-end/	Nissan seeks tech tie up without Renault as alliance nears end of roadJapan s third biggest automaker by sales is seeking a partner outside the auto industry to develop software that connects vehicles to cloud based services	2023-04-14 21:07:03
ニュース	BBC News - Home	Finley Boden: Parents murdered baby returned by social services	https://www.bbc.co.uk/news/uk-england-derbyshire-65188675?at_medium=RSS&at_campaign=KARANGA	christmas	2023-04-14 12:48:08
ニュース	BBC News - Home	Gambling and football 'a match made in hell'	https://www.bbc.co.uk/news/uk-scotland-glasgow-west-65273202?at_medium=RSS&at_campaign=KARANGA	betting	2023-04-14 12:02:44