投稿時間:2022-01-09 04:21:40 RSSフィード2022-01-09 04:00 分まとめ(28件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	railsのobjectってなんですか？	https://teratail.com/questions/377256?rss=all		2022-01-09 03:54:16
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	二点間の角度を取得して表示させたい	https://teratail.com/questions/377255?rss=all		2022-01-09 03:15:13
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	headerをincludeしたときのスクロール開始位置がずれる	https://teratail.com/questions/377254?rss=all	headerをincludeしたときのスクロール開始位置がずれるhtmlファイルにて共通のheaderをjqueryを使ってincludeしたいです。	2022-01-09 03:04:36
Docker	dockerタグが付けられた新着投稿 - Qiita	Docker on WSL2 without Docker Desktopを構築し、VSCode Remote-Containersで接続する	https://qiita.com/oriver3/items/e139e964a88e7cbdb029	VSCodeと拡張機能RemoteWSLRemotecontainersがインストールされていることDockerを実行するだけなら無くてもいいのですが、本稿の価値は半減します。	2022-01-09 03:39:29
Git	Gitタグが付けられた新着投稿 - Qiita	Githubにある自作のnpmモジュールをnpm installしてENOENTが出た時	https://qiita.com/Landmaster135/items/2cff3d8673a07cb4ea93	Githubにある自作のnpmモジュールをnpminstallしてENOENTが出た時はじまり自分で作ったnpmモジュールをubuntu環境へinstallしようとしたときに以下のエラーが出ました。	2022-01-09 03:56:44
海外TECH	MakeUseOf	4 Ways to Find a Program's Install Location on Windows	https://www.makeuseof.com/windows-ways-to-find-programs-install-location/	fortunately	2022-01-08 18:46:39
海外TECH	MakeUseOf	The 5 Best Apps for Live and On-Demand Fitness Classes	https://www.makeuseof.com/apps-live-on-demand-fitness-classes/	classes	2022-01-08 18:30:11
海外TECH	MakeUseOf	5 Text-Based Adventure Games You Can Play in Your Browser	https://www.makeuseof.com/tag/browser-text-based-games/	experiences	2022-01-08 18:16:40
海外TECH	MakeUseOf	5 Apps to Overcome Fear of Rejection and Progress Your Career	https://www.makeuseof.com/apps-to-overcome-fear-rejection-progress-career/	careerlooking	2022-01-08 18:16:39
海外TECH	DEV Community	How To Show Your Latest Blogs On GitHub Profile	https://dev.to/sachinchaurasiya/how-to-show-your-latest-blogs-on-github-profile-3jp6	How To Show Your Latest Blogs On GitHub ProfileAs a developer we love to build our online presence and for that we do a lot of things like sharing tips and tricks writing in depth guides to discuss any tech writing tutorials on how to build x with y and all we use different platforms to share content like hashnode dev community medium etc like I do I create content on hashnode and cross post on other platforms while sharing my content on other platforms I got a thought what if I can show my latest content on my GitHub profile if people are visiting my GitHub profile and from there if they get to know my latest content that would be great right so I started looking for how I can show my latest blogs on my GitHub profile I found two solutions two GitHub Actions that we will be discussing in this article before jumping into solutions let s first discuss what are GitHub actions and what they are used for What is GitHub actionsGitHub actions are a set of events and workflow whenever specified events happen to your GitHub repository it will run the associated workflow for it want to learn more about Github actions you can get started from here Let s discuss two GitHub workflows that I used to show my latest blogs on my Github profile Blog Post WorkflowUsing this workflow we can show blog posts from any source in our Github Profile Readme automatically using RSS feed we can also use this workflow to show StackOverflow activity or Youtube Videos Setting up workflowwe can easily set up this workflow in our profile repository to fetch and show the latest blogs automatically using the RSS feed Create the github folder in your profile repository if it does not exist gt mkdir github Create the workflows folder inside the githubfolder if it does not exist gt mkdir github workflows Create the workflowname yml file inside workflows folder where you can replace workflow name with your workflow name I will give a blog post yml gt touch blog post ymlafter creating a workflow file add this content to it name Latest blog post workflowon schedule Run workflow automatically cron Runs every hour on the hourjobs update readme with blog name Update README with latest blog posts runs on ubuntu latest steps uses actions checkout v uses gautamkrishnar blog post workflow master with max post count feed list Here we have three main components of the workflownameonjobsLet s discuss them one by onename is the name of the workflow after workflow run If you see the actions tab in your repository you will get workflow runs like this on is used for defining what action you want to run this workflow here we are running this workflow on schedule using corn job to run this workflow automatically every hour If you don t know much about corn syntax this may be helpful for youThe quick and simple editor for cron schedule expressionsjobs is used for defining what to do when an event happens on our repository here we are defining only one job that is update readme with blog which will commit on our repository with the message Update README with latest blog posts for jobs we will need to define what environment it will be running and we are running this job on ubuntu also we will need to provide what steps to use like this uses actions checkout v uses gautamkrishnar blog post workflow masterif you notice we are using the with attribute for nd action that is gautamkrishnar blog post workflow masterhere we are providing options max post count and feed list Please Replace the above feed list URL with your own RSS feed URLsNow I hope we are clear with all the components of a workflow Last but not least add this content to your profile README md file Latest Blogs lt BLOG POST LIST START gt lt BLOG POST LIST END gt Think of it like a block that will get replaced by your blog list For Example Latest Blogs lt BLOG POST LIST START gt The Simple Guide to Seo For Your Application Awesome Libraries To Use In Your Next ReactJs Project An Introduction to Python Dictionary and Structuring Data How to Setup MongoDB Atlas Some of the Best Open Source Projects to make your life easier What are Views in Django Django project vs app Mvt Pattern Of Django Simple Guide for Django Admin Interface Understanding Django Application LifeCycle lt BLOG POST LIST END gt The second workflow is specific to the hashnode platform so let s also discuss it Hashnode BlogUsing this workflow we can fetch our hashnode publication blogs and show them to our GitHub profile Setting up workflowwe can easily set up this workflow in our profile repository to fetch and show the latest blogs automatically using the RSS feed Create the github folder in your profile repository if it does not exist gt mkdir github Create the workflows folder inside the githubfolder if it does not exist gt mkdir github workflows Create the workflowname yml file inside workflows folder where you can replace workflow name with your workflow name I will give a hashnode yml gt hashnode ymlafter creating a workflow file add this content to it name latest Blog on workflow dispatch schedule cron Runs Every Hoursjobs update blogs name Update With Latest Blogs runs on ubuntu latest steps name Fetching Repository Contents uses actions checkout main name Hashnode Updater uses varunsridharan action hashnode blog with USERNAME Sachinchaurasiya Hashnode Username COUNT MAX Visisble STYLE blog left BLOG URL env GITHUB TOKEN secrets GITHUB TOKEN Here all the components are the same as we discussed earlier except here we have some additional and different attributes like USERNAME your Hashnode usernameCOUNT post count you want to fetchSTYLE how you want to list out your blogsBLOG URL your hashnode publication URL One different thing we have here is env which is used for automatic token authentication you don t need to worry about secrets GITHUB TOKEN will automatically get referred from your GitHub account env GITHUB TOKEN secrets GITHUB TOKEN Add placeholder content to your profile README md file Latest Blog Posts lt HASHNODE BLOG START gt lt HASHNODE BLOG END gt Think of it like a block that will get replaced by your blogs For Example SummaryWe discussed what is GitHub actions and the workflows to use it We also discuss two GitHub actions using which we can show the latest blogs on our GitHub profile I am using nd one that is Hashnode Blog actions because I first publish all my content on Hahsnode Which action you will be using or already used let me know in the comment sectionAnd that s it for this topic Thank you for reading Connect with meLinkedIn Twitter	2022-01-08 18:51:01
海外TECH	DEV Community	Continuous Integrations with GitHub actions	https://dev.to/dawsoncodes/continuous-integrations-with-github-actions-26ig	Continuous Integrations with GitHub actionsIn this blog post I will show you how Github Actions work and how you can use it to spend less time deploying and more time coding Hi I m Dawson I daily tweet about web dev tips and write long form content like this So if you like it please consider giving me a follow on Twitter What is Github Actions Github Actions is another feature on Github It relies on the GitHub webhooks API to detect commits and pull requests allows you to build and deploy your code You re able to create pipelines with customizable actions per stage monitor your repository for changes and run the appropriate pipeline for the event that happened For example if new code is pushed then run some tests You can specify conditions that need to be fulfilled before running actions You can create your custom scripts or use ready to use workflow templates What are the Advantages of GitHub Actions No more Re deployingDeploying your application once you make changes to your code manually could be exhausting and repetitive On a personal use case let s say you deploy your apps manually You write some code you push to GitHub ssh into your VPS pull the changes from Github build and deploy and forget to add something REPEAT Exhausting right With Github Actions you can create a CI CD pipeline that does all of those things for you what you have to do is push to GitHub and GitHub will take care of your workflow Automating your open source workflowOpen source projects take outstanding advantage of this service it makes everything much more straightforward Imagine maintaining an extensive open source project and contributors send pull requests all the time some of those pull requests might break your code if you merge it into your main branch What can you do You can set up a workflow with Github Actions and build and test the app every time someone creates a pull request so that before you even try to consider reading a pull request you already see that this pull request breaks some part of your code No third party toolThe best thing about GitHub Actions is that you probably already use GitHub So it s much better to use GitHub Actions than to use some other third party tool to manage your CI CD pipeline and build high performing secure pipelines A large variety of already set up workflowsYou don t need to manage your workflows you can use already made environments to run your pipeline workflow It is easyGithub CI CD pipeline is also more accessible than other CI CD tools and does not require you to have a full time DevOps team that is cost intensive and not ideal for startups Instead you can quickly learn how to use it and create workflows with your development team You don t need a server to run actionsAll these actions will be happening on Github servers This means you save resources because you don t have to run them on your server How it works These Github actions that we talked about will only trigger when specific events happen like push and pull request Let s say that we only want a particular action to happen only when the event is push meaning that every time some new changes are being pushed to the Github repository So basically GitHub will listen to an event and trigger the actions given by the developer Each job will run on a different server for example any job in the job tag is run by a server and another job has another server Sometimes we want jobs to run one after another If we decide to do so we need to use the needs tag in the other job and include the other jobs name More of this later The CI CD pipelineToday one of the most common workflows is the CI CD pipeline which runs some actions in order Commit you commit your changes to GitHub Test Workflow starts running tests Build Build starts if the test ran successfully Deploy Deploys the latest changes to the server Code is pushed from development to a testing environment and finally to production for end users to access The Github workflow syntaxGithub Actions use the yml language to define workflows So if you don t have a basic understanding of reading YML I recommend reading some articles about it There are many syntaxes that Github uses to define workflows I will talk about the most used and common ones and later in this article we will write our workflow for a node js application test it and then deploy it to our own VPS Here are some of the most essential yml syntaxes of Github workflow name is the name of your workflow file on contains the list of events in which we want to trigger the action jobs The list of jobs we want to run after the event happens runs on is the operating system in which you want to run the workflow steps a list of actions you want to run after the event happens uses you can import other people s written actions and re use them with a list of variables Think of it as environment variables SecretsSometimes you want to add a password or a private key inside your workflow file But you don t want other people to see it and you still want to run the actions In this case you can put your repository secrets from your repository settings you can specify the name of your key and the value of your key Later you can use these secrets in your yml file by using the secrets YOUR SECRET syntax Writing a sample Github workflowIn this tutorial I ll show you how to set up a GitHub workflow so that when we push some changes to our main branch on GitHub our website will automatically build test and host itself again which will save us a lot of time amp effort So in summary We push some changes to Github Event triggers Github will download our code and test it on their server If the test is successful Github will access our VPS using SSH keys Fetches the latest changes Builds the app Restarts the app The following code shows the Github workflow code for testing building and hosting a node js app on a VPS using SSH keys name Node js CIon push branches master jobs build and test runs on ubuntu latest strategy matrix node version x steps uses actions checkout v name Use Node js matrix node version uses actions setup node v with node version matrix node version cache npm run npm i run npm run build run npm run test deploy needs build and test runs on ubuntu latest strategy matrix node version x steps uses actions checkout v name Use Node js matrix node version uses appleboy ssh action master with host secrets IP username secrets USERNAME key secrets KEY script cd path to your app directory amp amp git checkout amp amp git pull amp amp npm run build amp amp pm restart MyAppThe first job we have created is to build and test the app on the Github servers If the first action was successful the second one will be executed We specified this by using needs syntax and adding the previous job name Great now your server hosts itself again without you having to worry about build fails or errors in your code Now you can spend more time coding and less time re deploying Thank you for taking the time to read my blog post If you found it helpful please feel free to follow me on Twitter where I post daily web development tips If you have any questions or need anything please feel free to DM me on Twitter	2022-01-08 18:26:02
海外TECH	DEV Community	Built-In Angular Pipes -Part 5	https://dev.to/this-is-angular/built-in-angular-pipes-part-5-pco	Built In Angular Pipes Part Today we will continue to learn the built in Angular pipes Pipes covered in this post LowerCasePipePercentPipeSlicePipeTitleCasePipeUpperCasePPipeLowerCasePipeThis pipe is used to convert the string of alphabets in to lower case or in small lettersSyntax value lowercase It is Exported from the CommonModuleIt takes only string as Input Now lets see the example Our playground Lets paste in the below code in the component ts file myName JOHN DOE In the component html file lets paste in the below code lt hr gt lt h gt Lowercase Pipe Demo lt h gt lt h gt Without Pipe lt h gt lt p gt myName lt p gt lt h gt With Pipe lt h gt lt p gt myName lowercase lt p gt In the browser you will see the below output So here you can see without using pipe we are getting the original value but after using the lowercasePipe we are getting the value converted to lowercase PercentPipeIt modifies a number to a percentage string It can be formatted according to locale rule that determines the size of the group and the separator Syntax value expression percent digitsInfo locale It is Exported from the CommonModuleIt takes only string or number as Input ParametersdigitsInfo Its exactly the same as the digitsInfo in the decimal pipe I would recommend you to have a look hereLets see in practice We will be working in the same playground In the component ts file lets paste the below code percentValue amp in the template file lets paste the below code lt h gt Percent Pipe Demo lt h gt lt p gt percentValue percent lt p gt Lets see the output Here we can see that the output is Things to watchThe value got rounded and a percent sign has been appended Now if you update the percentValue variable to you will see the output to become If we do not pass the digits info in that case there is no digits after the decimal point and it will be rounded off Now lets see how digits info works Lets paste in the below code in the template file lt hr gt lt h gt digitsInfo Example lt h gt lt p gt percentValue percent lt p gt Here the output will become Explanation of the above outputDigit two before the decimal signifies how many digits will be there before decimal point in the output NoteIf the output value has digits before decimal for example in this case but you give before decimal in the digitsInfo example lt p gt percentValue percent lt p gt still you will see digits before the decimal If you want digits before the decimal then the digitsInfo should look like and would be appended at the beginning gt and signifies the minimum and maximum digits after the decimal place It means minimum digits will be there and maximum Since the value we passed has more than digits so we can see digits after the decimal place SlicePipeThis pipe creates a subset of the input string or array of items Syntax value expression slice start end It is Exported from the CommonModuleIt takes string or array as InputParametersstartIt is of type numberIt is mandatory endIt is a number Marks the end position of the string array But end is not included It is optionalDefault value is undefined Now lets jump in to see the example Lets add the below code in the component ts file sliceDemoString John Snow sliceDemoArray a b c d e amp in the template file lets add the below code lt h gt Slice Pipe Demo lt h gt lt hr gt lt h gt Without using slice pipe lt h gt lt p gt sliceDemoString lt p gt lt p gt sliceDemoArray lt p gt lt h gt Without using slice pipe lt h gt lt p gt sliceDemoString slice lt p gt lt p gt sliceDemoArray slice lt p gt Now the output will be like below ExplanationHere we have used the slice pipe and in the first example we passed as the staring point So from the string John Snow the character Jo was sliced out removed and the remaining string was returned J is the th index and it started from nd index In the second example we passed so the first item or the th index item was removed and started from the st index Lets update the above code and write the below code in the template file lt p gt sliceDemoString slice lt p gt lt p gt sliceDemoArray slice lt p gt amp the output will become So here in the first example the subset starts from nd index and ended in end index the rd index In the second example the start index was and end index was not but endIndex i e the nd index so b c was returned TitleCasePipeThis pipe transforms the text to the title case That is if you pass a sentence then every first letter of the word passed would become in capital case Syntax value expression titlecase It is Exported from the CommonModuleIt takes a string as input Lets see in example Lets add the below code in the component ts filetitleCasePipeDemoString You will be master in Angular very soon In the template file lt h gt TitleCase pipe lt h gt lt h gt Without using pipe lt h gt lt p gt titleCasePipeDemoString lt p gt lt h gt With using the Titlecase pipe lt h gt lt p gt titleCasePipeDemoString titlecase lt p gt The output will become So here you can see every first letter of the word is capitalized The last pipe UpperCasePipeIts the opposite of LowerCasePipe Converts the string into uppercase Syntax value expression uppercase It is Exported from the CommonModuleIt takes a string as input Lets see in example Lets add the below code in the component ts file uppsercasePipeDemo john snow In the template file lt h gt UpperCase Pipe Demo lt h gt lt h gt Without Pipe lt h gt lt p gt uppsercasePipeDemo lt p gt lt h gt With Pipe lt h gt lt p gt uppsercasePipeDemo uppercase lt p gt The output will become It transforms the string we passed to uppercase That s all my friend You have done a great job covering all the pipes few I left intentionally will cover very soon Next coming up Creating custom pipeHope you enjoyed the post If yes do like comment and share More Angular topics are on the way Stay tuned Cheers Happy Coding	2022-01-08 18:14:19
Apple	AppleInsider - Frontpage News	iPod Shuffle, white EarPods drafted in retro tech revival	https://appleinsider.com/articles/22/01/08/ipod-shuffle-white-earpods-drafted-in-retro-tech-revival?utm_medium=rss	iPod Shuffle white EarPods drafted in retro tech revivalThe iPod Shuffle and other older devices are enjoying a resurgence fueled by social media users finding new ways to make use of the outdated technology A trend on social media involves old technology but rather than examining the hardware as artifacts it s taken a different approach This time the trend is all about using bygone devices in new ways different from their intended purpose The profile on the trend by The Information covers a number of initiatives that caught social media user s attention starting with the viral clip by Celeste Tice In the viral TikTok video which trended in December Tice talked about the vintage iPod Shuffle and used it as a hair clip Read more	2022-01-08 18:44:52
海外TECH	CodeProject Latest Articles	DataProvider - A Static Library for handing Databases from C++	https://www.codeproject.com/Articles/5311623/A-Static-Library-for-handing-Databases-from-Cplusp	static	2022-01-08 18:50:00
海外科学	NYT > Science	The James Webb Telescope Finishes Deployment in Space	https://www.nytimes.com/2022/01/08/science/james-webb-telescope-nasa-deployment.html	telescope	2022-01-08 18:33:47
海外科学	NYT > Science	What We Know About Unfolding the James Webb Space Telescope	https://www.nytimes.com/2022/01/08/science/webb-telescope-nasa-time-livestream.html	What We Know About Unfolding the James Webb Space TelescopeEngineers sent commands to deploy the mirrors on the space observatory then latch them into place a critical milestone before it begins its science mission	2022-01-08 18:54:31
ニュース	BBC News - Home	Covid: UK records more than 150,000 deaths	https://www.bbc.co.uk/news/uk-59923936?at_medium=RSS&at_campaign=KARANGA	brazil	2022-01-08 18:53:52
ビジネス	ダイヤモンド・オンライン - 新着記事	天気が悪い、体が痛い……、 どんなときでも 家の中でできる全身運動とは？ - 脳の毒を出す食事	https://diamond.jp/articles/-/292630	天気が悪い、体が痛い……、どんなときでも家の中でできる全身運動とは脳の毒を出す食事現代人の脳には“毒が溜まっている無意識に溜まった脳の“毒を出して脳がみるみる若返る食事法を紹介する脳の若返りと認知症治療の専門医・白澤卓二医師が提案する衝撃の最新刊『脳の毒を出す食事』では、現代人の脳に溜まった毒を出し、脳の機能を上げる食事法を紹介している。	2022-01-09 03:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【1日1分強運貯金】 見るだけで、突然、 ありえないレベルでツキまくる！ 【月読命】のグレートパワーとは？ - 1日1分見るだけで願いが叶う！ふくふく開運絵馬	https://diamond.jp/articles/-/291002	【日分強運貯金】見るだけで、突然、ありえないレベルでツキまくる【月読命】のグレートパワーとは日分見るだけで願いが叶うふくふく開運絵馬Amazonランキング第位祭祀・、楽天ブックスランキング第位民俗・、。	2022-01-09 03:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【簡単なのに9割の人が知らない】 「対比」見出しパターンBEST3事例！ - コピーライティング技術大全	https://diamond.jp/articles/-/291137	【簡単なのに割の人が知らない】「対比」見出しパターンBEST事例コピーライティング技術大全発売たちまち大重版Amazonランキング第位広告・宣伝、。	2022-01-09 03:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	脳をあやつる交渉術7選！ 悪用厳禁の心理テクニック - 真の「安定」を手に入れるシン・サラリーマン	https://diamond.jp/articles/-/290866	脳をあやつる交渉術選悪用厳禁の心理テクニック真の「安定」を手に入れるシン・サラリーマン異例の発売前重版刷仕事がデキない、忙しすぎる、上司のパワハラ、転職したい、夢がない、貯金がない、老後が不安…サラリーマンの悩み、この一冊ですべて解決これからのリーマンに必要なもの、結論、出世より「つの武器」リーマン力副業力マネー力。	2022-01-09 03:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	初対面の相手と「会話を楽しめる」人の特徴とは？ - 孤独からはじめよう	https://diamond.jp/articles/-/291667	自分	2022-01-09 03:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【出口学長・新年特別講義】 ユダヤ教、キリスト教、イスラーム教は、 世界最古の宗教「ゾロアスター教」から 多くのことを学んだ。 - 哲学と宗教全史	https://diamond.jp/articles/-/289759		2022-01-09 03:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ゴゴスマ石井アナが伝授！ 相手を喜ばせる 会話の極意とは？ - ゴゴスマ石井のなぜか得する話し方	https://diamond.jp/articles/-/292682		2022-01-09 03:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「全身ユニクロでも清潔感がある人」と「なんとなくだらしない印象の人」の決定的な差 - だから、この本。	https://diamond.jp/articles/-/292576	工業高校	2022-01-09 03:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	たった一言で「目にとまるフレーズ」がつくれる！ そのワードとは？ - 短いは正義	https://diamond.jp/articles/-/289606	資料	2022-01-09 03:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「部署飲み会」と「1on1ミーティング」…部下の“ホンネ”を引き出せるのはどっち？ - チームが自然に生まれ変わる	https://diamond.jp/articles/-/291047	「部署飲み会」と「onミーティング」…部下の“ホンネを引き出せるのはどっちチームが自然に生まれ変わる認知科学をベースに「無理なく人を動かす方法」を語った『チームが自然に生まれ変わる』は、マッキンゼーやネスレ、ほぼ日CFOなどを経て、エール株式会社の取締役として活躍する篠田真貴子さんも絶賛する「新時代のリーダー論」だ。	2022-01-09 03:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	メーカーに就職したい人なら知っておきたい「メーカーにおける工場の役割」 - 全図解 メーカーの仕事	https://diamond.jp/articles/-/292517	メーカーに就職したい人なら知っておきたい「メーカーにおける工場の役割」全図解メーカーの仕事メーカー製造業には自動車、電機、食品……などさまざまな業種がありますが、いずれも「商品をつくって顧客に届ける」という点は共通です。	2022-01-09 03:05:00