<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Posts on Namtok blog</title>
    <link>https://blog.namtok-it.com/posts/</link>
    <description>Recent content in Posts on Namtok blog</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>en</language>
    <copyright>© 2025 </copyright>
    <lastBuildDate>Sat, 15 Jun 2024 00:00:00 +0000</lastBuildDate><atom:link href="https://blog.namtok-it.com/posts/index.xml" rel="self" type="application/rss+xml" />
    
    <item>
      <title>タイで食べれる韓国の Bonchon チキンがうますぎる</title>
      <link>https://blog.namtok-it.com/posts/misc_thailand_bonchon/</link>
      <pubDate>Sat, 15 Jun 2024 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/misc_thailand_bonchon/</guid>
      <description>&lt;h2 class=&#34;relative group&#34;&gt;Bonchon チキンがうますぎる 
    &lt;div id=&#34;bonchon-チキンがうますぎる&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#bonchon-%e3%83%81%e3%82%ad%e3%83%b3%e3%81%8c%e3%81%86%e3%81%be%e3%81%99%e3%81%8e%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;p&gt;Bonchon チキンは韓国風チキンのファストフード店で、バンコクにたくさん店舗があります。&lt;br&gt;
お店はこんな感じです。&lt;br&gt;
ショッピングモールでよく見かけます。&lt;/p&gt;
&lt;p&gt;





&lt;figure&gt;
      &lt;img
    class=&#34;my-0 rounded-md&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34; fetchpriority=&#34;low&#34; alt=&#34;Bonchon shop&#34;
    srcset=&#34;
      /posts/misc_thailand_bonchon/image-1_hu_94ddf0ba16012fa4.png 330w,
      /posts/misc_thailand_bonchon/image-1_hu_1fdcbe1e3da639e9.png 660w,
      /posts/misc_thailand_bonchon/image-1_hu_f011fdfdac5e152.png 1280w&#34;
    data-zoom-src=&#34;https://blog.namtok-it.com/posts/misc_thailand_bonchon/image-1.png&#34;
    src=&#34;https://blog.namtok-it.com/posts/misc_thailand_bonchon/image-1.png&#34;
  /&gt;

  
    &lt;figcaption&gt;Bonchon チキンの店舗, Bonchon Chicken Thailand 公式 Facebook より&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;</description>
      <media:content xmlns:media="http://search.yahoo.com/mrss/" url="https://blog.namtok-it.com/posts/misc_thailand_bonchon/feature.png" />
    </item>
    
    <item>
      <title>Use EC2 instance with minimum cost</title>
      <link>https://blog.namtok-it.com/posts/aws_ec2_with_minimum_cost/</link>
      <pubDate>Sun, 12 May 2024 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/aws_ec2_with_minimum_cost/</guid>
      <description>&lt;h2 class=&#34;relative group&#34;&gt;Goal of this entry 
    &lt;div id=&#34;goal-of-this-entry&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#goal-of-this-entry&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;p&gt;If you use EC2 instance and stop it when you don&amp;rsquo;t use it, you will notice it incurs some cost while you are not using it.&lt;br&gt;
The costs are incurred by mainly EBS and IP address.&lt;/p&gt;</description>
      <media:content xmlns:media="http://search.yahoo.com/mrss/" url="https://blog.namtok-it.com/posts/aws_ec2_with_minimum_cost/feature.drawio.png" />
    </item>
    
    <item>
      <title>Haskell(ハスケル)入門 ~ docker で環境構築をする</title>
      <link>https://blog.namtok-it.com/posts/haskell_using_docker/</link>
      <pubDate>Fri, 29 Mar 2024 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/haskell_using_docker/</guid>
      <description>&lt;h2 class=&#34;relative group&#34;&gt;Haskell(ハスケル)入門 ~ docker で環境構築をする 
    &lt;div id=&#34;haskellハスケル入門--docker-で環境構築をする&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#haskell%e3%83%8f%e3%82%b9%e3%82%b1%e3%83%ab%e5%85%a5%e9%96%80--docker-%e3%81%a7%e7%92%b0%e5%a2%83%e6%a7%8b%e7%af%89%e3%82%92%e3%81%99%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;p&gt;大学（University of the People）の授業 CS4402 で Haskell を学びました。&lt;br&gt;
&lt;a href=&#34;https://blog.namtok-it.com/posts/prolog_using_docker/&#34;&gt;Prolog を学んだとき&lt;/a&gt;と同様、初心者で環境構築に困っている方の助けになればと思いこの記事を書きます。&lt;/p&gt;

&lt;h2 class=&#34;relative group&#34;&gt;前提条件 
    &lt;div id=&#34;前提条件&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%89%8d%e6%8f%90%e6%9d%a1%e4%bb%b6&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;docker と git をインストール済み&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 class=&#34;relative group&#34;&gt;環境構築 
    &lt;div id=&#34;環境構築&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e7%92%b0%e5%a2%83%e6%a7%8b%e7%af%89&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;p&gt;私が作った Github のリポジトリ(&lt;a href=&#34;https://github.com/shimizu517/haskell-docker&#34; target=&#34;_blank&#34;&gt;https://github.com/shimizu517/haskell-docker&lt;/a&gt;)をクローンして、そこで実行したいと思います。&lt;br&gt;
&lt;sub&gt;⚠️ 実際は docker を使っているので私のオリジナルな環境を作ったわけではありません。&lt;br&gt;
docker image の作者様ありがとうございます。&lt;/sub&gt;&lt;/p&gt;</description>
      <media:content xmlns:media="http://search.yahoo.com/mrss/" url="https://blog.namtok-it.com/posts/haskell_using_docker/feature.drawio.png" />
    </item>
    
    <item>
      <title>Prolog(プロログ)入門 ~ docker で環境構築をする</title>
      <link>https://blog.namtok-it.com/posts/prolog_using_docker/</link>
      <pubDate>Wed, 27 Mar 2024 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/prolog_using_docker/</guid>
      <description>&lt;h2 class=&#34;relative group&#34;&gt;Prolog(プロログ)入門 ~ docker で環境構築をする 
    &lt;div id=&#34;prologプロログ入門--docker-で環境構築をする&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#prolog%e3%83%97%e3%83%ad%e3%83%ad%e3%82%b0%e5%85%a5%e9%96%80--docker-%e3%81%a7%e7%92%b0%e5%a2%83%e6%a7%8b%e7%af%89%e3%82%92%e3%81%99%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;p&gt;大学（University of the People）の授業 CS4402 で Prolog を学びました。&lt;br&gt;
全くの初心者で環境構築の仕方もわからなかったので、同じように困っている方がいるかと思い記事にしました。&lt;/p&gt;

&lt;h2 class=&#34;relative group&#34;&gt;前提条件 
    &lt;div id=&#34;前提条件&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%89%8d%e6%8f%90%e6%9d%a1%e4%bb%b6&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;p&gt;以下を前提条件とします。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>タイのコンドミニアムのエレベーターが変な動きをした</title>
      <link>https://blog.namtok-it.com/posts/misc_thailand_elevator_malfunctioning/</link>
      <pubDate>Fri, 22 Mar 2024 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/misc_thailand_elevator_malfunctioning/</guid>
      <description>&lt;h3 class=&#34;relative group&#34;&gt;タイのコンドミニアムのエレベーターが変な動きをした 
    &lt;div id=&#34;タイのコンドミニアムのエレベーターが変な動きをした&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%82%bf%e3%82%a4%e3%81%ae%e3%82%b3%e3%83%b3%e3%83%89%e3%83%9f%e3%83%8b%e3%82%a2%e3%83%a0%e3%81%ae%e3%82%a8%e3%83%ac%e3%83%99%e3%83%bc%e3%82%bf%e3%83%bc%e3%81%8c%e5%a4%89%e3%81%aa%e5%8b%95%e3%81%8d%e3%82%92%e3%81%97%e3%81%9f&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;いやーちょっとびびった。&lt;/p&gt;
&lt;p&gt;私はコンドミニアムのある階に住んでいます。&lt;br&gt;
今日仕事を終えて自分の部屋に帰ろうとコンドミニアムのエレベーターに乗りました。&lt;/p&gt;
&lt;p&gt;エレベーターが止まったので自分の部屋の階に着いたかなと思いましたが、なかなか扉が開きません。&lt;br&gt;
何階にいるのか確認したら、自分の部屋の階の1つ前の階を表示していました。&lt;/p&gt;
&lt;p&gt;体感時間1分くらい（実際には10秒くらいかも）その状態が続き、急にドアが開きました。&lt;/p&gt;
&lt;p&gt;私は「あれ？おかしいな」と思いながら、エレベーターを降りました。&lt;br&gt;
すると、ちゃんと自分の部屋の階に着いていました。&lt;/p&gt;
&lt;p&gt;つまり、エレベーターはちゃんと着いているのに、エレベーター内の階の表示がおかしく、またドアも開かないという状態でした。&lt;/p&gt;
&lt;p&gt;結局事故にはなってませんが、タイなので何が起きるかわからないという気持ちで常にいるので、流石に怖かったです。&lt;/p&gt;
&lt;p&gt;タイでエレベーターに乗るときはお気をつけください👷‍♂️&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>新卒未経験エンジニアの現実</title>
      <link>https://blog.namtok-it.com/posts/misc_software_engineer_without_experience_real_life/</link>
      <pubDate>Wed, 13 Mar 2024 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/misc_software_engineer_without_experience_real_life/</guid>
      <description>&lt;h2 class=&#34;relative group&#34;&gt;未経験新卒エンジニアを待ち受ける生活 
    &lt;div id=&#34;未経験新卒エンジニアを待ち受ける生活&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e6%9c%aa%e7%b5%8c%e9%a8%93%e6%96%b0%e5%8d%92%e3%82%a8%e3%83%b3%e3%82%b8%e3%83%8b%e3%82%a2%e3%82%92%e5%be%85%e3%81%a1%e5%8f%97%e3%81%91%e3%82%8b%e7%94%9f%e6%b4%bb&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;p&gt;最近は、IT業界の成長と共に、未経験からエンジニアを目指す新卒学生や社会人が増えていますね。&lt;br&gt;
私もそのうちの一人で、農学部を卒業してから新卒で WEB 系のエンジニアになり、もうすぐ丸4年が経過します。&lt;br&gt;
大学の授業では全くプログラミングの授業がなく、それっぽいことといえば4年生の研究室で理解もせず Excel の統計に関する関数を入力していたくらいです。&lt;/p&gt;
&lt;p&gt;華やかなイメージとは裏腹に、新卒未経験エンジニアの現実には、多くの課題や苦労を感じてきました。&lt;br&gt;
これからエンジニアを目指す方々に、私の経験を共有し、少しでも参考になればと思い、この記事を書きます。&lt;/p&gt;

&lt;h3 class=&#34;relative group&#34;&gt;大きなギャップ 
    &lt;div id=&#34;大きなギャップ&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%ae%e3%83%a3%e3%83%83%e3%83%97&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;私の場合、そもそもコンピューターがどうやって動くか、メモリって何？、ブラウザって何？、プログラミングって何？、など、全くの初心者からスタートすることになりました。&lt;br&gt;
新卒で入社した会社は確か、 Nuxt.js を使い、SSR（サーバーサイドレンダリング）とかやっていた気がします。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>ブログを続けられない理由が分かればブログを続けられる説</title>
      <link>https://blog.namtok-it.com/posts/misc_eliminate_causes_i_cannot_keep_writing_blog/</link>
      <pubDate>Tue, 12 Mar 2024 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/misc_eliminate_causes_i_cannot_keep_writing_blog/</guid>
      <description>&lt;h2 class=&#34;relative group&#34;&gt;ブログを続けられない理由が分かればブログを続けられる説 
    &lt;div id=&#34;ブログを続けられない理由が分かればブログを続けられる説&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%83%96%e3%83%ad%e3%82%b0%e3%82%92%e7%b6%9a%e3%81%91%e3%82%89%e3%82%8c%e3%81%aa%e3%81%84%e7%90%86%e7%94%b1%e3%81%8c%e5%88%86%e3%81%8b%e3%82%8c%e3%81%b0%e3%83%96%e3%83%ad%e3%82%b0%e3%82%92%e7%b6%9a%e3%81%91%e3%82%89%e3%82%8c%e3%82%8b%e8%aa%ac&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;p&gt;題名の通り、ブログを続けられない理由を考え、一つ一つ解決すればブログを続けられるんじゃないかと思いました。&lt;/p&gt;
&lt;p&gt;私の場合、2022年に本ブログを作成しましたが、2022年は勢いで10数本？くらい書き、&lt;br&gt;
2023年は2本だけしか書いていません。&lt;/p&gt;
&lt;p&gt;この記事では、私がブログを続けられない理由を考え、また数ヶ月や1年とか経ったら振り返りのブログを書いてみようと思います。&lt;br&gt;
（続けられていなかったら書かないと思いますがw）&lt;/p&gt;

