投稿時間:2021-11-20 20:18:18 RSSフィード2021-11-20 20:00 分まとめ(20件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	AtCoder Some Sumsのコメント	https://qiita.com/KKDDD/items/39b08ecb39aa9dcbbca5	answeriprintanswer	2021-11-20 19:53:24
python	Pythonタグが付けられた新着投稿 - Qiita	【Pytorch】RuntimeError: Expected a 'cuda' device type for generator but found 'cpu'【Dataloader・データローダー】	https://qiita.com/daikiclimate/items/8ac0c9f559676e28173d	【Pytorch】RuntimeErrorExpectedaxcudaxdevicetypeforgeneratorbutfoundxcpux【Dataloader・データローダー】ある日こんなエラーがepochTracebackmostrecentcalllastFiletrainpylineinltmodulegtmainFiletrainpylineinmaintrainlosstrainFiletrainpylineintrainfordatalabelmaskindatasetFilehomeubuntupyenvversionslibpythonsitepackagestorchutilsdatadataloaderpylineinnextdataselfnextdataFilehomeubuntupyenvversionslibpythonsitepackagestorchutilsdatadataloaderpylineinnextdataindexselfnextindexmayraiseStopIterationFilehomeubuntupyenvversionslibpythonsitepackagestorchutilsdatadataloaderpylineinnextindexreturnnextselfsampleritermayraiseStopIterationFilehomeubuntupyenvversionslibpythonsitepackagestorchutilsdatasamplerpylineiniterforidxinselfsamplerFilehomeubuntupyenvversionslibpythonsitepackagestorchutilsdatasamplerpylineiniteryieldfromtorchrandpermngeneratorgeneratortolistRuntimeErrorExpectedacudadevicetypeforgeneratorbutfoundcpu通常、ロスなどを取るときなどに、片方はGPUで片方がCPUだと計算できないよ、というものが、なんと学習する前のデータロードするタイミングで知らんわ笑調べてみるとどうやら、torchsetdefaulttensortypetorchcudaFloatTensorこいつが悪さをしていたらしい。	2021-11-20 19:12:45
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	xcode：特定のフォントで文字幅を等倍にしたい	https://teratail.com/questions/370267?rss=all	xcode特定のフォントで文字幅を等倍にしたいxcodeにてアプリを製作している初心者です。	2021-11-20 19:46:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	以下のコードでデータセットが表示されません	https://teratail.com/questions/370266?rss=all	以下のコードでデータセットが表示されませんPythonではじめる機械学習で勉強をはじめました。	2021-11-20 19:20:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	pyxelエラーの理由が知りたい。	https://teratail.com/questions/370265?rss=all	pyxelエラーの理由が知りたい。	2021-11-20 19:03:04
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Ruby 文字列オブジェクト	https://qiita.com/ogwk/items/96354ddabb2711d27233	komojidowncasegtkomoji	2021-11-20 19:32:36
技術ブログ	Developers.IO	AWS Batch で サブミットしたジョブが [RUNNABLE] のまま止まっている理由について教えてください	https://dev.classmethod.jp/articles/tsnote-aws-batch-job-remains-stopped-with-runnable-state/	awsbatch	2021-11-20 10:55:51
技術ブログ	Developers.IO	IAMユーザー・アクセスキーを作成せずにRed Hat OpenShift Service on AWS(ROSA)クラスターを作成してみた	https://dev.classmethod.jp/articles/deploy-rosa-cluster-without-iam-user-access-key/	openshift	2021-11-20 10:32:42
海外TECH	DEV Community	Django Cookie-Cutter - Material Dashboard	https://dev.to/sm0ke/django-cookie-cutter-material-dashboard-2l1m	Django Cookie Cutter Material DashboardHello Coders This article explains how to generate a simple Django Dashboard using Cookiecutter a well known command line utility that creates projects from project templates The customization process allows choosing the project name database type and other related information like project name version and support email if any For newcomers Django is a leading web framework created and actively supported by experienced developers using a batteries included concept Thanks for reading Content provided by App Generator Django Material Dashboard preview the generated projectDjango Cookie Cutter the generator sourcesFor support via Discord join AppSeed How it WorksTo start fast and generate a new project the workstation should have a minimal toolchain used by the generator Python GIT and optional a modern code editor like VsCode or Atom Step Create a virtual environment for dependencies virtualenv env source env bin activateStep Install Modules pip install cookiecutter pip install GitPython Step Generate the project cookiecutter console output gt gt gt project name Django Seed project Django Material gt gt gt project slug django material gt gt gt description A simple Django project gt gt gt author name AppSeed gt gt gt domain name example com gt gt gt email appseed example com gt gt gt version gt gt gt Select theme volt soft ui datta able material dashboardChoose from lt SELECT the Material Design gt gt gt Select database sqlite mysql postgresqlChoose from gt gt gt database name appseed django gt gt gt database user appseed user gt gt gt database pass Pass gt gt gt PRE Gen hook executed Cloning theme lt material dashboard gt REPO done gt gt gt POST Gen hook executed Copy assets done Copy templates doneOnce the process is finished we can change the directory inside the generated sources and use Docker to start the app cd django material docker compose up buildAt this point the app should be accessible in the browser at the address http localhost Django Cookie Cutter Dashboard PageDjango Cookie Cutter VR pageThanks for reading For more resources please access More Free Dashboards a curated listMore Django Starters dashboards and apps	2021-11-20 10:43:50
海外TECH	DEV Community	Integrating Percy and Cypress to your Next.js application.	https://dev.to/imkarthikeyan/integrating-percy-and-cypress-to-your-nextjs-application-3fj0	Integrating Percy and Cypress to your Next js application In this blog post we will be seeing how to integrate Percy and Cypress to your Next js application Outline Visual Testing End to End Testing Intro on Percy Intro on Cypress Writing your first EE test with Cypress Connecting Percy with Cypress Integrating Visual Testing with CI pipelineConclusion Visual testing Visual testing makes sure that UI looks the same for all the users At the end of the build a visual testing tool takes a screenshot so that it can check analyse and give us information as how our application gets rendered on multiple environments like browsers devices and how screen size can affect the layout of the application Below are some of the visual testing toolsPercy BrowserStack KobitonApplitoolsLambdaTestCrossBrowserTesting SMARTBEAR ChromaticScreener by SauceLabs Sauce Visuals End to End Testing EE or End to end testing is a test strategy where we subject our application to test scenario which will closely impersonate how an end user will interact with application WebdriverJS Protractor WebdriverIO NightwatchJS Cypress TestCafe Alright now we know about the two high level testing strategies Let s see short intro about the tools which we are going to use Percy Percy helps teams automate visual testing It captures screenshots compares them against the baseline and highlights visual changes Cypress Cypress is a JavaScript based end to end testing framework built on top of Mocha which runs on the browser It s make the testing process more reliable and faster Let s code Note I will not be going in depth about writing EE test Please refer to the cypress documentation on writing your first test Bootstrapping your Next js application We will be using the create next app cli to bootstrap our demo application Go to your terminal and type the following command npx create next app cypress next demo tscd cypress next demoyarn devThe above command will start up a brand new next js application and spin up in your local machine You can now visit localhost in your browser Before writing our first test Let s clean up the boilerplate code in the index tsx file Paste the following in your pages index tsx file import type NextPage from next import Head from next head import Image from next image import styles from styles Home module css const Home NextPage gt return lt div className styles container gt lt Head gt lt title gt Create Next App lt title gt lt meta name description content Generated by create next app gt lt link rel icon href favicon ico gt lt Head gt lt main className styles main gt lt h className styles title gt Cypress Next js Percy lt h gt lt p className styles description gt playing around with cypress next and percy lt p gt lt main gt lt div gt export default HomeWe are having a simple h and p tags in our demo app Save it and check in your browser to verify the changes Writing your first EE test with Cypress Let s first install cypress Head over to the terminal and run the following command yarn add cypress devOnce the installation is done open the package json add the following line to the script cypress open cypress open and run the following command in your terminalyarn run cypress openThis is will open up the cypress and generate the examples with recommended folder structure➜cypress git main ls ltratotal drwxr xr x karthikeyan shanmuga Nov pluginsdrwxr xr x karthikeyan shanmuga Nov drwxr xr x karthikeyan shanmuga Nov fixturesdrwxr xr x karthikeyan shanmuga Nov supportdrwxr xr x karthikeyan shanmuga Nov integrationdrwxr xr x karthikeyan shanmuga Nov You can run the sample test in the Cypress UI to see how it is working Now let s remove the example test and create our own Do the following cd integrationstouch app spec tsAdd the following content to the app spec ts file app spec ts describe home page gt it checking for tags gt cy visit cy get h should be visible cy get p should be visible Make sure to add the baseUrl http localhost  to  cypress json configuration file Code Walkthrough describe and it come from Mocha expect comes from Chai Since we have configured the baseUrl to our local development url We will be replacing We can just straight away visit the root of our application with cy visit In next two consecutive lines we are checking to see if h and p we added to our index tsx file is visible in the DOM Running your Cypress tests Since Cypress is testing a real Next js application it requires the Next js server to be running prior to starting Cypress Run npm run build and npm run start then run npm run cypress in another terminal window to start Cypress Alright before automating by connecting it with Github actions CI Let s connect it with Percy Connecting with Percy Install  percy cypress and  percy cli yarn add dev percy cli percy cypressIn order to add Percy snapshots to your Cypress tests you ll need to first import the  percy cypress package into your cypress support index js file import percy cypress Head over to the app spec ts file and add the following line for visual diffingcy percySnapshot Home page Once done your app spec ts file should look something like this describe home page gt it checking for the tags gt cy visit cy get h should be visible cy get p should be visible Take a snapshot for visual diffing cy percySnapshot Note Since our project is using typescript please include the following types in the tsconfig json types cypress percy cypress Since we have not connected to the CI yet let s see how we can run the test in our local and send the screenshot to Percy for visual diffing We need PERCY TOKEN for this Create an account in Browserstack if you don t have one and navigate to Percy Create a new project and give the name as percy cypress demo and connect it your github repository Copy PERCY TOKEN from the new project screen then run export PERCY TOKEN your token herenpx percy exec cypress runThis will run the Percy test in your local environment and send the build to Percy since it is the first build it will be considered as the base build and used for comparison Let s automate the process shall we Connecting with CI Github ActionLet s connect it with our CI pipeline We will be using Github actions to achieve this Create a workflow file in our root directory From Next js docsYou can install the start server and test package and add it to the package json In the scripts field   test start server and test start http localhost cypress  to start the Next js production server in conjunction with Cypress Remember to rebuild your application after new changes We will also be doing the same After updating the package json as mentioned it should look something like this name cypress percy demo private true scripts dev next dev build next build start next start lint next lint cypress open cypress open cypress run cypress run percy cypress percy exec cypress run start server serve l test start server and test start http localhost percy cypress dependencies next react react dom devDependencies percy cli beta percy cypress types node types react cypress eslint eslint config next serve start server and test typescript we will using the above configured command yarn run test in our CI github workflows main ymlname CIon push branches main pull request branches mainjobs build runs on ubuntu latest steps name Checkout uses actions checkout v name Install run yarn name Build Next js run yarn run build name Run tests uses percy exec action v with custom command npm test env PERCY TOKEN secrets PERCY TOKEN Walkthrough Whenever we push the code to the main branch or send a pull request test will be triggered Install the dependencies and build your Next js application Run the test Note Please add the PERCY TOKEN to your Github secrets What is the need to run the test when code gets pushed to main branch Percy needs a base screenshot which it can use it to compare with fixes which will be sent it s way If it does not have the screenshots to compare to then you will have only one screenshot of your pull request branch From Percy docs We encourage you to run Percy builds for every commit on the main branch as these provide the baseline builds for the pull request and feature builds More info on docs You can also add Percy to your pull merge requests to be notified when visual changes are detected and when those changes are approved and ready to merge Head to your settings to give Percy access to GitHub or GitLab Once you ve given access connect your project on Percy to your project s source repository Then the next time you commit Percy will show up in your pull merge request checks Since the there is no visual difference you don t have to approve the build in percy Now head over to the pages index tsx file and change the p tag content and send in the pull request Once the test run you will get the screenshot appearing on Percy Once you approve it you will be able to merge the Pull request and then it will trigger another action to compare the new and old main branch screenshot Since the new main branch screenshot is the latest one it will auto approved and considered as the base screenshot for the further comparison What have we achieved so far Learnt about visual and ee testing How to write your first ee test using Cypress How to connect Percy with Cypress Automating visual test with CI pipeline I have attached some reference blog post to get more familiar on Github actions and creating your own workflow Conclusion That s pretty much it Thank you for taking the time to read the blog post If you found the post useful add ️to it and let me know if I have missed something in the comments section Feedback on the blog are most welcome Link to the repository Let s connect on twitter Resources Cypress Framework tutorial ーBrowserstackNext js docs ーtestingVisual testing with percy digital ocean Creating your first github action	2021-11-20 10:34:10
海外TECH	DEV Community	ReactJS vs AngularJS: Which one is better for your project?	https://dev.to/code2rithik/reactjs-vs-angularjs-which-one-is-better-for-your-project-2ca8	ReactJS vs AngularJS Which one is better for your project Heya Coders What s poppin Today I ll be talking about which is better React or Angular Feel free to share your opinions in the comments below Let s get it Javascript is one of the most popular languages ​​among developers today There are many developers newbies and seasoned aficionados who build their application or project using Javascript but still there is confusion when choosing the right framework or library for their design Soooo Angular and React are both popular but developers can t really decide upon WHICH is good for their project ‍ ️Most learners and students want to learn a framework that could help in getting them a good job in the market Alright I honestly think I m wasting your time lets get to the point Let s get to the BASICS React Pretty sure y all know what React is but for those of you who don t know React is a framework created by and maintained by Facebook in Long story short ReactJS is used to build interactive user interfaces Angular Angular is also a JavaScript framework that was created by google and was released in It s mainly used for developing SPAs Single Page Applications The world s voice Lets see what Stack Overflow s AND Google Trends survey says about Angular and React ANDWe can clearly see that React has more priority over Angular What I think Angular Learning the Framework In order to learn Angular you have to learn a lot of things like Typescript in depth There are a whole lot of other topics to learn such as directives modules decorators components services dependency injection pipes and templates So basically if you want to learn Angular you have to learn a lot of in depth concepts Components and Size Angular runs on a real DOM Updates and Community Support Angular releases a new version or community update every months There are major updates per year Its current version is Angular React Learning the Framework React is a library and has fewer concepts to learn in order to learn React React uses JSX JavaScript XML which is a way of coding HTML into Javascript You just need to learn the JSX syntax React does the same task but in a different way Its quicker to learn than Angular Components and Size React runs on a Virtual DOM which is more lightweight than a real dom Its a javascript version of a DOM Updates and Community Support React s current version is Version Making updates in React is easier than making updates in Angular since famous companies like AirBNB and Twitter run on react SO AT THE END OF THE DAYY Thanks Coders for reading this blog and remember Keep Coding Y All ‍	2021-11-20 10:21:57
ニュース	BBC News - Home	Single-use plastic: Plates, cups and cutlery ban edges closer	https://www.bbc.co.uk/news/uk-59357222?at_medium=RSS&at_campaign=KARANGA	environment	2021-11-20 10:31:53
ニュース	BBC News - Home	Oxford Street: 'Astonishing' haul of fake items seized by police	https://www.bbc.co.uk/news/uk-england-london-59351635?at_medium=RSS&at_campaign=KARANGA	operation	2021-11-20 10:09:21
ニュース	BBC News - Home	Ireland's Quigley overwhelmed by Andrade in title fight	https://www.bbc.co.uk/sport/boxing/59358130?at_medium=RSS&at_campaign=KARANGA	middleweight	2021-11-20 10:12:32
サブカルネタ	ラーブロ	旭川 ごまそば鶴天 あれこれ	http://ra-blog.net/modules/rssc/single_feed.php?fid=193829	五目ごはん	2021-11-20 10:14:13
サブカルネタ	ラーブロ	奥津家＠古淵	http://ra-blog.net/modules/rssc/single_feed.php?fid=193827	駐車場	2021-11-20 10:07:35
北海道	北海道新聞	花巻東などが準々決勝へ　明治神宮野球大会が開幕	https://www.hokkaido-np.co.jp/article/613954/	明治神宮野球大会	2021-11-20 19:19:00
北海道	北海道新聞	コンサドーレ攻めきれず　鳥栖に０―１	https://www.hokkaido-np.co.jp/article/613914/	北海道コンサドーレ札幌	2021-11-20 19:12:49
北海道	北海道新聞	照ノ富士と貴景勝、全勝でトップ　正代は白星一つ先行、１敗が３人	https://www.hokkaido-np.co.jp/article/613950/	照ノ富士	2021-11-20 19:10:00
ビジネス	東洋経済オンライン	ジャルジャルが考える｢夫婦と家族｣のいい関係 コントシネマ公開を控えた2人に話しを聞いた | Domani | 東洋経済オンライン	https://toyokeizai.net/articles/-/470399?utm_source=rss&utm_medium=http&utm_campaign=link_back	domani	2021-11-20 19:30:00