<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.8.7">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2021-02-15T13:26:06+00:00</updated><id>/feed.xml</id><title type="html">Tech Blog by meruneru</title><subtitle>日々学んだことを書いていく場所</subtitle><entry><title type="html">Dockerのお勉強#3</title><link href="/blog/2021/02/13/katacode-Docker3.html" rel="alternate" type="text/html" title="Dockerのお勉強#3" /><published>2021-02-13T00:00:00+00:00</published><updated>2021-02-13T00:00:00+00:00</updated><id>/blog/2021/02/13/katacode-Docker3</id><content type="html" xml:base="/blog/2021/02/13/katacode-Docker3.html">&lt;h2 id=&quot;はじめに&quot;&gt;はじめに&lt;/h2&gt;

&lt;p&gt;Dockerのインタラクティブなチュートリアル&lt;a href=&quot;https://www.katacoda.com/courses/docker/2&quot; target=&quot;_blank&quot;&gt;Building Container Images&lt;/a&gt;をやった。&lt;/p&gt;

&lt;h2 id=&quot;fromコマンド&quot;&gt;FROMコマンド&lt;/h2&gt;

&lt;p&gt;イメージのベースを指定できる。Dockerfileは、必ずFROMから始まる。
FROMよりも先に記述できるARGコマンドは、FROMに使う引数を宣言するもの。
&lt;code class=&quot;highlighter-rouge&quot;&gt;FROM &amp;lt;image-name&amp;gt;:&amp;lt;tag&amp;gt;&lt;/code&gt;&lt;/p&gt;

&lt;h2 id=&quot;runコマンド&quot;&gt;RUNコマンド&lt;/h2&gt;

&lt;p&gt;コマンドプロンプトと同じように、任意のコマンドを実行でき、その結果はイメージに保存される。
不要なファイルを残さないように、注意がする必要がある。&lt;/p&gt;

&lt;p&gt;各命令は個別に実行されるため、各RUNはお互いに影響しあわない。&lt;/p&gt;

&lt;h2 id=&quot;copyコマンド&quot;&gt;COPYコマンド&lt;/h2&gt;

&lt;p&gt;Dockerfileがあるディレクトリからコンテナのイメージにファイルをコピーできるコマンド。&lt;/p&gt;

&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;COPY index.html /usr/share/nginx/html/index.html
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&quot;expose&quot;&gt;EXPOSE&lt;/h2&gt;

&lt;p&gt;アプリケーションとして、どのポートを開くかをDockerfileに書くことができる。&lt;/p&gt;
&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;EXPOSE 80 443
EXPOSE 7000-8000
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&quot;cmd&quot;&gt;CMD&lt;/h2&gt;

&lt;p&gt;CMDは、コンテナがローンチされたときに実行されるコマンドを定義できる。&lt;/p&gt;
&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;# nginx -g daemon off;
CMD [&quot;nginx&quot;, &quot;-g&quot;, &quot;daemon off;&quot;]
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&quot;おまけ&quot;&gt;おまけ&lt;/h2&gt;

&lt;p&gt;&lt;a href=&quot;https://docs.docker.jp/engine/reference/builder.html&quot;&gt;Dockerfile公式リファレンス&lt;/a&gt;によると,大文字はコマンド、小文字は引数という慣習があるとのこと。&lt;/p&gt;

&lt;h2 id=&quot;パーサーディレクティブ&quot;&gt;パーサーディレクティブ&lt;/h2&gt;

&lt;p&gt;Dockerfileの解析ルールを指定できる方法が用意されている。
FROMコマンドよりも前に記述しなければならず、パーサーディレクティブの後ろに空白行を入れる、同じパーサーディレクティブを指定した場合は無効など細かいルールがある。&lt;/p&gt;

&lt;p&gt;リファレンスの例では、Windowsのパス解析でエスケープする文字列を指定する話が書いてある。&lt;/p&gt;
&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;# escape=`

