<?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: matoruru</title>
    <description>The latest articles on DEV Community by matoruru (@matoruru).</description>
    <link>https://dev.to/matoruru</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%2F159100%2Fec96b947-a46b-4184-847b-9ccccb27bc41.png</url>
      <title>DEV Community: matoruru</title>
      <link>https://dev.to/matoruru</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/matoruru"/>
    <language>en</language>
    <item>
      <title>My home-kubernetes architecture diagram</title>
      <dc:creator>matoruru</dc:creator>
      <pubDate>Fri, 23 Aug 2024 17:32:49 +0000</pubDate>
      <link>https://dev.to/matoruru/my-home-kubernetes-architecture-diagram-1ijj</link>
      <guid>https://dev.to/matoruru/my-home-kubernetes-architecture-diagram-1ijj</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7g72n65kvkra6vreyu8y.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7g72n65kvkra6vreyu8y.png" alt="my-homek8s-diagram" width="800" height="672"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Please refer to the following repo for the details! This is the whole manifests that are &lt;strong&gt;currently working on my cluster&lt;/strong&gt;: &lt;a href="https://github.com/matoruru/home-kubernetes" rel="noopener noreferrer"&gt;https://github.com/matoruru/home-kubernetes&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Using: Argo CD, Ingress-NGINX Controller, akv2k8s, cloudflared, ... 😆&lt;/p&gt;

&lt;p&gt;If you liked it please give me your star ⭐️&lt;/p&gt;

</description>
      <category>kubernetes</category>
      <category>devops</category>
      <category>cloudflare</category>
      <category>azure</category>
    </item>
    <item>
      <title>I got HAUNTED on GitHub...👻😭👻</title>
      <dc:creator>matoruru</dc:creator>
      <pubDate>Fri, 01 Mar 2024 11:22:43 +0000</pubDate>
      <link>https://dev.to/matoruru/i-got-haunted-on-github-46d9</link>
      <guid>https://dev.to/matoruru/i-got-haunted-on-github-46d9</guid>
      <description>&lt;h2&gt;
  
  
  The haunted repository...👻🏠👻
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://github.com/matoruru/haunted-repo" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgh-card.dev%2Frepos%2Fmatoruru%2Fhaunted-repo.svg" alt="matoruru/haunted-repo - GitHub" width="442" height="109"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It is NOT a haunted house but &lt;strong&gt;haunted repo&lt;/strong&gt;...&lt;/p&gt;

&lt;h2&gt;
  
  
  Let's see how it is 👁️
&lt;/h2&gt;

&lt;p&gt;Here's the &lt;a href="https://github.com/matoruru/haunted-repo/commits/main/" rel="noopener noreferrer"&gt;commit history&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Did you see it? 👀
&lt;/h2&gt;




&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn56moeubh9r9t6ergvqd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn56moeubh9r9t6ergvqd.png" alt="image.png" width="800" height="206"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgqb15m3zhbrpm4emoct2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgqb15m3zhbrpm4emoct2.png" alt="image.png" width="568" height="516"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;It's HAUNTED!!!&lt;/strong&gt; 👻&lt;/p&gt;

&lt;p&gt;(If it was fun please star the repo ⭐️)&lt;/p&gt;

</description>
      <category>github</category>
      <category>git</category>
      <category>fun</category>
    </item>
    <item>
      <title>Chrome extension for spinning Twitter dog</title>
      <dc:creator>matoruru</dc:creator>
      <pubDate>Tue, 04 Apr 2023 09:01:57 +0000</pubDate>
      <link>https://dev.to/matoruru/chrome-extension-for-spinning-twitter-dog-3dad</link>
      <guid>https://dev.to/matoruru/chrome-extension-for-spinning-twitter-dog-3dad</guid>
      <description>&lt;p&gt;I created a funny Chrome extension for spinning Twitter dog!!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fox65ks91dr7o9kee8r2a.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fox65ks91dr7o9kee8r2a.gif" alt="twitterdog" width="510" height="289"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can find the installation guide here:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/matoruru/chrome-extension_spin-twitter-dog" rel="noopener noreferrer"&gt;https://github.com/matoruru/chrome-extension_spin-twitter-dog&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Have fun!&lt;br&gt;