&lt;h2 class=&#34;relative group&#34;&gt;今までブログを続けられなかった原因と解決方法 
    &lt;div id=&#34;今までブログを続けられなかった原因と解決方法&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e4%bb%8a%e3%81%be%e3%81%a7%e3%83%96%e3%83%ad%e3%82%b0%e3%82%92%e7%b6%9a%e3%81%91%e3%82%89%e3%82%8c%e3%81%aa%e3%81%8b%e3%81%a3%e3%81%9f%e5%8e%9f%e5%9b%a0%e3%81%a8%e8%a7%a3%e6%b1%ba%e6%96%b9%e6%b3%95&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;

&lt;h3 class=&#34;relative group&#34;&gt;ブログの運用がめんどくさい 
    &lt;div id=&#34;ブログの運用がめんどくさい&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ae%e9%81%8b%e7%94%a8%e3%81%8c%e3%82%81%e3%82%93%e3%81%a9%e3%81%8f%e3%81%95%e3%81%84&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;私は WordPress などの CMS を使わず、別のソフトウェアでブログを管理しています。&lt;/li&gt;
&lt;li&gt;少し技術的なことを書くと、サーバーを管理したくないので静的なサイトジェネレーター(hugo)を使っています。&lt;/li&gt;
&lt;li&gt;私の技術的問題により、運用が楽になるような仕組みを作ることができませんでした。&lt;/li&gt;
&lt;li&gt;ただ、現在は運用が楽になるように仕組みを調整したので、解決済みとします。
&lt;ul&gt;
&lt;li&gt;（そのうち同じように困っている駆け出しぴよぴよエンジニアのためにどうやっているか記事を書こうと思います）&lt;/li&gt;
&lt;li&gt;ルフィーほどではないけど 2年間で多少は成長したっぽいです。&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;何を書けばいいか分からない 
    &lt;div id=&#34;何を書けばいいか分からない&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e4%bd%95%e3%82%92%e6%9b%b8%e3%81%91%e3%81%b0%e3%81%84%e3%81%84%e3%81%8b%e5%88%86%e3%81%8b%e3%82%89%e3%81%aa%e3%81%84&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;何を書けばいいか分からないというのは、何を書いてもいいということです。（小泉構文 2の型）&lt;/li&gt;
&lt;li&gt;10,000 PV/月 を目指す！とかもいいですが、まずは継続するために簡単にかける記事を書いていこうと思います。まずは慣れるところから。&lt;/li&gt;
&lt;li&gt;少し慣れたらブログの書き方も勉強したいですね。&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;モチベーションがない 
    &lt;div id=&#34;モチベーションがない&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%83%a2%e3%83%81%e3%83%99%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%8c%e3%81%aa%e3%81%84&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;ブログを作ったくせにモチベーションがありませんでした w&lt;/li&gt;
&lt;li&gt;今はブログ（に限らずメディアを持つこと）がそのうち資産になると思っているので、それを信じて続けていこうと思います。
&lt;ul&gt;
&lt;li&gt;そう思わなくなったら、またそのときどうするか考えましょう。&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;他にやることがある 
    &lt;div id=&#34;他にやることがある&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e4%bb%96%e3%81%ab%e3%82%84%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c%e3%81%82%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;完全に言いわけです。&lt;/li&gt;
&lt;li&gt;他にやることがあるのは当たり前です。もうこんなこと言いません。&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 class=&#34;relative group&#34;&gt;まとめ 
    &lt;div id=&#34;まとめ&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%81%be%e3%81%a8%e3%82%81&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;p&gt;今までブログを続けられなかった理由を考え、解決策を考えました。&lt;br&gt;
これを実行していけば、ブログを続けられるんじゃないかと思います。&lt;br&gt;
（続けられなかったら、またそのとき考えます）&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>バンコクのバイタクで客がノーヘルで警察に捕まるとどうなる？</title>
      <link>https://blog.namtok-it.com/posts/misc_bangkok_motor_cycle_taxi_no_helmet/</link>
      <pubDate>Mon, 11 Mar 2024 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/misc_bangkok_motor_cycle_taxi_no_helmet/</guid>
      <description>&lt;h3 class=&#34;relative group&#34;&gt;バンコクのバイタクで客がノーヘルで警察に捕まるとどうなる？ 
    &lt;div id=&#34;バンコクのバイタクで客がノーヘルで警察に捕まるとどうなる&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%83%90%e3%83%b3%e3%82%b3%e3%82%af%e3%81%ae%e3%83%90%e3%82%a4%e3%82%bf%e3%82%af%e3%81%a7%e5%ae%a2%e3%81%8c%e3%83%8e%e3%83%bc%e3%83%98%e3%83%ab%e3%81%a7%e8%ad%a6%e5%af%9f%e3%81%ab%e6%8d%95%e3%81%be%e3%82%8b%e3%81%a8%e3%81%a9%e3%81%86%e3%81%aa%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;バイタクとはバイクタクシーの略で、バンコクの交通手段の一つです。&lt;br&gt;
Uber 的なアプリである Grab や LINE MAN を使ったり、道で待機しているバイタク運転手に声をかけて乗せてもらいます。&lt;/p&gt;
&lt;p&gt;水・電気と同じくらいのレベルでタイでは必須のインフラだと思っています。&lt;/p&gt;
&lt;p&gt;そんなバイタクですが、基本的にお客さんはノーヘルで乗せられます。&lt;br&gt;
たまに親切な運転手がヘルメットを勧めてくれますが、近くの駅まで連れてってもらうくらいならほぼ間違いなくノーヘルです。&lt;/p&gt;
&lt;p&gt;さて、ここからはある日の&lt;small&gt;(想像の)&lt;/small&gt;出来事を書きます。&lt;br&gt;
（ノーヘルは良くないことなので、これは&lt;strong&gt;作り話&lt;/strong&gt;だとここで念を押しておきます）&lt;/p&gt;
&lt;p&gt;ある日いつものようにバイタクを使って移動していると、警察が目の前で取り締まりをしていました。&lt;br&gt;
バイタクの運転手はまずいと思ったのか、警察の目に入らないように遠回りをしていました。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>Google Analytic の記録 ~ 2024-03-10</title>
      <link>https://blog.namtok-it.com/posts/misc_ga_20240310/</link>
      <pubDate>Sun, 10 Mar 2024 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/misc_ga_20240310/</guid>
      <description>&lt;h3 class=&#34;relative group&#34;&gt;背景 
    &lt;div id=&#34;背景&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e8%83%8c%e6%99%af&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;このブログは 2021 年に開始しました。&lt;br&gt;
それ以来あまりブログを更新することなくウェブサイトの維持だけをしていました。
（ブログを書くのとメンテナンスが面倒だったので）&lt;/p&gt;
&lt;p&gt;私自身全くの IT 初心者から新卒で WEB 系のエンジニアになりもう4年も経ち、多少はできることが増えてきました。&lt;br&gt;
University of the Prople でコンピューターサイエンスの学位もこのまま行けば取れそうです。&lt;br&gt;
また、日本の会社を辞めてバンコクに移住して1年半が経過してるので、&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>タイに移住して1年半が経った</title>
      <link>https://blog.namtok-it.com/posts/misc_lived_in_thailand_for_1_and_half_a_year/</link>
      <pubDate>Wed, 06 Mar 2024 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/misc_lived_in_thailand_for_1_and_half_a_year/</guid>
      <description>&lt;h3 class=&#34;relative group&#34;&gt;タイに移住して1年半が経って思うこと 
    &lt;div id=&#34;タイに移住して1年半が経って思うこと&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%82%bf%e3%82%a4%e3%81%ab%e7%a7%bb%e4%bd%8f%e3%81%97%e3%81%a61%e5%b9%b4%e5%8d%8a%e3%81%8c%e7%b5%8c%e3%81%a3%e3%81%a6%e6%80%9d%e3%81%86%e3%81%93%e3%81%a8&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;私は2022年の8月にタイに引っ越してきました。&lt;br&gt;
自分の人生の中でもいろいろあった1年半で疲れてますが、タイに来て良かったと思っています。&lt;/p&gt;
&lt;p&gt;1年半タイに住んでみて、以下のことを感じています。&lt;/p&gt;

&lt;h4 class=&#34;relative group&#34;&gt;物価が意外と高い 
    &lt;div id=&#34;物価が意外と高い&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e7%89%a9%e4%be%a1%e3%81%8c%e6%84%8f%e5%a4%96%e3%81%a8%e9%ab%98%e3%81%84&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;
&lt;p&gt;タイは物価が安いというイメージがありますが、実際はそうでもありません。印象としては、タイ人が毎日使うもの以外は日本と同じかそれより高いことが多い気がします。&lt;br&gt;
毎日使うもの = タイ料理、電車、バス、水道代とかです。&lt;br&gt;
(ただし、電車代は日本より安いものの、ある区間では5駅で120円ほど、8駅で200円ほどとかでめっちゃ安いわけではないです)&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>VPC と VPC 外の接続まとめ</title>
      <link>https://blog.namtok-it.com/posts/aws_vpc_private_connection/</link>
      <pubDate>Wed, 28 Sep 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/aws_vpc_private_connection/</guid>
      <description>&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;VPC 内から VPC 外の AWS サービスとの接続&lt;/a&gt; 
    &lt;div id=&#34;vpc-内から-vpc-外の-aws-サービスとの接続&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#vpc-%e5%86%85%e3%81%8b%e3%82%89-vpc-%e5%a4%96%e3%81%ae-aws-%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%81%a8%e3%81%ae%e6%8e%a5%e7%b6%9a&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;VPC エンドポイントに接続する&lt;/li&gt;
&lt;li&gt;詳しくは&lt;a href=&#34;https://blog.namtok-it.com/blog/aws/vpc_endpoint&#34;&gt;こちら&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;2&#34;&gt;VPC 同士の接続&lt;/a&gt; 
    &lt;div id=&#34;vpc-同士の接続&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#vpc-%e5%90%8c%e5%a3%ab%e3%81%ae%e6%8e%a5%e7%b6%9a&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;

&lt;h4 class=&#34;relative group&#34;&gt;VPC peering 
    &lt;div id=&#34;vpc-peering&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#vpc-peering&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;2 つの異なる VPC 間の接続&lt;/li&gt;
&lt;li&gt;一部リージョンが異なる VPC でも接続可能&lt;/li&gt;
&lt;li&gt;単一障害点と帯域幅のボトルネックは存在しない&lt;/li&gt;
&lt;li&gt;推移的な接続はできない
&lt;ul&gt;
&lt;li&gt;e.g., A-B, B-C で接続しても、 A-C では接続できない。&lt;br&gt;
VPC が多くなると煩わしい -&amp;gt; &lt;strong&gt;Transit Gateway&lt;/strong&gt; を使うと複数の VPC を接続できる。&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 class=&#34;relative group&#34;&gt;Transit Gateway 
    &lt;div id=&#34;transit-gateway&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#transit-gateway&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;複数 VPC 間で接続&lt;/li&gt;
&lt;li&gt;Transit Gateway を軸に、ハブ型の接続が可能&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;3&#34;&gt;VPC とオンプレの接続&lt;/a&gt; 
    &lt;div id=&#34;vpc-とオンプレの接続&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#vpc-%e3%81%a8%e3%82%aa%e3%83%b3%e3%83%97%e3%83%ac%e3%81%ae%e6%8e%a5%e7%b6%9a&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;

&lt;h4 class=&#34;relative group&#34;&gt;AWS Direct Connect 
    &lt;div id=&#34;aws-direct-connect&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#aws-direct-connect&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;オンプレから AWS プライベートネットワークへの物理的な専用線を引く&lt;/li&gt;
&lt;li&gt;ネットワーク信頼性・帯域幅の向上&lt;/li&gt;
&lt;li&gt;リージョンに直接専用線を引かない&lt;/li&gt;
&lt;li&gt;自社の &lt;strong&gt;カスタマーゲートウェイ&lt;/strong&gt; から 1 リージョンに複数ある &lt;strong&gt;Direct Connect ロケーション&lt;/strong&gt; に専用線を引き、そこからリージョンに引かれている専用線を通して接続する&lt;/li&gt;
&lt;li&gt;ダイレクトコネクトゲートウェイを使うと複数リージョンに&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 class=&#34;relative group&#34;&gt;AWS VPN 
    &lt;div id=&#34;aws-vpn&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#aws-vpn&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;2 種類ある
