<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Yuto</title>
    <description>The latest articles on DEV Community by Yuto (@n199603).</description>
    <link>https://dev.to/n199603</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F563661%2Fd9221a35-7993-4988-a055-66b253e70c99.png</url>
      <title>DEV Community: Yuto</title>
      <link>https://dev.to/n199603</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/n199603"/>
    <language>en</language>
    <item>
      <title>How to use Commitizen - Unify commit messages</title>
      <dc:creator>Yuto</dc:creator>
      <pubDate>Sat, 30 Jan 2021 07:25:59 +0000</pubDate>
      <link>https://dev.to/n199603/how-to-use-commitizen-unify-commit-messages-lh</link>
      <guid>https://dev.to/n199603/how-to-use-commitizen-unify-commit-messages-lh</guid>
      <description>&lt;h1&gt;
  
  
  Introduction
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;I often get lost when entering a commit message&lt;/li&gt;
&lt;li&gt;Commit messages are not unified and not simple&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Due to such concerns, I have introduced Commitizen this time.&lt;/p&gt;

&lt;h1&gt;
  
  
  What is Commitizen?
&lt;/h1&gt;

&lt;p&gt;Official page&lt;br&gt;
&lt;a href="https://github.com/commitizen/cz-cli" rel="noopener noreferrer"&gt;https://github.com/commitizen/cz-cli&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Type　'git cz'　to see your choices.&lt;br&gt;
It's a tool that allows you to create simple and easy-to-understand commit messages just by answering interactively.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fy1ru12k8urfxn5vpti9q.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fy1ru12k8urfxn5vpti9q.png" alt="スクリーンショット 2021-01-30 15.39.55"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  How to install Commitizen
&lt;/h1&gt;

&lt;p&gt;Type this commands&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;

npm install commitizen -g
npm install -g cz-conventional-changelog
echo '{ "path": "cz-conventional-changelog" }' &amp;gt;&amp;gt; ~/.czrc
exec $SHELL -l


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h1&gt;
  
  
  How to use Commitizen
&lt;/h1&gt;

&lt;p&gt;Start with the 'git cz' command.&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;

git cz


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fy26woiizwk3vw6nd6npp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fy26woiizwk3vw6nd6npp.png" alt="スクリーンショット 2021-01-30 15.39.55"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This time I just added README.md, so select 'docs'.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fx4hvmrdo3t7rtmq2qxef.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fx4hvmrdo3t7rtmq2qxef.png" alt="スクリーンショット 2021-01-30 15.40.08"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I was asked for the scope of this change, so type in 'README.md'. &lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fqa2fnkw6fxc8gtmm5pq0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fqa2fnkw6fxc8gtmm5pq0.png" alt="スクリーンショット 2021-01-30 15.40.24"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Then enter a short description. &lt;br&gt;
This time I typed 'add README'.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fkga9ng4tlnhsb1u27vzj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fkga9ng4tlnhsb1u27vzj.png" alt="スクリーンショット 2021-01-30 15.40.38"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Then enter a long description. &lt;br&gt;
I didn't need a detailed explanation this time, so I skipped it with Enter Key.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fd0vf973j343bgs586gn6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fd0vf973j343bgs586gn6.png" alt="スクリーンショット 2021-01-30 15.40.51"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I was asked if there were any breaking changes, but this time it's no.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fkdbnlupwep5nhklbdejv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fkdbnlupwep5nhklbdejv.png" alt="スクリーンショット 2021-01-30 15.41.02"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I was asked if it was related to the issue, but this is No.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F50hdj5nculfs15c6sfex.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F50hdj5nculfs15c6sfex.png" alt="スクリーンショット 2021-01-30 15.41.13"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That's it.&lt;br&gt;
Let's see what kind of commit message was created.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;

docs (readme.md): add README  


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Ffxttfzm4wdzhi7zqt8pz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Ffxttfzm4wdzhi7zqt8pz.png" alt="スクリーンショット 2021-01-30 15.41.39"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  Conclusion
&lt;/h1&gt;

&lt;p&gt;That's how to use Commitizen.&lt;br&gt;
Thank you for watching.&lt;/p&gt;

&lt;p&gt;Please follow me on Twitter.&lt;br&gt;
If you have a project, please contact me on Twitter.&lt;br&gt;
&lt;a href="https://twitter.com/n199603" rel="noopener noreferrer"&gt;https://twitter.com/n199603&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>How to customize Terminal</title>
      <dc:creator>Yuto</dc:creator>
      <pubDate>Sun, 24 Jan 2021 13:23:47 +0000</pubDate>
      <link>https://dev.to/n199603/how-to-customize-terminal-2a2</link>
      <guid>https://dev.to/n199603/how-to-customize-terminal-2a2</guid>
      <description>&lt;h1&gt;
  
  
  Introduction