FROM microsoft/nanoserver
COPY testfile.txt c:\
RUN dir c:\
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content><author><name></name></author><category term="blog" /><category term="Docker" /><category term="katacode" /><summary type="html">はじめに</summary></entry><entry><title type="html">Dockerのお勉強#2</title><link href="/blog/2021/02/12/katacode-Docker2.html" rel="alternate" type="text/html" title="Dockerのお勉強#2" /><published>2021-02-12T00:00:00+00:00</published><updated>2021-02-12T00:00:00+00:00</updated><id>/blog/2021/02/12/katacode-Docker2</id><content type="html" xml:base="/blog/2021/02/12/katacode-Docker2.html">&lt;h2 id=&quot;はじめに&quot;&gt;はじめに&lt;/h2&gt;

&lt;p&gt;Dockerのインタラクティブなチュートリアル&lt;a href=&quot;https://www.katacoda.com/courses/docker/create-nginx-static-web-server&quot; target=&quot;_blank&quot;&gt;Deploy Static HTML Website as Container&lt;/a&gt;をやった。&lt;/p&gt;

&lt;h2 id=&quot;dockefileを作る&quot;&gt;Dockefileを作る&lt;/h2&gt;

&lt;p&gt;1行目はベースイメージを定義する。
2行目は、カレントディレクトリの内容をコンテナ内の特定ディレクトリにコピーしている。&lt;/p&gt;
&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ cat Dockerfile
FROM nginx:alpine
COPY . /usr/share/nginx/html
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&quot;dockerfileをbuildする&quot;&gt;DockerfileをBuildする&lt;/h2&gt;

&lt;p&gt;Dcokerfileに書かれているコマンドを実行し、imageファイルを作成することができる。
&lt;code class=&quot;highlighter-rouge&quot;&gt;docker build -t &amp;lt;build-directory&amp;gt; &amp;lt;Dockerfile&amp;gt;&lt;/code&gt;&lt;/p&gt;

&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ docker build -t webserver-image:v1 .
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;&lt;code class=&quot;highlighter-rouge&quot;&gt;docker images&lt;/code&gt;でホストマシンで使っているイメージファイル一覧を見ることができる。&lt;/p&gt;

&lt;h2 id=&quot;dockerimageを実行する&quot;&gt;dockerimageを実行する&lt;/h2&gt;

&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ docker images
REPOSITORY          TAG                 IMAGE ID            CREATED              SIZE
webserver-image     v1                  c752fa79784d        About a minute ago   22.3MB
nginx               alpine              629df02b47c8        8 weeks ago          22.3MB
redis               latest              4760dc956b2d        2 years ago          107MB
ubuntu              latest              f975c5035748        2 years ago          112MB
alpine              latest              3fd9065eaf02        3 years ago          4.14MB
$ 
$ docker run -d -p 80:80 webserver-image:v1
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h1 id=&quot;参考リンク&quot;&gt;参考リンク&lt;/h1&gt;
&lt;p&gt;&lt;a href=&quot;https://awesome-docker.netlify.app/&quot; target=&quot;_blank&quot;&gt;Awesome-docker&lt;/a&gt;に色々なdocker情報が集積されている。&lt;/p&gt;</content><author><name></name></author><category term="blog" /><category term="Docker" /><category term="katacode" /><summary type="html">はじめに</summary></entry><entry><title type="html">Dockerのお勉強#1</title><link href="/blog/2021/02/07/katacode-Docker1.html" rel="alternate" type="text/html" title="Dockerのお勉強#1" /><published>2021-02-07T00:00:00+00:00</published><updated>2021-02-07T00:00:00+00:00</updated><id>/blog/2021/02/07/katacode-Docker1</id><content type="html" xml:base="/blog/2021/02/07/katacode-Docker1.html">&lt;h2 id=&quot;はじめに&quot;&gt;はじめに&lt;/h2&gt;

&lt;p&gt;Dockerのインタラクティブなチュートリアル&lt;a href=&quot;https://www.katacoda.com/courses/docker/deploying-first-container&quot; target=&quot;_blank&quot;&gt;Deploying Your First Docker Container&lt;/a&gt;をやった。&lt;/p&gt;

&lt;p&gt;Dockerを理解していく過程をメモしていく。&lt;/p&gt;