&lt;ol&gt;
&lt;li&gt;AWS サイト間 VPN&lt;/li&gt;
&lt;/ol&gt;
&lt;ul&gt;
&lt;li&gt;IPSec 接続でオンプレと AWS のプライベートネットワークを VPN 接続する&lt;/li&gt;
&lt;li&gt;サブネットの &lt;strong&gt;仮想プライベートゲートウェイ&lt;/strong&gt; と自社ネットワークの &lt;strong&gt;カスタマーゲートウェイ&lt;/strong&gt; を通して接続する&lt;/li&gt;
&lt;/ul&gt;
&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;AWS Client VPN&lt;/li&gt;
&lt;/ol&gt;
&lt;ul&gt;
&lt;li&gt;PC などのクライアント端末からオンプレ、もしくは AWS のプライベートネットワーク内のアプリケーションに安全なアクセス&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 class=&#34;relative group&#34;&gt;比較 
    &lt;div id=&#34;比較&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e6%af%94%e8%bc%83&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;サイト間 VPN&lt;/th&gt;
          &lt;th&gt;Direct Connect&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;コスト&lt;/td&gt;
          &lt;td&gt;安価&lt;/td&gt;
          &lt;td&gt;割高&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;リードタイム&lt;/td&gt;
          &lt;td&gt;即時&lt;/td&gt;
          &lt;td&gt;1ヶ月ほど(物理対応が必要なので)&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;帯域幅&lt;/td&gt;
          &lt;td&gt;暗号化のオーバーヘッドで制限あり&lt;/td&gt;
          &lt;td&gt;ポートあたり 1, 10, 100Gbp が可能&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;品質&lt;/td&gt;
          &lt;td&gt;ネットワークの影響を受ける&lt;/td&gt;
          &lt;td&gt;キャリアにより高品質&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;セキュリティ&lt;/td&gt;
          &lt;td&gt;Ipsec による暗号化&lt;/td&gt;
          &lt;td&gt;専用線でセキュリティ高い。VPN で暗号化も可能&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;障害切り分け&lt;/td&gt;
          &lt;td&gt;自社が保持している範囲外の確認は難しい&lt;/td&gt;
          &lt;td&gt;物理的に経路があるため容易&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;</description>
      
    </item>
    
    <item>
      <title>Well-Architected Framework</title>
      <link>https://blog.namtok-it.com/posts/aws_well_architected_framework/</link>
      <pubDate>Wed, 28 Sep 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/aws_well_architected_framework/</guid>
      <description>&lt;h1 class=&#34;relative group&#34;&gt;Well-Architected Framework 
    &lt;div id=&#34;well-architected-framework&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#well-architected-framework&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h1&gt;

&lt;h2 class=&#34;relative group&#34;&gt;1リージョンに付き 2つ以上のAZを利用する 
    &lt;div id=&#34;1リージョンに付き-2つ以上のazを利用する&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#1%e3%83%aa%e3%83%bc%e3%82%b8%e3%83%a7%e3%83%b3%e3%81%ab%e4%bb%98%e3%81%8d-2%e3%81%a4%e4%bb%a5%e4%b8%8a%e3%81%aeaz%e3%82%92%e5%88%a9%e7%94%a8%e3%81%99%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;3つ以上はコスト効率が低下&lt;/li&gt;
&lt;li&gt;DB や EC2 を2つ以上の AZ に配置する&lt;/li&gt;
&lt;li&gt;冗長性があるためダウンタイムを&lt;/li&gt;
&lt;li&gt;S3 でバックアップをリージョンで保存できる。 AZ にS3はない&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 class=&#34;relative group&#34;&gt;VPC は1つの VPCでアーキテクチャを設計するのが基本 
    &lt;div id=&#34;vpc-は1つの-vpcでアーキテクチャを設計するのが基本&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#vpc-%e3%81%af1%e3%81%a4%e3%81%ae-vpc%e3%81%a7%e3%82%a2%e3%83%bc%e3%82%ad%e3%83%86%e3%82%af%e3%83%81%e3%83%a3%e3%82%92%e8%a8%ad%e8%a8%88%e3%81%99%e3%82%8b%e3%81%ae%e3%81%8c%e5%9f%ba%e6%9c%ac&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;1つのVPCに1つのシステムを配置するのが基本&lt;/li&gt;
&lt;li&gt;2つのVPCを使うのは開発環境、本番環境のように環境を分ける&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 class=&#34;relative group&#34;&gt;ネットワークの分割 
    &lt;div id=&#34;ネットワークの分割&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%83%8d%e3%83%83%e3%83%88%e3%83%af%e3%83%bc%e3%82%af%e3%81%ae%e5%88%86%e5%89%b2&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;マルチVPC方式&lt;br&gt;
1つのVPCで複数のサブネットを分けることでネットワークを分ける&lt;/li&gt;
&lt;li&gt;マルチアカウント方式&lt;br&gt;
アカウントごとにVPCを作る&lt;/li&gt;
&lt;/ol&gt;

&lt;h2 class=&#34;relative group&#34;&gt;サブネット 
    &lt;div id=&#34;サブネット&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%82%b5%e3%83%96%e3%83%8d%e3%83%83%e3%83%88&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;

&lt;h3 class=&#34;relative group&#34;&gt;推奨 
    &lt;div id=&#34;推奨&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e6%8e%a8%e5%a5%a8&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;サブネットのサイズは /24 以上の大きさが推奨されている&lt;/li&gt;
&lt;li&gt;1 つのAZに対してパブリック・プライベートサブネットを 1 つずつ作成するのが基本
&lt;ul&gt;
&lt;li&gt;よくあるのは 1 つのリージョンに 2 つの AZを配置し、各 AZ にパブリック・プライベートサブネットを 1 つずつ作る方法&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;プライベートサブネットにはより多くのIPアドレスを配置する
&lt;ul&gt;
&lt;li&gt;一般的にプライベートサブネットにより多くのリソースを配置するため&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;インターネットの接続での分類 
    &lt;div id=&#34;インターネットの接続での分類&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%8d%e3%83%83%e3%83%88%e3%81%ae%e6%8e%a5%e7%b6%9a%e3%81%a7%e3%81%ae%e5%88%86%e9%a1%9e&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;パブリックサブネット
&lt;ul&gt;
&lt;li&gt;トラフィックが Internet Gateway にルーティングされる&lt;/li&gt;
&lt;li&gt;インターネットとのアクセス制御に利用する&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;プライベートサブネット
&lt;ul&gt;
&lt;li&gt;トラフィックが Internet Gateway にルーティングされない&lt;/li&gt;
&lt;li&gt;インターネットから隔離することでセキュリティを高める&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 class=&#34;relative group&#34;&gt;マルチリージョンの活用 
    &lt;div id=&#34;マルチリージョンの活用&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%83%9e%e3%83%ab%e3%83%81%e3%83%aa%e3%83%bc%e3%82%b8%e3%83%a7%e3%83%b3%e3%81%ae%e6%b4%bb%e7%94%a8&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;DB の RR を別リージョンに配置して、DB アクセスを分散する&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 class=&#34;relative group&#34;&gt;Well-Architected Framework 
    &lt;div id=&#34;well-architected-framework-1&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#well-architected-framework-1&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;AWS でインフラを構築するためのベストプラクティス。&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;6 つの設計原則 
    &lt;div id=&#34;6-つの設計原則&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#6-%e3%81%a4%e3%81%ae%e8%a8%ad%e8%a8%88%e5%8e%9f%e5%89%87&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;

&lt;h4 class=&#34;relative group&#34;&gt;Reliability (信頼性) 
    &lt;div id=&#34;reliability-信頼性&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#reliability-%e4%bf%a1%e9%a0%bc%e6%80%a7&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;

&lt;h5 class=&#34;relative group&#34;&gt;ポイント 
    &lt;div id=&#34;ポイント&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h5&gt;
&lt;ul&gt;
&lt;li&gt;インフラの障害復旧の自動化&lt;/li&gt;
&lt;li&gt;復旧手順をテストで検証&lt;/li&gt;
&lt;li&gt;需要変化に応じて水平スケーリングする&lt;/li&gt;
&lt;li&gt;キャパシティの推測をやめてオートスケーリングする(Auto Scaling など)&lt;/li&gt;
&lt;li&gt;モニタリングと自動化をする(Cloudwatch など)&lt;/li&gt;
&lt;/ul&gt;

&lt;h5 class=&#34;relative group&#34;&gt;対応領域 
    &lt;div id=&#34;対応領域&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%af%be%e5%bf%9c%e9%a0%98%e5%9f%9f&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h5&gt;
&lt;ul&gt;
&lt;li&gt;基盤 (IAM, VPC, Auto Scaling, ELB, CloudFormation) = 冗長性を保つ&lt;/li&gt;
&lt;li&gt;変更管理(CloudTrail, AWS Config) = AWS のリソースの変更を管理&lt;/li&gt;
&lt;li&gt;障害管理 = CloudWatch&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 class=&#34;relative group&#34;&gt;Performance Efficiency (パフォーマンス効率) 
    &lt;div id=&#34;performance-efficiency-パフォーマンス効率&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#performance-efficiency-%e3%83%91%e3%83%95%e3%82%a9%e3%83%bc%e3%83%9e%e3%83%b3%e3%82%b9%e5%8a%b9%e7%8e%87&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;

&lt;h5 class=&#34;relative group&#34;&gt;ポイント 
    &lt;div id=&#34;ポイント-1&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88-1&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h5&gt;
&lt;ul&gt;
&lt;li&gt;システム要件を満たすリソースを効率化(e.g., 最適なインスタンスタイプを選ぶなど)&lt;/li&gt;
&lt;li&gt;システム要件やAWSの変化に応じてインフラを逐一効率化する
&lt;ul&gt;
&lt;li&gt;先端技術の一般化&lt;/li&gt;
&lt;li&gt;グローバル化&lt;/li&gt;
&lt;li&gt;サーバレス&lt;/li&gt;
&lt;li&gt;頻繁に実験&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h5 class=&#34;relative group&#34;&gt;対応領域 
    &lt;div id=&#34;対応領域-1&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%af%be%e5%bf%9c%e9%a0%98%e5%9f%9f-1&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h5&gt;
&lt;ul&gt;
&lt;li&gt;コンピューティング(Auto Scaling, Lambda) = 効率よいパフォーマンスをスケーリング&lt;/li&gt;
&lt;li&gt;ストレージ(EBS, S3, Glacier, EFS) = 最適なストレージを選ぶ&lt;/li&gt;
&lt;li&gt;データベース(RDS, Dynamo DB, OpenSearch, Aurora, Redshift) = 最適なDBを選ぶ&lt;/li&gt;
&lt;li&gt;容量と時間のトレードオフ(Cloudfront, ElastiCache) = キャッシュを使ってパフォーマンスをあげる&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 class=&#34;relative group&#34;&gt;Security (安全性) 
    &lt;div id=&#34;security-安全性&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#security-%e5%ae%89%e5%85%a8%e6%80%a7&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;

&lt;h5 class=&#34;relative group&#34;&gt;設計事項 
    &lt;div id=&#34;設計事項&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e8%a8%ad%e8%a8%88%e4%ba%8b%e9%a0%85&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h5&gt;
&lt;ul&gt;
&lt;li&gt;全レイヤーでセキュリティを摘要&lt;/li&gt;
&lt;li&gt;アクセス追跡・モニタリングの実施&lt;/li&gt;
&lt;li&gt;条件ドリブンのアラート&lt;/li&gt;
&lt;li&gt;AWS 責任共有モデルに基づく対象範囲の保護に集中&lt;/li&gt;
&lt;li&gt;セキュリティのベストプラクティスの自動化
&lt;ul&gt;
&lt;li&gt;ソフトウェアのセキュリティ設定&lt;/li&gt;
&lt;li&gt;セキュリティ対策してある AMI を作り、新サーバーに自動で摘要&lt;/li&gt;
&lt;li&gt;インフラ全体をテンプレ化して管理&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h5 class=&#34;relative group&#34;&gt;対応領域 
    &lt;div id=&#34;対応領域-2&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%af%be%e5%bf%9c%e9%a0%98%e5%9f%9f-2&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h5&gt;
&lt;ul&gt;
&lt;li&gt;データ保護(ELB, EBS, S3, RDS, KMS) = ELB でトラフィックを安全に、 ストレージは KMS で暗号化する&lt;/li&gt;
&lt;li&gt;権限管理(IAM, MFA) = ユーザー管理&lt;/li&gt;
&lt;li&gt;インフラ保護(VPC) = ネットワークセキュリティ&lt;/li&gt;
&lt;li&gt;検出制御(CloudTrail, CloudWatch, AWS GuardDuty, Amazon Inspector) = 常にモニタリング&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 class=&#34;relative group&#34;&gt;Cost Optimization (コスト最適化) 
    &lt;div id=&#34;cost-optimization-コスト最適化&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#cost-optimization-%e3%82%b3%e3%82%b9%e3%83%88%e6%9c%80%e9%81%a9%e5%8c%96&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;

&lt;h5 class=&#34;relative group&#34;&gt;設計事項 
    &lt;div id=&#34;設計事項-1&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e8%a8%ad%e8%a8%88%e4%ba%8b%e9%a0%85-1&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h5&gt;
&lt;ul&gt;
&lt;li&gt;不必要なリソース削減&lt;/li&gt;
&lt;li&gt;費用の状況を確認&lt;/li&gt;
&lt;li&gt;マネージドサービスで運用コスト削減&lt;/li&gt;
&lt;li&gt;オンプレなどの固定コストをクラウドの変動コストに変換&lt;/li&gt;
&lt;li&gt;使えば使うほど安くなるものを使う&lt;/li&gt;
&lt;li&gt;オンプレを完全撤廃&lt;/li&gt;
&lt;/ul&gt;

