投稿時間:2022-06-04 18:09:44 RSSフィード2022-06-04 18:00 分まとめ(13件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	[画像処理] 画像に枠線を付ける	https://qiita.com/kotai2003/items/e9570402215a84de5d4c	画像処理	2022-06-04 17:26:28
js	JavaScriptタグが付けられた新着投稿 - Qiita	addEventListener()メソッドについて詳しく記載	https://qiita.com/kakuta0915/items/e7a4a9c510341342aeb4	addeventli	2022-06-04 17:23:15
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Rubyのspawnで生成したプロセスを終了できない罠と解決策	https://qiita.com/kojix2/items/3408dccb082f8b11352e	spawn	2022-06-04 17:13:20
技術ブログ	Developers.IO	【レポート】ビジネス課題を解決するための AWS AI サービスの始め方 AWS-40 #AWSSummit	https://dev.classmethod.jp/articles/aws-summit-2022-aws-40/	awsai	2022-06-04 08:51:40
海外TECH	MakeUseOf	5 More Websites to Discover Free Documentaries to Stream Online	https://www.makeuseof.com/discover-free-documentaries-to-stream-online/	others	2022-06-04 08:30:13
海外TECH	DEV Community	A Guide to Overengineering a Windows Terminal	https://dev.to/aviavinav/a-guide-to-overengineering-a-windows-terminal-3e3f	A Guide to Overengineering a Windows TerminalFor decades Windows users have been made fun of by the Linux community for the lack of a cool terminal among other things Well it s about time we fight In this article we will go through setting up a development workflow in the Windows terminal PrerequisitesKnow how to typeWindows Some things may not work for you in this article if you are on some other version Optional Know Basic Unix Commands such as cd mkdir etc What will we be doingWe will set up the following PowershellNerd FontsThemeScoopz Directory JumperTerminal IconsNode amp GitNeovimOh My PoshAutocompleteAliasesUtilitiesWell then let s get started Things to remember during the article stands for your root or home directory the default directory where the terminal will generally open If anything doesn t work even after installing configuring just close and reopen the terminal The command pallete opens with ctrl shift p Terminal settings open with ctrl Getting Started PowershellFirst of all let s install Powershell this is not Windows Powershell that comes with Windows You will have to go to the Microsoft Store and search for it it s free so don t worry After you have done that open Terminal not PowerShell or Command Prompt you can search it up it s pre installed on your PC Press Ctrl to open settings here we will set Powershell as our default it would be Command Prompt in default if you haven t changed it before In the startup menu change the default profile to PowerShell and save that s it Nerd FontsSo what are Nerd Fonts Nerd fonts let you use font ligatures and more glyphs in general it s something everyone should use while coding You might actually be using it without knowing in your IDE text editor I used Fira Code for a long time before knowing it was a Nerd Font To install a nerd font first go to the nerd fonts GitHub Repo and download the zip file of your preferred Nerd Font from the latest release Extract the zip file and install the fonts If you have never installed a font before that s fine you can just double click the ttf files and click on install I use the JetBrains Mono NF and another of my favorites is Hack NF NF stands for Nerd Fonts ThemesTo change the theme of your terminal open settings and click on Open JSON file this will open the settings json file for your terminal Now to change the theme you have three options Choose a theme from the themes already present in the terminal by defaultCreate your own theme from scratch or modify one already present Use a pre written themeI use a pre written theme you can find a lot of them here and paste it into your settings json under “schemes Save the file Now go back to your Terminal settings not settings json and choose the theme you just added Terminal Tools ScoopLet s first install scoop a package manager for Windows We will be then using scoop to install other tools To install scoop run the following in PowerShell winget install scoopThis will install scoop If you are wondering what winget is it is a package manager that comes by default in Windows In case you don t have winget do the following iwr useb get scoop sh iexNow type scoop and if it returns an output like the below then all is good Usage scoop lt command gt lt args gt Some useful commands are alias Manage scoop aliasesbucket Manage Scoop bucketscache Show or clear the download cachecat Show content of specified manifest If available bat will be used to pretty print the JSON checkup Check for potential problemscleanup Cleanup apps by removing old versionsconfig Get or set configuration valuescreate Create a custom app manifestdepends List dependencies for an appdownload Download apps in the cache folder and verify hashesexport Exports an importable list of installed appshelp Show help for a commandhold Hold an app to disable updateshome Opens the app homepageinfo Display information about an appinstall Install appslist List installed appsprefix Returns the path to the specified appreset Reset an app to resolve conflictssearch Search available appsshim Manipulate Scoop shimsstatus Show status and check for new app versionsunhold Unhold an app to enable updatesuninstall Uninstall an appupdate Update apps or Scoop itselfvirustotal Look for app s hash on virustotal comwhich Locate a shim executable similar to which on Linux Type scoop help lt command gt to get help for a specific command If it doesn t return an output just close and reopen the terminal and it will work This is the moment you stop using those installers now you are a terminal guy You can even install Mozilla Firefox just do scoop install firefox There is also choco chocolatey which you can use as a package manager but we will stick with scoop for this article zz is a directory jumper What is a directory jumper Let s say you are in the directory Desktop Development NextJS tutorial and you want to go to SomewhereElse Products Product prod website the one way of doing this in your terminal would be this cd cd SomewhereElse Products Product prod websiteThis looks small but you don t always remember where all your projects are so add more commands in there This wastes our time especially over a prolonged period This is where a directory jumper comes in with just a single command you can go from one project to another Let s take the above example this time you just have to do this assume you are in Desktop Development NextJS tutorial z prod websiteThat s it You just should have visited the directory once in your lifetime which you most probably will during the project setup You don t even need to use the full name of your project directory you can just do z prod and you would jump to the most recent directory which has prod in its name somewhere in this case the prod website One thing to note is to try not to include spaces in your directory names that may make it hard for the directory jumper to find them It s a good practice in general too to not include spaces in directory names Now to install z just type in the following and hit enter and there you go Install Module Name z ForceHuh This is not scoop is it Yes it is not we are currently installing a PowerShell Module you can install some modules using scoop or winget too and thus we are using the Install Module command that is builtin into PowerShell Try it out if it doesn t work open a new Terminal tab shortcut ctrl shift t and it should work now Terminal IconsAs the name suggests it adds icons for when you do ls To install it do the following Install Module Name Terminal IconsThis will install the module To be able to use it globally we need to add it to our powershell profile which we will cover in this article later Node amp GitIf you use Node js install it but if you don t there is no need to To install Node first install nvm which stands for Node Version Manager it also lets you have multiple versions of node installed at the same time scoop install nvmThis will install nvm Now download the stable release of Node js with nvm install ltsfor the latest release do nvm install latestyou can even specify a certain version like this nvm install To list out the versions of node available use nvm list the one with a denotes the one being used currently To change the version do nvm use version number Quick Tip You can also install sudo by doing scoop install sudo by using that you don t have to close and reopen the terminal for admin commands You can use it like sudo nvm use Now for git just do either of the following using scoop scoop install gitorusing wingetwinget install gitThat s it NeovimNeovim is a fork of Vim that is better for plugins and extensions To install Neovim type in the following and hit the enter key scoop install neovimAlso install any other packages it asks you to I don t recommend jumping into Neovim right ahead if you haven t seen it ever before in your life or don t know the common commands keybindings You can check out this article of mine for learning a bit about it and how to set it up I will be using Neovim here for editing files but it s alright you can just follow along with the steps in your preferred text editor or IDE too Oh My PoshNow that all your terminal tools are all set up let s start with customizing your prompt First of all to install it you can do either of the following winget install oh my poshorscoop install Now we will start messing with config files First let s create a config file for our PowerShell we will be using this file to customize our prompt as well as to set aliases and utilities The config file will be in PowerShell script You can create it anywhere but you will have to link it accordingly in your PowerShell profile PowerShell profile is from where PowerShell will load its config you can write your config there directly but we will write it in a separate file Let s make ours in config powershell cd configmkdir powershell amp amp cd powershellAgain you can name your file anything just make sure it will be the same in your PowerShell profile Let s get started with the editing then create a file user profile ps in your preferred editor I will be using Neovim here nvim user profile psNow type in the following into your powershell config oh my posh init pwsh config config powershell avi omp json Invoke ExpressionSave it now In here you can see avi omp json and you can name it anything like your name omp json just make sure to replace it in the config Now you may ask me though what even is that file That file is the one that will contain our oh my posh configuration for the prompt You can create your own custom prompt from scratch by looking at the docs but there are a lot of awesome ones already there I use one of them and just modified it a bit You can check it out on their website and copy the config Here s the one I am using schema schema json blocks alignment left segments foreground AB style plain template avi type session foreground AAF properties folder separator icon style full style plain template ufb Path type path foreground BBAF powerline symbol ueb properties fetch stash count true fetch upstream icon true style plain template UpstreamIcon HEAD if gt StashCount uf StashCount end type git type prompt alignment left newline true segments foreground cde style plain template uebf type root foreground CD style plain template gt type text type prompt version Next open your powershell profile you can do it by nvim profile do it from the home directory if you are not on Neovim the file is located at My Documents powershell Microsoft PowerShell profile ps and type in the following env USERPROFILE config powershell user profile psSave that Close and reopen the terminal Your prompt should load now Awesome Now let s add autocomplete AutocompletePSReadline is a module of PowerShell that comes pre installed which will help us out with the autocomplete To configure it open your user profile ps and add the following Set PSReadLineOption PredictionSource HistorySet PSReadLineOption PredictionViewStyle ListViewYou can choose HistoryAndPlugin or Plugin too as PredictionSource For PredictionViewStyle the other option is InlineView you can also switch between them by pressing the F key I talked about adding Terminal Icons to the config before you can do it by just adding the following line into your config Import Module Terminal Icons AliasesAliases can be useful in saving time It s quite simple to set aliases for example Set Alias g gitThe above will set the alias for git as g but that will only make it the alias for this particular terminal session tab not globally To make it a global alias add the exact same command as above in your powershell config file Now g is the alias for git Similarly you can set other aliases Here are a few of mine Set Alias v nvimSet Alias g gitSet Alias y yarnSet Alias p pnpmSet Alias tig C Program Files Git usr bin tig exe Set Alias explorer explorer exeThese are PowerShell aliases you can also setup aliases for git to speed up your development process I won t go into the detail of it here There is another way to set aliases for commands like npm start yarn dev Here is an example of making alias yd for yarn dev function yarnDev yarn dev New Alias yd yarnDevI don t have experience with PowerShell script so in the above I can only explain that we create a function yarnDev and add whatever we want to run when we call the function After that we set the alias to call the function as yd Similarly you can setup other aliases for such commands UtilitiesYou can even make your own little commands by setting them in your PowerShell config For example touch command used to create a file which is not present in PowerShell here is how you can add it function touch command New Item Path command ItemType File out null amp amp Write Host Created command What we are doing above is creating a function touch and letting it have a parameter Then in New Item Path command ItemType File we are using built in PowerShell commands to create a file you will have to research PowerShell commands to create more utilities on your own the documentation is amazing so it won t be a problem In the second half of the function we are just telling it to output Created file name Here is how you can add rm command from Linux function rm command Remove Item command Recurse amp amp Write Host Removed command To use this just do rm file name directory name and it will delete the file It is not exactly the same as the rm command in Linux though Other toolsHere are some of the other CLI tools you can use Commitizen Commitizen is used for defining a standard way of committing rules and communicating them in Git It is designed for teams but I also use it for my personal projects gh CLI gh is GitHub on the command line It brings pull requests issues and other GitHub concepts to the terminal next to where you are already working with git and your code gh dash extension An extension of gh cli to display a dashboard with pull requests and issues dunk You can use this to get prettier git diffs Rich CLI Rich cli is a command line toolbox for fancy output in the terminal WSL SetupNow you might have already heard of WSL or might even be using it nothing wrong with it if you are not WSL stands for Windows Subsystem For Linux it lets you have the Linux terminal on your windows machine I will not be discussing WSL setup here but you can check out The Complete Windows Developer Setup Guide by stephanlamoureux it goes through setting up WSL quite nicely ConclusionSo that s finished You can find my config files here I will add the link in a day on GitHub if you want before copying anything go through the readme once also do not copy anything you don t know the meaning of If anyone wants to add something correct me somewhere or ask anything please feel free to do so in the comments Resourcesfor themes or docs for PSReadline video by devsalife on setting up powershell Documentation for all other tools has been linked with their introductions in the article	2022-06-04 08:13:28
海外TECH	DEV Community	Talk to people who are on the same site 🌎 | Chrome Extension	https://dev.to/rajeshj3/talk-to-people-who-are-on-the-same-site-chrome-extension-5hh7	Talk to people who are on the same site Chrome ExtensionHello Coders For past few weeks I ve been working on a web extension for Chromium Base Browsers What it does An extension that will allow you to talk to people over the internet who are in the same website webpage as you are in assuming they ve installed the app as well Can you imagine how exciting this is I felt the same when this idea stricken my mind With unlimited possibilities Talk to people with similar interestsTalk to people before making any transaction on an eCommerce site How can I use it So just yesterday I ve submitted it for the review it may take up to days or so to get live on Chrome web store So stay connected and subscribed I ll post an article once it goes live Thanks happy coding	2022-06-04 08:01:35
海外ニュース	Japan Times latest articles	Japan eyes reform of outdated labor systems based on gender ‘roles’	https://www.japantimes.co.jp/news/2022/06/04/national/japan-gender-roles-labor-reform/	Japan eyes reform of outdated labor systems based on gender roles The central government has called for a revamp of old fashioned labor practices taxation and social security systems that have left the nation s gender gap largely	2022-06-04 17:11:59
ニュース	BBC News - Home	French Open: Rafael Nadal feels 'very sorry' for Alexander Zverev	https://www.bbc.co.uk/sport/tennis/61686425?at_medium=RSS&at_campaign=KARANGA	French Open Rafael Nadal feels x very sorry x for Alexander ZverevRafael Nadal says reaching a th French Open final because opponent Alexander Zverev retired injured is not the way he wanted to win	2022-06-04 08:35:21
北海道	北海道新聞	「みるる」がツイッターアカウント開設　よつ葉乳業のキャラクター	https://www.hokkaido-np.co.jp/article/689553/	開設	2022-06-04 17:23:00
北海道	北海道新聞	首相、子育て支援のビデオ収録　松野氏が企画から注力	https://www.hokkaido-np.co.jp/article/689551/	取り組み	2022-06-04 17:11:00
北海道	北海道新聞	授業の集中度、端末が把握　ＮＥＣ、仮想空間で実験	https://www.hokkaido-np.co.jp/article/689550/	仮想空間	2022-06-04 17:01:00
北海道	北海道新聞	ＥＵ、ロシア石油の禁輸発動　追加制裁、年内に９０％停止	https://www.hokkaido-np.co.jp/article/689549/	追加制裁	2022-06-04 17:01:00