&lt;h3 id=&quot;docker-imageを検索する&quot;&gt;docker imageを検索する&lt;/h3&gt;

&lt;p&gt;&lt;code class=&quot;highlighter-rouge&quot;&gt;docker search &amp;lt;name&amp;gt;&lt;/code&gt;の構文でコマンドでimageを検索するができる&lt;/p&gt;
&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ docker search redis
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;&lt;a href=&quot;https://registry.hub.docker.com/&quot; target=&quot;_blank&quot;&gt;dockerhub&lt;/a&gt;から探すこともできる。&lt;/p&gt;

&lt;h3 id=&quot;docker-containerを実行する&quot;&gt;docker containerを実行する&lt;/h3&gt;

&lt;p&gt;&lt;code class=&quot;highlighter-rouge&quot;&gt;docker run &amp;lt;option&amp;gt; &amp;lt;image-name&amp;gt;&lt;/code&gt;でimageからcontainerを実行できる。&lt;/p&gt;

&lt;p&gt;デフォルトではforegroundで実行されるが、&lt;code class=&quot;highlighter-rouge&quot;&gt;-d&lt;/code&gt;オプションを付けるとbackground実行できる。&lt;/p&gt;
&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ docker run -d redis   #最新バージョンを使う
$ docker run -d redis:3.2  #3.2バージョンを使う
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h3 id=&quot;実行中のcontainer情報を見る&quot;&gt;実行中のcontainer情報を見る&lt;/h3&gt;

&lt;p&gt;バックグランドで実行中のコンテナ一覧を取得する。&lt;/p&gt;
&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ docker ps
CONTAINER ID        IMAGE               COMMAND                  CREATED             STATUS              PORTS               NAMES
2df624854d8c        redis               &quot;docker-entrypoint.s…&quot;   5 minutes ago       Up 5 minutes        6379/tcp            heuristic_yonath
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;コンテナの詳細情報取得する&lt;/p&gt;
&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ docker inspect redis
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;コンテナの標準出力、エラー出力を取得する&lt;/p&gt;
&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ docker logs redis
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h3 id=&quot;コンテナのポートをhostマシンに見えるようにする&quot;&gt;コンテナのポートをHostマシンに見えるようにする&lt;/h3&gt;

&lt;p&gt;コンテナはデフォルトでは、Hostマシンにポートを開いていない。
&lt;code class=&quot;highlighter-rouge&quot;&gt;-p &amp;lt;host-port&amp;gt;:&amp;lt;container-port&amp;gt;&lt;/code&gt;で、ホスト側とコンテナ側のポート番号を指定してコンテナ実行する必要がある。
また、&lt;code class=&quot;highlighter-rouge&quot;&gt;--name&lt;/code&gt;で任意のコンテナ名を付与することもできる。&lt;/p&gt;

&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ docker run -d --name redisHostPort -p 6379:6379 redis
832d7883e42e2b5fd187d133dd7934afd48b52523aa9a89e3cc69da23751d14f
$ docker ps
CONTAINER ID        IMAGE               COMMAND                  CREATED             STATUS              PORTS                    NAMES
832d7883e42e        redis               &quot;docker-entrypoint.s…&quot;   8 seconds ago       Up 7 seconds        0.0.0.0:6379-&amp;gt;6379/tcp   redisHostPort
d9f4bccfe765        redis               &quot;docker-entrypoint.s…&quot;   35 minutes ago      Up 35 minutes       6379/tcp                 silly_newton
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;0.0.0.0は全てのIPから接続を受け付けることを表している。
ローカルホストIPを指定したい場合は、 &lt;code class=&quot;highlighter-rouge&quot;&gt;-p 127.0.0.1:6379:6379&lt;/code&gt;となる。&lt;/p&gt;
&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ docker run -d --name redisDynamic -p 127.0.0.1:6379:6379 redis
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;上記はホストマシンのポート番号を固定しているため、複数コンテナを立ち上げるとホスト側のポートが重なってしまう。
ホスト側ポートを動的にするには下記となる。&lt;/p&gt;

&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ docker run -d --name redisDynamic -p 6379 redis
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h3 id=&quot;データの永続化&quot;&gt;データの永続化&lt;/h3&gt;