&lt;h5 class=&#34;relative group&#34;&gt;対応領域 
    &lt;div id=&#34;対応領域-3&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%af%be%e5%bf%9c%e9%a0%98%e5%9f%9f-3&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h5&gt;
&lt;ul&gt;
&lt;li&gt;需要と供給の一致(Auto Scaling)&lt;/li&gt;
&lt;li&gt;コスト効率の高いリソース(Reserved Instance, Spot Instance, Trusted Advisor)&lt;/li&gt;
&lt;li&gt;支出の認識(CloudWatch, 見積もりツール)&lt;/li&gt;
&lt;li&gt;継続的な最適化(AWS 最新情報, Trusted Advisor)&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 class=&#34;relative group&#34;&gt;Operational Excellence (運用上の優秀性) 
    &lt;div id=&#34;operational-excellence-運用上の優秀性&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#operational-excellence-%e9%81%8b%e7%94%a8%e4%b8%8a%e3%81%ae%e5%84%aa%e7%a7%80%e6%80%a7&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;
&lt;p&gt;計画変更や事故発生時の対応手順が自動化された文書化、テスト、レビューをされていること&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>複数ファイルのファイル名をまとめて変更する shellscript</title>
      <link>https://blog.namtok-it.com/posts/sh_rename_multiple_files/</link>
      <pubDate>Wed, 28 Sep 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/sh_rename_multiple_files/</guid>
      <description>&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;ディレクトリ直下の複数ファイル名をまとめて変更する&lt;/a&gt; 
    &lt;div id=&#34;ディレクトリ直下の複数ファイル名をまとめて変更する&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%83%87%e3%82%a3%e3%83%ac%e3%82%af%e3%83%88%e3%83%aa%e7%9b%b4%e4%b8%8b%e3%81%ae%e8%a4%87%e6%95%b0%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e5%90%8d%e3%82%92%e3%81%be%e3%81%a8%e3%82%81%e3%81%a6%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;

&lt;h4 class=&#34;relative group&#34;&gt;元のファイル名の前後に文字列を追加する 
    &lt;div id=&#34;元のファイル名の前後に文字列を追加する&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%85%83%e3%81%ae%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e5%90%8d%e3%81%ae%e5%89%8d%e5%be%8c%e3%81%ab%e6%96%87%e5%ad%97%e5%88%97%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%99%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;
&lt;p&gt;例）&lt;code&gt;.drawio&lt;/code&gt; で終わるファイルに &lt;code&gt;.svg&lt;/code&gt; という拡張子を追加する&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>Rabin-Karp アルゴリズム</title>
      <link>https://blog.namtok-it.com/posts/algorithm_rabin_karp/</link>
      <pubDate>Tue, 20 Sep 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/algorithm_rabin_karp/</guid>
      <description>&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;Rabin-Karp アルゴリズムとは&lt;/a&gt; 
    &lt;div id=&#34;rabin-karp-アルゴリズムとは&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#rabin-karp-%e3%82%a2%e3%83%ab%e3%82%b4%e3%83%aa%e3%82%ba%e3%83%a0%e3%81%a8%e3%81%af&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;2次元パターン照合にも一般化できる&lt;/li&gt;
&lt;li&gt;Rabin さんと Karp さんが考えた&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;2&#34;&gt;計算量&lt;/a&gt; 
    &lt;div id=&#34;計算量&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e8%a8%88%e7%ae%97%e9%87%8f&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;前処理時間: θ(m)&lt;/li&gt;
&lt;li&gt;最悪実行時間: θ((n-m+1)m)&lt;/li&gt;
&lt;li&gt;平均実行時間:
&lt;ul&gt;
&lt;li&gt;詳細はこちら&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;3&#34;&gt;考え方&lt;/a&gt; 
    &lt;div id=&#34;考え方&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e8%80%83%e3%81%88%e6%96%b9&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;</description>
      
    </item>
    
    <item>
      <title>文字列照合問題で出てくる単語(string match)</title>
      <link>https://blog.namtok-it.com/posts/algorithm_naive_string_match/</link>
      <pubDate>Tue, 20 Sep 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/algorithm_naive_string_match/</guid>
      <description>&lt;h1 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;文字列照合問題&lt;/a&gt; 
    &lt;div id=&#34;文字列照合問題&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e6%96%87%e5%ad%97%e5%88%97%e7%85%a7%e5%90%88%e5%95%8f%e9%a1%8c&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h1&gt;
&lt;p&gt;&lt;strong&gt;文字列照合問題 (string-matching problem)&lt;/strong&gt; とは&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;「与えられたパターン P が T に出現する正当なシフトをすべて見つける問題」&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;である。&lt;/p&gt;
&lt;p&gt;ただし、この定義や、文字列照合問題では以下の表現を使うっぽい。&lt;/p&gt;

&lt;h2 class=&#34;relative group&#34;&gt;P, T とは 
    &lt;div id=&#34;p-t-とは&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#p-t-%e3%81%a8%e3%81%af&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;いずれも文字列(string) である&lt;/li&gt;
&lt;li&gt;P の文字数を m, T の文字数を n とし、P[1..l] を P の最初の l 文字の部分文字列とする
&lt;ul&gt;
&lt;li&gt;つまり &lt;strong&gt;P = パターン&lt;/strong&gt;、&lt;strong&gt;T = P を含むかもしれない文字列&lt;/strong&gt; のこと&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 class=&#34;relative group&#34;&gt;パターン P が T のシフト s に出現する (occur with shift s) 
    &lt;div id=&#34;パターン-p-が-t-のシフト-s-に出現する-occur-with-shift-s&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3-p-%e3%81%8c-t-%e3%81%ae%e3%82%b7%e3%83%95%e3%83%88-s-%e3%81%ab%e5%87%ba%e7%8f%be%e3%81%99%e3%82%8b-occur-with-shift-s&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;0 &amp;lt;= s ,= n-m かつ T[s+1..s+m] = P[1..m] であることを指す表現。&lt;/li&gt;
&lt;li&gt;つまり、「P と T の左端の文字を合わせて、s 文字だけ P を右に移動したら T の一部と一致する」ということ&lt;/li&gt;
&lt;li&gt;例）P = &amp;ldquo;hello&amp;rdquo;, T = &amp;ldquo;abchello&amp;rdquo; だとするとき、&lt;strong&gt;「パターン P は T のシフト 3 に出現する」&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 class=&#34;relative group&#34;&gt;valid shift, invalid shift 
    &lt;div id=&#34;valid-shift-invalid-shift&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#valid-shift-invalid-shift&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;P と T の左端の文字を合わせて s だけ右に移動(shift)すると、P[1..m] と T[s+1..s+m] は一致する場合に、その shift を &lt;strong&gt;valid shift&lt;/strong&gt; と呼ぶ&lt;/li&gt;
&lt;li&gt;一致しない場合に、その shift を &lt;strong&gt;invalid shift&lt;/strong&gt; と呼ぶ&lt;/li&gt;
&lt;/ul&gt;</description>
      
    </item>
    
    <item>
      <title>健康保険とは？会社員とフリーランスにおける違いまとめ</title>
      <link>https://blog.namtok-it.com/posts/money_health_insurance/</link>
      <pubDate>Mon, 13 Jun 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/money_health_insurance/</guid>
      <description>&lt;p&gt;この記事はできるだけ日本政府のホームページ、もしくは大企業のサイトを元に情報をまとめています。&lt;br&gt;
会社員と個人事業主の視点を中心にしており、公務員・船員などは掘り下げていません。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;「健康保険料」とは？&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;「健康保険料」とは？&lt;/a&gt; 
    &lt;div id=&#34;健康保険料とは&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%81%a5%e5%ba%b7%e4%bf%9d%e9%99%ba%e6%96%99%e3%81%a8%e3%81%af&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;2&#34;&gt;健康保険（社会保険）と国民健康保険の違いは？&lt;/a&gt; 
    &lt;div id=&#34;健康保険社会保険と国民健康保険の違いは&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%81%a5%e5%ba%b7%e4%bf%9d%e9%99%ba%e7%a4%be%e4%bc%9a%e4%bf%9d%e9%99%ba%e3%81%a8%e5%9b%bd%e6%b0%91%e5%81%a5%e5%ba%b7%e4%bf%9d%e9%99%ba%e3%81%ae%e9%81%95%e3%81%84%e3%81%af&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;3&#34;&gt;国民健康保険料の計算方法&lt;/a&gt; 
    &lt;div id=&#34;国民健康保険料の計算方法&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%9b%bd%e6%b0%91%e5%81%a5%e5%ba%b7%e4%bf%9d%e9%99%ba%e6%96%99%e3%81%ae%e8%a8%88%e7%ae%97%e6%96%b9%e6%b3%95&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;以下を受給できる保険です。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>個人事業主として働く上で知っておくべき税金ざっくりまとめ</title>
      <link>https://blog.namtok-it.com/posts/money_solo_proprietorship_tax/</link>
      <pubDate>Sat, 11 Jun 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/money_solo_proprietorship_tax/</guid>
      <description>&lt;p&gt;この記事はできるだけ日本政府のホームページ、もしくは大企業のサイトを元に情報をまとめています。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;個人事業主が納税を義務付けられている税金&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;その他用語&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;個人事業主が納税を義務付けられている税金&lt;/a&gt; 
    &lt;div id=&#34;個人事業主が納税を義務付けられている税金&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%80%8b%e4%ba%ba%e4%ba%8b%e6%a5%ad%e4%b8%bb%e3%81%8c%e7%b4%8d%e7%a8%8e%e3%82%92%e7%be%a9%e5%8b%99%e4%bb%98%e3%81%91%e3%82%89%e3%82%8c%e3%81%a6%e3%81%84%e3%82%8b%e7%a8%8e%e9%87%91&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;個人事業主にかかる税金は以下のとおりです。&lt;/p&gt;
&lt;blockquote&gt;
&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#11&#34;&gt;所得税および復興特別所得税&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#12&#34;&gt;消費税&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#13&#34;&gt;住民税&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#14&#34;&gt;個人事業税&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;a href=&#34;https://www.freee.co.jp/kb/kb-blue-return/kinds-of-tax/&#34; target=&#34;_blank&#34;&gt;個人事業主にかかる税金は何種類？ 課税される条件と計算方法(freee)&lt;/a&gt;{:target=&amp;quot;_blank&amp;quot;}&lt;/p&gt;&lt;/blockquote&gt;

&lt;h4 class=&#34;relative group&#34;&gt;&lt;a name=&#34;11&#34;&gt;所得税および復興特別所得税&lt;/a&gt; 
    &lt;div id=&#34;所得税および復興特別所得税&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e6%89%80%e5%be%97%e7%a8%8e%e3%81%8a%e3%82%88%e3%81%b3%e5%be%a9%e8%88%88%e7%89%b9%e5%88%a5%e6%89%80%e5%be%97%e7%a8%8e&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;
&lt;p&gt;&lt;strong&gt;所得税&lt;/strong&gt;とは、&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>税金の分類</title>
      <link>https://blog.namtok-it.com/posts/money_tax_classification/</link>
      <pubDate>Sat, 11 Jun 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/money_tax_classification/</guid>
      <description>&lt;p&gt;この記事はできるだけ日本政府のホームページ、もしくは大企業のサイトを元に情報をまとめています。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;個人事業主が納税を義務付けられている税金&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;個人事業主が納税を義務付けられている税金&lt;/a&gt; 
    &lt;div id=&#34;個人事業主が納税を義務付けられている税金&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%80%8b%e4%ba%ba%e4%ba%8b%e6%a5%ad%e4%b8%bb%e3%81%8c%e7%b4%8d%e7%a8%8e%e3%82%92%e7%be%a9%e5%8b%99%e4%bb%98%e3%81%91%e3%82%89%e3%82%8c%e3%81%a6%e3%81%84%e3%82%8b%e7%a8%8e%e9%87%91&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;課税主体に着目した分類&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;国税&lt;/th&gt;
          &lt;th&gt;地方税&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;問い合わせ先&lt;/td&gt;
          &lt;td&gt;税務署・国税局&lt;/td&gt;
          &lt;td&gt;都道府県税事務所&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;税負担を経済活動のどの局面に求めているかに分類&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;所得課税&lt;/li&gt;
&lt;li&gt;資産課税等&lt;/li&gt;
&lt;li&gt;消費課税&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;a href=&#34;https://www.mof.go.jp/tax_policy/summary/condition/a01.htm&#34; target=&#34;_blank&#34;&gt;https://www.mof.go.jp/tax_policy/summary/condition/a01.htm&lt;/a&gt;&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>タイの労災保険</title>
      <link>https://blog.namtok-it.com/posts/money_thai_industrial_injury_insurance/</link>
      <pubDate>Sat, 23 Apr 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/money_thai_industrial_injury_insurance/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;タイの労災保険&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;タイの労災保険の保証内容&lt;/a&gt; 
    &lt;div id=&#34;タイの労災保険の保証内容&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%82%bf%e3%82%a4%e3%81%ae%e5%8a%b4%e7%81%bd%e4%bf%9d%e9%99%ba%e3%81%ae%e4%bf%9d%e8%a8%bc%e5%86%85%e5%ae%b9&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;

