投稿時間:2021-12-01 22:47:01 RSSフィード2021-12-01 22:00 分まとめ(60件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	2021年11月のブラウザやOSのシェア（StatCounter調べ）	https://taisy0.com/2021/12/01/149263.html	statcounter	2021-12-01 12:43:33
IT	気になる、記になる…	スケルトン仕様が特徴の｢AirPods｣の試作機の写真	https://taisy0.com/2021/12/01/149259.html	airpods	2021-12-01 12:18:55
TECH	Engadget Japanese	ブラックフライデーで安い、PCっぽくなれるFire HD 10レビュー	https://japanese.engadget.com/amazon-fire-hd-10-123021338.html	amazon	2021-12-01 12:30:21
IT	ITmedia 総合記事一覧	[ITmedia News] ポケモンGOに「ゼクロム」「レシラム」色違い初登場　交換でXLアメ確定の新ボーナスも	https://www.itmedia.co.jp/news/articles/2112/01/news183.html	itmedia	2021-12-01 21:27:00
AWS	AWS Japan Blog	Amazon CodeGuru Reviewer Secrets Detector でハードコードのシークレットを特定し、AWS Secrets Manager を使いシークレットを保護	https://aws.amazon.com/jp/blogs/news/codeguru-reviewer-secrets-detector-identify-hardcoded-secrets/	AmazonCodeGuruReviewerSecretsDetectorでハードコードのシークレットを特定し、AWSSecretsManagerを使いシークレットを保護AmazonCodeGuruは、JavaアプリケーションとPythonアプリケーションをスキャンしてプロファイリングすることで、コードの品質を向上させ、コードレビューを自動化するのに役立ちます。	2021-12-01 12:50:18
AWS	AWS Japan Blog	プレビュー — ロボットフリート管理アプリケーションを構築するための AWS IoT RoboRunner	https://aws.amazon.com/jp/blogs/news/preview-aws-iot-roborunner-for-building-robot-fleet-management-applications/	ロボットオペレータは、複数のロボットにわたって動作するアプリケーションを構築するために必要な統合データにアクセスしたいと考えています。	2021-12-01 12:20:19
python	Pythonタグが付けられた新着投稿 - Qiita	人々は一年のどのタイミングで時の流れの速さを感じるのか	https://qiita.com/__dAi00/items/a47d8e1c75120fceeeee	そこでそのイベントを検知するスクリプトを実行し、手でスクロールしながら情報を収集していくことにします。	2021-12-01 21:37:25
js	JavaScriptタグが付けられた新着投稿 - Qiita	人々は一年のどのタイミングで時の流れの速さを感じるのか	https://qiita.com/__dAi00/items/a47d8e1c75120fceeeee	そこでそのイベントを検知するスクリプトを実行し、手でスクロールしながら情報を収集していくことにします。	2021-12-01 21:37:25
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Failed to resolve: com.github.PhilJay:MPAndroidChart:v3.1.0を解決したい	https://teratail.com/questions/371862?rss=all		2021-12-01 21:53:24
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	jQueryプラグインであるinviewの実装	https://teratail.com/questions/371861?rss=all	jQueryプラグインであるinviewの実装前提・実現したいことjQueryのプラグインであるinviewを実装したい。	2021-12-01 21:52:36
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	課題で線形探索をしたいのですが、教授が何をさせたいのかわかりません。	https://teratail.com/questions/371860?rss=all	課題で線形探索をしたいのですが、教授が何をさせたいのかわかりません。	2021-12-01 21:40:25
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	入力規則とセルのロック	https://teratail.com/questions/371859?rss=all	xlsxでデータ集計用のファイルをメンバーに配り、データを入力してもらった上で回収し集計を取る作業をしています。	2021-12-01 21:14:58
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	python 積分をシンプソン則で解いた際のエラーについて	https://teratail.com/questions/371858?rss=all		2021-12-01 21:06:54
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	生JavaScriptで、ランダムに配列を取得し、HTMLに描画したい	https://teratail.com/questions/371857?rss=all	生JavaScriptで、ランダムに配列を取得し、HTMLに描画したい実現したいことresultへ、varnbsparryをランダムに取得して、『HTMLとして』描画したいです。	2021-12-01 21:01:04
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ハンバーガーメニューをクリック後のバツ印が見当たりません！教えてください。	https://teratail.com/questions/371856?rss=all	ハンバーガーメニューをクリック後のバツ印が見当たりません教えてください。	2021-12-01 21:00:34
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【IT業界未経験】テックキャンプからエンジニア職に就職するまでの記録	https://qiita.com/N396184501/items/88ac98c8e83b47df6187	同期の中ではすでにオリジナルアプリを完成する人もいました。	2021-12-01 21:52:54
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS DOP合格記(2021/12/1投稿)	https://qiita.com/handy-dd18/items/3166f949b84bc15371a7	①練習試験②Web問題集練習問題これまではAWS公式の模擬問題を使ってましたが、最近公式から無料版の練習問題が提供され始めたので、今回はこちらを利用して最初に学習しました。	2021-12-01 21:09:54
Git	Gitタグが付けられた新着投稿 - Qiita	git pushのやり方 Please make sure you have the correct access rights and the repository exists.	https://qiita.com/divclass123/items/4da732f68fe116c33724	gitpushのやり方Pleasemakesureyouhavethecorrectaccessrightsandtherepositoryexistsgitremoteaddoriginをやって、gitpushoriginmasterを実行したらfatalorigindoesnotappeartobeagitrepositoryfatalCouldnotreadfromremoterepositoryPleasemakesureyouhavethecorrectaccessrightsandtherepositoryexistsと表示が出てきた人も多いと思う。	2021-12-01 21:39:12
Ruby	Railsタグが付けられた新着投稿 - Qiita	【IT業界未経験】テックキャンプからエンジニア職に就職するまでの記録	https://qiita.com/N396184501/items/88ac98c8e83b47df6187	同期の中ではすでにオリジナルアプリを完成する人もいました。	2021-12-01 21:52:54
技術ブログ	Developers.IO	[新機能]既存ブラウザで社内WebサービスとSaaSの利用！Amazon WorkSpaces Webが発表されました！ #reinvent	https://dev.classmethod.jp/articles/reinvent2021_workspaces_web/	amazon	2021-12-01 12:47:44
技術ブログ	Developers.IO	AWS: SES การตั้งค่า SMTP พื้นฐาน	https://dev.classmethod.jp/articles/aws-ses-settings-smtp-basic/	AWS SES การตั้งค่าSMTP พื้นฐานSMTP คืออะไร SMTP ย่อมาจากSimple Mail Transfer Protocol ซึ่งคือมาตราฐานสำหรับการรับส่งEmail บนInternet นั	2021-12-01 12:10:59
技術ブログ	Developers.IO	［アップデート］Amazon FSx for Lusterで複数のS3バケットをリンクできるようになりました #reinvent	https://dev.classmethod.jp/articles/enhanced-s3-integration-amazon-fsx-lustre/	amazonfsxforluster	2021-12-01 12:03:17
技術ブログ	Developers.IO	MacのQuickTime Playerのみを利用してピクチャー・イン・ピクチャーで動画撮影する方法について	https://dev.classmethod.jp/articles/quicktime-pip/	quicktimeplayer	2021-12-01 12:03:15
海外TECH	MakeUseOf	How to Turn Off Live Photos on iPhone	https://www.makeuseof.com/how-to-turn-off-live-photos-on-iphone/	photos	2021-12-01 12:30:12
海外TECH	MakeUseOf	How to Use Snapchat's Snap Map Layers	https://www.makeuseof.com/snapchat-map-layers-how-to-use/	revisit	2021-12-01 12:07:02
海外TECH	DEV Community	JavaScript for Beginners: Chapter 1 - Variables	https://dev.to/mrdanishsaleem/javascript-for-beginners-chapter-1-variables-j8g	JavaScript for Beginners Chapter VariablesThis first chapter is all about variables the way to declare and change them as well as some of the naming rules and different types of variables What are variables A variable is named storage for data Each variable must have a unique name which is called an identifier Variables can be hard coded to hold predefined values of dynamically generated Declaring variablesYou can easily declare a variable using the let keyword followed by the name of the variable let userName userName Dev You have the option to declare a variable and assign a value later or do both at once let userName Dev let loggedIn true Changing valueYou can easily change the value of a variable by easily assigning a new one let testVariable Hello testVariable World JavaScript dynamically types so you can even assign a value of a different type although that is not advised let testVariable Hello testVariable testVariable false Naming rulesJavaScript variable names can only contain letters numbers or the symbols and However the first character can t be a number and you can t use reserved keywords such as let or return for variable names Valid variable nameslet test let test let variable name let user let userName Invalid variable nameslet test let variable test let return ConstantsIf the value of your variable is constant and won t be re assigned you can use the const keyword instead of letconst welcomeMessage Hello World These are useful to create a distinction between constant and changeable variables const userName Dev let isLoggedIn true Uppercase ConstantsIt has also become common practice to use constant aliases for known values that are used throughout a site or application These are written with uppercase letters and underscores const PRIMARY BRAND COLOUR caa const CONTACT EMAIL dev mail com const COMPANY REG NUMBER There is technically no difference between them as far as JavaScript is concerned it is just a style choice to differentiate them What about var You can still declare variables using var however the practice is now considered outdated Old standardvar message Hello World New standardlet message Hello World Variable declared with var aren t scoped and have various other flaws so unless you need to support a really old browser it s best to use let and const variables SummaryUse let to declare variables with changeable values Use const to declare constant non changeable values Follow the naming rules and name your variables well User uppercase constants for hard coded global constant values Don t use var to declare variables unless you require legacy browser support Let s connect You can follow me on Twitter Instagram amp GitHubIf you like this post Kindly support me by Buying Me a Coffee	2021-12-01 12:43:11
海外TECH	DEV Community	Serverless security hazards and trends to consider	https://dev.to/dashbird/serverless-security-hazards-and-trends-to-consider-3hcp	Serverless security hazards and trends to considerFourteen billion dollars that s the projected global market size for serverless which is supposed to grow by about percent annually in the next few years  according to the recent Global Serverless Architecture Market report The fast pace of adoption of serverless is hardly surprising because the technology can save significant costs for companies It can enable them to build and deploy software and digital products without providing and maintaining any virtual or physical servers This task is done by the cloud provider responsible for the dynamic management of allocation and provision of servers As a result companies using serverless architecture eliminate complex tasks as maintaining security by continuously applying patches and other solutions Therefore they can focus more on the functionality of their digital product Surprisingly IT professionals are taking a cautious approach to adopt the technology of serverless architecture right now For example  according to this ZDNet article citing the latest research the adoption slowed down at the beginning of After interviewing more than IT professionals a study found that only percent were using it The share of those evaluating the technology fell to percent compared to percent These numbers suggest that companies need more time understanding serverless architectures and learning how to deploy them correctly across their organization On top of that plans or intentions for serverless implementations can be slowed down by evaluating security risks associated with the new technology Indeed quite a few risks should be considered when securing serverless applications and using the technology itself As more organizations adopt serverless this issue may become more impactful so let s review the most significant hazards and trends in this area that any adopter of this technology should be aware of Major hazards in ServerlessLet s see what risks are ahead for serverless technology and what factors will drive its development in the following years  So let s begin with risks shall we Given the relatively new nature of the technology serverless based architectures have several security risks that should be considered by the owners including the following Complicated security scanningThe recency of the technology is the main reason for this Compared to standard applications doing security testing for serverless architecture is more complex because almost everything has to be done manually Since nearly all currently available automated scanning tools lack adaptability and compatibility with serverless applications it s reasonable to assume that the problem will persist until adequate security testing solutions are developed For example SAST Static Application Security Testing works great with standard applications but has some issues with serverless Specifically this tool relies heavily on control flow and data flow analysis to identify security issues in software But since serverless apps have a range of functions connected with cloud services and event triggers performing this security check would be prone to false positives The users of serverless architectures may run into problems with conducting standard security protections including Firewall IDS and WAF The technology may restrict or eliminate access to virtual and physical servers which means that users can t take advantage of the aforementioned conventional protections endpoint protection and host based intrusion detection systems Expanded potential attack surfaceServerless architectures limit the use of application firewalls and other standard protections which means that they re prone to more threats These architectures use data from an expanded range of event sources APIs cloud storage HTTP IoT devices and others which increases the attack surface Understanding all the involved risks can be challenging as the technology is still relatively new for many For businesses this could present many challenges while content companies can outsource writing and proofreading to many online tools like Supreme Dissertations  Grammarly  Wowgrade and Studicus security risks must be considered and monitored at all times Dependencies on third party software packagesTo complete a specific task serverless functions require code Typically serverless functions heavily rely on software developed by third parties and in some cases even open source libraries and online services This means that the risk of obtaining something dangerous during the import of code from a vulnerable third party dependency is high There s also the risk of bit rot when using third party libraries For example when you deploy a serverless app and move on it begins to age so it needs regular security updates to protect the data adequately If you don t update them the risk of being hacked becomes more probable by the day that s what happened to Capital One several years ago when the company lost the data of millions of customers because of an outdated third party library Avoiding this security risk requires the users of serverless to use several methods including Removal of unnecessary dependencies Regular upgrade of outdated package versions Software scanning for known vulnerable dependencies typically comes in the form of a security platform Keeping the list of the available dependencies and their versions Unsafe storage of access and configuration filesStorage and maintenance of configuration settings access files API keys database credentials encryption keys and other app secrets becomes a concern for users of serverless architectures as their apps grow in complexity In conventional applications these files are typically stored in one centralized and encrypted file or database that developers cannot access because of the role based access control RBAC limiting their rights to their role deployment etc On the other hand one can t store the secrets in one centralized file because each function is packaged separately As a result they need to rely on environmental variables to access it The storage as an ecological variable e g plain text means that the users who deploy an app are likely to access sensitive data The best way to mitigate this risk is to ask your vendor about the possibility of storing sensitive data in an encrypted environment They should provide you with secure APIs that are fully compatible with serverless Major Serverless TrendsNow that we know the potential risks of migrating to serverless architectures let s talk about the hottest trends that will define the future of the technology Adopting and securing Serverless apps will become easierSome crucial security considerations come with serverless architectures so many people are working on eliminating them As more and more companies adopt serverless the need to address them will become even more urgent That s why we see big companies like Google and IBM are working to make sure that the technology is secure and ready to use Another significant trend is the development of tools that help with adopting serverless Since technology adoption essentially means rethinking almost everything the users are used to doing with the traditional architectures they will need helpful tools for tasks like monitoring For example adopters of serverless architectures can use Dashbird for monitoring and troubleshooting serverless applications The tool is specifically designed to help users detect all potential failures in the apps including crashes timeouts configuration errors and early exits To make the adoption of serverless even more accessible the tool supports all runtime languages available on AWS and doesn t need the user to make changes to the existing code Learn more about securing serverless architectures in these infographics Standardized Serverless development There s little standardization across serverless vendors which means that the online community can t quite realize the full potential of the technology says Ashley Stockwell a developer from Trust My Paper Currently many players push for standardization measures that can make a single experience for deploying functions across all providers of serverless The Cloud Native Computing Foundation CNCF is at the forefront of the standardization effort with Oracle  According to this SDX report the two organizations are working on the first draft specification targeted at interoperability for generating a serverless function Reportedly the project s primary purpose is to provide tools for building testing and managing the lifecycle of serverless architectures One thing is quite clear as a new technology there is a lack of standardization and interoperability between cloud providers that may lead to vendor lock in SDX quoted CNCF s recent document on the progress of the standardization project There is a need for quality documentation best practices and more importantly tools and utilities Mostly there is a need to bring different players together under the same roof to drive innovation through collaboration In addition to this collaboration there s another open source framework project pushing for standardization called Knative Leveraging Kubernetes experience Knative seeks to make the building and deploying serverless applications more manageable  The project was started by Google  with the latest version released not so long ago but many others are already on board  including IBM Serverless will also become hybridIt s safe to suggest that many enterprise users of applications will have requirements that can only be met with hybrid serverless solutions for example this means that some apps will run on data centers while others on AWS Lambda and public clouds By making that happen serverless technology will become even more popular among enterprise users and get more valuable integrations and features Reputable sources support this trend For example  this Deloitte report claims the following Not all applications or services can be delivered in a serverless model we believe the future enterprise IT landscape will be a hybrid landscape The report also suggests that serverless computing is a lot more attractive for enterprise users than traditional infrastructure models but taking full advantage of the technology would be impossible without the right software architecture Becoming mainstreamEven though serverless comes with some security considerations big players are working to ensure that this technology is as secure as possible Like any other emerging technology serverless is at the improvement stage as all challenges including those described in this article are surmountable It s safe to assume that serverless will become mainstream in the next several years as more and more companies are becoming interested in this new building and architecting applications that eliminate the need to manage them Further reading Securing serverless applications with critical logging Infographics Securing serverless architectures Video Securing enterprise level serverless architectures	2021-12-01 12:41:14
海外TECH	DEV Community	Building a JAMstack shop with Strapi 4, Nuxt 3, Snipcart - part 1	https://dev.to/lilgemvincent/building-a-jamstack-shop-with-strapi-4-nuxt-3-snipcart-part-1-595e	Building a JAMstack shop with Strapi Nuxt Snipcart part Here s a link to the shop that we ve built if you follow this series of blog posts this is what you ll also end up with Pick a Sick Wick We ve done our own designs for this little demo and they can be found here so as we take you through how to build this out I will follow a design that we ve done for this series Watch the video or follow along below If you are the kind of person that likes to dive straight into code we have created example repositories for both the Nuxt and Strapi parts Strapi Nuxt I can t tell you how excited we ve been waiting in anticipation for Nuxt and Strapi to come out and now they re here and we re ready to get our hands dirty and start using them straight away I ve always wanted to build an online candle shop so I thought now s the time and I can show you how to do it too so let us go and Pick a Sick Wick Project setup with Strapi and NuxtIf you re the sort of person that likes to get straight into the code then look no further you can find the repos The front end is using Nuxt and the repo is hereThe backend is using Strapi and the repo can be found hereFeel free to pull it down and dig in Here s a step by step guide on how to build your own shop so let s stop waffling and let s get building Just to give you a little heads up our folder structure is going to look something like this Let s just create our folder and go into it open up your terminal and run take pick a wick Strapi Now we re going to get Strapi setup to create the data ready to be pulled through the Nuxt front end npx create strapi app beta backend quickstartLet the terminal do the hard work for you sit back have a sip of coffee and a biscuit Once it s finished a new tab will open in your browser here  http localhost admin You now just need to create your account Tada How easy was that Here s your Strapi Dashboard if you re used to using Strapi you ll see some differences here if you ask me and I know you re not but here s my opinion anyway I think it looks a lot cleaner lighter and nicer Let s jump in and start creating the architecture of the products by creating a collection type Create the collection type like so Note I should have probably called this Products Then add in the fields you require for now we ll add in these fields Title Text fieldDescription Text fieldImage Media fieldPrices Number fieldNow that you ve added in your fields make sure you save the collection Your fields should look something like this Click the button in the top left and go to Content Manager gt Products and let s add in some new entries for me I m going to be adding in some candles Click Add new entry and fill out all the data once you re done click Save and Publish and add in a couple more We have added in some silly joke names because we thought it was funny haha Wahoooo now you should have a list of products Now all we need to do is make the product content public to fetch it from the front end To do this go to General gt Settings gt Users amp Permission Plugin gt Roles Click Public and open out the Product accordion and check to find and findone finally just save it and your products data should now be public You should now be able to go http localhost api products and see a JSON blob with all your products in Nuxt Wahoooo now you re backend is all set up and ready to party let s move on to the front end and set up Nuxt Open up terminal and type pick a wick is the name of the directory the Nuxt installation will save intonpx nuxi init frontendNow just head into that directory cd frontendInstall all of the dependencies npm installIf you re anything like us we use Taliwind on every project if you don t want to you can just skip the next steps npm install D tailwindcss latest postcss latest autoprefixer latestGenerate the Tailwind and Postcss config filesnpx tailwindcss init pTime to open up your code in your chosen editor for me it s VSCode just do that from the command line like so code You will need to add some config to your nuxt config ts file lets also add in the Google fonts whilst we are here The ones we re using are Playfair Display and Source Sans Pro Your code config file should look like this import defineNuxtConfig from nuxt export default defineNuxtConfig Add entry css file css tailwindcss tailwind css build postcss add Postcss options postcssOptions require postcss config js meta link rel preconnect href rel preconnect href href Display wght amp family Source Sans Pro wght amp display swap rel stylesheet Finally let s get it up and running go to your terminal and type npm run devNote make sure your node version is gt Wahoooo How easy was that Your Nuxt site should now be up and running if you ve nothing else running it will probably be on port and the URL will be http localhost Open it up and go check it out You should have something like this To check you ve got Tailwind up and running okay you can head back over to the code base and into the app vue file and add a Tailwind class around lt template gt lt div gt lt h class text red bg green gt This is a title lt h gt lt div gt lt template gt On the front end you should see something beautiful like this We ve done some designs for this project so I ll be following them whilst going through this tutorial Before we go on let s add in some default colours and fonts into tailwind config js module exports purge components vue js layouts vue pages vue plugins js ts nuxt config js ts app vue mode jit darkMode false or media or class theme extend colors brand grey DEFAULT BBB EEE brand beige EEE EDCD EAEE DEFAULT EBAE brand brown E brand orange FF fontFamily heading Playfair Display serif body Source Sans Pro variants extend plugins require tailwindcss aspect ratio Right we re making headway now if you re still with me thank you I m pleased I ve not bored you too much so far hehe and if you re not I totally understand Time to get the products from Strapi coming out in the front end Buckle up this is going to be fun In the root folder create a new directory called pages within that create a page called index vue This is going to be the new homepage We re going to tidy it up and split everything into its own components in the blog post but for the time being we just want to try and get the data back from Strapi First we want to fetch all the data then we want to loop over all the products and put the data out onto the homepage using Nuxt this is really easy to do and the code is fetch the data is only line sexy if you ask me useFetch is a global helper function provided by Nuxt that will load the data for the page server side or during static generation of the page lt script setup gt allows you to use the more streamline syntax to create your Vue components e g you don t have to register components or create data objects lt template gt lt div gt lt div v for product in products data key product id gt lt nuxt link to products product id gt lt h class font bold gt product attributes Title lt h gt product attributes Description lt nuxt link gt lt div gt lt div gt lt template gt lt script setup gt const data products await useFetch http localhost api products lt script gt To get the index page showing we just need to edit our app vue file to look like this This is the route file that kicks everything off Nuxt page is a component that is added by Nuxt and provides a location for your Nuxt pages to appear lt template gt lt NuxtPage gt lt template gt If you check your browser you should have the title and description of your products wooooo Wooo Fingers crossed that s all working for you but if you have any questions feel free to get in touch and ask any more questions via our website or Twitter There s going to be a few more blog posts in this series so feel free to subscribe to our newsletter to find when they ve been released Thank you for reading and next we will be building out the design and all of the components etc Once we ve got it working we will then integrate Snipcart And it won t be too long until you can have your own shop	2021-12-01 12:37:44
海外TECH	DEV Community	How we track our todo comments using GitHub Actions	https://dev.to/schustmi/how-we-track-our-todo-comments-using-github-actions-2bei	How we track our todo comments using GitHub ActionsIf you re a software developer you re probably familiar with the following scenario You re working on a new feature or trying to fix a bug and while reading through some code existing code you notice that there s a nicer way to write it or maybe a potential edge case isn t handled But where to go from here Write a todo comment and let your future self handle it of course While this might not be the optimal solution I still regularly use todo comments if the fix is too complicated to implement right away as I find it can get quite distracting to repeatedly switch to my browser and create an issue with a meaningful description How to keep todo comments in sync with Jira issuesThis however brings a problem with it these todos are separated from our Jira board so we did not take them into account when planning our sprints Keeping the comments in code in sync with our Jira issues manually would require a considerable amount of effort We would have to periodically go over the entire codebase and create issues for new todos as well as delete issues and todos if their counterpart was removed Instead we looked at multiple GitHub integrations in the Jira marketplace but couldn t find an existing solution with similar features so we decided to implement a GitHub Action that helps us track todos automatically GitHub Actions to the rescueEach time something is pushed to the main branch a GitHub workflow is triggered which simply calls a python script to do the heavy lifting The script itself uses the following regular expression to find todo comments in our python files pattern r t TODO LOWEST LOW MEDIUM HIGH HIGHEST A Z n n Don t worry I won t bore you with the details of how this expression works but it essentially means that our todo comments have to conform to a certain syntax a comment starting with a capital TODO followed by a priority in square brackets and a colon in order for the script to detect them Once all syntactically correct todos are found they are processed as follows Create issues for new todos Each time new code gets merged into the main branch of our repository our script detects all new todos and creates Jira issues with the specified priority and description The created issues include a github link to the actual comment for more context and are tagged with a separate label so we can quickly find them later Additionally we modify the comments to include a reference to the created issue which is not only used to avoid creating duplicated issues but also comes in quite handy if you come across a comment and want to for example check if there s already someone working on it before TODO HIGH Do something very important here after TODO ENG Do something very important hereDelete todos for closed issues Our codebase is evolving quite quickly at the moment and we closed some obsolete issues from time to time To automatically keep the todo comments and issues in sync the script also deletes todo comments when the corresponding issue was closed Tag issues when a todo is deleted Now there is just one case left to handle what if a todo comment gets deleted and the corresponding issue is still open We decided to handle this with caution and not close the issue automatically to guard against accidentally deleted comments Instead our script adds a separate label to these orphan issues so we can easily discuss whether they should actually be closed during our planning meetings If you re interested in more details or having something similar in your projects check out the script and the accompanying GitHub workflow Michael Schuster is a Machine Learning Engineer at ZenML	2021-12-01 12:37:43
海外TECH	DEV Community	Day 77/100 Happy Coding!	https://dev.to/riocantre/day-77100-happy-coding-179e	Day Happy Coding This year I participated in the annual event hosted by Digital Ocean and partners It was my first time joining the Hacktoberfest and there are steps you need to follow before you start your journey Getting StartedFirst of all you need to register to the official website before participating and contribute to open source projects Once you are officially registered get familiar with Git and Github if you re a beginner Furthermore there is a FAQ section where you can view informations about the event RulesThe rules are simple participants must contribute to open source projectssubmit relevant pull request that fall from the category made significant changes to the task Once you successfully submitted four or more pull request the Project maintainers will review your contributions within days My Contributions Added Random survey form RioCantre posted on Oct Hi I added a new Project HacktoberFest Maintainers View on GitHub Added The Black Moon Project RioCantre posted on Oct View on GitHub Corrected some UI interface RioCantre posted on Oct Hi I corrected some issues and made some decent changes Also added Font awesome CDN in my account kindly make your own account in the future Hactoberfest mainteners View on GitHub Added Mingkay card RioCantre posted on Oct Hi I added a new card titled Mingkay View on GitHub Things to RememberThere are repositories who are not participating to the event and must be avoided Some pull request are not accepted because the repository or project don t follow the values of the event RewardsThere are brilliant prices you receive once your contributions are accepted as valid and relevant It s either you choose between the following A TreeA T ShirtYou ll also received other perks after a successful participation In my case I have chosen to have a Tree The event has a great idea to make an environmental impact on the community Once you select a Tree you ll get an email notifying that your order has been received and once your tree gets planted afterward you ll get an update Link to Tree Nation ReflectionAs a first timer of this event it was a pleasant experience to get involved in an annual event that promotes developers of different levels to contribute to open source projects My Hacktoberfest journey was incredible even though some experience was not appealing and pushed me to motivate myself to keep going despite the unforeseen events happening in the surrounding I am grateful for this event because it helped me gain confidence and learn more about PR and open source projects I got to know the DEV community where I am now frequently having my experience and learning shared with others	2021-12-01 12:37:23
海外TECH	DEV Community	What is Google Lighthouse and Why You Should Use it	https://dev.to/mazdak23/what-is-google-lighthouse-and-why-you-should-use-it-48ib	What is Google Lighthouse and Why You Should Use itGoogle Lighthouse is a free and powerful review tool that helps improve the quality of our website In fact using Google lighthouse we can evaluate all the pages of our website One of the great advantages of Google Lighthouse is that it is easy to use which at the same time gives us accurate information about the pages of the website But let s take a closer look at what is Google Lighthouse is and why we should use it Table of ContentsWhat is Google LighthouseSpeed ​​is one of the basic criteriaHow Google Lighthouse worksPageSpeed ​​Insights vs Google LighthouseHow to work with Google LighthouseWork with Google Lighthouse in Google ChromeWork with Google Lighthouse in Chrome with browser extensionConclusion What is Google LighthouseEach report provided by this tool has five parts PerformanceAccessibilityBest PracticesSEOProgressive Web AppEach of these sections gives you a score from zero to one hundred for reviewing web pages so you can understand your strengths or weaknesses in each section Google Lighthouse first examines each section and gives you a score Google Lighthouse has a feature to click on the desired section for a better and more accurate analysis of your page and see more details After analyzing and fixing the weaknesses of the website you can re analyze your page with this tool and watch the process of improving your website Speed ​​is one of the basic criteriaIn fact Google Lighthouse metrics help you understand how fast a website loads and how long it takes for a user to interact with the website Note that website loading speed is very important in how users interact with your website To better understand this issue consider the following Many users say that the worst part of the UI experience is the long wait for the website pages to load On average it takes about seconds to load most landing pages on a mobile phone On average of users spend their time on websites with a loading speed of more than five seconds By increasing every second of the webpage load time the user interaction rate decreases by seven percent The statistics you see are a huge part of the UI experience With the help of the Google Lighthouse tool you can understand the performance and quality of your website Also according to the information obtained by using this tool you can easily improve the status of your website How Google Lighthouse worksYou might think that you can simply enter the website address in the browser search bar and then find out how fast a website is loading But website users live in different areas and have access to other internet ISPs even the type of search and how users use them may differ Although most website traffic is usually from mobile devices most users do not have access to the fourth generation G and fifth generation G Internet For this reason Google lighthouse performs a simulation and measures the website s loading speed with a third generation G Internet You may now be wondering why Google is doing this Almost every website loads with very high speed fourth and fifth generation internet But most users do not have access to such high speed internet For this reason Google considers the majority of users and tests websites with a three generation Internet speed Since Google has a similar algorithm that scans such websites you should check your website in the same way Google lighthouse tools will help you to do this PageSpeed ​​Insights vs Google LighthouseThe PageSpeed ​​Insight tool focuses only on the performance of your web pages Still as mentioned the Google lighthouse tool has the ability to analyze performance accessibility best practices SEO and advanced web applications Although the Google lighthouse tool analyzes the website more accurately and completely what is the purpose of the PageSpeed ​​Insights tool In fact PageSpeed ​​Insights scans the website using real world data while the Google lighthouse tool scans the website based on a comprehensive scan and does not necessarily use real world data to analyze the site Therefore it can be said that the PageSpeed ​​Insights tool is more suitable for checking the website s performance How to work with Google LighthouseThere are two ways to use this tool both of which are very simple easy and understandable so that any website administrator with any amount of technical knowledge can use this tool well Follow us to get acquainted with two ways to do this Work with Google Lighthouse in Google ChromeFirst open your desired website in the Google Chrome browser Right click on the website page and click Inspect or you can press the F key on the keyboard From the tabs click on the Lighthouse From the Device section specify that you want to evaluate the website s performance on mobile or desktop Click the Generate report button to review and analyze the website Work with Google Lighthouse in Chrome with browser extensionSearch for the word Lighthouse in the Chrome Web Store Click on the first plugin Lighthouse as shown Click the Add to Chrome button to install the plugin A window will open click the Add extension button Enter your desired website In the upper right corner of your browser click on a puzzle like icon Click on the Lighthouse plugin To specify the desired device click on the gear icon and select the desired device Click the Generate report button to analyze and review the website Conclusionas you see you can easily check and analyze the quality of the website in the shortest possible time using the powerful Google Lighthouse tool In addition to helping you rank well in search results this tool also provides important information about the website s user experience The user interface experience is a very important factor for Google and it is certainly an important issue for a webmaster who should take it seriously Good LuckThank you for being with us until the end of this article If you liked this article do not forget to like and follow	2021-12-01 12:33:55
海外TECH	DEV Community	How to Set Up Git?	https://dev.to/syedsohan/how-to-set-up-git-53ce	How to Set Up Git Hello good people In this blog post we will learn how to set up Git on your local computer Because Git is responsible for everything GitHub related that happens locally on your computer Those who don t know what Git amp GitHub is kindly read this post to know about Git amp GitHub Introduction to Git amp GitHub for Beginners Table of contentsDownload and Install GitSet your Git username GloballySet your Git username for a Single RepositorySet your email globallySet your email for a single repository Download and Install GitTo download amp install Git just go to this following page and download Git for your preferable OS macOS Windows Linux Unix Set your Git username GloballyYou can change the name that is associated with your Git commits using the git config command The new name you set will be visible in any future commits you push to GitHub from the command line Open Git Bash Set your Git username git config global user name John Doe Recheck that you ve given the right username git config global user name gt John Doe Set your Git username for a Single RepositoryOpen Git Bash Change the current working directory to the local repository where you want to configure the name that is associated with your Git commits Set your Git username git config user name John Doe Recheck that you ve given the right username git config user name gt John Doe Set your email globallyOpen Git Bash Set your email address in Git You can use your GitHub provided no reply if you change your email public to private in GitHub email address or any email address git config global user email email example com Recheck that you ve given the right email git config global user email gt email example com Set your email for a single repositoryOpen Git Bash Change the current working directory to the local repository where you want to configure the email address that is associated with your Git commits Set your email address in Git You can use your GitHub provided no reply if you change your email public to private in GitHub email address or any email address git config user email email example com Recheck that you ve given the right email git config user email gt email example comThanks for reading this post Stay tuned for more You can find me here also	2021-12-01 12:30:39
海外TECH	DEV Community	How to Create a ChatBot Assistant using NextJs, TailwindCss and Strapi	https://dev.to/strapi/how-to-create-a-chatbot-assistant-using-nextjs-tailwindcss-and-strapi-3ome	How to Create a ChatBot Assistant using NextJs TailwindCss and StrapiCommunication is key to building great brands in this digital age we have got lots of opportunities and ways to carry out great communications From social media to emails to text and calls the limit of communications has been tested One major innovation in communication has got to be ChatBots Simply put a chatbot is a software application used to conduct an online chat conversation via text or text to speech It can be used to substitute a real chat with a live human agent It has been used in various scenarios ranging but not limited to personal assistants customer support booking of tickets e shopping also e banking to mention a few This tutorial will show you how to build a Rule Based Chatbot Assistant using Next js and Tailwind CSS as frontend and Strapi headless CMS as backend You can find the link to the finished frontend code here as well as the backend code here Advantages of using ChatbotIt is necessary that before we proceed further into this article we have a picture of what chatbot brings to the table when used adequately Some of the advantages of using a chatbot include Availability Since a chatbot is a software application that can be hosted it means it doesn t sleep hence it is always available at any time of the day This gives a company or person a great brand image that at any time of the day clients can get support on their varying requests Cost reduction As an application that can be deployed in multiple places it reduces the cost of running a large number of customer care representatives Efficiency A single chatbot can be deployed in various places and also simultaneously attend to multiple requests at once Improved online presence Some chatbots allow for the integration to other messaging platforms this allows a consistent response sent across multiple platforms and which leads to improved brand identity PrerequisiteBefore starting this tutorial you need to haveNode js installed on your local machine v or v Check this tutorial for instructions on how to install Node jsBasic understanding of Strapi Get started with this quick guideBasic knowledge of Next jsBasic knowledge of Tailwind CSS What is Next JsNext js is an awesome React framework for building highly dynamic applications It comes with pre rendering automatic code splitting amongst many other great features out of the box What is Tailwind CSSTailwind CSS is a utility first CSS framework for rapidly building custom user interfaces With Tailwind CSS we write our CSS directly in our HTML classes This is quite useful as we don t need to import an external stylesheet or use a separate library for UI designs What is StrapiStrapi is a Node js open source headless CMS that allows us to develop APIs and manage content easily without the hassle of building out a project from scratch It allows for customization and self hosting as opposed to the rigid traditional CMS we are used to We can easily build out APIs faster and consume the contents via APIs using any REST API client or GraphQL Scaffolding a Strapi ProjectTo setup a new Strapi Project is quite straightforward just run this command npx create strapi app chatbot assistant quickstartChange chatbot assistant to the preferred name of your projectNb During the setup we would not be using any Strapi templateThis would install and create a Strapi application and set up the project locally After installation the browser would open a page on localhost which would prompt to set up a super admin account to proceed with Strapi Building the Interchange collectionNext we will create a new collection type that will store the details of each question and their respective answers Hence create a collection type called interchange that has these fields question answerClicking “Continue would bring up another screen to select the fields for this collection Choose the “Text field from the list and provide question as its name Next we select the Long Text type in the Base Settings this would allow us to enter longer and more descriptive questions when creating an interchange Next we proceed to the “Advanced settings tab and check the “Required field box to ensure this field is required when creating a new interchange Also we check the “Unique field box to prevent having the same question our interchange We click on the Add another field to add the answer field Below is a table showing the properties for both fields in this collection Field NameField TypeRequiredUniquequestionlong texttruetrueanswerrich texttruefalse Seeding StrapiWe would proceed next to define the questions and respective answers given by our bot To add data to the collection we select the Interchanges Collection on the left sidebar click “Add New Interchanges and fill in the details For this tutorial I would be seeding the interchange with an about me interchange in mind so our bot can act as an assistant that tells visitors more about us and our services After seeding our collection looks thus Allowing Public accessBy default whenever you create an API Strapi creates six endpoints from the name given to the API The endpoints generated for Interchange should look like this By default they re all going to be restricted from public access We need to tell Strapi that you re okay with exposing these checked endpoints to the public Go to Settings gt Users amp Permissions Plugin gt Roles and click to edit the Public Role Next scroll down to permissions and check find for Interchange This endpoint http localhost interchanges should now be available And the sample response this id question What are your skills answer I am skilled at frontend development as well as backend development published at T Z created at T Z updated at T Z id question How can I reach you answer You can reach me via my phone line or via my twitter handle interchange demo published at T Z created at T Z updated at T Z id question How long have you been a developer answer years published at T Z created at T Z updated at T Z id question Do you have leadership experience answer Yes I do published at T Z created at T Z updated at T Z id question What other skills do you have apart from software development n answer I am a technical writer and also a community builder published at T Z created at T Z updated at T Z Scaffolding a NextJs projectCreate a Next js appTo create a Next js app open your terminal cd into the directory you d like to create the app in and run the following command npx create next app e with tailwindcss nextjs chatbotThis would also configure Tailwind CSS with the projectRun the Next js development serverNext we cd into the newly created directory in our case that would be nextjs chatbot cd nextjs chatbotAfter which we start up the development server by running this command npm run devIf everything was set up fine the next js server should now be running on http localhost we should get this shown on our browser Building NextJs ComponentsNext we proceed to any text editor of our choice to develop the rest of the application We use Visual Studio Code for this tutorial Opening up the installed project we should have a folder structure such as this To begin the design of the interface we would remove all the content of the index js file which is found inside the pages folder this is the entry point of the NextJs project We replace it with the content below import Head from next head import useState useEffect from react import createMarkup tranformInterchanges showBotTyping getBotAnswer fetchQuery from utils helper export default function Home interchanges const userQuestion setUserQuestion useState const allow setAllow useState false const interchange setInterchange useState useEffect async gt await showBotTyping setInterchange setAllow setInterchange owner false text tranformInterchanges interchanges true interchanges const handleSubmit async e gt e preventDefault if userQuestion allow return const uQ userQuestion const newInterchange interchange owner true text userQuestion setInterchange newInterchange setUserQuestion setAllow false getBotAnswer interchanges setInterchange uQ newInterchange setAllow return lt div className flex flex col font mono items center justify center min h screen gt lt Head gt lt title gt ChatBot Assistant lt title gt lt link rel icon href favicon ico gt lt Head gt lt form className flex flex col w full flex onSubmit handleSubmit gt lt header className flex w full h fixed bg black border b gt lt span className flex items center text white font bold text lg p gt Bot Assistant lt span gt lt header gt lt div className flex flex col mt bg gray overflow scroll p w full style height vh gt interchange map chat i gt chat owner lt div key i className user flex flex row my w full p gt lt span className w gt lt span gt lt span className w bg gray p rounded gt chat text lt span gt lt div gt lt div key i className bot my bg gray w lg w p rounded gt lt span dangerouslySetInnerHTML createMarkup chat text gt lt div gt lt div id scrollTo gt lt div gt lt div gt lt footer className flex flex row justify between items center p h w full bottom gt lt div className flex flex row justify between flex bg white w full gt lt input className bg gray w p placeholder Type a message value userQuestion onChange e gt setUserQuestion e target value gt lt button className bg black p ml w text white type submit gt Send lt button gt lt div gt lt footer gt lt form gt lt div gt export async function getStaticProps const interchanges await fetchQuery interchanges return props interchanges Explanation of above codeThe above code is used to display the UI for the chat interface that is both the messages input area as well and the send button In the upper section we imported the helper function from a helper js file these functions would be used to make the app functional import Head from next head import useState useEffect from react import createMarkup tranformInterchanges showBotTyping getBotAnswer fetchQuery from utils helper Next using the useState hooks we create multiple variables we would use later in the app to achieve various purposes The userQuestion is used to keep track of the current question being typed by the user that is the text in the input box The allow state is used to prevent a user from sending multiple messages when the bot is currently still replying to a previously sent message The interchange state is used to store internally the messages between both the bot and the user const userQuestion setUserQuestion useState const allow setAllow useState false const interchange setInterchange useState The portion of code in the useEffect fires once the app is started and does the following Firstly it shows an animation of the bot typing for a few seconds Next it sets the first default message sent by the bot to the user this message contains the question gotten from the Strapi API when the app was started useEffect async gt await showBotTyping setInterchange setAllow setInterchange owner false text tranformInterchanges interchanges true interchanges The handleSubmit function is the handler that gets called once the user sends their message to the bot We only allow a successful submit if the user indeed has entered value in the text box and also only if the bot doesn t have a question it is currently processing Next add the new question of the user into the interchange state remove the typed text of the user from the input box and set the allow state to false to prevent the user from sending another text till the bot returns with a result The getBotAnswer helper function is then used to get the answer from the bot and update the UI const handleSubmit async e gt e preventDefault if userQuestion allow return const uQ userQuestion const newInterchange interchange owner true text userQuestion setInterchange newInterchange setUserQuestion setAllow false getBotAnswer interchanges setInterchange uQ newInterchange setAllow As can be seen in the index js file we imported a helper js file This means we need to create this file to do this we create a folder at the root of our application called utils and then create a file in it called helper js Next copy the content of the file below into the newly created helper js file const baseUrl process env BASE URL localhost export const createMarkup text gt return html text export const tranformInterchanges interchanges initial false gt let initialText initial lt b gt Welcome to my page glad to have you here lt b gt lt br gt Tell me what you would like to know lt br gt lt br gt interchanges map e i gt initialText i e question lt br gt lt br gt return initialText export const searchInterchange interchanges question gt let result interchanges find e gt e question toLowerCase includes question toLowerCase if result return result answer return Cant seem to understand your question please try again lt br gt lt br gt Here are the options again lt br gt lt br gt tranformInterchanges interchanges export const showBotTyping async setInterchange prevState setAllow gt scrollDown await new Promise resolve gt setTimeout resolve setInterchange prevState owner false text Bot Assistant is typing scrollDown await new Promise resolve gt setTimeout resolve setInterchange prevState owner false text Bot Assistant is typing scrollDown await new Promise resolve gt setTimeout resolve setInterchange prevState owner false text Bot Assistant is typing scrollDown await new Promise resolve gt setTimeout resolve setAllow true scrollDown export const getBotAnswer async interchanges setInterchange question prevState setAllow gt await showBotTyping setInterchange prevState setAllow setInterchange prevState owner false text searchInterchange interchanges question scrollDown const scrollDown gt document getElementById scrollTo scrollIntoView behavior smooth block start export const fetchQuery async path params null gt let url if params null url baseUrl path params else url baseUrl path const response await fetch http url const data await response json return data Explanation of above codeThe above code contains various helper functions that are used in the app First we set the base URL for the API which in our case is localhost but if we eventually host the Strapi API we would then update the BASE URL in the env file to the remote Strapi API Next we use createMarkup to show the messages from the bot with any HTML formatting it comes with const baseUrl process env BASE URL localhost export const createMarkup text gt return html text The tranformInterchanges function is used to display the first message sent by the bot to the user which contains all possible questions that can be asked in a finely formatted way export const tranformInterchanges interchanges initial false gt let initialText initial lt b gt Welcome to my page glad to have you here lt b gt lt br gt Tell me what you would like to know lt br gt lt br gt interchanges map e i gt initialText i e question lt br gt lt br gt return initialText The searchInterchange is the heart of the app it is where all user questions are scanned to see if there is an adequate response for it If there is it returns a response from the provided answers else it returns a response indicating that no results were found while and also displaying all questions the user can ask export const searchInterchange interchanges question gt let result interchanges find e gt e question toLowerCase includes question toLowerCase if result return result answer return Cant seem to understand your question please try again lt br gt lt br gt Here are the options again lt br gt lt br gt tranformInterchanges interchanges export const showBotTyping async setInterchange prevState setAllow gt scrollDown await new Promise resolve gt setTimeout resolve setInterchange prevState owner false text Bot Assistant is typing scrollDown await new Promise resolve gt setTimeout resolve setInterchange prevState owner false text Bot Assistant is typing scrollDown await new Promise resolve gt setTimeout resolve setInterchange prevState owner false text Bot Assistant is typing scrollDown await new Promise resolve gt setTimeout resolve setAllow true scrollDown The showBotTyping is used to mimic a human it gives the bot a human feeling by delaying its response a bit and using that time to display a message that the bot is typing This typing animation would be removed from the chat history once a response comes back from the bot export const showBotTyping async setInterchange prevState setAllow gt scrollDown await new Promise resolve gt setTimeout resolve setInterchange prevState owner false text Bot Assistant is typing scrollDown await new Promise resolve gt setTimeout resolve setInterchange prevState owner false text Bot Assistant is typing scrollDown await new Promise resolve gt setTimeout resolve setInterchange prevState owner false text Bot Assistant is typing scrollDown await new Promise resolve gt setTimeout resolve setAllow true scrollDown The getBotAnswer function sends the user question to the bot and then updates the chat with the bot response export const getBotAnswer async interchanges setInterchange question prevState setAllow gt await showBotTyping setInterchange prevState setAllow setInterchange prevState owner false text searchInterchange interchanges question scrollDown const scrollDown gt document getElementById scrollTo scrollIntoView behavior smooth block start We use the scrollDown function to smoothly bring the current message sent by either the bot or the user into view This makes it more like a chat app with users not having to manually scroll down to see recent messages const scrollDown gt document getElementById scrollTo scrollIntoView behavior smooth block start And that s it for the code section of the frontend part of this tutorial In the next section we would be seeing a demo of the finished app Finished AppThe finished app looks like this ConclusionThere s no doubt that the benefit a chatbot assistant brings outweigh any negative effect it could have This method allows us to free up our time by allowing this bot to answer repetitive questions about us our business our organization or event The possibilities of this are endless and can only be left to one s imagination This tutorial demonstrated how easily you can build a bot using technologies already very much common If this interests you check out Strapi s website to learn more about the headless CMS	2021-12-01 12:12:23
海外TECH	DEV Community	Wednesday Links - Edition 2021-12-01	https://dev.to/0xkkocel/wednesday-links-edition-2021-12-01-661	Wednesday Links Edition GC progress from JDK to JDK min A tale of Java Hash Tables min ️How compilers work from source to execution min Welcome to Fleet min ️You Can t Buy Integration min IntelliJ IDEA is here sec O Kafka Where Art Thou min Kafka Streams with Quarkus min ️Hibernate goes Reactive What Does That Mean min ️	2021-12-01 12:11:33
海外TECH	Engadget	Xbox gamers will soon be able to share gameplay clips via public links	https://www.engadget.com/xbox-game-clips-are-becoming-easier-to-share-with-unique-ur-ls-124013046.html?src=rss	Xbox gamers will soon be able to share gameplay clips via public linksXbox video game clips are about to become much more easily shareable via unique public URLs on the Xbox mobile app according to a tweet from Microsoft s Larry Hryb majornelson Those links will also be collected into a new quot trending content quot area so you can see what others are doing The features are now being tested in the app and will quot soon roll out to all users Hryb said nbsp Link sharing and trending content are coming soon to the Xbox mobile app letting you share links to your game clips and see the top trending content from other Xbox gamers This is currently being tested in the app and will soon be rolling out to all users pic twitter com ZzhmvEFvgーLarry Hryb majornelson November quot With Link sharing just go to the capture you want to share in the Xbox mobile app to get a link then paste it anywhere to share with your friends who don t need to be signed in to view your capture We are now testing this long requested feature quot Hryb said in the thread According to images shared by Hryb the trending content section is a new social media type site on iOS and Android kinds of resembles wait for it TikTok s feed ーsomewhat of a trend lately Clicking on it opens up highlights that you can scroll through and then like comment and share top nbsp Microsoft already offers the ability to share game clips and screenshots via your profile s activity feed clubs messages and social media on consoles as well as the mobile app Sony also recently unveiled a similar feature on the PlayStation However letting you generate public links should make it more seamless and Microsoft is making it more accessible with the social media aspect The company has been testing the feature with developers but you should see the feature in the near future	2021-12-01 12:40:13
海外TECH	Engadget	The Morning After: DJI's newest drone is all about the cameras	https://www.engadget.com/the-morning-after-dj-is-newest-drone-is-all-about-the-cameras-121531268.html?src=rss	The Morning After DJI x s newest drone is all about the camerasDJI s newest technically impressive and expensive drone is here It addresses issues with visual quality short flight time and a simplified flying experience Judging by Associate Editor Steve Dent s review it s an incredible drone even if some features were missing at launch The Mavic is peerless when it comes to image quality ーso that speaks to who it s aimed at It s definitely not for the beginner drone dilettante like me Read our full review here and make sure to watch our gorgeous review too ーMat SmithBethesda shows off more Starfield Take a look at some concept art and footage from the sci fi RPG There s still roughly a year to go before nbsp Starfield launches on PC and Xbox Series X S but Bethesda has released a seven minute Into the Starfield The Endless Pursuit featurette to show off a lot of concept art and work in progress assets Game director Todd Howard also offered a tease He said Starfield has quot two step out moments quot Many other games typically only have one of those in which the player sees the expanse of an open world environment for the first time Expect a leap from a planet to a galaxy to a universe Or maybe time travel I don t know OK Continue readingSponsored by CISCO Security Outcomes Study for Small BusinessesRussia may press criminal charges in ISS pressure leak incident These attacks are false and lack any credibility said NASA Administrator Bill Nelson In astronauts aboard the International Space Station plugged a mm quot hole quot in a Soyuz MS vehicle that had docked with the station While the pressure leak never posed an immediate threat to those aboard it prompted Russia to open an investigation to find out if the incident was the result of sabotage Roscosmos the country s space agency recently completed its probe of the event and sent the results to Russian law enforcement officials opening the door for them to announce criminal charges Continue reading BMW M s second standalone model is the Concept XM plug in hybridThe Concept XM is the most powerful BMW M car to go into production BMWBMW M the famous automaker s subsidiary in charge of high performance vehicles has introduced its second standalone model over years after the M was first sold to the public The new vehicle is a plug in hybrid model called the Concept XM and it s apparently the most powerful BMW M car to ever go into series production It will use the company s newly developed M Hybrid drive system that combines a V engine with a high performance electric motor That will give the vehicle an all electric range of km miles The series production version of the vehicle ーthe BMW XM ーwill start production by the end of Continue reading Patient receives the world s first fully D printed prosthetic eyeIt used a D scan of the eye socket and color calibrated photo of the healthy eye NHSA patient has been fitted with a highly realistic D printed prosthetic eye for the first time ever Steve Verze received the high tech version as a permanent replacement for his traditional prosthetic eye quot It makes me feel more and more confident quot he told On Demand News quot If I can t spot the difference I know other people won t spot the difference quot Previously doctors would need to make a mold of the eye socket but this new process involves a non invasive second scan using a specially modified ophthalmic scanner that delivers a precise measurement of the eye socket That data combines with a color calibrated image of the healthy eye which is then replicated in a D print model Verze s prosthetic is a precursor to a forthcoming clinical trial that will evaluate the effectiveness of D printed eyes vs traditional handmade eyes Continue reading Record breaking Twitch streamer Ludwig Ahgren is moving to YouTubeHe s following other prominent streamers like CourageJD TimTheTatMan and DrLupo YouTube Gaming continues to poach Twitch talent and the latest to defect is quot Ludwig quot Ahgren Ludwig is best known for his marathon streaming session that allowed him to break the Twitch all time subscriber record held by Ninja eventually hitting all time active subs Ludwig broke the news in a Twitter video that showed him driving with his manager quot Slime quot in a purple car which explodes after they get out He then jumps into a red model driving home the point that he s leaving team purple for team red Twitch s color scheme is purple while YouTube s is yes red Continue reading UK competition regulator orders Meta to sell GiphyIt found the deal could harm social media users and UK advertisers As rumored earlier this week the UK s Competition and Markets Authority CMA has ordered Meta Facebook to sell Giphy saying the deal quot could harm social media users and UK advertisers quot It found the deal would boost Meta s already prodigious market power by limiting other platforms access to Giphy s catalog of GIFs quot driving more traffic to Facebook owned sites ーFacebook WhatsApp and Instagram quot quot We disagree with this decision We are reviewing the decision and considering all options including appeal Both consumers and Giphy are better off with the support of our infrastructure talent and resource quot a Meta spokesperson told Engadget Continue reading Three Google workers sue over alleged violations of don t be evil mottoThe former employees said the company s policy was binding Former Google engineers Paul Duke Rebecca Rivers and Sophie Waldman have sued the company for allegedly violating the quot don t be evil quot segment of the company s code of conduct They claim Google fired them for organizing worker opposition to controversial projects like working with the Trump era Customs and Border Protection The lawsuit won t necessarily lead to stiff penalties Google has already settled with Berland over his departure Continue reading nbsp nbsp The biggest news stories you might have missedFormula E says third gen vehicle will be the world s most efficient race carCell based living robots can reproduce themselvesTwitter bans sharing private images and videos without consentJack Dorsey took on Twitter s biggest problems but leaves plenty of challenges for his successorAmazon ordered to rerun contentious Alabama union electionEngadget Deals Samsung s Galaxy Watch Active drops to an all time low of	2021-12-01 12:15:31
海外TECH	CodeProject Latest Articles	Create .NET MVC Web Application using Visual Studio on Mac OS [Part 2]	https://www.codeproject.com/Tips/5318830/Create-NET-MVC-Web-Application-using-Visual-Stud-2	amazon	2021-12-01 12:09:00
ニュース	BBC News - Home	Covid: No need to cancel Christmas party plans - Javid	https://www.bbc.co.uk/news/uk-59486165?at_medium=RSS&at_campaign=KARANGA	booster	2021-12-01 12:53:29
ニュース	BBC News - Home	Johanna Konta: British former Wimbledon semi-finalist and world number four retires	https://www.bbc.co.uk/sport/tennis/59466439?at_medium=RSS&at_campaign=KARANGA	professional	2021-12-01 12:01:56
ニュース	BBC News - Home	Zog Energy becomes latest firm to collapse in gas price crisis	https://www.bbc.co.uk/news/business-59488818?at_medium=RSS&at_campaign=KARANGA	customers	2021-12-01 12:01:25
ニュース	BBC News - Home	Storm Arwen: 'Exhausting' fifth night without power for tens of thousands	https://www.bbc.co.uk/news/uk-england-59483500?at_medium=RSS&at_campaign=KARANGA	arwen	2021-12-01 12:54:29
ニュース	BBC News - Home	Astroworld: Half of victims' families reject Travis Scott's funeral costs offer	https://www.bbc.co.uk/news/entertainment-arts-59488632?at_medium=RSS&at_campaign=KARANGA	families	2021-12-01 12:07:59
ニュース	BBC News - Home	Storm Arwen: The mother who's been without power for five nights	https://www.bbc.co.uk/news/uk-england-59488474?at_medium=RSS&at_campaign=KARANGA	england	2021-12-01 12:04:40
ニュース	BBC News - Home	England 20-0 Latvia: Ellen White sets goalscoring record	https://www.bbc.co.uk/sport/av/football/59485974?at_medium=RSS&at_campaign=KARANGA	England Latvia Ellen White sets goalscoring recordWatch highlights as England thrash Latvia to record their biggest ever competitive victory and Ellen White becomes the Lionesses record goalscorer	2021-12-01 12:00:45
LifeHuck	ライフハッカー［日本版］	スリムさと収納力を両立。スリングバッグ「Radiant R0 Plus」	https://www.lifehacker.jp/2021/12/machi-ya-radiantr0plus-start.html	radiantrplus	2021-12-01 22:00:00
LifeHuck	ライフハッカー［日本版］	Chromebookが大特価！ 3万円以下で買えるノートPC3選【Amazonブラックフライデー】	https://www.lifehacker.jp/2021/12/chromebook-amazon.html	amazon	2021-12-01 21:30:00
北海道	北海道新聞	伊藤千代子の生涯描く映画　苫小牧でロケ始まる	https://www.hokkaido-np.co.jp/article/618005/	伊藤千代子	2021-12-01 21:19:00
北海道	北海道新聞	北のマンゴー余剰熱でたわわ　鹿追のバイオガス発電所のハウス	https://www.hokkaido-np.co.jp/article/618004/	環境保全	2021-12-01 21:17:00
北海道	北海道新聞	通訳案内士の業務激減　訪日客受け入れ再開見通せず	https://www.hokkaido-np.co.jp/article/617990/	受け入れ	2021-12-01 21:17:57
北海道	北海道新聞	十勝で冬のスポーツ宿泊予約回復　スケートインカレで１０００人超連泊	https://www.hokkaido-np.co.jp/article/618003/	十勝管内	2021-12-01 21:17:00
北海道	北海道新聞	Ｊ１徳島、サポに無期限入場禁止　湘南戦、セレモニーで不適切発言	https://www.hokkaido-np.co.jp/article/618002/	不適切発言	2021-12-01 21:16:00
北海道	北海道新聞	藤沢五月「自分たちのプレーに集中」　カーリング五輪最終予選へ意気込み	https://www.hokkaido-np.co.jp/article/617977/	世界最終予選	2021-12-01 21:13:01
北海道	北海道新聞	稚ウニ放流の経費支援、知事に切望　厚岸、釧路で漁業者ら	https://www.hokkaido-np.co.jp/article/617999/	釧路	2021-12-01 21:11:00
北海道	北海道新聞	ガールズバー無銭飲食で無罪判決　店の伝票「明らかに虚偽」	https://www.hokkaido-np.co.jp/article/617998/	東京都葛飾区	2021-12-01 21:11:00
北海道	北海道新聞	後志管内感染者ゼロ　新型コロナ	https://www.hokkaido-np.co.jp/article/617997/	新型コロナウイルス	2021-12-01 21:11:00
北海道	北海道新聞	樽商大生運営シェアハウス　若者の活動拠点づくり狙い開業　花園地区交流の場　カフェも計画	https://www.hokkaido-np.co.jp/article/617996/	portaru	2021-12-01 21:09:00
北海道	北海道新聞	「星龍軒」の塩ラーメン、セブンイレブンで復活　道南で発売	https://www.hokkaido-np.co.jp/article/617994/	塩ラーメン	2021-12-01 21:07:00
北海道	北海道新聞	住宅ローン減税、期間の拡大検討　原則１０年から、控除率は縮小	https://www.hokkaido-np.co.jp/article/617993/	住宅ローン	2021-12-01 21:06:00
北海道	北海道新聞	道内、３回目接種開始　旭川や新ひだかの医療従事者	https://www.hokkaido-np.co.jp/article/617979/	医療従事者	2021-12-01 21:03:21
ビジネス	東洋経済オンライン	中国家電大手､独シーメンス｢ITS事業｣買収に意欲 ハイセンス､中国の交通システム構築に実績 | 「財新」中国Biz＆Tech | 東洋経済オンライン	https://toyokeizai.net/articles/-/471725?utm_source=rss&utm_medium=http&utm_campaign=link_back	biztech	2021-12-01 21:30:00