(if you like it please star my repo ⭐️)&lt;/p&gt;

</description>
      <category>chromeextension</category>
      <category>fun</category>
    </item>
    <item>
      <title>One-liner to install peerDependencies</title>
      <dc:creator>matoruru</dc:creator>
      <pubDate>Thu, 08 Apr 2021 20:39:05 +0000</pubDate>
      <link>https://dev.to/matoruru/one-liner-to-install-peerdependencies-9ee</link>
      <guid>https://dev.to/matoruru/one-liner-to-install-peerdependencies-9ee</guid>
      <description>&lt;p&gt;Here it is:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;node &lt;span class="nt"&gt;-e&lt;/span&gt; &lt;span class="s2"&gt;"console.log(Object.keys(require('./package.json').peerDependencies).join(' '))"&lt;/span&gt; | xargs yarn add
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  How it works
&lt;/h2&gt;

&lt;p&gt;Let's say we have &lt;code&gt;peerDependencies&lt;/code&gt; in our &lt;code&gt;package.json&lt;/code&gt; like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="err"&gt;...&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="err"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"peerDependencies"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"react"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"^17.0.2"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"react-dom"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"^17.0.2"&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;We'll see one by one:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Load the &lt;code&gt;package.json&lt;/code&gt; and get the peerDependencies.&lt;br&gt;
&lt;/p&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;Welcome to Node.js v15.14.0.
&lt;span class="o"&gt;&amp;gt;&lt;/span&gt; require&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'./package.json'&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt;.peerDependencies
&lt;span class="o"&gt;{&lt;/span&gt; react: &lt;span class="s1"&gt;'^17.0.2'&lt;/span&gt;, &lt;span class="s1"&gt;'react-dom'&lt;/span&gt;: &lt;span class="s1"&gt;'^17.0.2'&lt;/span&gt; &lt;span class="o"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;code&gt;Object.keys&lt;/code&gt; function collects the keys of the object and put them together in the array.&lt;br&gt;
&lt;/p&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;Welcome to Node.js v15.14.0.
&lt;span class="o"&gt;&amp;gt;&lt;/span&gt; Object.keys&lt;span class="o"&gt;({&lt;/span&gt; react: &lt;span class="s1"&gt;'^17.0.2'&lt;/span&gt;, &lt;span class="s1"&gt;'react-dom'&lt;/span&gt;: &lt;span class="s1"&gt;'^17.0.2'&lt;/span&gt; &lt;span class="o"&gt;})&lt;/span&gt;
&lt;span class="o"&gt;[&lt;/span&gt; &lt;span class="s1"&gt;'react'&lt;/span&gt;, &lt;span class="s1"&gt;'react-dom'&lt;/span&gt; &lt;span class="o"&gt;]&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;code&gt;join&lt;/code&gt; method joins the elements with the given string.&lt;br&gt;
&lt;/p&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="o"&gt;[&lt;/span&gt; &lt;span class="s1"&gt;'react'&lt;/span&gt;, &lt;span class="s1"&gt;'react-dom'&lt;/span&gt; &lt;span class="o"&gt;]&lt;/span&gt;.join&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;' '&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt;
&lt;span class="s1"&gt;'react react-dom'&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;code&gt;node -e&lt;/code&gt; evaluates the given script.&lt;br&gt;
&lt;/p&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;node &lt;span class="nt"&gt;-e&lt;/span&gt; &lt;span class="s2"&gt;"console.log('react react-dom')"&lt;/span&gt;
&lt;span class="s1"&gt;'react react-dom'&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Pass it to the &lt;code&gt;yarn add&lt;/code&gt; with &lt;code&gt;xargs&lt;/code&gt;.&lt;br&gt;
&lt;/p&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;node &lt;span class="nt"&gt;-e&lt;/span&gt; &lt;span class="s2"&gt;"console.log('react react-dom')"&lt;/span&gt; | xargs yarn add
yarn add v1.22.5
&lt;span class="o"&gt;[&lt;/span&gt;1/4] Resolving packages...
&lt;span class="o"&gt;[&lt;/span&gt;2/4] Fetching packages...
&lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="c"&gt;########------------------&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Done 🥳&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>programming</category>
      <category>productivity</category>
    </item>
    <item>
      <title>swns - a command for switching network services on Mac 🥳</title>
      <dc:creator>matoruru</dc:creator>
      <pubDate>Wed, 10 Mar 2021 13:38:41 +0000</pubDate>
      <link>https://dev.to/matoruru/swns-a-command-for-switching-network-services-on-mac-1h29</link>
      <guid>https://dev.to/matoruru/swns-a-command-for-switching-network-services-on-mac-1h29</guid>
      <description>&lt;p&gt;The name &lt;code&gt;swns&lt;/code&gt; stands for &lt;strong&gt;SW&lt;/strong&gt;itch &lt;strong&gt;N&lt;/strong&gt;etwork &lt;strong&gt;S&lt;/strong&gt;ervices.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flb8865so5k2ntz1ninzj.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flb8865so5k2ntz1ninzj.gif" alt="out" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Repo
&lt;/h2&gt;

&lt;p&gt;Here is the link to the GitHub repo:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/matoruru/swns" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgh-card.dev%2Frepos%2Fmatoruru%2Fswns.svg%3Fver%3D0.2" alt="matoruru/swns - GitHub" width="442" height="109"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Usage
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Type &lt;code&gt;swns&lt;/code&gt; on your termianl and then hit Enter.&lt;/li&gt;
&lt;li&gt;Choose a number from the list.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffw2oomuoy0imr83g3t09.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffw2oomuoy0imr83g3t09.png" alt="Screenshot 0003-03-10 at 10.13.56 PM" width="800" height="244"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;h2&gt;
  
  
  Requirements
&lt;/h2&gt;

&lt;p&gt;This command is made with only &lt;code&gt;sh&lt;/code&gt; and &lt;code&gt;networksetup&lt;/code&gt; that should be already installed on your Mac. So there's no special requirements actually 🥳&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;I'm waiting for your feedback!&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>commandline</category>
      <category>macos</category>
    </item>
    <item>
      <title>Polybar - spinning animation with emoji while syncing pacman database</title>
      <dc:creator>matoruru</dc:creator>
      <pubDate>Mon, 14 Sep 2020 12:42:53 +0000</pubDate>
      <link>https://dev.to/matoruru/polybar-spinning-animation-with-emoji-as-syncing-pacman-database-3hj8</link>
      <guid>https://dev.to/matoruru/polybar-spinning-animation-with-emoji-as-syncing-pacman-database-3hj8</guid>
      <description>&lt;p&gt;New feature came out in my Polybar theme which named &lt;strong&gt;Polybar-Adapta-theme&lt;/strong&gt;. This theme is inspired by &lt;em&gt;Adapta-Nokto Gtk+ theme&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;This feature displays a spinning animation with emoji while syncing the Arch Linux pacman database.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F3n76jpi3db91uxztaxre.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F3n76jpi3db91uxztaxre.gif" alt="updating" width="706" height="154"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This process is planned to run every 30 minutes. But you can change as you want by modifying Polybar config.&lt;/p&gt;

&lt;p&gt;For details: &lt;a href="https://github.com/matoruru/polybar-adapta-theme" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;&lt;/p&gt;

</description>
      <category>polybar</category>
      <category>linux</category>
    </item>
  </channel>
</rss>