&lt;h4 class=&#34;relative group&#34;&gt;基本情報 
    &lt;div id=&#34;基本情報&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%9f%ba%e6%9c%ac%e6%83%85%e5%a0%b1&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;労働者が業務や通勤中に負傷、病気、死亡した際に治療費など必要な保険給付を行う制度&lt;/li&gt;
&lt;li&gt;事業主（会社）が全額負担&lt;/li&gt;
&lt;li&gt;従業員を１人でも雇用すれば加入義務が生じる&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 class=&#34;relative group&#34;&gt;給付金内容 
    &lt;div id=&#34;給付金内容&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e7%b5%a6%e4%bb%98%e9%87%91%e5%86%85%e5%ae%b9&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;給付&lt;/th&gt;
          &lt;th&gt;金額 / 期間&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;療養保障&lt;/td&gt;
          &lt;td&gt;療養費用: 1,300 バーツ / ?&lt;br/&gt;リハビリ費用: 24,000 バーツ / ?&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;休業補償&lt;/td&gt;
          &lt;td&gt;月額賃金の 70％ / １日以上１年以下&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;身体損失保障&lt;/td&gt;
          &lt;td&gt;月額賃金の 70％ / 上限 10 年&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;障害保障&lt;/td&gt;
          &lt;td&gt;月額賃金の 70％ / 終身&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;死亡保障&lt;/td&gt;
          &lt;td&gt;葬祭料: 50,000 バーツ&lt;br/&gt;遺族補償給付：月額賃金の 70％を 10 年間&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;参考&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>会社員と個人事業主が知っておくべき労災保険まとめ</title>
      <link>https://blog.namtok-it.com/posts/money_japan_industrial_injury_insurance/</link>
      <pubDate>Fri, 22 Apr 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/money_japan_industrial_injury_insurance/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;労災保険とは&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;個人事業主が加入する方法&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;労災保険とは&lt;/a&gt; 
    &lt;div id=&#34;労災保険とは&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%8a%b4%e7%81%bd%e4%bf%9d%e9%99%ba%e3%81%a8%e3%81%af&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;労働者が業務や通勤中に負傷、病気、死亡した際に治療費など必要な保険給付を行う制度&lt;/li&gt;
&lt;li&gt;事業主（会社）が全額負担&lt;/li&gt;
&lt;li&gt;以下給付されるもの(7 つ)&lt;/li&gt;
&lt;/ul&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;給付&lt;/th&gt;
          &lt;th&gt;もらえるとき&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;療養給付&lt;/td&gt;
          &lt;td&gt;傷病の療養を受けるとき&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;休業給付&lt;/td&gt;
          &lt;td&gt;傷病の療養のため労働することができず、賃金が受けられないとき&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;傷病年金&lt;/td&gt;
          &lt;td&gt;傷病の療養開始後、1 年 6 ヶ月が経っても傷病が治癒（症状固定）しないで&lt;br/&gt;障害の程度が傷病等級に該当するとき&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;障害給付&lt;/td&gt;
          &lt;td&gt;傷病が治癒（症状固定）して障害等級に該当する身体障害が残ったとき&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;遺族給付&lt;/td&gt;
          &lt;td&gt;労働者が死亡したとき&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;葬祭給付&lt;/td&gt;
          &lt;td&gt;労働者が死亡し、葬祭を行ったとき&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;介護給付&lt;/td&gt;
          &lt;td&gt;障害年金または傷病年金の一定の障害により、現在介護を受けているとき&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;参考&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>会社員と個人事業主はこんな違う！日本の公的年金をざっくりまとめ</title>
      <link>https://blog.namtok-it.com/posts/money_japan_pension/</link>
      <pubDate>Tue, 19 Apr 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/money_japan_pension/</guid>
      <description>&lt;p&gt;この記事は公的年金の受給額と受給期間をまとめています。&lt;br&gt;
共済年金は除いています。&lt;br&gt;
各種制度の大まかな比較を目的としているため、受給できる金額や期間は目安です。&lt;br&gt;
正確な計算式、受給期間は&lt;a href=&#34;https://www.nenkin.go.jp/&#34; target=&#34;_blank&#34;&gt;日本年金機構&lt;/a&gt;{:target=&amp;quot;_blank&amp;quot;}を参考にしてください。&lt;br&gt;
また、東京都在住で標準報酬月額は 280,000 円、標準賞与額は 100,000 円、10 年間年金を納めているとして計算しています。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#%e6%97%a9%e8%a6%8b%e8%a1%a8&#34;&gt;早見表&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#%e8%80%81%e9%bd%a2%e5%b9%b4%e9%87%91&#34;&gt;老齢年金&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#%e9%9a%9c%e5%ae%b3%e5%b9%b4%e9%87%91&#34;&gt;障害年金&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#%e9%81%ba%e6%97%8f%e5%b9%b4%e9%87%91&#34;&gt;遺族年金&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;早見表&lt;/a&gt; 
    &lt;div id=&#34;早見表&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e6%97%a9%e8%a6%8b%e8%a1%a8&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;個人事業主が加入する&lt;strong&gt;国民年金&lt;/strong&gt;と一般的な会社員が加入する&lt;strong&gt;厚生年金&lt;/strong&gt;の早見表です。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>会社員として働く上で知っておくべき額面から引かれる金額まとめ</title>
      <link>https://blog.namtok-it.com/posts/money_employee_salary/</link>
      <pubDate>Tue, 12 Apr 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/money_employee_salary/</guid>
      <description>&lt;p&gt;この記事はできるだけ日本政府のホームページ、もしくは大企業のサイトを元に情報をまとめています。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;額面から何を引いたら手取りになる？&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;健康保険料(社会保険)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#3&#34;&gt;厚生年金保険料(社会保険)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#4&#34;&gt;雇用保険料(社会保険)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#5&#34;&gt;介護保険料（40 ～ 64 歳）(社会保険)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#6&#34;&gt;所得税&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#7&#34;&gt;住民税&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;額面から何を引いたら手取りになる&lt;/a&gt; 
    &lt;div id=&#34;額面から何を引いたら手取りになる&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e9%a1%8d%e9%9d%a2%e3%81%8b%e3%82%89%e4%bd%95%e3%82%92%e5%bc%95%e3%81%84%e3%81%9f%e3%82%89%e6%89%8b%e5%8f%96%e3%82%8a%e3%81%ab%e3%81%aa%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;

&lt;h4 class=&#34;relative group&#34;&gt;額面から引かれるもの 
    &lt;div id=&#34;額面から引かれるもの&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e9%a1%8d%e9%9d%a2%e3%81%8b%e3%82%89%e5%bc%95%e3%81%8b%e3%82%8c%e3%82%8b%e3%82%82%e3%81%ae&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;
&lt;blockquote&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;健康保険料(社会保険)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#3&#34;&gt;厚生年金保険料(社会保険)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#4&#34;&gt;雇用保険料(社会保険)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#5&#34;&gt;介護保険料（40 ～ 64 歳）(社会保険)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#6&#34;&gt;所得税&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#7&#34;&gt;住民税&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;その他(退職金の積立や労働組合費など)&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;a href=&#34;https://www.smbc-card.com/nyukai/magazine/fremaga/money/net_salary.jsp&#34; target=&#34;_blank&#34;&gt;手取りの計算って？思っていたより給与が少ない理由について(フレマガ Powered by 三井住友カード)&lt;/a&gt;{:target=&amp;quot;_blank&amp;quot;}&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>2進数の解釈方法まとめ</title>
      <link>https://blog.namtok-it.com/posts/math_binary/</link>
      <pubDate>Sat, 09 Apr 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/math_binary/</guid>
      <description>&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#2-%e9%80%b2%e6%95%b0%e3%81%ae%e8%a7%a3%e9%87%88%e6%96%b9%e6%b3%95unsigned-binary-1s-complement-2s-complement-signed-magnitude-bcd&#34;&gt;2 進数の解釈方法[Unsigned binary, 1&amp;rsquo;s complement, 2&amp;rsquo;s complement, Signed Magnitude, BCD]&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#reference&#34;&gt;Reference&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;2 進数の解釈方法[Unsigned binary, 1&amp;rsquo;s complement, 2&amp;rsquo;s complement, Signed Magnitude, BCD]&lt;/a&gt; 
    &lt;div id=&#34;2-進数の解釈方法unsigned-binary-1s-complement-2s-complement-signed-magnitude-bcd&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#2-%e9%80%b2%e6%95%b0%e3%81%ae%e8%a7%a3%e9%87%88%e6%96%b9%e6%b3%95unsigned-binary-1s-complement-2s-complement-signed-magnitude-bcd&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;コンピューターが 2 進数を解釈するとき、2 つの情報が必要らしい。だから go 言語とかは uint64 とかでその数字がどう解釈されるかを指定しているのかな？&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>浮動小数点(Floating Point Binary)まとめ</title>
      <link>https://blog.namtok-it.com/posts/math_floating_point_binary/</link>
      <pubDate>Sat, 09 Apr 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/math_floating_point_binary/</guid>
      <description>&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#ieee-standard-754-floating-point-binary-%e3%81%ae%e5%bd%a2%e5%bc%8f&#34;&gt;IEEE Standard 754 Floating Point Binary の形式&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#reference&#34;&gt;Reference&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;IEEE Standard 754 Floating Point Binary の形式&lt;/a&gt; 
    &lt;div id=&#34;ieee-standard-754-floating-point-binary-の形式&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#ieee-standard-754-floating-point-binary-%e3%81%ae%e5%bd%a2%e5%bc%8f&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;UoPeople CS1104 Unit.1 でならったことの復習。
Floating Point Binary は以下の 3 要素でなりたつ。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>[Ansible] ファイルにある行が存在することを保証する</title>
      <link>https://blog.namtok-it.com/posts/ansible_ensure_a_line_exists_in_a_file/</link>
      <pubDate>Tue, 29 Mar 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/ansible_ensure_a_line_exists_in_a_file/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;ファイルにある行が存在することを保証する&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;共通タスクにする&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;ファイルにある行が存在することを保証する&lt;/a&gt; 
    &lt;div id=&#34;ファイルにある行が存在することを保証する&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%82%e3%82%8b%e8%a1%8c%e3%81%8c%e5%ad%98%e5%9c%a8%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%82%92%e4%bf%9d%e8%a8%bc%e3%81%99%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;以下の 2 ステップで行います。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;ファイルが行に存在するか確認する。&lt;/li&gt;
&lt;li&gt;存在しなければ行を追加する&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;今回は行をファイルのどの位置に追加するかは制御していません。必要が出てきたらまた調べます。&lt;/p&gt;
&lt;p&gt;これで &lt;code&gt;/etc/bar&lt;/code&gt; に &lt;code&gt;&amp;quot;foooooo&amp;quot;&lt;/code&gt; という文字列が存在しなければ追加するという処理を行います。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nn&#34;&gt;---&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;&lt;/span&gt;- &lt;span class=&#34;nt&#34;&gt;name&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;l&#34;&gt;foooooo がファイル内に存在するか確認&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;  &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;shell&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;l&#34;&gt;grep -c &amp;#34;foooooo&amp;#34; /etc/bar&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;  &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;register&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;l&#34;&gt;lines_count&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;  &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;ignore_errors&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;kc&#34;&gt;yes&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;&lt;/span&gt;- &lt;span class=&#34;nt&#34;&gt;name&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;l&#34;&gt;foooooo がファイル内に存在しなければ追加する&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;  &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;lineinfile&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;    &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;path&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;foooooo&amp;#34;&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;    &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;line&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;/etc/bar&amp;#34;&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;  &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;when&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;l&#34;&gt;lines_count.stdout == &amp;#34;0&amp;#34;&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;2&#34;&gt;共通タスクにする&lt;/a&gt; 
    &lt;div id=&#34;共通タスクにする&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%85%b1%e9%80%9a%e3%82%bf%e3%82%b9%e3%82%af%e3%81%ab%e3%81%99%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;構成は ansible の &lt;a href=&#34;https://docs.ansible.com/ansible/2.8/user_guide/playbooks_best_practices.html#directory-layout&#34; target=&#34;_blank&#34;&gt;best practice&lt;/a&gt;{:target=&amp;quot;_blank&amp;quot;} を参考に以下のようにします。&lt;br&gt;
