投稿時間:2022-05-20 03:30:35 RSSフィード2022-05-20 03:00 分まとめ(39件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Partner Network (APN) Blog	Using SPIRIT/21 Enterprise Portal for Central Management of Multiple AWS Accounts	https://aws.amazon.com/blogs/apn/using-spirit-21-enterprise-portal-for-central-management-of-multiple-aws-accounts/	Using SPIRIT Enterprise Portal for Central Management of Multiple AWS AccountsAs more businesses move to Amazon Web Services AWS to leverage their wide range of flexible services companies are faced with the challenge of providing AWS accounts to their teams quickly and seamlessly This post explore how SPIRIT s Enterprise Portal introduces a role based access concept independent of AWS IAM that uses a company s identities and credentials to simplify the process saving time and costs	2022-05-19 17:16:54
AWS	AWS Database Blog	Deploy a high-performance database for containerized applications: Amazon MemoryDB for Redis with Kubernetes	https://aws.amazon.com/blogs/database/deploy-a-high-performance-database-for-containerized-applications-amazon-memorydb-for-redis-with-kubernetes/	Deploy a high performance database for containerized applications Amazon MemoryDB for Redis with KubernetesMore and more organizations are building their applications using microservices for operational efficiency agility scalability and faster time to market Microservices nbsp and containers have emerged as building blocks for modern applications and Kubernetes has become the nbsp de facto standard for managing containers at scale Applications running on Kubernetes need a database that provides ultra fast performance high availability …	2022-05-19 17:04:24
python	Pythonタグが付けられた新着投稿 - Qiita	【Jupyter・Python】セルの実行時間に制限を設定するマジックコマンド	https://qiita.com/Cartelet/items/4d0592d408efaaaa68a8	jupyter	2022-05-20 02:17:59
python	Pythonタグが付けられた新着投稿 - Qiita	雑魚のためのPyTorchでM1 MacのGPU使う環境構築	https://qiita.com/szk1akhr/items/90136cd4d1381769fbb5	pytorch	2022-05-20 02:09:46
js	JavaScriptタグが付けられた新着投稿 - Qiita	【VSCode】ファイル保存時にimport文を整理する【ESLint】	https://qiita.com/P-man_Brown/items/560e04da5952ee2d5eb6	settingjso	2022-05-20 02:53:52
js	JavaScriptタグが付けられた新着投稿 - Qiita	🔰静的HTMLファイルをNode.jsで立ち上げたサーバーを使ってLocalhostに表示させる！	https://qiita.com/chutake_exe/items/e2619bc317b2b12b75f7	localhost	2022-05-20 02:24:27
AWS	AWSタグが付けられた新着投稿 - Qiita	ECS/Fargateに入門してみた	https://qiita.com/KentaroYoshizumi/items/f1f0b100426c9ecc2fd2	docker	2022-05-20 02:43:20
Docker	dockerタグが付けられた新着投稿 - Qiita	ECS/Fargateに入門してみた	https://qiita.com/KentaroYoshizumi/items/f1f0b100426c9ecc2fd2	docker	2022-05-20 02:43:20
海外TECH	Ars Technica	Twitter deal leaves Elon Musk with no easy way out	https://arstechnica.com/?p=1855305	agreement	2022-05-19 17:54:48
海外TECH	Ars Technica	Amazon’s 2022 Fire 7 tablet sports USB-C, dirt-cheap $74.99 price	https://arstechnica.com/?p=1855230	amazon	2022-05-19 17:21:16
海外TECH	Ars Technica	Electrify America will be 100 percent solar-powered by 2023	https://arstechnica.com/?p=1855240	april	2022-05-19 17:00:54
海外TECH	MakeUseOf	What Is Focus Stacking? The Ultimate Guide to Making Your Images Super Sharp	https://www.makeuseof.com/what-is-focus-stacking-sharp-images/	What Is Focus Stacking The Ultimate Guide to Making Your Images Super SharpYou see focus stacking all the time professional photographers use this technique to get sharper images How does it work and why should you use it	2022-05-19 17:30:14
海外TECH	MakeUseOf	5 Ways to Manually Uninstall Windows 10 and 11 Updates	https://www.makeuseof.com/manually-uninstall-windows-10-updates/	manually	2022-05-19 17:15:13
海外TECH	DEV Community	What are the best cross-platform mobile development options *today*.	https://dev.to/booboboston/what-are-the-best-cross-platform-mobile-development-options-today-22pd	What are the best cross platform mobile development options today These frameworks and platforms are of various maturity levels what would you say the best options are today Do you anticipate that changing I tagged a couple options I know of but I d love to hear about others	2022-05-19 17:37:42
海外TECH	DEV Community	Build a CRUD application using Django, React & Docker - 2022	https://dev.to/koladev/build-a-crud-application-using-django-react-docker-2022-11f4	Build a CRUD application using Django React amp Docker As a developer CRUD operations are one of the most fundamental concepts Today we ll learn how to build a REST API using Django and Django Rest and a SPA with React which we ll use to perform the CRUD operations Project SetupFirstly we must set up the development environment Pick up your favorite terminal and make sure you have virtualenv installed Once it s done create an environment and install Django and Django rest framework virtualenv python usr bin python venvsource venv bin activatepip install django django rest frameworkAfter the installation of the packages we can create the project and start working django admin startproject restaurant Note Don t forget the dot at the end of this command It will generate the directories and files in the current directory instead of developing them in a new directory restaurant To ensure that the project has been well initiated try python manage py runserver And hit Now let s create a Django app python manage py startapp menuSo make sure to add the menu app and rest framework in the INSTALLED APPS in settings py file restaurant settings pyINSTALLED APPS django contrib admin django contrib auth django contrib contenttypes django contrib sessions django contrib messages django contrib staticfiles rest framework menu Good We can start working on the logic we want to achieve in this tutorial So we ll write Menu ModelSerializerViewSetAnd finally configure routes ModelThe Menu model will only contain fields menu models pyfrom django db import modelsclass Menu models Model name models CharField max length description models TextField price models IntegerField created models DateTimeField auto now add True updated models DateTimeField auto now True def str self return self nameOnce it s done let s create a migration and apply it Migrations are Django s way of propagating changes made to the models adding a field deleting a field deleting a table creating a table etc into your database python manage py makemigrationspython manage py migrate SerializersSerializers allows us to convert complex Django complex data structures such as querysets or model instances in Python native objects that can be converted to JSON XML format We ll create a serializer to convert our data into JSON format menu serializers pyfrom rest framework import serializersfrom menu models import Menuclass MenuSerializer serializers ModelSerializer class Meta model Menu fields id name description price created updated ViewsetsViewsets can be referred to as Controllers if you are coming from another framework ViewSet is a concept developed by DRF which consists of grouping a set of views for a given model in a single Python class This set of views corresponds to the predefined actions of CRUD type Create Read Update Delete associated with HTTP methods Each of these actions is a ViewSet instance method Among these default actions we find listretrieveupdatedestroypartial updatecreate menu viewsets pyfrom rest framework import viewsetsfrom menu models import Menufrom menu serializers import MenuSerializerclass MenuViewSet viewsets ModelViewSet serializer class MenuSerializer def get queryset self return Menu objects all Great We have the logic set but we must add the API endpoints First create a file routers py routers pyfrom rest framework import routersfrom menu viewsets import MenuViewSetrouter routers SimpleRouter router register r menu MenuViewSet basename menu restaurant urls pyfrom django contrib import adminfrom django urls import path includefrom routers import routerurlpatterns path admin admin site urls path api include router urls restaurant namespace restaurant If you haven t started your server yet python manage py runserverThen hit api menu in your browser Your browsable API is ready Let s add CORS responses Adding CORS headers allows other domains to access the API ressources pip install django cors headersThen add it to the INSTALLED APPS restaurant settings pyINSTALLED APPS corsheaders You will also need to add a middleware class to listen in on responses restaurant settings pyMIDDLEWARE corsheaders middleware CorsMiddleware django middleware security SecurityMiddleware django contrib sessions middleware SessionMiddleware django middleware common CommonMiddleware We ll allow requests coming from localhost and because the frontend React server will run at these addresses restaurant settings py CORS HEADERSCORS ALLOWED ORIGINS http localhost React js CRUD REST API ConsumptionMake sure you have the latest version of create react app installed yarn create react app restaurant menu frontcd restaurant menu frontyarn startThen open http localhost to check the running application We can now add the dependencies of this project yarn add axios bootstrap react router domWith this line of command we installed axios a promised based HTTP clientbootstrap a library to prototype an app without writing too much CSSreact router dom a React library for routes in our application Inside the src folder ensure you have the following files and directories In the src components directory we have three components AddMenu jsUpdateMenu jsMenuList jsAnd in src services directory create menu service js and the following lines export const baseURL http localhost api export const headers Content type application json Make sure to import react router dom in your index js file and wrap App in BrowserRouter object import React from react import ReactDOM from react dom client import BrowserRouter from react router dom import index css import App from App const root ReactDOM createRoot document getElementById root root render lt React StrictMode gt lt BrowserRouter gt lt App gt lt BrowserRouter gt lt React StrictMode gt Once it s done we can change the App js file by importing bootstrap writing routes and building the home page and the navigation bar javascriptimport React from react import bootstrap dist css bootstrap min css import Routes Route Link from react router dom import AddMenu from components AddMenu import MenuList from components MenuList import UpdateMenu from components UpdateMenu function App return Restaurant Menu Add a menu lt div className container m gt Adding the routes export default App We ll need to write the routes that should map to a component we created javascript lt div className container m gt lt Routes gt lt Route path element lt MenuList gt gt lt Route path add element lt AddMenu gt gt lt Route path menu id update element lt UpdateMenu gt gt lt Routes gt lt div gt The next step is to write the CRUD logic and the HTML for our components Let s start by listing the menu from the API in MenuList js For this script we ll have two states menus which will store the response object from the APIdeleted that will contain a Boolean object to show a messageAnd three methods retrieveAllMenus to retrieve all menus from the API and set the response objects in menus using setMenus deleteMenu to delete a menu and set the deleted state to true which will help us show a simple message every time a menu is deleted handleUpdateClick to navigate to a new page to update a menu import axios from axios import React useState useEffect from react import baseURL headers from services menu service import useNavigate from react router dom export const MenuList gt const menus setMenus useState const navigate useNavigate const deleted setDeleted useState false const retrieveAllMenus gt axios get baseURL menu headers headers then response gt setMenus response data console log menus catch e gt console error e const deleteMenu id gt axios delete baseURL menu id headers headers then response gt setDeleted true retrieveAllMenus catch e gt console error e useEffect gt retrieveAllMenus retrieveAllMenus const handleUpdateClick id gt navigate menu id update return Once it s done let s put in place the return method lt div className row justify content center gt lt div className col gt deleted amp amp lt div className alert alert danger alert dismissible fade show role alert gt Menu deleted lt button type button className close data dismiss alert aria label Close gt lt span aria hidden true gt amp times lt span gt lt button gt lt div gt menus amp amp menus map menu index gt lt div className card my w mx auto gt lt div className card body gt lt h className card title font weight bold gt menu name lt h gt lt h className card subtitle mb gt menu price lt h gt lt p className card text gt menu description lt p gt lt div gt lt div classNameName card footer gt lt div className btn group justify content around w mb data toggle buttons gt lt span gt lt button className btn btn info onClick gt handleUpdateClick menu id gt Update lt button gt lt span gt lt span gt lt button className btn btn danger onClick gt deleteMenu menu id gt Delete lt button gt lt span gt lt div gt lt div gt lt div gt lt div gt lt div gt Add a menuThe AddMenu js component has a Form to submit a new menu It contains three fields name description amp price import axios from axios import React useState from react import baseURL headers from services menu service export const AddMenu gt const initialMenuState id null name description price const menu setMenu useState initialMenuState const submitted setSubmitted useState false const handleMenuChange e gt const name value e target setMenu menu name value const submitMenu gt let data name menu name description menu description price menu price axios post baseURL menu data headers headers then response gt setMenu id response data id name response data name description response data description price response data price setSubmitted true console log response data catch e gt console error e const newMenu gt setMenu initialMenuState setSubmitted false return For this script we ll have two states menu which will contain by default the value of initialMenuState objectsubmitted will contain a Boolean object to show a message when a menu is added And three methods handleInputChange to track the input value and set the state for change saveMenu to send a POST request to the API newMenu allows the user to add a new menu again once the success message has been shown lt div className submit form gt submitted lt div gt lt div className alert alert success alert dismissible fade show role alert gt Menu Added lt button type button className close data dismiss alert aria label Close gt lt span aria hidden true gt amp times lt span gt lt button gt lt div gt lt button className btn btn success onClick newMenu gt Add lt button gt lt div gt lt div gt lt div className form group gt lt label htmlFor name gt Name lt label gt lt input type text className form control id name required value menu name onChange handleMenuChange name name gt lt div gt lt div className form group gt lt label htmlFor description gt Description lt label gt lt input type text className form control id description required value menu description onChange handleMenuChange name description gt lt div gt lt div className form group gt lt label htmlFor price gt Price lt label gt lt input type number className form control id price required value menu price onChange handleMenuChange name price gt lt div gt lt button type submit onClick submitMenu className btn btn success mt gt Submit lt button gt lt div gt lt div gt Update a MenuThe component will be a little bit identical to AddMenu component But it will contain a get method to retrieve the object s current value by making a GET request to the API with the id of the object We use the useHistory hook to pass the id to the UpdateMenu component and retrieve it with useParams hook import axios from axios import React useState useEffect from react import useParams from react router dom import baseURL headers from services menu service export const UpdateMenu gt const initialMenuState id null name description price const id useParams const currentMenu setCurrentMenu useState initialMenuState const submitted setSubmitted useState false useEffect gt retrieveMenu const handleMenuChange e gt const name value e target setCurrentMenu currentMenu name value const retrieveMenu gt axios get baseURL menu id headers headers then response gt setCurrentMenu id response data id name response data name description response data description price response data price console log currentMenu catch e gt console error e const updateMenu gt let data name currentMenu name description currentMenu description price currentMenu price axios put baseURL menu id data headers headers then response gt setCurrentMenu id response data id name response data name description response data description price response data price setSubmitted true console log response data catch e gt console error e const newMenu gt setCurrentMenu initialMenuState setSubmitted false return And this is the code inside the return lt div className submit form gt submitted lt div gt lt div className alert alert success alert dismissible fade show role alert gt Menu Updated lt button type button className close data dismiss alert aria label Close gt lt span aria hidden true gt amp times lt span gt lt button gt lt div gt lt button className btn btn success onClick newMenu gt Update lt button gt lt div gt lt div gt lt div className form group gt lt label htmlFor name gt Name lt label gt lt input type text className form control id name required value currentMenu name onChange handleMenuChange name name gt lt div gt lt div className form group gt lt label htmlFor description gt Description lt label gt lt input type text className form control id description required value currentMenu description onChange handleMenuChange name description default gt lt div gt lt div className form group gt lt label htmlFor price gt Price lt label gt lt input type number className form control id price required value currentMenu price onChange handleMenuChange name price gt lt div gt lt button onClick updateMenu className btn btn success gt Submit lt button gt lt div gt lt div gt And we are set now If you click on Update button on a menu card you ll be redirected to a new page with this component with the default values in the fields Docker build Optional Docker Docker Compose Optional Docker is an open platform for developing shipping and running applications inside containers Why use Docker It helps you separate your applications from your infrastructure and helps in delivering code faster If it s your first time working with Docker I highly recommend you go through a quick tutorial and read some documentation about it Here are some great resources that helped me Docker Tutorial Docker curriculum Docker configuration for the APIThe Dockerfile represents a text document containing all the commands that could call on the command line to create an image Add a Dockerfile at the root of the Django project pull official base imageFROM python alpine set work directoryWORKDIR app set environment variablesENV PYTHONDONTWRITEBYTECODE ENV PYTHONUNBUFFERED install psycopg dependenciesRUN apk update amp amp apk add gcc python dev install python dependenciesCOPY requirements txt app requirements txtRUN pip install upgrade pipRUN pip install no cache dir r requirements txt copy projectCOPY Here we started with an Alpine based Docker Image for Python It s a lightweight Linux distribution designed for security and resource efficiency After that we set a working directory followed by two environment variables PYTHONDONTWRITEBYTECODE to prevent Python from writing pyc files to disc PYTHONUNBUFFERED to prevent Python from buffering stdout and stderrAfter that we perform operations like Setting up environment variablesInstalling the PostgreSQL server packageCopying their requirements txt file to the app path upgrading pip and installing the python package to run our applicationAnd last copying the entire projectAlso let s add a dockerignore file envvenvDockerfile Docker Compose for the APIDocker Compose is a great tool lt You can use it to define and run multi container Docker applications What do we need Well just a YAML file containing all the configuration of our application s services Then with the docker compose command we can create and start all those services This file will be used for development version services api container name menu api build restart always env file env ports command gt sh c python manage py migrate amp amp gunicorn restaurant wsgi application bind volumes appLet s add gunicorn and some configurations before building our image pip install gunicornAnd add it as a requirement as well in the requirements txt Here s what my requirements txt file looks like django django cors headers djangorestframework gunicorn The setup is completed Let s build our containers and test if everything works locally docker compose up d buildYour project will be running on https localhost Dockerfile for the React AppAdd a Dockerfile at the root of the React project FROM node alpineWORKDIR appCOPY package json COPY yarn lock RUN yarn install frozen lockfileCOPY Here we started with an Alpine based Docker Image for JavaScript It s a lightweight Linux distribution designed for security and resource efficiency Also let s add a dockerignore file node modulesnpm debug logDockerfileyarn error logAnd let s add the code for the docker compose yaml version services react app container name react app restart on failure build volumes src app src ports command gt sh c yarn start The setup is completed Let s build our containers and test if everything works locally docker compose up d build Your project will be running on https localhost And voilà We ve dockerized the API and the React applications ConclusionIn this article We learned to build a CRUD application web with Django and React And as every article can be made better your suggestion or questions are welcome in the comment section Check the code of all these articles in this repo This article has been originally posted on my blog	2022-05-19 17:09:04
海外TECH	DEV Community	How to Bind to a DataTemplate in UWP	https://dev.to/saulodias/how-to-bind-to-a-datatemplate-in-uwp-4di5	How to Bind to a DataTemplate in UWPFirst and foremost you can t bind to the outside context of a DataTemplate when using x Bind even so it is highly recommended to use x Bind for everything You might argue that Binding will work for some cases and that is true However if you are using MVVM you don t want to use Binding specially when working with Layouts in an ItemsRepeater as it will not work in a predictable way Now that we are on the same page let s agree on two rules Every model the type or class of the object must have all of the data and behavior properties that the data templates will use That is also valid and specially important for things like visibility properties and other properties which will define how the component renders visually NOTE If you do not like this approach you can always create a base class without any behavior property e g Item and have a new class inherit from it where the rendering and behavior properties are then implemented e g ItemViewModel Every data template must a type associated to it This not only will save you some time with suggestions when you are writing your x Binds but without it you will most likely get typing errors related to the DataTemplate Rendering a list of usersIn this example we have a User model with some basic properties using System namespace MySolution Domain Models public class User public Guid Id get set public string GivenName get set public string Surname get set public string DisplayName get set public string Mail get set The example below has an ItemsRepeater to render a list of users Notice how the DataTemplate is configured outside of the ItemsRepeater and how we reference it as static resource At first this might not look like a big deal but besides better organizing the code this will make a big difference when working with dynamic templates lt UserControl x Class MySolution Controls UsersList xmlns xmlns x xmlns d xmlns mc xmlns models using MySolution Domain Models xmlns xamlc using Microsoft UI Xaml Controls mc Ignorable d gt lt UserControl Resources gt lt DataTemplate x Key UserItemTemplate x DataType models User gt lt StackPanel gt lt TextBlock MaxWidth FontWeight SemiBold Foreground x Bind Foreground Text x Bind User DisplayName Mode OneWay TextTrimming CharacterEllipsis gt lt TextBlock MaxWidth FontWeight SemiLight Foreground x Bind Foreground Text x Bind User Mail Mode OneWay TextTrimming CharacterEllipsis gt lt StackPanel gt lt DataTemplate gt lt UserControl Resources gt lt xamlc ItemsRepeater ItemTemplate StaticResource UserItemTemplate ItemsSource x Bind ItemsSource Mode OneWay gt lt xamlc ItemsRepeater Layout gt lt xamlc StackLayout x Name layout Orientation Vertical gt lt xamlc ItemsRepeater Layout gt lt xamlc ItemsRepeater gt lt UserControl gt It is also important to highlight that we must explicitly declare the data type x DataType models User following the second rule mentioned before Let me know if you have any questions or suggestions in the comments below	2022-05-19 17:07:11
海外TECH	DEV Community	AMAZON WEB SERVICES ANNOUNCEMENTS APRIL 2022	https://dev.to/aws-builders/amazon-web-services-announcements-april-2022-27da	AMAZON WEB SERVICES ANNOUNCEMENTS APRIL ComputeAmazon EC now provides a new and improved launch experience on the EC ConsoleAWS Compute Optimizer Supports New EC Instance TypesEC Auto Scaling now lets you set a default instance warm up time for all instance scaling and replacement actionsAWS adds new management features for EC key pairs ContainersAmazon ECS announces increased service quota for container instances per clusterAnnouncing the AWS Controllers for Kubernetes for Amazon MemoryDB PreviewAmazon ECS now allows you to run commands in a Windows container running on AWS FargateAmazon EFS integration with the new and improved launch experience on the EC ConsoleAWS Fargate now delivers faster scaling of applicationsAmazon ECS optimized Amazon Linux AMI now available in previewAmazon Elastic Kubernetes Service EKS announces Karpenter v with support for Pod Affinity DatabaseAnnouncing the AWS Controllers for Kubernetes for Amazon MemoryDB PreviewAmazon Redshift announces support for role based access control RBAC Configurable cipher suites now available for Amazon Aurora MySQLAmazon Aurora Serverless v is generally availableMonitor your Amazon RDS usage metrics against AWS service limitsAmazon RDS now supports Internet Protocol Version IPv End User ComputingNo content this month Front End Web amp MobileAnnouncing General Availability of Amplify Geo for AndroidAWS AppSync adds support for enhanced filtering in real time GraphQL subscriptionsAWS Amplify Studio Figma to React code capabilities are now generally available Management amp GovernanceAnnouncing Unified Settings in the AWS Management ConsoleAnnouncing consolidated view of Lambda Insights via Application InsightsAWS Control Tower now supports Python runtime Networking amp Content DeliveryAmazon CloudFront now supports Server Timing headersAWS Network Firewall achieves FedRAMP Moderate complianceIntroducing the Amazon CloudFront Ready ProgramAWS Network Firewall now supports AWS Managed Threat SignaturesAmazon RDS now supports Internet Protocol Version IPv Security Identity amp ComplianceAWS Security Hub now supports specifying names for custom integrationsAWS Shield Advanced now supports Application Load Balancer for automatic application layer DDoS mitigationAWS Single Sign On launches configurable synchronization for Microsoft Active DirectoryConfigurable cipher suites now available for Amazon Aurora MySQLAWS Audit Manager now allows use of custom rules from AWS Config StorageAWS Backup adds support for VMware Cloud on AWS OutpostsAWS Backup now allows you to restore virtual disks from protected copies of your VMware virtual machinesAmazon FSx now supports AWS PrivateLinkAmazon MSK Serverless is now generally available	2022-05-19 17:07:03
海外TECH	DEV Community	Some Useful GitHub Repositories To Enhance Your Web3 Skills	https://dev.to/astrodevil/some-useful-github-repositories-to-enhance-your-web3-skills-44nf	Some Useful GitHub Repositories To Enhance Your Web SkillsAs the world is moving towards new technology Web is the most trending of them Developers are learning this new technology very fast many companies are also shifting towards decentralized blockchain technology To become a good web developer one need good skills related to tech and for that they will need practical knowledge of web technologies Like working on or making projects based on blockchain In this article I am going to share Some Useful GitHub Repositories you can contribute to and enhance your practical knowledge of web technologies Days Of WebThis is a list of Tons of Free Web Resources This is primarily for Ethereum Developers but many concepts are shared among different Blockchain or involve different blockchains FrancescoXX free Web resources A list of FREE resources to make Web accessible to everyone Free Web ResourcesThis is a list of Tons of Free Web Resources This is primarily for Ethereum Developers but many concepts are shared among different Blockchain or involve different blockchainsGetting InvolvedThe Fable of the Dragon Tyrant An inspirational reading to warm up Ethereum Whitepaper Introductory paper published in by Vitalik Buterin Ethereum s founder before the launch in Endgame An Article by Vitalik Buterin to have an idea of the direction Ethereum is taking Blockchain Trilemma An article about the Blockchain Trilemma Ethereum Yellowpaper The Yellow Paper Ethereum s formal specificationWeb RoadmapsComplete Web And Solidity Development Roadmap by Vittorio RivabellaYour Roadmap To Becoming A Web Developer by Oliver JumpertzWeb A Developer Roadmap Guide and Resources to Get Started by Olubisi Idris AyindeThe Complete Roadmap and Resources to Become a Web Developer in by Nagaraj PandithHow To Get Into… View on GitHub Awesome Solidity⟠A curated list of awesome Solidity resources libraries tools and more bkrem awesome solidity ⟠A curated list of awesome Solidity resources libraries tools and more Awesome Solidity A curated list of awesome Solidity resources libraries tools and more Please check the contribution guidelines for information on formatting and writing pull requests ContentsResourcesOfficialTutorialsArticlesSecurityAuditsExamplesEducationalDeployed on Ethereum MainnetTemplatesBooksPracticeJobsLibrariesToolsGeneralUtilityAuditDevOpsLanguagesJavaScriptTypeScriptRustOCamlEditor PluginsAtomEclipseEmacsIntelliJSublimeVimVisual Studio CodeLicenseResourcesOfficialDocs Official documentation Cheatsheet Cheatsheet from the official docs Ethereum Wiki The Ethereum Wiki Ethereum Stackexchange Ethereum s Stackexchange board Gitter Gitter channel ethereum solidity Source code ethereum solc bin Current and historical builds of the compiler ethereum solidity examples Loose collection of example code Tutorialsandrolo solidity workshop Comprehensive series of tutorials covering contract oriented programming and advanced language concepts buildspace so Hands on Web course especially for beginners It is completely free and you get an NFT on completion Cadena … View on GitHub GunAn open source cybersecurity protocol for syncing decentralized graph data GUN is a toolkit that allows you to create community run and encrypted applications such as an Open Source Firebase or a Decentralized Dropbox GUN is in use by the Internet Archive and hundreds of other apps Twitter s Bluesky program includes GUN amark gun An open source cybersecurity protocol for syncing decentralized graph data GUN is an ecosystem of tools that let you build community run and encrypted applications like an Open Source Firebase or a Decentralized Dropbox The Internet Archive and s of other apps run GUN in production GUN is also part of Twitter s Bluesky initiative Multiplayer by default with realtime pp state synchronization Graph data lets you use key value tables documents videos amp more Local first offline and decentralized with end to end encryption Decentralized alternatives to Zoom Reddit Instagram Slack YouTube Stripe Wikipedia Facebook Horizon and more have already pushed terabytes of daily PP traffic on GUN We are a friendly community creating a free fun future for freedom QuickstartGUN is super easy to get started with Try the interactive tutorial in the browser min average developer Or npm install gun and run the examples with cd node modules gun amp amp npm start … View on GitHub Web UiA React UI library for Web A library of UI components specifically crafted for web use cases Developer DAO web ui A React UI library for Web web uiIn Development ️A library of UI components specifically crafted for web use cases Package nameCurrent version web ui core web ui components Deprecated web ui hooksQuick startInstall the package yarn add web ui core ethersSetup the Providerimport Provider NETWORKS from web ui core function MyApp Component pageProps return lt Provider network NETWORKS mainnet gt lt Component pageProps gt lt Provider gt Use the components and hooksimport ConnectWallet useWallet from web ui core function Home const connection useWallet return lt div gt lt ConnectWallet gt lt div gt connection ens connection userAddress lt div gt lt div gt Do note that you can also install amp amp… View on GitHub Metamask MobileMobile web browser providing access to websites that use the Ethereum blockchain MetaMask metamask mobile Mobile web browser providing access to websites that use the Ethereum blockchain MetaMask MetaMask is a mobile wallet that provides easy access to websites that use the Ethereum blockchain For up to the minute news follow our Twitter or Medium pages To learn how to develop MetaMask compatible applications visit our Developer Docs MetaMask MobileBuilding LocallyThe code is built using React Native and running code locally requires a Mac or Linux OS Install sentry cli tools brew install getsentry tools sentry cliInstall Node js version latest stable and yarn latest If you are using nvm recommended running nvm use will automatically choose the right node version for you Install the shared React Native dependencies React Native CLI not Expo CLI Install cocoapods by running sudo gem install cocoapodsMetaMask Only Rename the env example files remove the example in the root of the project and fill in the appropriate values for each key Get the values from another MetaMask Mobile developer … View on GitHub NucypherA decentralized threshold cryptography network focused on proxy reencryption nucypher nucypher A decentralized threshold cryptography network focused on proxy reencryption A decentralized cryptological network offering accessible intuitive and extensible runtimes and interfaces for secrets management and dynamic access control The NuCypher network provides accessible intuitive and extensible runtimes and interfacesfor secrets management and dynamic access control Accessible The network is permissionless and censorship resistantThere are no gate keepers and anyone can use it Intuitive The network leverages the classic cryptological narrative of Alice and Bob with additional characters where appropriate This character based narrative permeates the code base and helpsdevelopers write safe misuse resistant code Extensible The network currently supports proxy re encryption but can be extended to provide support for other cryptographic primitives Access permissions are baked into the underlying encryptionand access can only be explicitly granted by the data owner via sharing policiesConsequently the data owner has ultimate control over access to their dataAt no point is the data decrypted nor can the underlying private… View on GitHub Nft ApiNFT API that returns resolved metadata and has all information about all NFT collections users transactions Cross Chain NFT API nft api nft api NFT API that returns resolved metadata and has all information about all NFT collections users transactions Cross Chain NFT API nft apiNFT API that returns resolved metadata and has all information about all NFT collections users transactions Cross Chain NFT API NFT API is a central part of any NFT dapp Whether you build an NFT game wallet marketplace analytics site dashboard or something else based on NFTs you need to have a reliable NFT API that can help you get things such as NFT MetadataNFT Ownership dataNFT Transfer dataNFT PricesSee full table of contents If these features are required in your dapp keep reading Chains supportedThe NFT API supports the following chains Ethereum ETH Binance Smart Chain BSC Polygon MATIC Avalanche AVAX Fantom FTM Testnets are fully supported This API is widely used in the web industry and is powering many prominent web projects ️Star usIf this NFT API helps you please star this project every star makes us… View on GitHub Matic jsThis repository contains the maticjs client library maticjs makes it easy for developers who may not be deeply familiar with smart contract development to interact with the various components of Matic Network This library will help developers to move assets from Ethereum chain to Matic chain and withdraw from Matic to Ethereum using fraud proofs maticnetwork matic js Javascript developer library to interact with Matic Network Matic SDKThis repository contains the maticjs client library maticjs makes it easy for developers who may not be deeply familiar with smart contract development to interact with the various components of Matic Network This library will help developers to move assets from Ethereum chain to Matic chain and withdraw from Matic to Ethereum using fraud proofs DocsSupportOur Discord is the best way to reach us ContributorsYou are very welcome to contribute please see contributing guidelines Contribute Thank you to all the people who already contributed to matic js Made with contributors img DevelopmentSetupnpm ciHow to debugWrite your code inside file test debug js and run below codenpm run debugAbove command will build the source code amp install the builded version into test folder which will be used by debug js Lint To check lint errorsnpm… View on GitHub Blockchain BooksA collection of blockchain books to help people learn and become Awesome BlockchainBooks blockchainbooks github io Blockchain Books Awesome Blockchain Books Blockchain Books to help people learn and become AwesomeBlockchain BooksDecentralized ApplicationsHyperledger BooksSecurity BooksBitcoin BooksDocumentationsBlockchain BooksMastering Bitcoin Programming the Open Blockchain nd Edition DownloadJoin the technological revolution that s taking the financial world by storm Mastering Bitcoin is your guide through the seemingly complex world of bitcoin providing the knowledge you need to participate in the internet of money Whether you re building the next killer app investing in a startup or simply curious about the technology this revised and expanded second edition provides essential detail to get you started Mastering Blockchain nd Edition DownloadA blockchain is a distributed ledger that is replicated across multiple nodes and enables immutable transparent and cryptographically secure record keeping of transactions The blockchain technology is the backbone of cryptocurrencies and it has applications in finance government media and almost all other industries Mastering… View on GitHub webMaking sense of web amp crypto Introduction to key concepts and ideas Rigorous constructive analysis of key claims pro and con A look at the deeper hopes and aspirations life itself web Making sense of web amp crypto Introduction to key concepts and ideas Rigorous constructive analysis of key claims pro and con A look at the deeper hopes and aspirations Awesome critique of crypto webAwesome critique of crypto web etc Contributions are welcome CritiqueGeneralThe problem with NFTs by Dan Olson Documentary Highly recommended Three things Web should fix in a response to The Problem with NFTs Jan Stephen Diehl series The Case Against Crypto December Blockchainism December Web is Bullshit December The Internet s Casino Boats December The Token Disconnect November The Handwavy Technobabble Nothingburger November Ice Nine for Markets November The Tinkerbell Griftopia November Decentralized Woo Hoo November The Intellectual Incoherence of Cryptoassets November On Unintentional Scams July How to Destroy Bitcoin July The Non Innovation of Cryptocurrency July … View on GitHub Learn Web DappThis Next js app is designed to be used with the Figment Learn Pathways to help developers learn about various blockchain protocols such as Solana NEAR Secret Polygon and Polkadot figment networks learn web dapp This Next js app is designed to be used with the Figment Learn Pathways to help developers learn about various blockchain protocols such as Solana NEAR Secret Polygon and Polkadot What is learn web dapp We made this decentralized application dApp to help developers learn about Web protocols It s a Next js app that uses React TypeScript and various smart contract languages mostly Solidity and Rust We will guide you through using the various blockchain JavaScript SDKs to interact with their networks Each protocol is slightly different but we have attempted to standardize the workflow so that you can quickly get up to speed on networks like Solana NEAR Polygon and more SolanaPolygonAvalancheNEARTezosSecretPolkadotCeloThe GraphThe Graph for NEARPythCeramicArweaveChainlinkLet us know which one you d like us to cover‍Get startedUsing Gitpod Recommended The best way to go through those courses is using Gitpod Gitpod provides prebuilt developer environments in your… View on GitHub If You ️My Content Connect Me on Twitter or Supports Me By Buying Me A Coffee	2022-05-19 17:06:59
海外TECH	DEV Community	Building a SPA using Vue-Router	https://dev.to/harithmetic1/building-a-spa-using-vue-router-1abc	Building a SPA using Vue RouterNowadays more developers adopt the Single Page Application SPA architecture for their web applications or static site This article will talk about the various merits and demerits of SPAs and build one using the Vue JS Library What is a SPA According to the MDN Web Docs single Page Applications SPA allow users to use websites without loading new pages during navigation SPAs utilise Client Side Routing instead of Server Side Routing which websites traditionally use In Server Side routing when a user visits a new page the browser sends a request to the server asking for the required files to load the page The server grants the request and the browser downloads the views and scripts for that page This process repeats every time the user wants to navigate to other pages within the website In Client Side Routing when the user visits the website for the first time the server provides the browser with an index html file which comes with a bundled script of the entire website All the necessary HTML CSS and JavaScript codes are retrieved with a single page load All the required resources are dynamically retrieved and added to the page In Vue when navigation happens Vue uses Vue router to check for the differences in the DOM and renders them on the page Pros amp ConsLet s have a look on the pros and cons of the SPA approach ProsIt is highly reactiveLess load on the serverBetter User ExperienceBetter client server interaction the dividing of front end s and back end s concerns ConsSEO is challengingJavaScript is strictly requiredPerformance on client sideAlright enough chit chat on SPA Let s get to the exciting stuff building SPAs using Vue and Vue router ToolsThere are different ways of adding vue router to a vue project In this article we will be using a tool called vue cli Vue cliFor a new project vue CLI would work perfectly With Vue cli we can start our project with one of Vue s many open source templates and we can also choose to create our template First we ll need to install it usingnpm install g vue cliLet s create a new application called spa app usingvue create spa appThen you will be asked to select a preset use the arrow keys to navigate to Manually select features and press enterAfterwards you will be asked to select features needed for your project use the arrow keys to navigate to Router press space to select and press enter to proceed You will then be asked to choose a version of Vue js to start the project We will be using Vue so press enter to proceed We won t use history mode in this article but just press enter to proceed with it We will go with the default options for the linter so press enter to proceed Press enter to select lint on save and proceed We will choose the default here also Press enter to proceed If you choose to save these settings as a preset for future purposes you can by pressing enter and following the steps but I will not be doing that so I will type n and press enter Vue Cli will then help us create our project using the required features selected Initialize a local git repository and install a CLI plugin Once Vue Cli is done creating the application change the directory to the developed app and run the app by typingcd spa appnpm run serveYou should see a page like this on your localhost server If you click on the about link it will take you to the about page without a browser reload How does this work Let us find out On your code editor navigate to the src gt main js file This file is the webpack entry point The App vue component the parent component for all other components is imported there In the src gt App vue file you will notice a couple of components The router link component serves as an anchor tag to help navigate the user The router view component is a functional component that renders the matched component for the given path We know how vue displays links on the page but configuring Vue router to our settings is still challenging Let s dive deeper into the code If you navigate to src gt router directory we will find an index js file The file contains all the logic for telling vue what component to render to the screen with a particular path If you look closely we are importing the createRouter and createWebHistory hooks from vue The createRouter hook creates a Router instance that the Vue app can use You pass in all the routes for the website in an array The createWebHistory hook is also imported because we chose to use histories with the router during installation This hook creates an HTML history If you want to add a new page you can create a new view in the src gt views directory import it into the src gt router gt index js file add the route as an object in the array and state the component in the component key value pair Afterwards you can use the router link component in any other component to link to that component Since we are adding a contact view component you can add a link to your contact page in your App vue file Congratulations you have created a Single Page Application using Vue Cli and Vue router ConclusionIn this article we learnt about SPAs the difference between Server Side and Client Side routing and the Pros and Cons of SPAs We also learned how to build a SPA with Vue CLI and Vue router and configure routing with the vue router Thanks for reading through if you made it this far I hope you learned something valuable today	2022-05-19 17:06:20
海外TECH	DEV Community	Global Accessbility Awareness Day - Does your web product support the needs of the many?	https://dev.to/codepo8/global-accessbility-awareness-day-does-your-web-product-support-the-needs-of-the-many-4pe	Global Accessbility Awareness Day Does your web product support the needs of the many I ve been working on the web since and one thing I realised early on is a big basic idea of the web You do not control how your web product is consumed by your users it is up to you to make sure people can change it to their needs As advocates of a usable web by everybody this was and still is the most misunderstood concept I don t know if it is because web design originated from print design Or it may be because Flash promised to allow you to convert any design to the web Or it just is because people don t feel like looking past their own experiences Or it is pragmatism people know they don t have time to make a product that adapts to users needs so they build what they can Or it is arrogance and a lack of repercussion We keep telling people that they can be sued if their product isn t accessible But the reality is that there aren t many successful court cases with real repercussions or fatal brand impact Most ended up settled outside of court It doesn t matter though as the fact remains that people have to and will change the way your product looks to make it available to them And it is a terrible thing to do to block someone out although they already took a lot of steps to try to consume what you have to offer So here are a few things you can do to spot check if what you build works for as many people as possible Resize the font to Ctrl Plus and see if you can still use your productDon t use a mouse try to navigate with keyboard aloneBlur the screen or squint and see if the most important bits of interaction are still obvious Play with the accessibility features of your OS and see what people user Screen magnifier high contrast mode screen reader Check your web site in reader mode of the browser and see if all the features it ripped out are actually that important or if you could get rid of them for all your usersUse the emulation in developer tools of your browser to spot check how different users may experience your product I wrote a detailed article on the DevTools for Edge documentation site on how to do that There is also a cross reference to tell you what tool you can use to test for which accessibility issue And there s a whole course on Skillshare about Product Management Tools for Improving Product Accessibility if you like videos better It is annoying that the accessibility emulation features are scattered amongst different tools in Developer Tools right now Issues Elements Rendering… and we re working on a better way to do that The DevTools for VS Code extension tried to do a better job with that by showing accessibility issues right in your source code The embedded browser also offers mode emulation and visual deficiencies emulation as a toolbar on the bottom rather than only part of the main tools drawer First is the device list You can select from a wide range of different emulated devices The magic wand menu allows you to simulate various CSS media queries like print mode dark light mode or even simulate a forced colours high contrast environment If you want to know more about forced colours check this incredible articleThe last menu currently using the eye icon allows you to simulate different visual impairments like seeing the page in a blurred fashion or in different colour blindness emulations We d love to get more feedback on that and see if rolling that out in the main browser would also help you get a better understanding of what could be necessary for people to do to your product to make it accessible to them	2022-05-19 17:03:09
海外TECH	DEV Community	Searching Media to Find Loudness and Music Sections	https://dev.to/dolbyio/searching-media-to-find-loudness-and-music-sections-21ii	Searching Media to Find Loudness and Music SectionsEver since the inception of cinema  Scores the musical composition within a film have become synonymous with the medium and a crucial staple in the experience of enjoying film or TV As the industry has grown and matured so too has the score with many productions having hundreds of tracks spanning many genres and artists These artists can be anyone from an orchestra drummer all the way up to a sellout pop star sensation each composing producing or performing a variety of tracks The challenge with this growing score complexity is ensuring that every artist is paid for their fair share and contribution to the overall film The industry presently tackles this challenge with a tool known as a Cue Sheet a spreadsheet that identifies exactly where a track is played and for how long The issue with Cue Sheets is that their creation and validation is an immensely manual process constituting hundreds of hours spent confirming that every artist is accounted for and compensations are awarded accordingly It was this inefficiency that attracted Dolby io to help support the Cue Sheet Palooza Hackathon a Toronto based event that challenged musicians and software engineers to work and innovate together to reduce the time spent creating Cue Sheets The event was sponsored by the Society of Composers Authors and Music Publishers of Canada or SOCAN for short which is an organization that helps ensure Composers Authors and Music Publishers are correctly compensated for their work  Many of the hackers utilized the Dolby io Analyze Media API to help detect loudness and music within an audio file and timestamp exactly where music is included In this guide we will highlight how you can build your own tool for analyzing music content in media just like the SOCAN hackathon participants So what is the Analyze Media API Before we explained how hackers used the API we need to explain what Analyze Media is and what it does The Dolby io Analyze Media API generates insight based on the underlying signal in audio for creating data such as loudness content classification noise and musical instruments or genre classification This makes the API useful for detecting in what section music occurs in a media file and some qualities of the music at that instance The Analyze Media API adheres to the Representational state transfer REST protocol meaning that it is language agnostic and can be built into an existing framework that includes tools to interact with a server This is useful as it means the API can adapt depending on the use case In the Cue Sheet example many teams wanted to build a web application as that was what was most accessible to the SOCAN community and hence relied heavily on HTML CSS and JavaScript to build out the tool In this guide we will be highlighting how the participants implemented the API and why it proved useful for video media If you want to follow along you can sign up for a free Dolby io account which includes plenty of trial credits for experimenting with the Analyze Media API A QuickStart with the Analyze Media API in JavaScript There are four steps to using the Analyze Media API on media Store the media on the cloud Start an Analyze Media job Monitor the status of that job Retrieve the result of a completed job The first step storing media on the cloud depends on your use case for the Analyze Media API If your media video is already stored on the cloud Azure AWS GCP you can instead move on to step However if your media file is stored locally you will first have to upload it to a cloud environment For this step we upload the file to the Dolby io Media Cloud Storage using the local file and our Dolby io Media API key async function uploadFile Uploads the file to the Dolby io server let fileType YOUR FILE TYPE let audioFile YOUR LOCAL MEDIA FILE let mAPIKey YOUR DOLBYIO MEDIA API KEY let formData new FormData var xhr new XMLHttpRequest formData append fileType audioFile const options method POST headers Accept application json Content Type application json x api key mAPIKey url is where the file will be stored on the Dolby io servers body JSON stringify url dlb file input concat fileType let resp await fetch options then response gt response json catch err gt console error err xhr open PUT resp url true xhr setRequestHeader Content Type fileType xhr onload gt if xhr status console log File Upload Success xhr onerror gt console log error xhr send formData let rs xhr readyState Check that the job completes while rs rs xhr readyState For this file upload we have chosen to use XMLHttpRequest for handling our client side file upload although packages like Axios are available This was a deliberate choice as in our Web App we add functionality for progress tracking and timeouts during our video upload With our media file uploaded and stored on the cloud we can start an Analyze Media API job which is done using the location of our cloud stored media file If your file is stored on a cloud storage provider such as AWS you can use the pre signed URL for the file as the input In this example we are using the file stored on Dolby io Media Cloud Storage from step async function startJob Starts an Analyze Media Job on the Dolby io servers let mAPIKey YOUR DOLBYIO MEDIA API KEY fileLocation can either be a pre signed URL to a cloud storage provider or the URL created in step let fileLocation YOUR CLOUD STORED MEDIA FILE const options method POST headers Accept application json Content Type application json x api key mAPIKey body JSON stringify content silence threshold duration input fileLocation output dlb file output json This is the location we ll grab the result from let resp await fetch options then response gt response json catch err gt console error err console log resp job id We can use this jobID to check the status of the job When startJob resolves we should see a job id returned job id bb b db ac ea Now that we ve started an Analyze Media job we need to wait for the job to resolve Depending on the size of the file the job could take a few minutes to complete and hence requires some kind of progress tracking We can capture the progress of the job using the JobID created in step along with our Media API key to track the progress of the job async function checkJobStatus Checks the status of the created job using the jobID let mAPIKey YOUR DOLBYIO MEDIA API KEY let jobID ANALYZE JOB ID This job ID is output in the previous step when a job is created const options method GET headers Accept application json x api key mAPIKey let result await fetch concat jobID options then response gt response json console log result The checkJobStatus function may need to be run multiple times depending on how long it takes for the Analyze Media job to resolve Each time you query the status you should get results where progress ranges from to path media analyze status Running progress Once we know the job is complete we can download the resulting JSON which contains all the data and insight generated regarding the input media  async function getResults Gets and displays the results of the Analyze job let mAPIKey YOUR DOLBYIO MEDIA API KEY const options method GET headers Accept application octet stream x api key mAPIKey Fetch from the output json URL we specified in step let json results await fetch file output json options then response gt response json catch err gt console error err console log json results The resulting output JSON includes music data which breaks down by section These sections contain an assortment of useful data points Start seconds The starting point of this section Duration seconds The duration of the segment Loudness decibels The intensity of the segment at the threshold of hearing Beats per minute bpm The number of beats per minute and an indicator of tempo Key The pitch scale of the music segment along with a confidence interval of Genre The distribution of genres including confidence intervals of Instrument The distribution of instruments including confidence intervals of Depending on the complexity of the media file there can sometimes be s of music segments music percentage num sections sections section id mu start duration loudness bpm key Ab major genre hip hop rock punk instrument vocals guitar drums piano This snippet of the output only shows the results as they relate to the Cue Sheet use case the API generates even more data including audio defects loudness and content classification I recommend reading this guide that explains in depth the content of the output JSON With the final step resolved we successfully used the Analyze Media API and gained insight into the content of the media file In the context of the Cue Sheet Palooza Hackathon the participants were only really interested in the data generated regarding the loudness and music content of the media and hence filtered the JSON to just show the music data similar to the example output Building an app for creating Cue SheetsOf course not every musician or composer knows how to program and hence part of the hackathon was building a user interface for SOCAN members to interact with during the Cue Sheet creation process The resulting apps used a variety of tools including the Dolby io API to format the media content data into a formal Cue Sheet These web apps took a variety of shapes and sizes with different functionality and complexity  It s one thing to show how the Analyze Media API works but it s another thing to highlight how the app might be used in a production environment like for a Cue Sheet Included in this repo here is an example I built using the Analyze Media API that takes a video and decomposes the signal to highlight what parts of the media contain music Here is a picture of the user interface which takes in your Media API Key and the location of a locally stored media file The starting screen of the Dolby io Analyze API Music Data Web app found here For showcasing the app I used a downloaded copy of a music review podcast where the host samples a range of songs across a variety of genres The podcast includes tracks which are played over of the minute podcast  If you want to try out the App with a song you can use the public domain version of Take Me Out to the Ball Game originally recorded in  which I had used for another project relating to music mastering The Dolby io Analyze API Music Data Web app after running the analysis on a minute music podcast Feel free to clone the repo and play around with the app yourself Conclusion  At the end of the hackathon participating teams were graded and awarded prizes based on how useful and accessible the Cue Sheet tool would be for SOCAN members The sample app demoed above represents a very rudimentary version of what many of the hackers built and how they utilized the Analyze Media API If you are interested in learning more about their projects the winning team included a GitHub repo with their winning entry where you can see how they created a model to recognize music and how they used the Dolby io Analyze Media API to supplement the Cue Sheet creation process If the Dolby io Analyze Media API is something you re interested in learning more about check out our documentation or explore our other tools including APIs for Algorithmic Music Mastering  Enhancing Audio and Transcoding Media	2022-05-19 17:01:08
Apple	AppleInsider - Frontpage News	Apple's mixed-reality headset has reached 'advanced' stage of development	https://appleinsider.com/articles/22/05/19/apples-mixed-reality-headset-has-reached-advanced-stage-of-development?utm_medium=rss	Apple x s mixed reality headset has reached x advanced x stage of developmentApple recently showed its upcoming mixed reality headset to members of its board of directors suggesting that the device is nearing completion and could be ready for a launch soon Apple MR headset renderThe iPhone maker demonstrated the AR VR head worn wearable to its eight board members earlier in May Bloomberg reported Thursday That alone is a sign that the device which has long been in the rumor mill for years has reached an advanced stage of development Read more	2022-05-19 17:23:27
海外TECH	Engadget	Twitter says it won't amplify false content during a crisis	https://www.engadget.com/twitter-crisis-misinformation-policy-label-notice-ukraine-174550168.html?src=rss	Twitter says it won x t amplify false content during a crisisTwitter is taking more steps to slow the spread of misinformation during times of crisis The company will attempt to amplify credible and authoritative information while trying to avoid elevating falsehoods that can lead to severe harm Under its new crisis misinformation policy Twitter interprets crises as circumstances that pose a quot widespread threat to life physical safety health or basic subsistence quot in line with the United Nations definition of a humanitarian crisis For now the policy will only apply to tweets regarding international armed conflict It may eventually cover the likes of natural disasters and public health emergencies nbsp The company plans to fact check information with the help of quot multiple credible publicly available sources quot Those include humanitarian groups open source investigators journalists and conflict monitoring organizations Twitter acknowledges that misinformation can spread quickly and it will take action quot as soon as we have evidence that a claim may be misleading quot Tweets that violate the rules of this policy won t appear in the Home timeline or the search or explore sections quot Content moderation is more than just leaving up or taking down content and we ve expanded the range of actions we may take to ensure they re proportionate to the severity of the potential harm quot Twitter s head of safety and integrity Yoel Roth wrote in a blog post quot We ve found that not amplifying or recommending certain content adding context through labels and in severe cases disabling engagement with the Tweets are effective ways to mitigate harm while still preserving speech and records of critical global events We ve been refining our approach to crisis misinformation drawing on input from global experts and human rights organizations As part of this new framework we ll start adding warning notices on high visibility misleading Tweets related to the war in Ukraine pic twitter com frNGleJXPーTwitter Safety TwitterSafety May The company will also make it a priority to put notices on highly visible rule breaking tweets and those from high profile accounts such as ones operated by state run media or governments Users will need to click through the notice to read the tweet Likes retweets and shares will be disabled on these tweets as well quot This tweet violated the Twitter Rules on sharing false or misleading info that might bring harm to crisis affected populations quot the notice will read quot However to preserve this content for accountability purposes Twitter has determined this tweet should remain available quot In addition the notice will include a link to more details about Twitter s approach to crisis misinformation The company says it will start adding the notice to highly visible misleading tweets related to the war in Ukraine The notice may appear on tweets that include falsehoods about on the ground conditions during an evolving conflict misleading or incorrect allegations of war crimes or mass atrocities or misinformation about the use of weapons or force Twitter may also apply the label to tweets with quot false information regarding international community response sanctions defensive actions or humanitarian operations quot There are some exceptions to the rules They won t apply to personal anecdotes first person accounts efforts to debunk or fact check a claim or quot strong commentary quot However a lot of the fine details about Elon Musk s pending takeover of Twitter remain up in the air and this policy could change if and when the deal closes Musk has said Twitter should only suppress illegal speech which is also a complex issue since rules vary by jurisdiction It remains to be seen exactly how he will handle content moderation	2022-05-19 17:45:50
海外TECH	Engadget	DOJ says security researchers won't face hacking charges	https://www.engadget.com/doj-security-research-hackers-no-criminal-charges-170715840.html?src=rss	DOJ says security researchers won x t face hacking chargesThe Justice Department doesn t want security researchers facing federal charges when they expose security flaws The department has revised its policy to indicate that researchers ethical hackers and other well intentioned people won t be charged under the Computer Fraud and Abuse Act if they re investigating testing or fixing vulnerabilities in quot good faith quot You re safe as long as you aren t hurting others and use the knowledge to bolster the security of a product the DOJ said The government made clear that bad actors couldn t use research as a quot free pass quot They ll still face trouble if they use newly discovered security holes for extortion or other malicious purposes regardless of what they claim This revised policy is limited to federal prosecutors and won t spare researchers from state level charges It does provide quot clarity quot that was missing in the earlier guidelines though and might help courts that weren t sure of how to handle ethical hacking cases It s also a not so subtle message to officials who might abuse the threat of criminal charges to silence critics In October for instance Missouri Governor Mike Parson threatened a reporter with prosecution for pointing out a website flaw that required no hacking whatsoever The DOJ s new policy might not completely deter threats like Parson s but it could make their words relatively harmless	2022-05-19 17:07:15
海外TECH	CodeProject Latest Articles	Supporting the Lost Animals Search Service Through a Simple and Useful Mobile App	https://www.codeproject.com/Articles/5332062/Supporting-the-Lost-Animals-Search-Service-Through	animals	2022-05-19 17:29:00
海外科学	NYT > Science	Lawmakers Grill F.D.A. Chief on Baby Formula Oversight Amid Shortages	https://www.nytimes.com/2022/05/19/health/baby-formula-fda-robert-califf.html	Lawmakers Grill F D A Chief on Baby Formula Oversight Amid ShortagesDr Robert Califf the agency commissioner is the first administration official to face congressional scrutiny over the infant formula supply crisis	2022-05-19 17:16:48
海外科学	NYT > Science	Testing Requirements for Travel to the U.S.? Here’s What to Know	https://www.nytimes.com/2022/05/19/travel/testing-requirement-flying-us-cdc.html	Testing Requirements for Travel to the U S Here s What to KnowThe requirement to test for Covid before flying to the United States is hated by many travelers and the U S travel industry But the government shows no sign of getting rid of it	2022-05-19 17:33:25
海外科学	NYT > Science	Human Skull About 8,000 Years Old Is Found in Minnesota River	https://www.nytimes.com/2022/05/19/us/minnesota-human-skull.html	Human Skull About Years Old Is Found in Minnesota RiverThe skull most likely belonged to a young man who lived around to B C the authorities said It was found by two kayakers on a river depleted by drought	2022-05-19 17:33:07
金融	金融庁ホームページ	鈴木財務大臣兼内閣府特命担当大臣閣議後記者会見の概要（令和４年５月13日）について公表しました。	https://www.fsa.go.jp/common/conference/minister/2022a/20220513-1.html	内閣府特命担当大臣	2022-05-19 18:15:00
ニュース	BBC News - Home	Boris Johnson will not face a further Partygate fine, says No 10	https://www.bbc.co.uk/news/uk-politics-61508110?at_medium=RSS&at_campaign=KARANGA	lockdown	2022-05-19 17:53:03
ニュース	BBC News - Home	Ukrainian widow confronts Russian soldier accused of killing her husband	https://www.bbc.co.uk/news/world-europe-61511640?at_medium=RSS&at_campaign=KARANGA	ukraine	2022-05-19 17:38:11
ニュース	BBC News - Home	Vangelis: Chariots of Fire and Blade Runner composer dies at 79	https://www.bbc.co.uk/news/entertainment-arts-61514850?at_medium=RSS&at_campaign=KARANGA	blade	2022-05-19 17:32:11
ニュース	BBC News - Home	Vulnerable adults set for autumn Covid booster jab	https://www.bbc.co.uk/news/61513975?at_medium=RSS&at_campaign=KARANGA	riskiest	2022-05-19 17:31:00
ニュース	BBC News - Home	Iceland to launch over-60s discount as cost of living soars	https://www.bbc.co.uk/news/business-61512945?at_medium=RSS&at_campaign=KARANGA	chain	2022-05-19 17:36:33
ビジネス	ダイヤモンド・オンライン - 新着記事	「オーストリアってどんな国？」2分で学ぶ国際社会 - 読むだけで世界地図が頭に入る本	https://diamond.jp/articles/-/303257		2022-05-20 02:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	不動産の仕事「売買」「賃貸」「管理」、どれが一番キツくて、どれがラク？ - 大量に覚えて絶対忘れない「紙1枚」勉強法	https://diamond.jp/articles/-/303458	賃貸	2022-05-20 02:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【科学で解明】アスリートの移籍とパフォーマンスの変化 - 超習慣力	https://diamond.jp/articles/-/302854	【科学で解明】アスリートの移籍とパフォーマンスの変化超習慣力ダイエット、禁煙、節約、勉強ー。	2022-05-20 02:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【精神科医が教える】 人間関係の特別扱いの落とし穴 - 精神科医Tomyが教える 心の荷物の手放し方	https://diamond.jp/articles/-/302966	voicy	2022-05-20 02:35:00
北海道	北海道新聞	宇宙への夢乗せ気球ふわり　岩谷技研が大樹で打ち上げ実験	https://www.hokkaido-np.co.jp/article/682927/	宇宙旅行	2022-05-20 02:04:22