&lt;/h1&gt;

&lt;p&gt;Hi, I'm JavaScript/TypeScript Developer from Japan.&lt;br&gt;
I like Vue.js, React.js etc...&lt;/p&gt;

&lt;p&gt;I'd like to share my Terminal setup.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--WY9sUmB7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/x99quuuhdj43vny2jhsk.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--WY9sUmB7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/x99quuuhdj43vny2jhsk.jpeg" alt="Ese1MIlUUAMXMs-"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;
  
  
  Install iTerm2
&lt;/h1&gt;

&lt;p&gt;Download here.&lt;br&gt;
&lt;a href="https://iterm2.com"&gt;https://iterm2.com&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;
  
  
  Change appearance
&lt;/h1&gt;
&lt;h3&gt;
  
  
  Install oh-my-zsh
&lt;/h3&gt;

&lt;p&gt;oh-my-zsh is a setting framework for zsh.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Use Powerlevel 10k
&lt;/h3&gt;

&lt;p&gt;Powerlevel 10k is a pulgin about appearance.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git clone https://github.com/romkatv/powerlevel10k.git $ZSH_CUSTOM/themes/powerlevel10k
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Open .zshrc.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;open ~/.zshrc
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;And edit it like this.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;ZSH_THEME="powerlevel10k/powerlevel10k"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Install font
&lt;/h3&gt;

&lt;p&gt;Download here.&lt;br&gt;
&lt;a href="https://github.com/powerline/fonts/blob/master/SourceCodePro/Source%20Code%20Pro%20for%20Powerline.otf"&gt;https://github.com/powerline/fonts/blob/master/SourceCodePro/Source%20Code%20Pro%20for%20Powerline.otf&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And clone.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git clone https://github.com/powerline/fonts.git --depth=1
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Next, install it.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;cd fonts
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;./install.sh
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;cd ..
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;rm -rf fonts
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h1&gt;
  
  
  Set up Terminal
&lt;/h1&gt;

&lt;p&gt;Move to iTerm2, and open Preferences→Profiles→text.&lt;br&gt;
Change Font to Source Code Pro for Powerline.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--P3O6zZJo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/7yifyvqeb5coi95b7hlb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--P3O6zZJo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/7yifyvqeb5coi95b7hlb.png" alt="_2021-01-24_19.30.58"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Open Preferences→Profiles→color.&lt;br&gt;
I chose Solarized Dark.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--GCrw5P7M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/uam29mjxsw9j3emamv0h.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--GCrw5P7M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/uam29mjxsw9j3emamv0h.png" alt="_2021-01-24_19.30.58"&gt;&lt;/a&gt;&lt;br&gt;
Done!&lt;/p&gt;
&lt;h1&gt;
  
  
  Show predictive completion of commands
&lt;/h1&gt;

&lt;p&gt;Install zsh-autosuggestions.&lt;br&gt;
&lt;a href="https://github.com/zsh-users/zsh-autosuggestions"&gt;https://github.com/zsh-users/zsh-autosuggestions&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;At first, clone it.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git clone [https://github.com/zsh-users/zsh-autosuggestions](https://github.com/zsh-users/zsh-autosuggestions) $ZSH_CUSTOM/plugins/zsh-autosuggestions
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Next, edit .zshrc and append zsh-autosuggestions.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;plugins=(
    git
    zsh-autosuggestions
)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Update your setting.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;source ~/.zshrc
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h1&gt;
  
  
  Set up alias
&lt;/h1&gt;

&lt;p&gt;Open .zprofile and append an alias.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;alias g='git'
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;You can enter "g" instead of "git".&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;g push
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Next, set the frequently used git command as an alias.&lt;br&gt;
Open .gitconfig and append an alias.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;[alias]
    co = checkout
    ps = push
    st = status
    br = branch
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;For example, you can enter "g ps" instead of "g push".&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;g ps
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h1&gt;
  
  
  Conclusion
&lt;/h1&gt;

&lt;p&gt;For reference, I have published my .gitconfig file.&lt;br&gt;
So please copy and use it.&lt;br&gt;
&lt;a href="https://github.com/n199603/dotfiles-public"&gt;https://github.com/n199603/dotfiles-public&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And please follow me on Twitter.&lt;br&gt;
If you have a project, please contact me on Twitter.&lt;br&gt;
&lt;a href="https://twitter.com/n199603"&gt;https://twitter.com/n199603&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That's how to customize terminal. &lt;br&gt;
Thank you for watching.&lt;/p&gt;

</description>
      <category>terminal</category>
      <category>zsh</category>
      <category>git</category>
      <category>command</category>
    </item>
  </channel>
</rss>