必要なパスだけ書いています。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>[AWS ACM] 証明書の検証方法を email から DNS に切り替える</title>
      <link>https://blog.namtok-it.com/posts/aws_switch_acm_certificate/</link>
      <pubDate>Mon, 28 Mar 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/aws_switch_acm_certificate/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;結論：途中から変更はできないので新しく証明書を発行する必要あり&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;結論：途中から変更はできないので新しく証明書を発行する必要あり&lt;/a&gt; 
    &lt;div id=&#34;結論途中から変更はできないので新しく証明書を発行する必要あり&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e7%b5%90%e8%ab%96%e9%80%94%e4%b8%ad%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%af%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84%e3%81%ae%e3%81%a7%e6%96%b0%e3%81%97%e3%81%8f%e8%a8%bc%e6%98%8e%e6%9b%b8%e3%82%92%e7%99%ba%e8%a1%8c%e3%81%99%e3%82%8b%e5%bf%85%e8%a6%81%e3%81%82%e3%82%8a&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;&lt;a href=&#34;https://aws.amazon.com/jp/premiumsupport/knowledge-center/switch-acm-certificate/&#34; target=&#34;_blank&#34;&gt;公式&lt;/a&gt;{:target=&amp;quot;_blank&amp;quot;}によると新しく証明書を作る必要があるとのことでした。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>[Linux] Real User(実ユーザー) と Effective User(実効ユーザー)</title>
      <link>https://blog.namtok-it.com/posts/linux_real_and_effective_user/</link>
      <pubDate>Mon, 28 Mar 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/linux_real_and_effective_user/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;Real User(実ユーザー) と Effective User(実効ユーザー)&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;Real User(実ユーザー) と Effective User(実効ユーザー)&lt;/a&gt; 
    &lt;div id=&#34;real-user実ユーザー-と-effective-user実効ユーザー&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#real-user%e5%ae%9f%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc-%e3%81%a8-effective-user%e5%ae%9f%e5%8a%b9%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;Real User(実ユーザー) とは、&lt;strong&gt;実行可能ファイルを実行したユーザー&lt;/strong&gt;です。&lt;br&gt;
例えば、xxx というコマンドが存在するとします。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;$ ssh ubuntu@foo  &lt;span class=&#34;c1&#34;&gt;# リモートマシンに ssh 接続&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;$ xxx &lt;span class=&#34;c1&#34;&gt;# コマンドを実行&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;を実行したとき、xxx というコマンドを実行すると Real User(実ユーザー) は &lt;strong&gt;ubuntu&lt;/strong&gt; となります。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>[Ansible] コマンドが存在するかどうかでタスクの実行を制御する</title>
      <link>https://blog.namtok-it.com/posts/ansible_command_exists/</link>
      <pubDate>Sun, 27 Mar 2022 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/ansible_command_exists/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;command が存在するかのフラグを変数にいれて when で処理を分ける&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;command が存在するかのフラグを変数にいれて when で処理を分ける&lt;/a&gt; 
    &lt;div id=&#34;command-が存在するかのフラグを変数にいれて-when-で処理を分ける&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#command-%e3%81%8c%e5%ad%98%e5%9c%a8%e3%81%99%e3%82%8b%e3%81%8b%e3%81%ae%e3%83%95%e3%83%a9%e3%82%b0%e3%82%92%e5%a4%89%e6%95%b0%e3%81%ab%e3%81%84%e3%82%8c%e3%81%a6-when-%e3%81%a7%e5%87%a6%e7%90%86%e3%82%92%e5%88%86%e3%81%91%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;&lt;code&gt;shell: command -v &amp;lt;コマンド名&amp;gt; &amp;gt; /dev/null 2&amp;gt;&amp;amp;1&lt;/code&gt; でコマンドが存在するかどうかをフラグとして出力できます。&lt;br&gt;
&lt;code&gt;register: var_name&lt;/code&gt; によって、&lt;code&gt;var_name.rc&lt;/code&gt;に存在するかどうかのフラグが代入されます。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【UoPeople】CS1102 Unit7: Arrays and ArrayLists（入学29週目）</title>
      <link>https://blog.namtok-it.com/posts/uopeople_cs1102_7/</link>
      <pubDate>Fri, 24 Dec 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/uopeople_cs1102_7/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;CS1102 Unit7 Arrays and ArrayLists&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;length は個数&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#3&#34;&gt;新しいプログラミング言語を学ぶときの 3 つのポイント&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;CS1102 Unit7 Arrays and ArrayLists&lt;/a&gt; 
    &lt;div id=&#34;cs1102-unit7-arrays-and-arraylists&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#cs1102-unit7-arrays-and-arraylists&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;久々の更新。&lt;br&gt;
1 教科の履修なので今期はだいぶ楽です。テーマもあまり難しくなく、今回は Array と ArrayList について。&lt;br&gt;
Java に関しては初心者なので使い方は分かりませんが、がんばります。&lt;br&gt;
へーと思ったことをつらつら書きます。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【UoPeople】CS1102 Unit1: Introduction to Programming（入学21週目）</title>
      <link>https://blog.namtok-it.com/posts/uopeople_cs1102_1/</link>
      <pubDate>Sun, 14 Nov 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/uopeople_cs1102_1/</guid>
      <description>&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#cs1102-unit1-introduction-to-programming&#34;&gt;CS1102 Unit1 Introduction to Programming&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#java-%e3%81%ae%e5%ae%9f%e8%a1%8c%e6%96%b9%e6%b3%95&#34;&gt;Java の実行方法&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#%e6%96%b0%e3%81%97%e3%81%84%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e8%a8%80%e8%aa%9e%e3%82%92%e5%ad%a6%e3%81%b6%e3%81%a8%e3%81%8d%e3%81%ae-3-%e3%81%a4%e3%81%ae%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88&#34;&gt;新しいプログラミング言語を学ぶときの 3 つのポイント&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;CS1102 Unit1 Introduction to Programming&lt;/a&gt; 
    &lt;div id=&#34;cs1102-unit1-introduction-to-programming&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#cs1102-unit1-introduction-to-programming&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;久々の更新。今週から CS1102 の授業が開始です。&lt;br&gt;
教材は &lt;a href=&#34;https://math.hws.edu/javanotes/&#34; target=&#34;_blank&#34;&gt;https://math.hws.edu/javanotes/&lt;/a&gt;{:target=&amp;quot;_blank&amp;quot;} ここでダウンロードできます。Epub があるのは嬉しい。&lt;br&gt;
今期は CS1102 しか授業がないから余裕を持って授業を受けることができそうで嬉しいです。&lt;br&gt;
とはいえ初回授業のテキスト範囲が 180 ページくらいあって読むのが結構しんどかったけど、この 5 ヶ月間英語で授業受けてきたおかげでなんとか読み切って課題提出できました。&lt;br&gt;
ようやく CPU・メモリなどを教材で見かけるようになって computer science 感が出てきました。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>Nuxt.js で GTM&amp;GA4 で page_view を計測する</title>
      <link>https://blog.namtok-it.com/posts/nuxt_ga4_page_view/</link>
      <pubDate>Wed, 03 Nov 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/nuxt_ga4_page_view/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;概要&amp;amp;前提条件&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;GTM 上の設定&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#3&#34;&gt;Nuxt 上の設定&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;概要&amp;amp;前提条件&lt;/a&gt; 
    &lt;div id=&#34;概要前提条件&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e6%a6%82%e8%a6%81%e5%89%8d%e6%8f%90%e6%9d%a1%e4%bb%b6&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;今回は Nuxt.js の generate でページ遷移をするたびに PV を計測するイベントを投げる処理を書きます。&lt;br&gt;
GA4 は PV などあらゆる計測をイベントで行うようにしているようです。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【UoPeople】CS1101 UNIT 2: Variables, Expressions, Statements, and Functions（入学12週目）</title>
      <link>https://blog.namtok-it.com/posts/uopeople_cs1101_2/</link>
      <pubDate>Sun, 12 Sep 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/uopeople_cs1101_2/</guid>
      <description>&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#cs1101-unit-2-variables-expressions-statements-and-functions&#34;&gt;CS1101 UNIT 2: Variables, Expressions, Statements, and Functions&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#%e5%88%9d%e3%82%81%e3%81%a6%e7%9f%a5%e3%81%a3%e3%81%9f%e3%81%93%e3%81%a8&#34;&gt;初めて知ったこと&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;CS1101 UNIT 2: Variables, Expressions, Statements, and Functions&lt;/a&gt; 
    &lt;div id=&#34;cs1101-unit-2-variables-expressions-statements-and-functions&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#cs1101-unit-2-variables-expressions-statements-and-functions&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;Variables, Expressions, Statements, Functions のお勉強。&lt;br&gt;
なんとなく文法覚えて使ってたけど改めて勉強するのは初めて。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【UoPeople】CS1001 Unit1: Welcome and Introduction to University of the People（入学11週目）</title>
      <link>https://blog.namtok-it.com/posts/uopeople_cs1101_1/</link>
      <pubDate>Sun, 05 Sep 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/uopeople_cs1101_1/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;CS1101 Unit1 Welcome and Introduction to University of the People&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;CS1101 Unit1 Welcome and Introduction to University of the People&lt;/a&gt; 
    &lt;div id=&#34;cs1101-unit1-welcome-and-introduction-to-university-of-the-people&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#cs1101-unit1-welcome-and-introduction-to-university-of-the-people&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;今日から CS1001 という授業がスタートです。&lt;br&gt;
UNIV1001 で結構時間使ったから、仕事と並行してやるのは大変そうな印象、、、&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【UoPeople】UNIV1001 Unit1: Welcome and Introduction to University of the People（入学11週目）</title>
      <link>https://blog.namtok-it.com/posts/uopeople_univ1001_1/</link>
      <pubDate>Sat, 04 Sep 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/uopeople_univ1001_1/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;UNIV0101 Unit1&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;メモ：UoPeople 内で役に立つリンク&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#3&#34;&gt;用語&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;!-- 1. [](#4) --&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;UNIV1001 Unit1 Welcome and Introduction to University of the People&lt;/a&gt; 
    &lt;div id=&#34;univ1001-unit1-welcome-and-introduction-to-university-of-the-people&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#univ1001-unit1-welcome-and-introduction-to-university-of-the-people&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;今日から UNIV1001 という授業がスタート！&lt;br&gt;
Course Description を読む限り、ENGL0101 みたいに plagiarism に気をつけようとか、信頼できる研究ソースを見つけようとか、&lt;br&gt;
大学生活の基本的な動き方を教えますよ的な授業っぽいです。&lt;br&gt;
退屈そうだけど役に立つと信じてコツコツやります。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【UoPeople】ENGL0101 final exam受けてみた（入学9週目）</title>
      <link>https://blog.namtok-it.com/posts/uopeople_engl_0101_final_exam/</link>
      <pubDate>Sun, 22 Aug 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/uopeople_engl_0101_final_exam/</guid>
      <description>&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#engl0101-%e6%9c%80%e7%b5%82%e3%83%86%e3%82%b9%e3%83%88&#34;&gt;ENGL0101 最終テスト&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#%e6%ac%a1%e3%81%ab%e5%8f%97%e3%81%91%e3%82%8b%e6%8e%88%e6%a5%ad-cs-1101-univ-1001&#34;&gt;次に受ける授業: CS 1101, UNIV 1001&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;ENGL0101 最終テスト&lt;/a&gt; 
    &lt;div id=&#34;engl0101-最終テスト&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#engl0101-%e6%9c%80%e7%b5%82%e3%83%86%e3%82%b9%e3%83%88&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;ENGL0101 の最終テストが終わりました。&lt;br&gt;
点数は見てませんが、合格してたのでようやく授業を受けられます。&lt;/p&gt;
&lt;p&gt;テストの内容は&lt;strong&gt;授業と全く関係ありません&lt;/strong&gt;でした。&lt;br&gt;
単純な文法の穴埋めとリスニング試験で、体感的には 70%くらい合ってたんじゃないかな〜って感じです（3 年前に受けた TOEIC は 795 点）。&lt;br&gt;
ENGL0101 の授業を受けていたときは結構分からない単語があって調べるのに時間もかかってましたが、&lt;br&gt;
テストでは難しい単語が出なかったので、ENGL0101 で躓かない人なら余裕で受かるんだろうな〜と思いました。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【UoPeople】ENGL0101 Unit7: Putting it All Together （入学7週目）</title>
      <link>https://blog.namtok-it.com/posts/uopeople_engl_0101_7/</link>
      <pubDate>Sat, 31 Jul 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/uopeople_engl_0101_7/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;ENGL0101 Unit7: Putting it All Together&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;topic sentences/evidence の書き方。Sprinkles とは&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#3&#34;&gt;Discussion: Fiction について&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;ENGL0101 Unit7: Putting it All Together&lt;/a&gt; 
    &lt;div id=&#34;engl0101-unit7-putting-it-all-together&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#engl0101-unit7-putting-it-all-together&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;ENGL0101 とは、UoPeople 入学時に英語の能力を示すことができなかった人が最初に履修する授業です。&lt;br&gt;
IELTS とか TOEFL でスコアを持っていればパスできます。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【UoPeople】ENGL0101 Unit5: Reading Critically （入学5週目）</title>
      <link>https://blog.namtok-it.com/posts/uopeople_engl_0101_5/</link>
      <pubDate>Sun, 18 Jul 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/uopeople_engl_0101_5/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;ENGL0101 Unit5: Reading Critically&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;Abstract&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#3&#34;&gt;感想&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;ENGL0101 Unit5: Reading Critically&lt;/a&gt; 
    &lt;div id=&#34;engl0101-unit5-reading-critically&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#engl0101-unit5-reading-critically&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;ENGL0101 とは、UoPeople 入学時に英語の能力を示すことができなかった人が最初に履修する授業です。&lt;br&gt;
