投稿時間:2021-11-27 00:41:34 RSSフィード2021-11-27 00:00 分まとめ(54件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	NetworkXで経路探索をやってみる。＜グラフ作成〜A*アルゴリズム＞	https://qiita.com/tentsukup_channel/items/dbbf3581cb40e44610e4	本記事は、NetworkXを使用して、グラフの作成経路探索した記録です。	2021-11-26 23:42:35
python	Pythonタグが付けられた新着投稿 - Qiita	WindowsでPDMを使ってtorchvisionを入れようとしたらエラーで怒られてしまった人へ	https://qiita.com/watabe951/items/c45f272ec3097038846a	この時聞かれるパッケージの初期設定については、PleaseenterthePythoninterpretertouseに対してはpyenvwinのpythonを選択し、他の設定はデフォルトを選択する何も入力せずにenter。	2021-11-26 23:12:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	出力した文字を綺麗に枠に収めたい	https://teratail.com/questions/371153?rss=all	出力した文字を綺麗に枠に収めたい前提・実現したいことここに質問の内容を詳しく書いてください。	2021-11-26 23:52:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	LaravelのURLでユーザーのid以外をパラメータに使いたい。	https://teratail.com/questions/371152?rss=all	LaravelのURLでユーザーのid以外をパラメータに使いたい。	2021-11-26 23:45:25
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【bottle】sqlite3のtableの内容をブラウザで更新したい	https://teratail.com/questions/371151?rss=all	table内の情報をブラウザで更新したいのですが、更新した内容をpostでwebサーバに送るときにエラーコードが出てしまいました。	2021-11-26 23:41:51
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	NuxtのvueファイルでJSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exis	https://teratail.com/questions/371150?rss=all	NuxtのvueファイルでJSXelementimplicitlyhastypexanyxbecausenointerfacexJSXIntrinsicElementsxexis解決したいことvscodeで突如として以下のようなエラーが出るようになりました。	2021-11-26 23:40:11
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	C++にて日本語を標準入力した際に日本語が表示されない（文字化け？）	https://teratail.com/questions/371149?rss=all	Cにて日本語を標準入力した際に日本語が表示されない文字化け前提・実現したいこと標準入力された日本語が文字化けせずに標準出力されること。	2021-11-26 23:37:11
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	for文のエラーについて	https://teratail.com/questions/371148?rss=all		2021-11-26 23:36:17
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Nuxt x NetlifyCMS デプロイ先でブログを開くと「this page could not be found」（※ローカル動作正常）	https://teratail.com/questions/371147?rss=all	NuxtxNetlifyCMSデプロイ先でブログを開くと「thispagecouldnotbefound」※ローカル動作正常初めまして私の質問投稿をご覧いただき、誠にありがとうございます。	2021-11-26 23:33:10
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	パス記法でrouter.pushで値を渡すことはできるのでしょうか？	https://teratail.com/questions/371146?rss=all	パス記法でrouterpushで値を渡すことはできるのでしょうかthisrouterpushpathsigninparamssignupmessage登録成功しました以上の様にsigninというコンポーネントに登録成功のメッセージを渡したいのですが、遷移先でメッセージが表示されないです。	2021-11-26 23:30:34
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VueRouterで登録したnameが読み込めない	https://teratail.com/questions/371145?rss=all	VueRouterで登録したnameが読み込めないタイトル通りではあるのですが、vuenbsprouterのname属性が読み込めず画面が真っ白となりコンソールを見るとuncaughtnbspReferenceErrornbspsigninnbspisnbspnotnbspdefinedと出てきます。	2021-11-26 23:21:13
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Unityで、rotationがうまく動かない	https://teratail.com/questions/371144?rss=all	このPlayerオブジェクト自体は、Sceneビュー上では回転していることが確認できます。	2021-11-26 23:14:50
Ruby	Railsタグが付けられた新着投稿 - Qiita	railsチュートリアル第十三章 マイクロポストを作成する	https://qiita.com/masatom86650860/items/39b6e316124e744fa313	普通にHTMLとしてフォームを送信する場合にlocaltrueが必要になるgtltマイクロポストをHTMLのフォームとして一つずつ取り出すgtltrendersharederrormessagesobjectfobjectgtltsharedフォルダのerrormessagesを表示させる。	2021-11-26 23:09:05
Ruby	Railsタグが付けられた新着投稿 - Qiita	railsチュートリアル第１３章 マイクロポストを操作する	https://qiita.com/masatom86650860/items/9c2efd4f84de6556285b	マイクロポストリソースのルーティングconfigroutesrbRailsapplicationroutesdrawdousersの有効にするためresourcesaccountactivationsonlyediteditアクションへの名前付きルートが必要になるためルーティングのアカウント有効化resourcespasswordresetsonlynewcreateeditupdate新しいパスワードを再設定するためのフォームと、Userモデル内のパスワードを変更するためresourcesmicropostsonlycreatedestroyマイクロポストにはcreatedestroyあれば十分RESTfulなルーティングのサブセットになります。	2021-11-26 23:04:03
技術ブログ	Developers.IO	Jestで標準出力（console.log）を非表示にする	https://dev.classmethod.jp/articles/prevent-displaying-standard-output-consolelog-in-jest/	jestdelightfuljavascr	2021-11-26 14:51:30
海外TECH	Ars Technica	The best Black Friday 2021 deals on Apple devices	https://arstechnica.com/?p=1815883	devices	2021-11-26 14:30:36
海外TECH	Ars Technica	Andrew and Lee continue watching The Wheel of Time—and it’s getting real	https://arstechnica.com/?p=1815632	realthe	2021-11-26 14:00:35
海外TECH	MakeUseOf	What Are Hitboxes in Gaming?	https://www.makeuseof.com/hitboxes-gaming/	gaming	2021-11-26 14:46:12
海外TECH	MakeUseOf	How to Disable the Start Screen in Photoshop	https://www.makeuseof.com/photoshop-how-to-disable-start-screen/	intentions	2021-11-26 14:32:38
海外TECH	MakeUseOf	Level Up Your Game Collection With Best Buy's Black Friday Sale	https://www.makeuseof.com/best-buy-black-friday-game-deals/	black	2021-11-26 14:24:16
海外TECH	MakeUseOf	Is Grinding in Video Games Good or Bad?	https://www.makeuseof.com/grinding-video-games-good-or-bad/	video	2021-11-26 14:15:21
海外TECH	DEV Community	🚀10 Trending projects on GitHub for web developers - 26th November 2021	https://dev.to/iainfreestone/10-trending-projects-on-github-for-web-developers-26th-november-2021-4p6e		2021-11-26 14:47:36
海外TECH	DEV Community	Grab your first Internship	https://dev.to/mrdanishsaleem/grab-your-first-internship-4fbj	Grab your first InternshipStart Applying EarlyUse Your Network EffectivelyConnect with Real PeopleStand Out with your PortfolioPrepare for the Technical InterviewTrack Everything 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-11-26 14:43:22
海外TECH	DEV Community	❗ DON'T add a video background to your landing page to make it more gorgeous ❗ [TW: gratuitous swearing]	https://dev.to/inhuofficial/dont-add-a-video-background-to-your-landing-page-to-make-it-more-gorgeous-tw-gratuitous-swearing-bja	DON x T add a video background to your landing page to make it more gorgeous TW gratuitous swearing I said I wasn t going to do angry rants anymore I really did try But fuck me people are still creating tutorials on how to create video backgrounds Have I gone back to when nobody gave a fuck about performance or the environment or conversions or people with disabilities Strap in ladies gents and non binary peeps shit is about to get ugly as I explain why you are a fucking dipshit if you think a video background is a good idea Everyone has unlimited dataAh yes a prime example of the arrogant developer effect in all of its glory I have GB of data on my plan so a second looped video is nothing How arrogant and misguided do you have to be to think that every person can afford your MB video as part of their data plan Some people have less than GB of data a month as part of their plans Some people have no included data at all It is the same shit as the people who think that Chrome is the only browser and you can just use the latest CSS and JS features without looking at caniuse com But this isn t a rant about how people don t understand browser compatibility I will save that for another day No this is a rant about video backgrounds and I will kick things off by saying your video costs people money What if someone is from Namibia where one GB of data costs over Your MB video just cost that person cents When the average salary is just a year in Namibia compared to in the US that is roughly the same as fucking dollars to watch your shitty artistic video Do you actually think your second looped video of swirling colours is worth Who gives a fuck about the environmentWhile we are talking about excessive data usage did you even consider how much electricity it costs to transmit your shitty video Transferring GB of data produces kg of CO So for every visitors to your site who get exposed to your mb video background masterpiece you just added kg of CO to the global warming crisis If you get visitors a day in a year you add metric tonnes of CO to the atmosphere about tonnes for those people in backwards Countries who don t use metric Do you hate humanity is that why you do this Greta will be pissed at you How dare you Who gives a fuck about disabled people I mean we have already established that you don t mind costing people money and destroying the environment why would we expect you to care about disabled people But just in case there is a shred of a soul left inside that husk you call a body let me tell you another reason why video backgrounds are a bad idea Some people on this planet have vestibular disorders I say some people around in people These people are sensitive to motion and can actually feel nauseous with unexpected movement Your video can cause these feelings of nausea Some people also experience paranoia and unexpected movement can be triggering and disconcerting for them Your video could be quite disturbing for some people And some people have attention disorders which can make your video very distracting Your video can be so distracting that they can feel overwhelmed and leave your site Now you could use media queries and prefers reduced motion to decide whether to play the video and provide controls to stop the video but nobody does that if they use a background video I could go on about how you would then need to hide those controls and the video from screen readers how you would need to provide an audio described version of the video if it contained anything at all of relevance to the page etc etc but you aren t going to listen we have already established you don t give a fuck about other people I am not done yet though The biggest problem with video backgrounds is colour contrast How can you possibly keep a contrast ratio of text with a video At some point there will be a section of the video that has text in front of it that will be too light or too dark to provide sufficient colour contrast to make the text legible How annoying and inaccessible do you have to want to make your site to make text that is readable some of the time Ah well there are only billion people in the world with disabilities we can afford to ignore their needs OK you are a selfish human beingFine you don t give a shit about other people Let s talk about you To be precise let s talk about your site conversion rate Now if you already thought having a video background was a good idea then you probably don t even know what conversions are So let me bring you up to speed When someone visits your site you want them to do something Whether that is buy something or make an enquiry right through to liking or sharing an article At the very least you want people to stick around Now the ratio between the number of visitors to your site and the number of people who complete your desired action is known as your conversion rate If you can double your conversion rate it means that you get twice as much engagement money without needing to get more visitors which is costly and or time consuming Now that you know why it matters you might see where this is going A video background distracts people The last thing you want to do is distract people They come to your site for a reason and I can almost guarantee that it isn t to watch your artsy fartsy video And before you go saying something like it adds important interest to the page if it was that fucking important it wouldn t be a bloody background video So don t feed me that bullshit And if that is your objection then go on run along you are beyond help Still here Then listen up Your video is distracting people from your end goal It is even worse if you have a call to action positioned in front of the video background Why draw attention away from the button you want people to click Why would you place something on your site that is damaging your conversion rates but adds nothing of value So what is the answer Don t have video backgrounds It really is that simple I am not saying don t have videos Videos are great But don t auto play them and don t make them a part of the background Make them a part of your conversion process Make them persuasive informative and useful Make them in line with your goals and the goals of the site If you want some animation and movement on the page then look at canvas SVG CSS etc You can add plenty of visual interest in a few KB of code Just remember to allow people to switch animations off Now go forth and delete those video backgrounds watch your conversions increase and help make the world greener and more inclusive with one stroke of the delete key Finishing UpAs always the anger is for fun As for those who read the original article this is nothing against that article it was well written it is just that concept itself is outdated and a bad practice Anyway that is enough disclaimers have a great weekend all	2021-11-26 14:43:21
海外TECH	DEV Community	The Financial System of The Future	https://dev.to/markfusion/the-financial-system-of-the-future-2mff	The Financial System of The FutureYou ve probably heard about DeFi and DeFi tokens but what is it really DeFi stands for Decentralized Finance The DeFi token system is a cryptocurrency that can be used as a means of exchange in the web world the next level of the internet which brings blockchain to life If you want to know more about how Defi works and why we think this will revolutionize our financial system read on below Why DeFi Is Better The Usual Finance DeFi is an analogy of the current financial system that brings with it a few killer features that will make transactions and all work with money online much easier DeFi tokens are created based on Ethereum blockchain technology DeFi tokenization means you can create your own currency something like creating new coins for special purposes or events Your DeFi tokens are held in DeFi wallets which you can find on DeFi websites These DeFi tokens are not based on Ether so they have their own value and you should be careful although there s a certain level of security as DeFi runs by smart contracts digital protocols that make sure everything is safe It works the same way Bitcoin and other popular cryptocurrencies work but it is a newer and improved version These tokens are created by DeFi protocols Protocols can be compared to websites where you put your DeFi token address in the “Deposit field and send it from another wallet or exchange In return you will get an equivalent amount of newly minted tokens on that website this means they don t use the existing coin supply for new coins when creating them during the DeFi protocol operation Defi Is Getting Popularity Right NowDeFis became much more accessible with decentralized exchanges which exist today as well Web based DEX solutions let users trade their own crypto assets without any intervention whatsoever from third parties like banks or platforms such as Coinbase DeFi is a process that you can t stop once started it s an evolution of the financial system making many things much easier for everyone This DeFi protocol enables anyone to create their own token and use any Ethereum wallet they want If you know how cryptocurrencies work or are familiar with blockchain technology this DeFi protocol will be perfect for you This is the future of money so make sure to read up on DeFi protocols and DeFi based currencies as soon as possible Your financial life and not only will get much easier by just using it instead of usual financial systems Examples of DeFiThe greatest example of DeFi is Uniswap UNI Compound COMP Aave AAVE and many many other networks or tokens call it as you want which you see by just typing DeFi into your browser As I said there s a bunch of them however only ones deserve your attention The one rule that I ll give to you Do Your Own Research and it s probably one of the most important parts of investing and in life itself So don t listen to some of your favorite Bloggers who said that you need to buy exactly this DeFi token or something else they only think that it can grow over time and these imaginations can be absolutely wrong sometimes How Can You Implement With It or Even Invest There s no something difficult here If you want to invest in this sphere and in the future become a very rich guy so you just need to buy some tokens like Uniswap and push it into a stake if you want to so with the magic of compound interest you ll get even richer than you think you ll be Or if you don t wanna invest but want to use the technology itself you can go up to the website of this DeFi token and see the opportunities which they are offering to everyone including you Probably you can build your own network on it or use it as an exchange for your other cryptos Thus there s a ton of implementation and it s specific for every token ConclusionBy the end of this article you need to dive more deeply into this sphere with tons of opportunities on every step that you re taking So look at some of the examples that I gave to you like Uniswap or Compound and remember Do Your Own Research Thanks for reading don t forget about like and subscription	2021-11-26 14:38:43
海外TECH	DEV Community	CRUD API using NestJS, MongoDB and Docker	https://dev.to/francescoxx/crud-api-using-nestjs-mongodb-and-docker-39jm	CRUD API using NestJS MongoDB and DockerIn this article we will set some CRUD API using NestJS NodeJS Framework Mongoose ODM that helps you to create a Schema based on the Model MongoDB NoSQL Database Docker Platform to deploy applications using containers Video Version GitHub Repository Prerequisite NodeJs installed Docker Docker desktop on windows Mac Machines Docker installed natively on Linux But you can follow way better if you Know how to run a hello world application using NestJSKnow what MongoDB Atlas is and how it worksHave an idea of what Mongoose isKnow what a Dockerfile and a Dockerfile is NestJSNestJs is a Node js framework for building efficient and scalable applications with full support to Typescript It has a CLI you can use to generate projects and block easily and It uses express under the hood but has many interesting features like the building blocks ModulesProvidersControllersServices MongooseMongoose is an ODM Object Data Modeling javascript library for MongoDB and Node It is used to manage data relationships uses Schemas and helps you to connect to a mongo db using mongo DRIVER MongoDBMongoDB is a NoSQL database It stores documents and by using a Json like object structure it s very easy to use with a Node applicationIn this example we will use MongoDB Atlas which is a cloud solution and it s perfect for an example But of course we could use it locally even better if inside a docker container DOCKERDocker is a platform to build run and share application using the idea of containers If you want a brief introduction here is a short video Project SetupInstall NestJS CLINestJS comes with an easy to use CLI that you can install globally or locally and it helps you to get started and use NestJSnpm install g nestjs cliCreate a new nest project a new folder will be created nest new nest mongo dockerOpen the project with your favorite IDE If you have VS Code you can typecode nest mongo dockerInstall dependenciesnpm install mongoose nestjs mongoose To check if it s running just typenest startAnd check localhost If you see something like that you can keep going From the nest mongo docker folder using the nest CLI we can generate files for the resource we want to create a controllera servicea modulenest generate controller usersnest generate service usersnest generate module usersin the src users folder and let s create a user module ts file From the command line you can type touch src users user model tsOur project structure should look like this Modelin the users model ts we can create a model for the resource we want to use We will use a user resource with name surname and points of the type string string and number respectively Please note that here we are not using Typescript types but plain JavaScript ones We don t need to add the id primary key in the schema because it will be generated by Mongooseimport as mongoose from mongoose export const UserSchema new mongoose Schema name type String required true surname type String required true points type Number required true export interface User extends mongoose Document id string name string surname string points number ServiceWe will use a Nest Service which will be called by the controller functions Using the Mongoose library we can easily work with objects in the Mongo DatabaseWe can also import NotFoundException to have better error Handling in our application users service tsimport Injectable from nestjs common import InjectModel from nestjs mongoose import Model from mongoose import User from user model Injectable export class UsersService constructor InjectModel User private readonly userModel Model lt User gt Create a new user param name param email param password async create name string email string password string Promise lt User gt const createdUser new this userModel name email password return createdUser save Find all users async findAll Promise lt User gt return this userModel find exec ControllerLet s work on the Controller NestJs forces us to create a solid structure for our HTTP requests and it uses decorators for HTTP verbs We will create endpointsGet All UsersCreate a new User a Post request passing the new users value in the body in the users controller tsimport Controller Post Body Get Param from nestjs common import UsersService from users service Controller users export class UsersController constructor private readonly usersService UsersService Post async createOneUser Body name name string Body email email string Body password password string const generatedId await this usersService createOneUser name email password return id generatedId Get getAllUsers return this usersService getAllUsers ModuleThe UsersController and UsersService can be imported as a Module and in this Module we can define some environment variables to define the connection with the Mongo DB MONGO ATLAS USERMONGO ATLAS PASSWORDMONGO ATLAS DBYou can change this and they must match the user and password you have on The MongoDB ATLASin the users module tsimport Module from nestjs common import MongooseModule from nestjs mongoose import UserSchema from user model import UsersController from users controller import UsersService from users service Module imports MongooseModule forFeature name User schema UserSchema controllers UsersController providers UsersService export class UsersModule in the app module tsimport Module from nestjs common import AppController from app controller import AppService from app service import UsersModule from users users module import MongooseModule from nestjs mongoose Module imports UsersModule MongooseModule forRoot Replace this line with the one Cluster gt Connect gt Connect your Application mongodb srv process env MONGO ATLAS USER process env MONGO ATLAS PASSWORD cluster suflu mongodb net process env MONGO ATLAS DB retryWrites true amp w majority controllers AppController providers AppService export class AppModule Remember to replace the line inside the forRoot method accordingly to your application To check that go to Atlas DB site Cluster gt Connect gt Connect your application and copy the line below replace username password and database using JavaScript Template literal This is useful to pass the values from env variable instead of hardcoding them here ATLAS DB Setup utm campaign gs emea italy search brand atlas desktop amp utm term mongodbatlas amp utm medium cpc paid search amp utm ad e amp utm ad campaign id amp gclid EAIaIQobChMI GGlmqgIVFbdChhogEEAAYASAAEgKNVPD BwEDOCKERlet s create files to containerize our nest js applicationDockerfileFROM node RUN npm i g nestjs cliCOPY package json RUN npm installCOPY EXPOSE CMD nest start Please note the rd line This is specific to NestJs and we need to add this one in order to operate with the Nest CLI inside the container the dockerignorenode modulesdist git vscodeThe docker compose yml docker compose fileversion services nestapp container name nestapp image nestapp build context dockerfile Dockerfile ports env file envthe env file Replace the XXXXX with your MongoDB Atlas User and PasswordMONGO ATLAS USER XXXXMONGO ATLAS PASSWORD XXXXXXMONGO ATLAS DB nest mongo docker dbReplace with your password in MongoDB ATLAS You can find it on Atlas Site under Database Access Also replace the image value with something like docklerhubuser nest mongo time to run our applicationdocker compose up d build nest mongo backendcheck if the app is up and running usingdocker ps POSTMAN MONGODB ATLASWe will use Postman but you can use a whenever tool you wantlet s make a GET request like thisour users are empty We can confirm this by checking on Mongo AtlasClick on Collections As you can see the users list is emptyLet s create users with a POST request using POSTMAN Here is an example of one of the Let s check again if we have new usersLet s check on AtlasVideo Version GitHub Repository If this article has been interesting consider becoming a GitHub Sponsor	2021-11-26 14:38:30
海外TECH	DEV Community	Como criar arquivos de layout Magento 2	https://dev.to/santanaluc94/como-criar-arquivos-de-layout-magento-2-1i69	Como criar arquivos de layout Magento Contextualizando O que éa Visualização A visualização view faz parte da camada de controle do padrão de arquitetura de software MVC Model Controller View A camada de visualização éresponsável por uma interface onde o usuário pode interagir e exibir os dados da camada de modelo Model Os dados quando alterados na camda de modelo devem refletir os novos valores na camada de visualização CódigoO Layout éo principal caminho da camada de visão no módulo O arquivo de layout fornece a estrutura para páginas web usando um arquivo XML que identifica todos os contêineres e blocos que compõem a página deve ser localizado como Vendor Module view area layout route id controller directory controller name xml O caminho da área pode ser frontend ou adminhtml que define onde o layout seráaplicado Para inserir blocos no painel administrativo do Magento utilizá se a área adminhtml e para inserir blocos na parte visual da loja do site utilizá se a área frontend Existe um arquivo de layout especial o default xml que éutilizado quando énecessário fazer uma alteração em todas as páginas da sua área lt xml version gt lt layout xmlns xsi xsi noNamespaceSchemaLocation urn magento framework View Layout etc layout generic xsd gt lt body gt lt referenceContainer name container name gt lt uiComponent name ui component name gt lt block class Vendor Module Block Directory Class name block name template Vendor Module path file name phtml gt lt block name block name template Vendor Module path file name phtml gt lt arguments gt lt argument name view model name xsi type object gt Vendor Module ViewModel ClassName lt argument gt lt arguments gt lt block gt lt referenceBlock name block name template Vendor Module path file name phtml gt lt container name container name as alias name label Label Name htmlTag tag name htmlClass class name htmlId idName gt lt uiComponent name ui component name gt lt block class Vendor Module Block Directory Class name block name template Vendor Module path file name phtml gt lt block name block name template Vendor Module path file name phtml gt lt arguments gt lt argument name view model name xsi type object gt Vendor Module ViewModel ClassName lt argument gt lt arguments gt lt block gt lt referenceBlock name block name template Vendor Module path file name phtml gt lt container gt lt referenceContainer gt lt body gt lt layout gt MoveO arquivo layout fornece a estrutura para páginas web usando um arquivo XML que identifica todos os contêineres e blocos que compõem a página O nó lt move gt muda a ordem de um bloco ou contêiner específico jádeclarado como filho de outro específico elemento Caso o elemento não for definido este nóseráignorada na renderização Durante a geração do layout o nó lt move gt éprocessado antes do nó lt remove gt Isso significa que se algum elemento for movido para outro elemento programado para ser removido o elemento movido seráremovido junto Se o atributo as não for definido o valor atual do alias do elemento seráusado Se isso não for possível o valor do nome do atributo usado em seu lugar Atributos do nó move NameDescriçãoValorObrigatório elementNome do elemento que serámovido Nome do elemento truedestinationNome do elemento pai que receberáo elemento Nome do elemento trueasAlias ou nome do elemento na nova localização A Z a z sublinhado ponto sinal de menos Deve iniciar com letras Case sensitive falseafterEspecífica a posição do elemento relativa aos seus irmãos Use o sinal de menos para posicionar o elemento depois de todos os outros elementos irmãos do mesmo nível de aninhamento Se o atributo for omitido o elemento seráexibido depois de todos os elementos irmãos Nome do elemento falsebeforeEspecífica a posição do elemento relativa aos seus irmãos Use o sinal de menos para posicionar o elemento antes de todos os outros elementos irmãos do mesmo nível de aninhamento Se o atributo for omitido o elemento seráexibido depois de todos os elementos irmãos Nome do elemento false RemoverO nó lt remove gt éusado somente para remover os recursos estáticos vinculados a uma seção lt head gt da página CSS JS etc Para remover blocos ou contêineres use o atributo remove nos nós lt referenceBlock gt e lt referenceContainer gt UpdateO nó lt update gt inclui um específico arquivo de layout O atributo handle específica qual layout seráincluído ContêinerContêineres atribuem a estrutura do conteúdo para a página usando nós dentro do arquivo layout XML Um contêiner não possui conteúdo adicional exceto o conteúdo incluído no elemento mas que encapsula os elementos de blocos e outros contêineres Um contêiner renderiza um elemento filho durante a geração da saída de visualização O elemento gerado pode estar vazio ou pode conter um conjunto arbitrário de elementos lt block gt lt container gt lt referenceBlock gt e lt referenceContainer gt Se o contêiner estiver vazio e não houver filhos disponíveis o contêiner não seráexibido no código fonte do navegador Atributos do nó container AtributoDescriçãoValorObrigatório nameNome que poderáser usado para endereçar o contêiner O nome deve ser único por página gerada Se não for especificado serágerado automaticamente A Z a z sublinhado ponto sinal de menos Deve iniciar com letras Case sensitive falselabelDescreve a finalidade do contêiner Qualquer um falsebeforeUsado para posicionar o contêiner antes de um elemento com o mesmo pai O nome do elemento ou alias éespecificado como valor Use o sinal de menos para posicionar o contêiner antes de todos os outros elementos do mesmo nível de aninhamento Nome do elemento ou sinal de menos falseafterUsado para posicionar o contêiner depois de um elemento com o mesmo pai O nome do elemento ou alias éespecificado como valor Use o sinal de menos para posicionar o contêiner depois de todos os outros elementos do mesmo nível de aninhamento Nome do elemento ou sinal de menos falseasUm alias que serve para identificar no escopo o elemento A Z a z sublinhado ponto sinal de menos Deve iniciar com letras Case sensitive falseoutputDefine se o elemento root deve ser gerado Se sim o elemento seráadicionado àlista de saída se não for especificado o elemento pai éresponsável por renderizar seus filhos Qualquer valor exceto toHtml obsoletos éo valor recomendado falsehtmlTagParâmetro de saída Se especificado a saída éagrupada dentro da tag HTML especificada aside dd div dl fieldset main nav header footer ol p section table tfoot e ulfalsehtmlIdParâmetro de saída Se especificado a saída éagrupado Se não houver nenhum elemento agrupado este atributo não tem efeito Qualquer id válido para HTML falsehtmlClassParâmetro de saída Se especificado a saída éagrupado Se não houver nenhum elemento agrupado este atributo não tem efeito Qualquer id válido para HTML false BlocoBlocos renderizam conteúdos dos elementos da interface dos usuários na página utilizando nós lt block gt dentro do arquivo layout XML Blocos usam templates para gerar o HTML e serem inseridos no pai da estrutura do bloco O nóblock éuma unidade de saída da página que renderiza algum conteúdo qualquer coisa visualmente tangível para o usuário final Blocos são uma unidade de construção fundamental para layouts no Magento Eles são o link entre a classe de Bloco do PHP que contém o lógica do negócio e o template que renderiza o conteúdo Blocos podem ter diversas ramificações filhos netos etc Érecomendável sempre adicionar um atributo name ao bloco ou o Magento nomearáaleatoriamente Se não for especificado um nome automático seráatribuído no formato ANONYMOUS n Atributos do nó block AtributoDescriçãoValorObrigatório beforeUsado para posicionar o bloco antes de um elemento com o mesmo pai O nome do elemento ou alias éespecificado como valor Use o sinal de menos para posicionar o bloco antes de todos os outros elementos do mesmo nível de aninhamento Nome do elemento ou sinal de menos falseafterUsado para posicionar o bloco depois de um elemento com o mesmo pai O nome do elemento ou alias éespecificado como valor Use o sinal de menos para posicionar o bloco depoi de todos os outros elementos do mesmo nível de aninhamento Nome do elemento ou sinal de menos falsetemplateUm template que representa a funcionalidade do bloco para o qual o atributo éatribuído Se o atributo for omitido o bloco não renderizaránenhuma saída a menos que o bloco ou pai tenha a variável template definida corretamente Vendor Module pastas arquivo phtmlfalseasUm alias que serve para identificar no escopo o elemento A Z a z sublinhado ponto sinal de menos Deve iniciar com letras Case sensitive falsecacheableDefine se o emento bloco écacheavel Isto não pode ser usado para fins de desenvolvimento e tornar dinâmicos os elementos necessários da página true padrão falsefalseifconfigFaz a visibilidade do bloco depender de uma configuração Caminho da configuração falseDados podem ser passados do arquivo layout XML para o bloco usando o nó lt arguments gt no nófilho Os valores dos argumentos definidos em um arquivo de layout podem ser acessados em templates usando os métodos block gt getData argument name e block gt hasData argument name retorna um valor boleano verificando se o valor foi definido O argument name éobtido do atributo name do nó lt argument gt Argumentos do nó block AtributoDescriçãoValorObrigatório nameNome do argumento A Z a z sublinhado ponto sinal de menos Deve iniciar com letras Case sensitive truesharedSe falso cria uma nova instância do bloco falsefalsetranslateEspecífica se a valor deve ser tipo string serátraduzido true padrão falsefalsexsi typeTipo do argumento string boolean object number null array options url helpertrue ReferênciasPara atualizar contêineres e blocos são utilizados os nós lt referenceBlock gt e lt referenceContainer gt O nó lt referenceBlock gt contém todos os atributos do nó lt block gt e o nó lt referenceContainer gt contém todos os atributos do nó lt container gt Atributos das ReferênciasAtributoDescriçãoValorObrigatório removePermite remover ou cancelar a remoção do elemento Quando um contêiner éremovido os elementos filhos são removidos também true falsefalsedisplayPermite desabilitar a renderização de um específico bloco ou contêiner com todos os seus filhos Os objetos PHP do bloco contêiner ou seus filhos ainda serão gerados e disponibilizados para manipulação true falsefalse FinalizandoValores entre chaves test devem ser alterados na implementação do código Habilitando as alteraçõesExecute o comando PHP para limpar todos os caches de armazenamento em cache do processos php bin magento cache cleanphp bin magento flush Diretórios e ArquivosSegue a a lista de diretórios e arquivos que devem ser criados app code Vendor Module etc module xml view area layout route id controller directory controller name xml registration php composer json	2021-11-26 14:35:41
海外TECH	DEV Community	Jamstack, a11y, Cookies and Coronavirus — a look back at Fast Forward 2021 Day 2	https://dev.to/contentful/jamstack-a11y-cookies-and-coronavirus-a-look-back-at-fast-forward-2021-day-2-2l2j	Jamstack ay Cookies and Coronavirus ーa look back at Fast Forward Day On Day of Fast Forward we brought you a veritable smorgasbord of delicious content from the developer community From accessibility to blockchain content preview time machines to cookie consent from jQuery to the evolution of the Jamstack ーsit back relax and enjoy some fantastic technical talks from the wonderful Contentful community I had the absolute honor and privilege to deliver the Opening Keynote and MC Day of Fast Forward ーLIVE from an industrial warehouse in Berlin ーwith my incredible colleague Stefan Judis If you missed it or if you d like to catch up on demand here s a round up of the stellar content we featured from the developer community at Fast Forward Apart from getting stranded in Zurich on my way home and almost missing my son s fourth birthday party Fast Forward Day was a resounding success But before we get started with the round up of the day I d like to extend a huge thanks to the incredible production crew in Berlin and California ーI really enjoyed having you in my ear all day ーand the Field Marketing team at Contentful who made this all possible Last but not least ーa huge thank you and “Go team to all the developers from the community who recorded some fantastic talks on a diverse set of topics to help us bring you a day packed full of technical content on web development accessibility the Jamstack and getting the most out of Contentful Are you ready Let s relive the day Opening KeynoteStefan and I opened Day of Fast Forward by taking you on a journey through time where we explored how content management and software development evolved over the last ten years The need for flexible content started with native mobile apps in ーwhen I was attempting to solve the problem of content management with iframes and text files uploaded over FTP But the solution to this problem became so much more and helped shape the developer experience we know and love today Watch the Opening Keynote to find out how Contentful s idea of API first JSON based content unlocked speed flexibility developer satisfaction and most importantly ーinnovation on the web Building and Running Websites at Speed and Scale with ContentfulNext up we heard from Klaus Unterkircher and MichałKaczergis from Bright IT Quickly launching and working with large scale websites can be challenging As experienced Contentful builders they created BrightSite ーan app tailored specifically to Contentful that helps developers and editors alike with launching and working with websites In this talk Klaus and Michałshow you how you can create faster and better websites at speed and scale with Contentful From Microsoft Word to Contentful What I Learned in My First DaysDr Kelvin Wong senior product manager at RMS shared with us his journey in learning how to optimize Contentful for industry specific workflows and internal processes Moving away from a traditional CMS to a headless platform such as Contentful can be a daunting experience While the benefits are clear it s not always obvious how to get started with this new technology and the pitfalls to avoid Alongside implementing the new technology internal processes and workflows need to be reimagined and redefined Most importantly Kelvin reminds us that no one should be left behind as technology changes the way we work In this talk learn about the lessons Kelvin learned in his first year working with the Contentful platform including how the team redefined and transformed their editorial workflow their hands on experiences of content modeling and most importantly and how to create a foundation that can scale and enable future growth What s New at ContentfulNext up my colleague Brittany Walker developer advocate at Contentful gives us the low down on some brand new Contentful features we released at Fast Forward First up is app sharing and custom app icons The Contentful App Framework lets you use your favorite tools and frameworks and easily connect them to Contentful to customize the editor experience in the web UI and streamline your workflows We ve got a huge collection of curated apps in the app marketplace ranging from Cloudinary Google Analytics Gatsby Cloud Netlify Shopify ーand more ーand you can also build your own custom integrations using our open source tools But what if you ve built a custom app that you d like to share with the world Here s where app sharing comes in You can now share your Contentful apps across organizations using a link or an embeddable share button You can also add custom icons to your apps making it easy for people to find what they re looking for when browsing their list of apps And finally the Contentful Images API now supports AVIF This means you can return your images stored in Contentful in the new AVIF format via the REST API or GraphQL API But what is AVIF ーand should you be using it right now Brittany gives us a round up of browser support for AVIF and how you can load responsive images using the HTML lt picture gt element Building a Content Time Machine The Ultimate Editor Preview ToolKeeping on top of a multi channel content schedule is one of the biggest challenges content editors face and digital agency DEPT was tasked with solving this problem for one of the UK s leading TV broadcasters In this talk Jonathan Whiteside global SVP for technology and engineering at DEPT demonstrates how they leveraged Contentful APIs to power a bespoke content time machine that enables editors to plan and preview content across numerous channels at different points in the future You ll learn the optimum API combination to build your own time machine as well as the content model to power it Increasing Access to Your Website with “prefers reduced data You ll often hear me shouting from the rooftops about accessibility and this talk from Kilian Valkhof founder at Polypane gives us an exciting new insight in how the web is moving forward and allowing developers to make the web even more accessible The upcoming prefers reduced data media query will improve accessibility in the “more people can now enter the building meaning of accessibility In this talk Killian teaches us how to start implementing this experimental feature now to make your website available to even more people when the feature finally lands I can t wait to use it Blog Final Final Final ーMy Journey from Medium to ContentfulBlogging is a popular way for developers to document their learning journeys and publish their portfolios But if you re just starting out ーthe technology options for blogging can seem overwhelming Join Luce Carter developer advocate at MongoDB who shares her journey in finding the ideal technology solution for her blog ーwhich ultimately ended at Contentful Discover the pros and cons of hosting providers front end framework choices and content management and feel empowered to start blogging Building Blockchain with JavaScriptOver the past few years blockchain has gained popularity in the tech ecosystem the financial world and the content creation space As software engineers specializing in the web we may not understand its relevance Should we learn blockchain How does it work Why do people use it Why is it gaining such traction In this futuristic talk Rizel Scarlett developer advocate at GitHub explores these questions and shows us how to build a blockchain simulation of our own How to be Truly AccessibleWhy is accessibility important Who do I need to be accessible to What are some really simple quick and cheap ways I can improve accessibility Here s another important talk on accessibility from Rachel Morgan Trimmer In this session Rachel answers these questions and gives us a valuable collection of accessibility tips and insights into inclusion you can start using straight away ーboth in web development and in the wider world jQuery is Not Dead and That s FineIf you re working on a large enterprise application on the web ーyou might still using jQuery ーand that s fine At conferences we usually show the latest and greatest tech and often downplay older technologies in the developer ecosystem But people still use these tools and frameworks and shaming them is harmful to the developer community In this talk Jayne Mast engineering manager at Confrere shares her own personal story of how she got confronted with gatekeeping and elitism how it affected her confidence and what we can all do to avoid this and promote inclusion in the technology space Consent Management That s the Way the Cookie CrumblesHow many cookie banners have you dismissed today A clean user experience is crucial in enabling visitors to your websites to find their way around but websites in are cluttered with distracting annoying pop ups in order to comply with tracking consent regulations In this talk Ben Brook CEO and co founder of Transcend explains how their engineering team discovered a way to eliminate those annoying pop ups while maintaining regulatory compliance Learn about the technical challenges of providing a compliant and positive user experience for website tracking consent new ways to think about consent without popups and how to implement a technical roadmap for deploying this capability on your own websites I can t wait until this is the new standard on the web The Modern DXP ーHow Jamstack will Change the WorldCircling back to the theme of our Opening Keynote Tim Bennicks principal developer advocate at Uniform showcases the Digital Experience Platform of the future ーthe Jamstack In this talk Tim outlines the old way of building digital experiences and how they ve been modernized with new technology We can now build global platforms and ecommerce sites at scale with the tools we love Contentful Vue React CDNs at the edge serverless and more The old school enterprise software that has historically been used to shape your online shopping experience is no more and the Jamstack is ready to take on ーand out perform ーthe status quo in enterprise software The time is now for Jamstack Productivity in a Time of CoronavirusAnd finally we wrapped up the day with Scott Hanselman partner program manager at Microsoft and thought leader on the culture of working Many of us have transitioned to working remotely since and it can be hard to switch off and get away from our screens leaving us feeling drained fatigued and unproductive In this closing keynote Scott decries the dangers of “hustle culture and shares unique actionable tips for Productivity in a Time of Coronavirus that will leave you feeling renewed I definitely needed this That s a wrap I can honestly say that Fast Forward was the highlight of my year From everyone here at Contentful we hope you enjoyed the day whether you experienced it live or on demand And if you want to experience the day in full as it happened ーincluding latte art AMAs from our engineers and all the silly bits Stefan and I had fun with you can watch the full conference here See you around party people	2021-11-26 14:35:15
海外TECH	DEV Community	Upgrade EC-CUBE 3.0.15 ->4.1.0	https://dev.to/amitdave/upgrade-ec-cube-3015-410-4e8c	Upgrade EC CUBE gt Hello Everyone i want upgrade ec cube version into latest version try hard but not getting any solution can you help me to find out solution ec cube ec cube ec cube	2021-11-26 14:34:21
海外TECH	DEV Community	Mistakes To Avoid In Your HTML Code	https://dev.to/techmaniacc/mistakes-to-avoid-in-your-html-code-3h4i	Mistakes To Avoid In Your HTML CodeThe way you structure your HTML code will affect search engine optimization results It s always to use the right syntax while writing your code HTML is not a programming language hence you won t get warnings about syntax errors However it will affect the general memory space and loading time Don t forget the DOCTYPEThis word will give browser information on the version of HTML being employed Your code might look invalid if the DOCTYPE is missing The browser decides to make an assumption that will affect some tags HTML online validator should be your tool to check the syntax loopholes Use a list while listing things rather than line breaks Of course using will output the same results but it s not a good practice If you want to list items just stick to using the ordered or unordered list MangoBananasAvoid the use of and The purpose of external CSS is to style up play the role of such tags If it s necessary use the tag But the best practice is to use the CSS font weight and font style They will perform a similar task but follow the correct semantics Avoid using multiple line breaksThe work of line breaks is to knock the next word to the next line Don t make gaps using the If you need more space adjust the margin style in the CSS file Or you can use other tags like paragraph Try your best to avoid inline stylingKindly if it s not necessary just avoid it Create a class within the tag and style this in an external CSS Inline CSS makes your code look bad and long Remember it might give the maintainer hard work while making some changes In modern site don t use the and tagIn the official latest release of HTML standard by WC colostrum the tags were not included meaning they are outdated Many users have considered them unimpressive and ugly They also have side effects for some people with eye problems Don t use any deprecated elementsThis is where technology becomes challenging you have to stay updated about it Focus on the new and emphasized tags in the official latest release After almost two years the HTML community always releases a new version of their rules so go through it Don t forget to close any tags especially the HTMLIf you are using VS Code editor it has autocompletion But try your best to close the recommended tags We have others like hr br and image which do not necessarily require closing This can mess up your design A clear check will help you avoid future errors that might be untraceable You can decide to use the current indentation to align all the tags in a good manner for visibility Neglecting commentsPlease Please A good coder must always write his her comments the right way They will help in shortening your documentation Writing a clear comment will give the maintainer a humble time while making some changes It makes your code clean and you look professional Also in case of any mistake in the text you will easily find the specific things you are searching for Don t forget about the Alt attributeThis is one of the most common and worst mistakes designers forget ALT attribute might look inferior but if you understand its importance you will never degrade it again Have you ever loaded a page and an image fails to appear The ALT text included in the image line will appear in that position It tells the user what the image was all about This will help the user to know if the image was of importance or not	2021-11-26 14:33:36
海外TECH	DEV Community	Using GitHub actions to enhance profile readmes	https://dev.to/anuraghazra/using-github-actions-to-enhance-profile-readmes-13m4	Using GitHub actions to enhance profile readmes My WorkflowOne of the coolest features of GitHub is profile readmes It helps developers present their work in a cohesive manner and works as a gateway to showcase skill and dedication From the start I was always intrigued by making the profile readmes more dynamic so that s why I built github readme stats It s been used by thousands of people and gives insights on their progress in open source That s why I decided to create this github action peerlist profile action You might ask what is peerlist Peerlist io is a modern platform for developers to showcase their work achievements and resume all at once place It s a great platform it s currently in beta and shows great potential peerlist profile action is a simple action which uses puppeteer to automate and generate dynamic resumes which you can embed in your profile readme as an image It works by simply installing the action on your github profile readme see usage guideAfter the action is finished running it will automatically upload and commit the dynamically generated profile readme png file to your repository which you can embed like so images peerlist profile png FeaturesEasy to setupMultiple themesDifferent sizesOptions to customize ThemesSimply pass theme name option to the action inputs and you can change the theme of the card as you like Here s the list of all available themes Multiple SizesPassing the card size argument you can change the size of the card currently we support sm md lg or any number CustomizationsIf you want to customize the colors and build your own theme you can also do so by passing these inputs output path Output path to upload the imagetitle color Card s title color without text color Body text color without bg color Card s background color without branch Branch which you want to upload the image change it depending on your main branch default main Submission Category Wacky Wildcards Yaml File or Link to CodeUsage Inside github workflows folder create a new workflow called peerlist overview yml and copy paste this content name peerlist overview on schedule run every day at cron jobs peerlist run name Generate peerlist overview runs on ubuntu latest steps uses actions checkout v uses browser actions setup chrome latest uses anuraghazra peerlist profile action master with token secrets GITHUB TOKEN username anuraghazra your peerlist username anuraghazra peerlist profile action Peerlist Profile Action Get dynamically generated peerlist io profile overview on your readmes View Demo · Report Bug · Request Feature Love the project Please consider sponsoring to help it improveA GitHub action to get peerlist io profile overview on your readmes Usagesee action ymlInside github workflows folder create a new workflow called peerlist overview yml and copy paste this content name peerlist overview on schedule run every day at cron jobs peerlist run name Generate peerlist overview runs on ubuntu latest steps uses actions checkout v uses browser actions setup chrome latest uses anuraghazra peerlist profile action master with token secrets GITHUB TOKEN username anuraghazra your peerlist usernameAfter running the action it will automatically create a commit and upload it to the repo And you can import that image to… View on GitHub Additional Resources InfoOpen source libraries amp action used in this project Since I used puppeteer to install chrome in github action ci I used browser actions setup chrome action from	2021-11-26 14:19:48
海外TECH	DEV Community	Build a typescript component library with Vite	https://dev.to/josip2312/build-a-typescript-component-library-with-vite-58dh	Build a typescript component library with ViteExample repo at Why ViteVite ships with a pre configured build command that has many performance optimizations out of the box It uses Rollup under the hood and provides an abstraction over the default rollup configuration This makes it way easier to set up the build step without knowing all the internals of rollup ComponentsFor the sake of the example I m going to create a simple button component but the build step remains the same for any number of components In this example I m using the lt script setup gt syntax Component code lt script setup lang ts gt import reactive from vue interface Props primary boolean const props withDefaults defineProps lt Props gt primary false const primary reactive props lt script gt lt template gt lt button class btn class primary gt lt slot gt lt button gt lt template gt lt style scoped gt btn padding rem rem btn primary background hsl color fff lt style gt Next I m going to create the entry file for the library where all the components will be exported src index tsexport default as MyButton from MyButton Vite configVite is a fast new build tool that is intended for modern web projects It uses native ES modules and provides a blazing fast dev server and hot module replacement Learn more about it on the official website Vite is framework agnostic which means you can use it with most frontend frameworks and the build config is pretty much the same There is a section on the official website which describes different build modes our interest is in the library mode build So we need to add the following to our vite config ts or js vite config tsconst path require path const defineConfig require vite module exports defineConfig build lib entry path resolve dirname src index ts name MyComponentLib fileName format gt my component lib format js rollupOptions make sure to externalize deps that shouldn t be bundled into your library external vue output Provide global variables to use in the UMD build for externalized deps globals vue Vue If you now run npm run build you should get the output in the dist folder If you re getting an error regarding dirname or path you need to install node type declarationsnpm i D types node Package json configBefore testing our build output we need to configure the package json to point at correct built files We are defining the entry point to the library You can learn more about what each option does by hovering the properties in VS Code my component lib should match the name field in your package json files dist main dist my component lib umd js module dist my component lib es js exports import dist my component lib es js require dist my component lib umd js Test build outputTo test the library locally we can zip the dist file before running the below change the name field in your package json to your preferred library name Run the following npm packThis command provides us with a zipped file that we can map to the library dependency in the package json After running this add the following to the dependencies field dependencies my component lib my component lib tgz After importing the library it should now work If you run into dependency errors try deleting the zipped file and packing it again or deleting the package lock json and node modules and runningnpm install again lt script setup lang ts gt import MyButton from my component lib import node modules my component lib dist style css lt script gt However you ll notice we get an error regarding missing declaration files we will solve this in the next step Typescript declarationsTo solve the typescript declarations error we need to generate type declaration files for the components We will do this using the vue tsc package Make sure to update vue tsc to a newer version since the create vue CLI defaults to an older version You need to add the following to tsconfig json outDir dist declaration true Change the build script to the following build vite build amp amp vue tsc emitDeclarationOnly amp amp mv dist src dist types Lastly set the path for the type declarations inside package json types dist types index d ts The last command in the build script moves the types to a types directory by default they would be in a src directory since that is our target inside the tsconfig If you now repeat the build and pack process the type error should not be there If it s still there try deleting your node modules and package lock json and installing the packages again Publish to npmEverything is already set up for publishing you can just authenticate with npm and publish npm login authenticatenpm publish publish ConclusionVite makes it incredibly easy to build a component library with a very slim config Coupled with the amazing development experience it provides I can conclude it is the next big thing in frontend development	2021-11-26 14:19:11
海外TECH	DEV Community	Azure DevOps e SonarCloud - em nosso pipeline	https://dev.to/jhonywalkeer/azure-devops-e-sonarcloud-em-nosso-pipeline-2nmc	Azure DevOps e SonarCloud em nosso pipelineO SonarCloud éuma plataforma em nuvem para exibir o processo de inspeção continua do código de sua aplicação Para isso o SonarCloud utiliza o SonarQube para realizar a “varredura em seu código fonte e analisar possíveis vulnerabilidade erros e regras específicas da linguagem Code Smells Como no exemplo iremos utilizar uma aplicação construída com Node js então podemos analisar os seguintes guias de referências Pipeline de BuildCom um projeto previamente commitado no Azure DevOps iremos configurar nosso pipeline de build para criar um artefato para um futuro deploy e aproveitar para fazermos nossa inspeção contínua Criação do pipelineEm nosso Azure DevOps iremos acessar o menu de pipelines  gt  builds E então criar um novo pipeline de build Para este exemplo vamos configurar utilizando o recurso de edição clássica para isso basta clicar nesta opção Vamos então selecionar o repositório que nosso código fonte se encontra Para esta aplicação em Node js iremos utilizar o template para build e test de aplicação em Node js respectivamente Bom agora jápossuímos nossos passos de build test publish e geração do artefato Agora iremos configurar a nossa análise de código com o SonarQube e SonarCloud Criação de Conta e Projeto no SonarCloudÉpossível acessar o SonarCloud através de três opções Azure DevOpsBitbucketGitHubEu vinculei minha conta do GitHub para acesso ao SonarCloud Após o login vamos criar uma nova organização para o nosso exemplo Vamos criar de forma manual o endpoint de nossa organização Após criação da nova organização iremos criar um novo projeto para análise do código E então configurarmos uma chave de projeto Na próxima etapa serágerado um token a partir da descrição informada Criado então o projeto de análise de código vamos configurar em nosso pipeline de build Adicionando a extensão do SonarCloudPara adicionar a extensão do SonarCloud temos que clicar em novo agent job e pesquisar por “sonar cloud Após encontrar o SonarCloud no Marketplace devemos então adiciona lo em nosso Azure Devops Após adicionado como extensão na nossa organização do AzureDevOps seráliberado três novos templates para o nosso pipeline sendo eles “Prepare Analysis Configuration “Run Code Analysis e “Publish Quality Gate Result Para que funcione corretamente a análise do código Devemos adicionar na sequência correta esses três passos no pipeline Sendo primeiro a preparação da análise “Prepare analysis on SonarCloud Logo em seguida devemos adicionar o build do projeto No caso um projeto em net core então iremos utilizar o comando de dotnet build Depois adicionaremos o passo de execução da análise “Run Code Analysis E por fim publicaremos os resultados “Publish Quality Gate Result Essa sequência se faz necessário pois ao iniciar a preparação da análise o SonarCloud passa a “escutar o diretório então logo mais serácompilado o código para esta verificação e então seráexecutado e publicado a análise Configurações do “Prepare Analysis Configuration Vamos verificar que a etapa de configurações de preparo da análise requer algumas atenções de configurações Primeiro vamos criar nossa conexão com o SonarCloud clicando no botão “New Seránecessário informar o nome da conexão sendo a chave do produto informada no SonarCloud e o token gerado para o projeto criado Após este passo basta selecionar o nome da organização Outra configuração importante éa Utilização do Standalone Scanner e Manually provide configuration  Também poderíamos deixar integrado com o MSBuild Selecionando a configuração manual seránecessário informar novamente a chave do projeto que serátestado no SonarCloud Pronto Agora ésósalvar e mandar executar o nosso build Clique no botão “Save and Queue Build com SucessoAo acessar os detalhes do build que foi gerado podemos observar que as etapas foram concluídas com sucesso e inclusive que o resultado foi publicado no SonarCloud Verificando o relatório no SonarCloudAo acessar o projeto no SonarCloud e selecionar branch do nosso código  verificamos que o nosso código passou pela análise do SonarQube O Bacana éque a cada novo build as novas funcionalidades adicionadas em nosso código serão novamente analisadas e novo relatório serágerado Com isso a gente consegue garantir uma qualidade do código que seráentregue para o cliente Sempre se preocupando com as questões de seguranças vulnerabilidades e padrões da linguagem Fontes onde pesquisei esse conteúdo	2021-11-26 14:11:29
Apple	AppleInsider - Frontpage News	Apple AR headset in 2022 will have M1-level processing power, says Ming-Chi Kuo	https://appleinsider.com/articles/21/11/26/apple-ar-headset-to-feature-m1-mac-levels-of-processing-power-says-analyst?utm_medium=rss	Apple AR headset in will have M level processing power says Ming Chi KuoAnalyst Ming Chi Kuo has reaffirmed predictions that the first Apple AR headset will launch at the end of but now says it will be a much more powerful device than expected Credit AppleInsiderBacking up his previous claim that Apple will launch its first augmented reality headset at the end of Ming Chi Kuo says it will be a standalone device Read more	2021-11-26 14:02:23
海外TECH	Engadget	DJI's Mavic Mini drone combo pack is $200 off today only	https://www.engadget.com/dji-mavic-mini-drone-combo-pack-is-200-off-today-only-145042262.html?src=rss	DJI x s Mavic Mini drone combo pack is off today onlyDJI s Mavic Mini drone is arguably the best model for most people in the company s lineup purely because it s small easy to take with you and fairly simple to fly At the Mavic Mini is expensive for a high tech toy but much more affordable that full sized drones But for today only you can get the Mini in a combo pack for off bringing it down to The pack includes the drone the remote control three batteries three pairs of spare propellers a number of cables and extra control sticks and a carrying bag Buy Mavic Mini combo pack at Amazon DJI is known for making impressive drones and the Mavic Mini is no exception One of the biggest hurdles of flying a drone is deciding to take it with you and that can be a difficult decision when you have a massive flying machine to consider But the Mavic Mini is small enough that it can really come with you anywhere without inducing much anxiety When folded up it s roughly the size of a soda can and weighs about the same as a large smartphone making it light and fairly discrete It s also pretty easy to fly and you can do so with either your smartphone or the included remote It holds up to wind decently and although it doesn t have obstacle avoidance like DJI s larger drones it does have GPS and a downward facing sensor that helps it hold position even when you don t have satellite reception The Mini shoots video in K fps or p fps and it supports Dronie Rocket Circule and Helix QuickShots which are automatic moves that the drone can perform to get some cool footage in a short amount of time There s no ActiveTrack on the Mini which is a bummer but it s to be expected that DJI would save some advanced features for its higher end models Our biggest gripes with the Mavic Mini are the fewer smart modes at its disposal along with the core camera features it s missing and a slightly flakey video stream over WiFi connectivity Otherwise it s a solid compact drone that s a great options for those eager to get their hands on one of these gadgets without dropping too much money Get the latest Black Friday and Cyber Monday offers by visiting our deals homepage and following EngadgetDeals on Twitter All products recommended by Engadget are selected by our editorial team independent of our parent company Some of our stories include affiliate links If you buy something through one of these links we may earn an affiliate commission	2021-11-26 14:50:42
海外TECH	Engadget	All of the laptop and tablet deals worth your money on Black Friday	https://www.engadget.com/best-laptop-tablet-deals-black-friday-2021-142038100.html?src=rss	All of the laptop and tablet deals worth your money on Black FridayWhether you re on the lookout for a new laptop for a loved one or for yourself Black Friday is a good time to pick one up Like years past this year you can find a bunch of laptops tablets and in s on sale for the holiday shopping season allowing you to save sometimes hundreds on the latest machines In general we recommend going straight to manufacturers like Dell HP Microsoft and Razer if you re picky about which configuration you want However it can be simpler to go to retailers like Amazon and Best Buy and pick from the models they have in stock Here are the best deals on laptops and tablets that we found for Black Friday HP Spectre x HP s Spectre x is on sale for This particular model has an th gen Core i processor Intel Iris Xe graphics GB of RAM GB of storage and inch FHD touchscreen It earned a score of from us for its gorgeous design thin bezeled screen powerful performance and comfortable keyboard and trackpad Buy Spectre x at HP Razer Blade AdvancedToday only the Razer Blade Advanced is a whopping off bringing it down to This is the model that has a Core i processor RTX Super Max Q graphics GB of RAM GB of storage and a p Hz display The Blade is one of our favorite gaming laptops thanks to its slick design array of customization options and strong performance Buy Blade Advanced at Amazon Dell XPS Dell s excellent XPS laptop has dropped to That s for the latest model with an th gen Core i processor GB of RAM GB of storage Intel Iris Xe graphics and a inch FHD display This has been one of our favorite laptops for a long time and we gave the version a score of for its attractive design speedy performance and lovely screen Buy XPS at Dell Apple MacBook AirDevindra Hardawar EngadgetApple s MacBook Air M is down to right now or off its regular price We consider this to be the best Apple laptop for most people giving it a score of for its blazing fast performance great battery life and lack of fan noise Buy MacBook Air M at Amazon Apple MacBook ProDevindra Hardawar EngadgetThe latest MacBook Pro laptops are cheaper than usual at Amazon We gave them a score of for their powerful performance lovely Liquid Retina XDR displays and new bevy of ports Buy inch MacBook Pro at Amazon Apple iPad ProThe latest iPad Pros are on sale for Black Friday ーthe inch model is down to while the inch tablet is down to We gave the slab a score of for its powerful performance thanks to the M chipset lovely displays and Center Stage cameras Buy inch iPad Pro at Amazon Buy inch iPad Pro at Amazon Razer BookRazerRazer s mainstream notebook the Razer Book has fallen to The model on sale is specced out it runs on an th gen Core i processor Iris Xe graphics GB of RAM GB of storage and a inch UHD touchscreen This laptop includes a generous array of ports eGPU compatibility and Chroma keyboard lighting Buy Razer Book at Amazon Samsung Galaxy S and S Cherlynn Low EngadgetBoth the Galaxy S and S tablets have been discounted for Black Friday down to and respectively Either would be good options for Android lovers looking for a new tablet ーwe were impressed by their beautiful build vibrant Hz displays long battery lives and S Pen support Buy Tab S at Amazon Buy Tab S at Samsung Buy Tab S at Amazon Buy Tab S at Samsung Microsoft Surface Laptop GoMicrosoftThe Surface Laptop Go has dropped to or cheaper than usual It earned a score of from us for its attractive design speedy CPU and excellent keyboard and trackpad Buy Surface Laptop Go at Best Buy Microsoft Surface Laptop Devindra Hardawar EngadgetMicrosoft s Surface Laptop is on sale for We gave it a score of for its fast performance great keyboard and excellent battery life Buy Surface Laptop at Best Buy Samsung Galaxy Book Pro Cherlynn Low EngadgetThe Samsung Galaxy Book Pro is off right now bringing it down to We gave it a score of for its thin and light design colorful display and included S Pen Buy Galaxy Book Pro at Best Buy Google Pixelbook GoGoogle s Pixelbook Go is on sale for or off its normal price It earned a score of from us for its excellent keyboard thin and light design good performance and solid battery life Buy Pixelbook Go at Amazon Buy Pixelbook Go at Best Buy Samsung Galaxy Chromebook Nathan Ingraham EngadgetThe Galaxy Chromebook is down to or off its normal price We gave the Chrome OS machine a score of for its impressive screen powerful performance surprisingly loud speakers and eye catching design Buy Galaxy Chromebook at Samsung ASUS Chromebook Flip CASUSASUS s capable Chromebook Flip C is on sale for today only which is off its normal price That gets you a th gen Core i processor GB of RAM GB of storage a inch FHD touchscreen and a convertible design With those specs this Chromebook could easily be a daily driver for Chrome OS diehards Buy Chromebook Flip C at Amazon Amazon Fire tabletThe Fire tablet is on sale for If you re looking for a cheap tablet to be a couch device or to give your kid without worry this is a good option While it doesn t have the Google Play Store you can still use it to check email watch videos play music and more Buy Fire at Amazon Amazon Fire HD The Fire HD tablet is on sale for or half off its normal price We gave it a score of for its decent performance good battery life wireless charging capabilities and USB C port Buy Fire HD at Amazon Amazon Fire HD The biggest of Amazon s tablets the Fire HD is half off right now bringing it down to It s the best Fire tablet to get if you care at all about performance We like its p display hour battery life and its Show Mode feature Buy Fire HD at Amazon Amazon Fire HD Kids ProThe inch version of Amazon s kids tablet is half off and down to This comes with a protective case a two year warranty and a one year subscription to Amazon Kids Bu Fire HD Kids Pro at Amazon Amazon Fire HD Kids ProThe Fire HD Kids Pro is percent off knocking it down to You re getting the same thing in this bundle ーa protective case a two year warranty and a one year subscription to Amazon Kids ーalong with a larger tablet Buy Fire HD Kids Pro at Amazon Get the latest Black Friday and Cyber Monday offers by visiting our deals homepage and following EngadgetDeals on Twitter All products recommended by Engadget are selected by our editorial team independent of our parent company Some of our stories include affiliate links If you buy something through one of these links we may earn an affiliate commission	2021-11-26 14:20:38
海外科学	NYT > Science	Climate Change Threatens Smithsonian Museums	https://www.nytimes.com/2021/11/25/climate/smithsonian-museum-flooding.html	Climate Change Threatens Smithsonian MuseumsBeneath the National Museum of American History floodwaters are intruding into collection rooms a consequence of a warming planet A fix remains years away	2021-11-26 14:44:49
海外TECH	WIRED	The Best Black Friday Deals for Your Kitchen	https://www.wired.com/story/best-black-friday-kitchen-deals-2021-1	culinary	2021-11-26 14:19:00
金融	金融庁ホームページ	金融審議会「資金決済ワーキング・グループ」（第3回）議事次第について公表しました。	https://www.fsa.go.jp/singi/singi_kinyu/shikinkessai_wg/shiryou/shikinkessai_wg3.html	金融審議会	2021-11-26 16:00:00
金融	金融庁ホームページ	「金融サービス利用者相談室」における相談等の受付状況等（期間：令和３年７月１日～同年９月30日）について公表しました。	https://www.fsa.go.jp/soudan/2021soudan07-09/2021_07-09.html	金融サービス	2021-11-26 15:00:00
ニュース	BBC News - Home	New Covid variant: Javid says UK must act quickly over public health risk	https://www.bbc.co.uk/news/uk-59428398?at_medium=RSS&at_campaign=KARANGA	substantial	2021-11-26 14:20:46
ニュース	BBC News - Home	Ava White: Liverpool murder arrests after girl, 12, dies	https://www.bbc.co.uk/news/uk-england-merseyside-59427833?at_medium=RSS&at_campaign=KARANGA	liverpool	2021-11-26 14:15:32
ニュース	BBC News - Home	Storm Arwen: Red wind warning for parts of UK	https://www.bbc.co.uk/news/uk-england-tyne-59419772?at_medium=RSS&at_campaign=KARANGA	arwen	2021-11-26 14:25:05
ニュース	BBC News - Home	Black Friday tipped to hit record sales	https://www.bbc.co.uk/news/business-59409507?at_medium=RSS&at_campaign=KARANGA	black	2021-11-26 14:35:04
ニュース	BBC News - Home	Extinction Rebellion activists target UK Amazon distribution centres	https://www.bbc.co.uk/news/uk-england-beds-bucks-herts-59429844?at_medium=RSS&at_campaign=KARANGA	busiest	2021-11-26 14:43:27
ニュース	BBC News - Home	'Not good news for other teams' - Klopp praises 'outstanding' Rangnick as he closes in on Man Utd job	https://www.bbc.co.uk/sport/football/59431558?at_medium=RSS&at_campaign=KARANGA	x Not good news for other teams x Klopp praises x outstanding x Rangnick as he closes in on Man Utd jobLiverpool manager Jurgen Klopp says that unfortunately a good coach is coming to England if Manchester United agree a deal with Ralf Rangnick	2021-11-26 14:27:57
ニュース	BBC News - Home	'Pochettino has not asked to leave PSG'	https://www.bbc.co.uk/sport/football/59433589?at_medium=RSS&at_campaign=KARANGA	x Pochettino has not asked to leave PSG x Paris St Germain sporting director Leonardo says manager Mauricio Pochettino will remain at the club and has never asked to leave amid links to Manchester United	2021-11-26 14:32:37
LifeHuck	ライフハッカー［日本版］	200万冊以上が読み放題「Kindle Unlimited」が3カ月99円のセール中｜Amazonブラックフライデー	https://www.lifehacker.jp/2021/11/246579amazon-blackfriday-2021-kindle-unlimited.html	amazon	2021-11-26 23:30:00
北海道	北海道新聞	北方四島免税、最長２０年間に延長　ロシア政府方針	https://www.hokkaido-np.co.jp/article/616128/	北方四島	2021-11-26 23:19:04
北海道	北海道新聞	日比野克彦氏が東京芸大次期学長　現代美術家、美術学部長	https://www.hokkaido-np.co.jp/article/616151/	任期満了	2021-11-26 23:15:00
北海道	北海道新聞	南アで新たな変異株　各国が水際対策強化　航空機の乗り入れ制限	https://www.hokkaido-np.co.jp/article/616133/	乗り入れ	2021-11-26 23:13:49
北海道	北海道新聞	照ノ富士１３連勝、２７日にもＶ　九州場所、阿炎は貴景勝破り１敗守る	https://www.hokkaido-np.co.jp/article/616042/	照ノ富士	2021-11-26 23:04:31
北海道	北海道新聞	ＮＹ円、１１４円近辺	https://www.hokkaido-np.co.jp/article/616146/	外国為替市場	2021-11-26 23:03:00
北海道	北海道新聞	さっぽろ雪まつり、感染対策徹底　２年ぶり開催を正式発表、スタッフは原則接種	https://www.hokkaido-np.co.jp/article/616057/	感染対策	2021-11-26 23:02:26