&lt;p&gt;コンテナ内のデータは、コンテナを再構築すると消えてしまう。
ホスト側のディレクトリをコンテナが覗きにいけるようにして、ホスト側にファイルを保存することで、コンテナ再構築してもデータを永続化することができる。&lt;/p&gt;

&lt;p&gt;&lt;code class=&quot;highlighter-rouge&quot;&gt;-v &amp;lt;host-directory&amp;gt;:&amp;lt;container-dirctirt&amp;gt;&lt;/code&gt;と指定する。&lt;/p&gt;

&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ docker run -d --name redisMapped -v /opt/docker/data/redis:/data redis
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h3 id=&quot;フォアグラウンドでコンテナを実行&quot;&gt;フォアグラウンドでコンテナを実行&lt;/h3&gt;

&lt;p&gt;&lt;code class=&quot;highlighter-rouge&quot;&gt;-d&lt;/code&gt;を指定しなければ、フォアグランドでコンテナを立ち上げることができ、コマンドを渡すと実行できる。
`
$ docker run ubuntu ps
`&lt;/p&gt;

&lt;p&gt;&lt;code class=&quot;highlighter-rouge&quot;&gt;-it&lt;/code&gt;を指定してbashを起動すると、フォアグランドで実行したコンテナ内のシェルにアクセスできる。&lt;/p&gt;

&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ docker run -it ubuntu bash
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h1 id=&quot;参考リンク&quot;&gt;参考リンク&lt;/h1&gt;
&lt;p&gt;&lt;a href=&quot;https://awesome-docker.netlify.app/&quot; target=&quot;_blank&quot;&gt;Awesome-docker&lt;/a&gt;に色々なdocker情報が集積されている。&lt;/p&gt;</content><author><name></name></author><category term="blog" /><category term="Docker" /><category term="katacode" /><summary type="html">はじめに</summary></entry><entry><title type="html">TypeScript ことはじめ</title><link href="/blog/2019/08/12/TypeScript01.html" rel="alternate" type="text/html" title="TypeScript ことはじめ" /><published>2019-08-12T00:00:00+00:00</published><updated>2019-08-12T00:00:00+00:00</updated><id>/blog/2019/08/12/TypeScript01</id><content type="html" xml:base="/blog/2019/08/12/TypeScript01.html">&lt;h2 id=&quot;まとめ&quot;&gt;まとめ&lt;/h2&gt;
&lt;p&gt;TypeScriptの導入、コンパイル、ディレクトリ構成についての覚書&lt;/p&gt;

&lt;h2 id=&quot;前提&quot;&gt;前提&lt;/h2&gt;
&lt;p&gt;OS: Windows 10
Editor: VS code&lt;/p&gt;

&lt;h2 id=&quot;setup-for-typescript&quot;&gt;Setup for TypeScript&lt;/h2&gt;
&lt;ol&gt;
  &lt;li&gt;Install &lt;a href=&quot;https://www.typescriptlang.org/&quot;&gt;TypeScript&lt;/a&gt;
事前にNode.jsをインストールしておけば、コマンド一発でインストールできる。&lt;/li&gt;
&lt;/ol&gt;

&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;npm install -g typescript
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;ol&gt;
  &lt;li&gt;Create Project
initコマンドでTypeScriptの設定ファイルtsconfig.jsonを生成し、
src/buildディレクトリを用意する。
tscconfig.jsonにて、 “outDir”: “./build”を指定することでビルド結果の出力先を指定できる。&lt;/li&gt;
&lt;/ol&gt;

&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ mkdir workspace
$ tsc --init
$ mkdir build
$ mkdir src
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;ol&gt;
  &lt;li&gt;Build and Run
src/index.tsを作成し、以下のコードを記載する。&lt;/li&gt;
&lt;/ol&gt;

&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;export function hello(word: string = world): string{
    return `Hello ${word}`;
}
console.log(hello(&quot;world&quot;));
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;tscコマンドでTSファイルをJSファイルにコンパイルし、
実行できる。&lt;/p&gt;