IELTS とか TOEFL でスコアを持っていればパスできます。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【UoPeople】ENGL0101 Unit4: The 5 Paragraph Essay and the Library （入学4週目）</title>
      <link>https://blog.namtok-it.com/posts/uopeople_engl_0101_4/</link>
      <pubDate>Sat, 10 Jul 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/uopeople_engl_0101_4/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;ENGL0101 Unit4: The 5 Paragraph Essay and the Library&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;Topic&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#3&#34;&gt;Thesis&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#4&#34;&gt;Introduction, map&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#5&#34;&gt;5 paragraph essay&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;ENGL0101 Unit4: Pre-Writing and Paragraphs&lt;/a&gt; 
    &lt;div id=&#34;engl0101-unit4-pre-writing-and-paragraphs&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#engl0101-unit4-pre-writing-and-paragraphs&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;ENGL0101 とは、UoPeople 入学時に英語の能力を示すことができなかった人が最初に履修する授業です。&lt;br&gt;
IELTS とか TOEFL でスコアを持っていればパスできます。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【UoPeople】ENGL0101 Unit3: The Thesis and APA Citations（入学3週目）</title>
      <link>https://blog.namtok-it.com/posts/uopeople_engl_0101_3/</link>
      <pubDate>Sat, 03 Jul 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/uopeople_engl_0101_3/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;ENGL0101 Unit3: The Thesis and APA Citations&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;Pre-Writing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#3&#34;&gt;Paragraph&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#4&#34;&gt;感想&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;ENGL0101 Unit2: Pre-Writing and Paragraphs&lt;/a&gt; 
    &lt;div id=&#34;engl0101-unit2-pre-writing-and-paragraphs&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#engl0101-unit2-pre-writing-and-paragraphs&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;ENGL0101 とは、UoPeople 入学時に英語の能力を示すことができなかった人が最初に履修する授業です。&lt;br&gt;
IELTS とか TOEFL でスコアを持っていればパスできます。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【UoPeople】ENGL0101 Unit 2: Pre-Writing and Paragraphs（入学2週目）</title>
      <link>https://blog.namtok-it.com/posts/uopeople_engl_0101_2/</link>
      <pubDate>Sat, 26 Jun 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/uopeople_engl_0101_2/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;ENGL0101 Unit2: Pre-Writing and Paragraphs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;Pre-Writing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#3&#34;&gt;Paragraph&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#4&#34;&gt;感想&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;ENGL0101 Unit2: Pre-Writing and Paragraphs&lt;/a&gt; 
    &lt;div id=&#34;engl0101-unit2-pre-writing-and-paragraphs&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#engl0101-unit2-pre-writing-and-paragraphs&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;ENGL0101 とは、UoPeople 入学時に英語の能力を示すことができなかった人が最初に履修する授業です。&lt;br&gt;
IELTS とか TOEFL でスコアを持っていればパスできます。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>深さ優先探索(DFS)をスタックで実装する</title>
      <link>https://blog.namtok-it.com/posts/algorithm_dfs_stack/</link>
      <pubDate>Sun, 20 Jun 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/algorithm_dfs_stack/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;python でスタックを使って実装する&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;2&#34;&gt;python でスタックを使って実装する&lt;/a&gt; 
    &lt;div id=&#34;python-でスタックを使って実装する&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#python-%e3%81%a7%e3%82%b9%e3%82%bf%e3%83%83%e3%82%af%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e5%ae%9f%e8%a3%85%e3%81%99%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;AOJ の ALDS1_11_B の python3 で実行できます。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-python&#34; data-lang=&#34;python&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;kn&#34;&gt;from&lt;/span&gt; &lt;span class=&#34;nn&#34;&gt;collections&lt;/span&gt; &lt;span class=&#34;kn&#34;&gt;import&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;defaultdict&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;deque&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;kn&#34;&gt;from&lt;/span&gt; &lt;span class=&#34;nn&#34;&gt;typing&lt;/span&gt; &lt;span class=&#34;kn&#34;&gt;import&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;Optional&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;n&#34;&gt;WHITE&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;0&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;n&#34;&gt;GRAY&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;n&#34;&gt;BLACK&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;2&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;n&#34;&gt;count&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;0&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c1&#34;&gt;# あるノードに隣接するすべてのノードを1つずつ見つける&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;k&#34;&gt;def&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;get_next&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;idx&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;-&amp;gt;&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;Optional&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;int&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]:&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;if&lt;/span&gt; &lt;span class=&#34;nb&#34;&gt;len&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;])&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;&amp;lt;=&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;idx&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;k&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;None&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;][&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;idx&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;k&#34;&gt;def&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;dfs_visit&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;d&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;f&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;):&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;global&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;count&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;n&#34;&gt;stack&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;deque&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;()&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;n&#34;&gt;idx_dict&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;0&lt;/span&gt; &lt;span class=&#34;k&#34;&gt;for&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;v&lt;/span&gt; &lt;span class=&#34;ow&#34;&gt;in&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;n&#34;&gt;stack&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;append&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;n&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;GRAY&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;n&#34;&gt;d&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;count&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;while&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;stack&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;n&#34;&gt;t&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;stack&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;n&#34;&gt;u&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;get_next&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;t&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;idx&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;idx_dict&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;t&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;])&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;n&#34;&gt;idx_dict&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;t&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;+=&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;k&#34;&gt;if&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;u&lt;/span&gt; &lt;span class=&#34;ow&#34;&gt;is&lt;/span&gt; &lt;span class=&#34;ow&#34;&gt;not&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;None&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;k&#34;&gt;if&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;u&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;==&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;WHITE&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;                &lt;span class=&#34;n&#34;&gt;count&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;+=&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;                &lt;span class=&#34;n&#34;&gt;d&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;u&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;count&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;                &lt;span class=&#34;n&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;u&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;GRAY&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;                &lt;span class=&#34;n&#34;&gt;stack&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;append&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;u&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;k&#34;&gt;else&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;n&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;t&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;BLACK&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;n&#34;&gt;count&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;+=&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;n&#34;&gt;f&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;t&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;count&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;n&#34;&gt;stack&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;pop&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;()&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;k&#34;&gt;def&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;dfs&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;):&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;n&#34;&gt;d&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;0&lt;/span&gt; &lt;span class=&#34;k&#34;&gt;for&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;v&lt;/span&gt; &lt;span class=&#34;ow&#34;&gt;in&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;n&#34;&gt;f&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;0&lt;/span&gt; &lt;span class=&#34;k&#34;&gt;for&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;v&lt;/span&gt; &lt;span class=&#34;ow&#34;&gt;in&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;n&#34;&gt;color&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;WHITE&lt;/span&gt; &lt;span class=&#34;k&#34;&gt;for&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;v&lt;/span&gt; &lt;span class=&#34;ow&#34;&gt;in&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;for&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;v&lt;/span&gt; &lt;span class=&#34;ow&#34;&gt;in&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;k&#34;&gt;if&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;==&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;WHITE&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;k&#34;&gt;global&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;count&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;n&#34;&gt;count&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;+=&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;n&#34;&gt;dfs_visit&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;d&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;d&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;f&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;f&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;for&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;v&lt;/span&gt; &lt;span class=&#34;ow&#34;&gt;in&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;nb&#34;&gt;print&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;d&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;],&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;f&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;v&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;])&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;k&#34;&gt;def&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;main&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;():&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;n&#34;&gt;n&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;nb&#34;&gt;int&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;input&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;())&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;defaultdict&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;list&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;for&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;_&lt;/span&gt; &lt;span class=&#34;ow&#34;&gt;in&lt;/span&gt; &lt;span class=&#34;nb&#34;&gt;range&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;n&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;):&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;n&#34;&gt;u&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;k&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;*&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;l&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;nb&#34;&gt;map&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;int&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;nb&#34;&gt;input&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;()&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;split&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;())&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;u&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;l&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;n&#34;&gt;dfs&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;adj_l&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;n&#34;&gt;main&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;()&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;script src=&#34;https://gist.github.com/shimizu517/050d74e61844afeedc5943da1a3b78b0.js&#34;&gt;&lt;/script&gt;
&lt;p&gt;表示されない場合は&lt;a href=&#34;https://github.com/yuta-kaset/competitive-programming/blob/master/AOJ/ALDS1/11_B_stack.py&#34; target=&#34;_blank&#34;&gt;こちら&lt;/a&gt;{:target=&amp;quot;_blank&amp;quot;}をどうぞ。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【UoPeople】ENGL0101第1週（入学1週目）</title>
      <link>https://blog.namtok-it.com/posts/uopeople_engl_0101_1/</link>
      <pubDate>Fri, 18 Jun 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/uopeople_engl_0101_1/</guid>
      <description>&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#engl0101-unit1&#34;&gt;ENGL0101 Unit1&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#note-taking-strategies&#34;&gt;note taking strategies&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#the-sentence&#34;&gt;The Sentence&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- 1. [](#4) --&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;ENGL0101 Unit1&lt;/a&gt; 
    &lt;div id=&#34;engl0101-unit1&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#engl0101-unit1&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;ENGL0101 とは、UoPeople 入学時に英語の能力を示すことができなかった人が最初に履修する授業です。&lt;br&gt;
IELTS とか TOEFL でスコアを持っていればパスできます。&lt;br&gt;
IELTS は 6.0 とれば ENGL0101 免除なので、普通に日本で日本語を使う生活をしてきた僕みたいな人は試験対策すればなんとか取れる点数です。&lt;br&gt;
僕は 4 年前のタイへの交換留学の必須項目だったので、IELTS6.5 を取りましたが、スコアが書かれた紙をなくしてしまったので ENGL0101 からとっています。。。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【gspread】pythonでスプレッドシートを操作する</title>
      <link>https://blog.namtok-it.com/posts/gsheet_python/</link>
      <pubDate>Sun, 06 Jun 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/gsheet_python/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;gspread を使って python で spreadsheet を取得する&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;Google APIs 側の準備&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#3&#34;&gt;python にパッケージをインストールして認証情報を使ってアクセス&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;gspread を使って python で spreadsheet を取得する&lt;/a&gt; 
    &lt;div id=&#34;gspread-を使って-python-で-spreadsheet-を取得する&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#gspread-%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6-python-%e3%81%a7-spreadsheet-%e3%82%92%e5%8f%96%e5%be%97%e3%81%99%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;&lt;a href=&#34;https://github.com/burnash/gspread&#34; target=&#34;_blank&#34;&gt;gspread&lt;/a&gt;というパッケージを使いました。&lt;br&gt;
2021/06/06 時点でスターも 5.4k と信頼できるパッケージだと思います。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【UoPeople】2021年6月、UoPeopleのComputer Science学部に入学しました</title>
      <link>https://blog.namtok-it.com/posts/uopeople_1/</link>
      <pubDate>Sun, 06 Jun 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/uopeople_1/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;UoPeople に入学したきっかけ&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;入学に関して&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#3&#34;&gt;オリエン 1 週目〜大学紹介〜&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#4&#34;&gt;オリエン 2 週目〜ライティングの説明〜&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;UoPeople に入学したきっかけ&lt;/a&gt; 
    &lt;div id=&#34;uopeople-に入学したきっかけ&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#uopeople-%e3%81%ab%e5%85%a5%e5%ad%a6%e3%81%97%e3%81%9f%e3%81%8d%e3%81%a3%e3%81%8b%e3%81%91&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;僕は未経験からキャリアをスタートした、現在新卒 2 年目の WEB 系エンジニアです。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【ssh-agent】リモートサーバーに秘密鍵を置かずにgitのプライベートリポジトリをクローンする</title>
      <link>https://blog.namtok-it.com/posts/ssh_agent/</link>
      <pubDate>Sun, 30 May 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/ssh_agent/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;やりたいこと：リモートサーバーに秘密鍵を置かずにプライベートリポジトリを git clone する&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;設定する&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#3&#34;&gt;接続する&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#4&#34;&gt;参考&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;やりたいこと：リモートサーバーに秘密鍵を置かずにプライベートリポジトリを git clone する&lt;/a&gt; 
    &lt;div id=&#34;やりたいことリモートサーバーに秘密鍵を置かずにプライベートリポジトリを-git-clone-する&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%82%84%e3%82%8a%e3%81%9f%e3%81%84%e3%81%93%e3%81%a8%e3%83%aa%e3%83%a2%e3%83%bc%e3%83%88%e3%82%b5%e3%83%bc%e3%83%90%e3%83%bc%e3%81%ab%e7%a7%98%e5%af%86%e9%8d%b5%e3%82%92%e7%bd%ae%e3%81%8b%e3%81%9a%e3%81%ab%e3%83%97%e3%83%a9%e3%82%a4%e3%83%99%e3%83%bc%e3%83%88%e3%83%aa%e3%83%9d%e3%82%b8%e3%83%88%e3%83%aa%e3%82%92-git-clone-%e3%81%99%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;秘密鍵をローカルにのみ保持して、リモートサーバーから github に ssh 接続がしたい！&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【SCSS】数値が入った変数にパーセントをくっつける</title>
      <link>https://blog.namtok-it.com/posts/scss_variable_percentage/</link>
      <pubDate>Sat, 27 Mar 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/scss_variable_percentage/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;数値が入った変数に%を結合させる&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;活用例：○%を量産する&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;数値が入った変数に%を結合させる&lt;/a&gt; 
    &lt;div id=&#34;数値が入った変数にを結合させる&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e6%95%b0%e5%80%a4%e3%81%8c%e5%85%a5%e3%81%a3%e3%81%9f%e5%a4%89%e6%95%b0%e3%81%ab%e3%82%92%e7%b5%90%e5%90%88%e3%81%95%e3%81%9b%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;やりたいことは、&lt;code&gt;$foo: 10;&lt;/code&gt;のとき、$foo を使って&lt;code&gt;width: 10%;&lt;/code&gt;と書きたい。&lt;br&gt;
結論としては 2 通りの方法がある。&lt;/p&gt;

&lt;h4 class=&#34;relative group&#34;&gt;$foo * 1% で計算 
    &lt;div id=&#34;foo--1-で計算&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#foo--1-%e3%81%a7%e8%a8%88%e7%ae%97&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h4&gt;
&lt;p&gt;以下の例だと、&lt;code&gt;10 * 1% → 10%&lt;/code&gt;のように計算してくれる。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【CSS】特定の属性を持たない要素のセレクタ | :not()</title>
      <link>https://blog.namtok-it.com/posts/css_not/</link>
      <pubDate>Sun, 21 Mar 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/css_not/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;:not(セレクタ)で、特定の条件を除いた要素を選択できる&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;:not([属性名])で、特定の属性がある値を持たない要素を選択する&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#r&#34;&gt;参考&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;!-- TODO: :not()の他の使い方一覧の記事に内部リンクを貼る --&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;:not(セレクタ)で、特定のセレクタを除いた要素を選択できる&lt;/a&gt; 
    &lt;div id=&#34;notセレクタで特定のセレクタを除いた要素を選択できる&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#not%e3%82%bb%e3%83%ac%e3%82%af%e3%82%bf%e3%81%a7%e7%89%b9%e5%ae%9a%e3%81%ae%e3%82%bb%e3%83%ac%e3%82%af%e3%82%bf%e3%82%92%e9%99%a4%e3%81%84%e3%81%9f%e8%a6%81%e7%b4%a0%e3%82%92%e9%81%b8%e6%8a%9e%e3%81%a7%e3%81%8d%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;擬似クラスである&lt;code&gt;:not(セレクタ)&lt;/code&gt;を使うと、特定のセレクタに一致しない要素を選択できます。&lt;a href=&#34;#r1&#34;&gt;[1]&lt;/a&gt;&lt;br&gt;
例えば、「〇〇というクラス属性を持たない&amp;lt;p&amp;gt;要素」などです。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;/* クラス属性にfancyを持たない&amp;lt;p&amp;gt;要素の文字色を緑にする */&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;p&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;nd&#34;&gt;not&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;fancy&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;k&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;green&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;2&#34;&gt;:not([属性名])で、特定の属性がある値を持たない要素を選択する&lt;/a&gt; 
    &lt;div id=&#34;not属性名で特定の属性がある値を持たない要素を選択する&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#not%e5%b1%9e%e6%80%a7%e5%90%8d%e3%81%a7%e7%89%b9%e5%ae%9a%e3%81%ae%e5%b1%9e%e6%80%a7%e3%81%8c%e3%81%82%e3%82%8b%e5%80%a4%e3%82%92%e6%8c%81%e3%81%9f%e3%81%aa%e3%81%84%e8%a6%81%e7%b4%a0%e3%82%92%e9%81%b8%e6%8a%9e%e3%81%99%e3%82%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;:not([属性名])で特定の属性を持たない要素を選択できます。&lt;br&gt;
例えば、「href 属性を&lt;strong&gt;持たない&lt;/strong&gt;&amp;lt;a&amp;gt;要素」などです。&lt;br&gt;
ちなみにこのブログでは、基本的には&amp;lt;a&amp;gt;要素を濃い緑色にしていますが、リンク先を持たない&amp;lt;a&amp;gt;要素は普通の文字色にするために&lt;code&gt;a:not([href])&lt;/code&gt;を使っています。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【Typescript】プロパティ=クラスのメンバ変数のこと</title>
      <link>https://blog.namtok-it.com/posts/ts_property/</link>
      <pubDate>Sun, 21 Mar 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/ts_property/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;1 言で言うとプロパティ=クラスのメンバ変数&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#2&#34;&gt;プロパティは JavaScript から来た用語&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;1&#34;&gt;1 言で言うとプロパティ=クラスのメンバ変数&lt;/a&gt; 
    &lt;div id=&#34;1-言で言うとプロパティクラスのメンバ変数&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#1-%e8%a8%80%e3%81%a7%e8%a8%80%e3%81%86%e3%81%a8%e3%83%97%e3%83%ad%e3%83%91%e3%83%86%e3%82%a3%e3%82%af%e3%83%a9%e3%82%b9%e3%81%ae%e3%83%a1%e3%83%b3%e3%83%90%e5%a4%89%e6%95%b0&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;typescript においてプロパティとはクラスのメンバ変数のことを指します。&lt;br&gt;
他の言語に馴染みのある方は、python の属性、C++のメンバ変数だと考えればよいかと思います。&lt;br&gt;
言語によって呼び方が変わるので困りますね。。&lt;/p&gt;
&lt;p&gt;例えば、以下の&lt;code&gt;Greeter&lt;/code&gt;クラスは「&lt;code&gt;greeting&lt;/code&gt;をプロパティとして持つ」と表現します。&lt;br&gt;
※&lt;a href=&#34;https://www.typescriptlang.org/docs/handbook/classes.html#classes&#34; target=&#34;_blank&#34;&gt;typescript のドキュメント&lt;/a&gt;{:target=&amp;quot;_blank&amp;quot;}からコードを拝借しました。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-typescript&#34; data-lang=&#34;typescript&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;kr&#34;&gt;class&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;Greeter&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;nx&#34;&gt;greeting&lt;/span&gt;: &lt;span class=&#34;kt&#34;&gt;string&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;kr&#34;&gt;constructor&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;message&lt;/span&gt;: &lt;span class=&#34;kt&#34;&gt;string&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;this&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;greeting&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;message&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;nx&#34;&gt;greet() {&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;s2&#34;&gt;&amp;#34;Hello, &amp;#34;&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;+&lt;/span&gt; &lt;span class=&#34;k&#34;&gt;this&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;greeting&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;kd&#34;&gt;let&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;greeter&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;k&#34;&gt;new&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;Greeter&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;world&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;h3 class=&#34;relative group&#34;&gt;&lt;a name=&#34;2&#34;&gt;プロパティは JavaScript から来た用語&lt;/a&gt; 
    &lt;div id=&#34;プロパティは-javascript-から来た用語&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%83%97%e3%83%ad%e3%83%91%e3%83%86%e3%82%a3%e3%81%af-javascript-%e3%81%8b%e3%82%89%e6%9d%a5%e3%81%9f%e7%94%a8%e8%aa%9e&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;プロパティはオブジェクトを構成する要素の 1 つです。&lt;br&gt;
&lt;a href=&#34;#https://developer.mozilla.org/ja/docs/Learn/JavaScript/Objects/Basics#object_basics&#34;&gt;MDN&lt;/a&gt;{:target=&amp;quot;_blank&amp;quot;}には以下のように書いてありました。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【SCSS】@eachで配列のインデックスを使う</title>
      <link>https://blog.namtok-it.com/posts/scss_each_with_index/</link>
      <pubDate>Sun, 14 Mar 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/scss_each_with_index/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#1&#34;&gt;@each の代わりに配列と@for を使う&lt;/a&gt;
&lt;!-- 1. [補足](#2) --&gt;
&lt;!-- 1. [](#3) --&gt;
&lt;!-- 1. [](#4) --&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;@each の代わりに配列と@for を使う&lt;a name=&#34;1&#34;&gt;&lt;/a&gt; 
    &lt;div id=&#34;each-の代わりに配列とfor-を使う&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#each-%e3%81%ae%e4%bb%a3%e3%82%8f%e3%82%8a%e3%81%ab%e9%85%8d%e5%88%97%e3%81%a8for-%e3%82%92%e4%bd%bf%e3%81%86&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;やりたいこととしては、@each の中で現在の要素が何番目を取得することです。&lt;br&gt;
調べた限りだと@each 内で現在の要素の添字を取得することはできなさそうでしたが、&lt;a href=&#34;https://stackoverflow.com/questions/15146706/each-loop-with-index&#34; target=&#34;_blank&#34;&gt;stackoverflow&lt;/a&gt;に実現方法が載っていました。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【スプレッドシート】SUM関数 | 足し算をして合計を求める</title>
      <link>https://blog.namtok-it.com/posts/gsheet_sum/</link>
      <pubDate>Sun, 21 Feb 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/gsheet_sum/</guid>
      <description>&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#%e5%9f%ba%e6%9c%ac%e7%9a%84%e3%81%aa%e4%bd%bf%e3%81%84%e6%96%b9&#34;&gt;基本的な使い方&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#%e3%82%bb%e3%83%ab%e3%81%ae%e4%b8%ad%e3%81%ae%e6%95%b0%e5%80%a4%e3%82%92%e8%b6%b3%e3%81%99&#34;&gt;セルの中の数値を足す&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#%e3%82%bb%e3%83%ab%e3%81%ae%e4%b8%ad%e3%81%ae%e6%95%b0%e5%80%a4%e3%81%ab%e6%8e%9b%e3%81%91%e7%ae%97%e5%89%b2%e3%82%8a%e7%ae%97%e3%82%92%e3%81%97%e3%81%a6%e3%81%8b%e3%82%89%e8%b6%b3%e3%81%99&#34;&gt;セルの中の数値に掛け算・割り算をしてから足す&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 class=&#34;relative group&#34;&gt;基本的な使い方 
    &lt;div id=&#34;基本的な使い方&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e5%9f%ba%e6%9c%ac%e7%9a%84%e3%81%aa%e4%bd%bf%e3%81%84%e6%96%b9&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;合計を求める SUM 関数には 2 通りの書き方があります。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;=SUM(セルの範囲)&lt;br&gt;
セルの範囲は「A1:A4」のような書き方をします。&lt;br&gt;
この場合、4 つのセル A1、A2、A3、A4 の中の数値をすべてを足します
例：=SUM(A1:A5)&lt;/li&gt;
&lt;li&gt;=SUM(数値 1, 数値 2,&amp;hellip;)&lt;br&gt;
SUM()の括弧の中に数値をいくつか書いて、コンマで区切ると、数値をすべて足し算してくれます。&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;セルの中の数値を足す&lt;a name=&#34;basic&#34;&gt;&lt;/a&gt; 
    &lt;div id=&#34;セルの中の数値を足す&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#%e3%82%bb%e3%83%ab%e3%81%ae%e4%b8%ad%e3%81%ae%e6%95%b0%e5%80%a4%e3%82%92%e8%b6%b3%e3%81%99&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;数値を足すには sum()を使います。&lt;br&gt;
セルの中に=SUM(A3:A10)のように書くと合計を求めることができます。&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>【python】文字列とdatetime型を互いに変換する strftime|strptime</title>
      <link>https://blog.namtok-it.com/posts/python_jp_date_str/</link>
      <pubDate>Mon, 01 Feb 2021 00:00:00 +0000</pubDate>
      
      <guid>https://blog.namtok-it.com/posts/python_jp_date_str/</guid>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#str_to_dt&#34;&gt;&amp;lsquo;yyyy-mm-dd&amp;rsquo; → datetime 型&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#strjp_to_dt&#34;&gt;&amp;rsquo;○ 年 ○ 月 ○ 日&amp;rsquo; → datetime 型&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#dt_to_str&#34;&gt;datetime 型 → &amp;lsquo;yyyy-mm-dd&amp;rsquo;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#dt_to_strjp&#34;&gt;datetime 型 → &amp;lsquo;○ 年 ○ 月 ○ 日&amp;rsquo;&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 class=&#34;relative group&#34;&gt;&amp;lsquo;yyyy-mm-dd&amp;rsquo; → datetime 型&lt;a name=&#34;str_to_dt&#34;&gt;&lt;/a&gt; 
    &lt;div id=&#34;yyyy-mm-dd--datetime-型&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;
    
    &lt;span
        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100&#34;&gt;
        &lt;a class=&#34;group-hover:text-primary-300 dark:group-hover:text-neutral-700&#34;
            style=&#34;text-decoration-line: none !important;&#34; href=&#34;#yyyy-mm-dd--datetime-%e5%9e%8b&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;
    &lt;/span&gt;        
    
&lt;/h3&gt;
&lt;p&gt;文字列を datetime 型に変換するには、strptime メソッドを使います。&lt;br&gt;
&lt;a href=&#34;https://docs.python.org/ja/3/library/datetime.html#datetime.datetime.strptime&#34; target=&#34;_blank&#34;&gt;&lt;/a&gt;&lt;/p&gt;</description>
      
    </item>
    
  </channel>
</rss>