&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;$ tsc; node build/index.js
Hello world
$ tree
./workspace
│  tsconfig.json
│
├─build
│      index.js
└─src
       index.ts
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content><author><name></name></author><category term="blog" /><category term="TypeScript," /><category term="web" /><summary type="html">まとめ TypeScriptの導入、コンパイル、ディレクトリ構成についての覚書</summary></entry><entry><title type="html">Jekyll Tips for myself</title><link href="/blog/2019/07/21/Jekylly_Tips.html" rel="alternate" type="text/html" title="Jekyll Tips for myself" /><published>2019-07-21T00:00:00+00:00</published><updated>2019-07-21T00:00:00+00:00</updated><id>/blog/2019/07/21/Jekylly_Tips</id><content type="html" xml:base="/blog/2019/07/21/Jekylly_Tips.html">&lt;h2 id=&quot;前提&quot;&gt;前提:&lt;/h2&gt;
&lt;p&gt;Jekyllについて、自身の作業メモを逐次記載していく。&lt;/p&gt;

&lt;h2 id=&quot;githubioの編集方法について&quot;&gt;githubioの編集方法について&lt;/h2&gt;
&lt;p&gt;clone-&amp;gt;編集-&amp;gt;公開までの一連の流れ&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;初回のみgemファイル記載の各種ライブラリをインストール&lt;/li&gt;
&lt;/ol&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;&lt;span class=&quot;nv&quot;&gt;$ &lt;/span&gt;git clone git@github.com:meruneru/meruneru.github.io.git 
&lt;span class=&quot;nv&quot;&gt;$ &lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;cd &lt;/span&gt;meruneru.github.io
&lt;span class=&quot;nv&quot;&gt;$ &lt;/span&gt;bundle &lt;span class=&quot;nb&quot;&gt;install&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;ol&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;code class=&quot;highlighter-rouge&quot;&gt;_post&lt;/code&gt;以下にMDファイルを作成する&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;localのhtmlサーバを起動してページを確認する&lt;/p&gt;
  &lt;/li&gt;
&lt;/ol&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;&lt;span class=&quot;nv&quot;&gt;$ &lt;/span&gt;bundle &lt;span class=&quot;nb&quot;&gt;exec &lt;/span&gt;jekyll serve &lt;span class=&quot;nt&quot;&gt;--force_polling&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;ol&gt;
  &lt;li&gt;githubへPost&lt;/li&gt;
&lt;/ol&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-bash&quot; data-lang=&quot;bash&quot;&gt;&lt;span class=&quot;nv&quot;&gt;$ &lt;/span&gt;git add yyyy-mm-dd-xxxx.md
&lt;span class=&quot;nv&quot;&gt;$ &lt;/span&gt;git commit &lt;span class=&quot;nt&quot;&gt;-m&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;foobarr&quot;&lt;/span&gt;
&lt;span class=&quot;nv&quot;&gt;$ &lt;/span&gt;git push origin master &lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;ol&gt;
  &lt;li&gt;Deplyの確認
&lt;a href=&quot;https://meruneru.netlify.com&quot;&gt;このBlog&lt;/a&gt;を確認する&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;[参考サイト]&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://jekyllrb.com/docs/home&quot;&gt;Jekyll docs&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://jekylltips-ja.github.io/guide/running-jekyll/&quot;&gt;Jekyll 日本語マニュアル&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</content><author><name></name></author><category term="blog" /><category term="jekyll" /><summary type="html">前提: Jekyllについて、自身の作業メモを逐次記載していく。 githubioの編集方法について clone-&amp;gt;編集-&amp;gt;公開までの一連の流れ 初回のみgemファイル記載の各種ライブラリをインストール $ git clone git@github.com:meruneru/meruneru.github.io.git $ cd meruneru.github.io $ bundle install _post以下にMDファイルを作成する localのhtmlサーバを起動してページを確認する $ bundle exec jekyll serve --force_polling githubへPost $ git add yyyy-mm-dd-xxxx.md $ git commit -m &quot;foobarr&quot; $ git push origin master Deplyの確認 このBlogを確認する [参考サイト] Jekyll docs Jekyll 日本語マニュアル</summary></entry></feed>