{
    "componentChunkName": "component---src-templates-blog-post-jsx",
    "path": "/post/updated-renew-blog-design/",
    "result": {"data":{"site":{"siteMetadata":{"title":"WEB EGG","author":"Leko - CTO at Yuimedi"}},"markdownRemark":{"id":"122c91a1-8049-52f4-b26b-0b306ddc2e72","excerpt":"久々の更新です。 突然ですが、ブログのデザインをリニューアルしました。 とは行っても自作ではなく、 新しく追加された新テーマTwenty Thirteen…","html":"<p>久々の更新です。<br>\n突然ですが、ブログのデザインをリニューアルしました。</p>\n<p>とは行っても自作ではなく、<br>\n新しく追加された新テーマ<code>Twenty Thirteen</code>をちょこっと改造したものになっています。</p>\n<p>リニューアルついでに、導入したプラグインやアプリについて書き留めていきます。</p>\n<!--more-->\n<h2 id=\"リニューアルの目標\" style=\"position:relative;\"><a href=\"#%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E3%81%AE%E7%9B%AE%E6%A8%99\" aria-label=\"リニューアルの目標 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>リニューアルの目標</h2>\n<ol>\n<li>ローカル側で Markdown 形式で記事を管理する</li>\n<li>ローカルにテスト環境を構築</li>\n<li>WordPress プロジェクトを Git 管理する</li>\n<li>ローカルから<code>git push</code>するだけでデプロイ</li>\n</ol>\n<p>とローカル管理＋ Markdown 周りを強化しました。</p>\n<h2 id=\"ローカル側で-markdown-形式で記事を管理する\" style=\"position:relative;\"><a href=\"#%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E5%81%B4%E3%81%A7-markdown-%E5%BD%A2%E5%BC%8F%E3%81%A7%E8%A8%98%E4%BA%8B%E3%82%92%E7%AE%A1%E7%90%86%E3%81%99%E3%82%8B\" aria-label=\"ローカル側で markdown 形式で記事を管理する permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>ローカル側で Markdown 形式で記事を管理する</h2>\n<p>基本的に当ブログは技術系のことを書いているので、<br>\nコードの書きやすさと、記事の保守性が第一です。</p>\n<p>記事を Markdown 管理する際に求めたものは、</p>\n<ol>\n<li>プラグインを使ってもいいのでローカル上では管理画面上では Markdown 形式で書ける</li>\n<li><a href=\"https://help.github.com/articles/github-flavored-markdown#fenced-code-blocks\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Fenced Code Blocks</a>(<code>```{言語名}</code>)でシンタックスハイライトがかけられる</li>\n<li>パースによるパフォーマンス低下が起きた時のために HTML にも変換可能</li>\n</ol>\n<p>の 3 点です。</p>\n<p>ここまで手の届くプラグインなんてあるのかな、と探した所、<br>\n上記を見事に叶えてくれるプラグインがありました。</p>\n<p><a href=\"http://wordpress.org/plugins/markdown-on-save-improved/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">WordPress › Markdown on Save Improved « WordPress Plugins</a></p>\n<p>上記を満たしていて、なおかつこのプラグイン何が有難いかというと、<br>\nシンタックスハイライトは<code>Crayon Syntax Highlighter</code><strong>依存になっていること</strong>です。</p>\n<p>記事のコードを見やすく表現するためにちょうど使っているプラグインなので、<br>\nそのまま流用・手書きと両立できるのが非常に嬉しい。</p>\n<p>即導入して、今のところいい感じにつかえています。</p>\n<h2 id=\"ローカルにテスト環境を構築\" style=\"position:relative;\"><a href=\"#%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%81%AB%E3%83%86%E3%82%B9%E3%83%88%E7%92%B0%E5%A2%83%E3%82%92%E6%A7%8B%E7%AF%89\" aria-label=\"ローカルにテスト環境を構築 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>ローカルにテスト環境を構築</h2>\n<p>お恥ずかしながら、<br>\n今まで Wordpress をローカルに構築してテスト環境が構築できていませんでした。</p>\n<p>データベースの連携がどうしても面倒で、<br>\nインポート・エクスポートを使おうとしても一部エラーなどが起きるので信頼出来ないしで放置していました。</p>\n<p>しかし、wordpress に使っている DB の、<code>wp_options</code>テーブルの 2 件のレコード</p>\n<table>\n<thead>\n<tr>\n<th>option_name</th>\n<th>option_value</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>home</td>\n<td><a href=\"http://localhost\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">http://localhost</a></td>\n</tr>\n<tr>\n<td>siteurl</td>\n<td><a href=\"http://localhost\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">http://localhost</a></td>\n</tr>\n</tbody>\n</table>\n<p>となっている箇所をリモート用(leko.jp)に書き換えるだけで動作することが判明したので、<br>\nローカル DB→ リモート DB の連携は意外と可能だと分かったのでローカル環境を構築しました。</p>\n<blockquote>\n<p>2013/12/03 追記<br>\nと思っていたのですが画像のパス周りで多大なバグが発生していました。<br>\n2013/12/02 近辺にアクセスされた方にはご不便をおかけいたしました。。。</p>\n</blockquote>\n<h2 id=\"wordpress-プロジェクトを-git-管理する\" style=\"position:relative;\"><a href=\"#wordpress-%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%82%92-git-%E7%AE%A1%E7%90%86%E3%81%99%E3%82%8B\" aria-label=\"wordpress プロジェクトを git 管理する permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>WordPress プロジェクトを Git 管理する</h2>\n<p>普通に Wordpress をダウンロードしてきて、全体をプロジェクト管理しています。<br>\nテーマファイルと、Git でホスティングされているプラグインをサブモジュール化します。</p>\n<p>今回は、テーマの改造にあたって、親（Twenty Thirteen）の子テーマとしてテーマを作ります。</p>\n<div class=\"gatsby-highlight\" data-language=\"shell\"><pre class=\"language-shell\"><code class=\"language-shell\"><span class=\"token builtin class-name\">cd</span> /path/to/wordpress/\n<span class=\"token function\">git</span> init\n<span class=\"token function\">git</span> commit -am <span class=\"token string\">\"initial commit\"</span>\n<span class=\"token function\">cp</span> wp-content/themes/twentythirteen <span class=\"token punctuation\">..</span>/YOUR_THEME\n\n<span class=\"token builtin class-name\">cd</span> <span class=\"token punctuation\">..</span>/YOUR_THEME\n<span class=\"token function\">git</span> init\n<span class=\"token function\">git</span> commit -am <span class=\"token string\">\"initial commit\"</span>\n<span class=\"token builtin class-name\">echo</span>\n<span class=\"token builtin class-name\">echo</span> <span class=\"token string\">\"&lt;?php\n\n// extend parent themen\"</span> <span class=\"token operator\">></span> wp-content/themes/YOUR_THEME/functions.php\n<span class=\"token function\">git</span> commit -am <span class=\"token string\">\"functions.phpを空に\"</span>\nhub create\n<span class=\"token function\">git</span> push -u origin master\n\n<span class=\"token builtin class-name\">cd</span> <span class=\"token punctuation\">..</span>/wordpress\n<span class=\"token function\">git</span> submodule <span class=\"token function\">add</span> <span class=\"token punctuation\">[</span>theme_repo_url<span class=\"token punctuation\">]</span> wp-content/themes/YOUR_THEME\n<span class=\"token function\">git</span> commit -am <span class=\"token string\">\"テーマをサブモジュール化\"</span></code></pre></div>\n<p>これで最低限の設定が完了です。<br>\nあとは style.css などを編集して適宜書いてください。</p>\n<p>プラグインを追加するときは、<code>wp-content/plugins</code>の中に add するだけです。</p>\n<h2 id=\"ローカルから-git-push-するだけでデプロイ\" style=\"position:relative;\"><a href=\"#%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%81%8B%E3%82%89-git-push-%E3%81%99%E3%82%8B%E3%81%A0%E3%81%91%E3%81%A7%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4\" aria-label=\"ローカルから git push するだけでデプロイ permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>ローカルから Git push するだけでデプロイ</h2>\n<p>いちいち ssh でログインして Git pull するのは面倒です。</p>\n<p>ローカルから master ブランチに Git push するだけで、リモート側で git pull を自動的にかける<br>\nという風にしたいです。</p>\n<p><span class=\"removed_link\" title=\"http://blog.catatsuy.org/a/142\">Git を使ってホームページを更新する | catatsuy の Blog</span></p>\n<p>リモートにログインして、bare リポジトリを作成<br>\nその bare リポジトリ内の<code>post-recieve</code>を作成してコマンドを書きます</p>\n<div class=\"gatsby-highlight\" data-language=\"shell\"><pre class=\"language-shell\"><code class=\"language-shell\">$ <span class=\"token builtin class-name\">cd</span> path/to/create/repo\n$ <span class=\"token function\">mkdir</span> wp\n$ <span class=\"token builtin class-name\">cd</span> wp\n$ <span class=\"token function\">git</span> init --bare\n$ <span class=\"token function\">cp</span> hooks/post-update-sample hooks/post-update\n$ <span class=\"token function\">vim</span> hooks/post-recieve</code></pre></div>\n<div class=\"gatsby-highlight\" data-language=\"shell\"><pre class=\"language-shell\"><code class=\"language-shell\"><span class=\"token punctuation\">(</span>cd /path/to/docroot/repo <span class=\"token operator\">&amp;&amp;</span> <span class=\"token function\">git</span> --git-dir<span class=\"token operator\">=</span>. pull<span class=\"token punctuation\">)</span></code></pre></div>\n<p>ドキュメントルートするディレクトリで ↑ のリポジトリを clone する<br>\nApache 側の設定とかは適宜やっといてください。</p>\n<div class=\"gatsby-highlight\" data-language=\"shell\"><pre class=\"language-shell\"><code class=\"language-shell\">$ <span class=\"token builtin class-name\">cd</span> ~\n$ <span class=\"token function\">git</span> clone /path/to/bare/repo wp</code></pre></div>\n<p>ローカル側でリモートを指定</p>\n<div class=\"gatsby-highlight\" data-language=\"shell\"><pre class=\"language-shell\"><code class=\"language-shell\">$ <span class=\"token function\">git</span> remote <span class=\"token function\">add</span> ssh://hoge@foo.jp/~/path/to/bare/repo\n$ <span class=\"token function\">git</span> push origin master</code></pre></div>\n<p>これでリモートに内容が反映されれば OK です。</p>\n<p>ということで、Markdown で快適かつ簡潔に記事管理ができて、 テスト環境を作ったことで本番環境にいきなりバグを持っていくこともなくなりました。</p>\n<p>今後とも、よろしくお願いします。</p>","timeToRead":6,"frontmatter":{"title":"ブログのデザインをリニューアルしました","tags":["Git","Wordpress"],"date":"December 03, 2013","featuredImage":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='135'%20viewBox='0%200%20400%20135'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%2048v48h3l9-1%2010-2%205-1%202-1%201-2c2%200%206-4%206-5l-2-1-2-1%203-1%203-1%201-2%201%202c-1%201%200%201%202%201l3%201-3%201c-3%200-3%200-2%203l3%203v4h2v3l-1%202-2%203c-2%202-3%203%200%203%201%201%202%202%202%2011%201%2014%203%2015%209%204%203-5%203-6%200-6-2-1-2-1-2-7l4-12v-2l1-1h1c0-1%201-2%203-2%202-1%202-1%201-3-2-1-2-2%201-5%202-3%203-3%203-1h1c1-2%203-3%202%200l3%201c4-1%208-5%209-9l2-5c1-2%201-2-2-2l-5%201c-4%205-16%209-17%206-2-3-1-4%202-5%208-3%2010-7%2010-15%200-6%200-8-2-8l-1-3c1-2%203-2%2010-2h9v4c0%204-3%206-4%203s-6-2-6%201c0%202%200%202%203%202%204%200%205%200%204%203%200%201-1%202-4%202s-3%200-3%203%200%203%203%203c2%200%203%200%203-2l2-1c2%200%203%201%203%204v4l3-3c3-5%203-16%200-18l-1-3c1-3%2016-2%2019%201l3%202%202-2%204-5c1-2%203-3%205-3l6-3%206-3%204-2%205-1%2012-3c6-4%2019-3%2019%201%200%201-4%204-6%204l-2%201c1%201-3%205-4%205l-2-1-3%201c-2%203-2%203%200%203v1c-2%201-1%201%205%203%204%201%204%201%207-2l5-3c1%200%204-1%205-3%203-2%204-3%208-3%206%200%209%202%207%204l-4%202-1%201-2%201c-2%201-2%201%201%202%202%201%203%202%203%204l2%204h3c3%200%203%203%200%207-3%202-4%204-4%206%200%203-1%204-5%205l-6%203-4%204c-4%203-10%2010-8%2012%204%202-1%207-5%207-3-1-4%200-8%203-4%204-5%205-2%208%202%203-1%205-7%206-5%200-8%203-6%205%202%201%206%200%206-1%200-2%205-4%206-3l-1%203v3c0%202%201%201%204-3%205-6%207-8%2010-9l7-2c5-2%208-3%209%200%201%202%201%203-4%206l-9%207-7%2014v1c-1%201-1%201%201%201h2l-2%201-2%201h2l-3%201%2021%201%2023-1-2-1v-1c-2-1-2-1%200-1s2%200%201-1l-4-2h-4c-5%202-11%203-11%201l-1-2c-4-2-2-4%203-7%207-3%207-3%2010%200%205%205%2025%201%2027-4l1-1%2010%203c1%200%202-4%201-5s0-4%202-5c4-3%208%200%207%205%200%204%201%206%205%205%205%200%2010-7%206-8-2-1%200-3%205-3%202%200%204%200%203-1l2-3%204-3%202%203%202%205c0%202%200%203%202%203l3%201c1%201%2010%200%2012-1l4-1%208-11c6-10%207-10%206-15-1-6%201-12%203-11s2%200%202-2c0-4%204-9%209-10%204%200%207-2%207-4l3-4%203-5c0-3%203-8%205-8l2%202c1%201%201%201%202-2l3-3%202-4c1-4%205-7%207-5%202%201%203%200%206-3%203-4%205-5%208-6l4-1%204-3%205-2%205-2%205-1c5-4%207-3%207%204%200%205%200%206-1%205l-3%203-4%204c-3%201-4%203-2%203%204%200%203%206-2%206l-3-1h-8l-1%202c1%202-3%204-7%203-3-1-4%200-4%201l-2%203c-1%201-2%202-1%203s0%204-3%207c-4%203-4%2010%201%2011%202%201%202%201%201%202-2%201-5%200-7-2-1-3-4-4-7-3-1%201-1%201%201%203%203%202%203%205%200%205l-2%202c0%202-2%203-5%204l-5%203-2%201c-2%200-3%200-5%202l-1%202c3-1%202%203-1%205l-2%202c0%203-2%205-5%205-3-1-3%200-3%201%201%202%201%202-3%202l-4-2c-2-2-3-1-6%206-3%206-3%207-2%208%202%201%206-3%205-5l1-1%201-1%201-2%201%201%202%201%201%202c-2%203-2%206-1%206%201%201%207-5%206-6l2-1%202-1%2010-6%205-2%204-2%205-2%204-2%206-2%206-3c1%200%200%203-2%204l-1%202v2c-3%203-2%205%200%204%203-1%209-1%2012%201%206%204%2010%203%2013-3%202-5%209-11%2010-9l1%203%201%202v2h1c2-1%202-1%202%201v3l1-47V0H0v48m30-8v4l2%204%203%2010c2%206%202%207%205%207s3-1%205-7l2-7%202%207c2%206%203%207%206%207%202%200%203-1%205-11l5-10%201-2c0-2-1-3-5-3-5%200-7%201-5%204v7l-1%205-2-8c-2-6-3-8-5-8s-3%201-6%209l-2%207-1-4v-7l1-2c0-3%200-3-5-3l-5%201m111%2021v4c-1%200-1%201%201%201%201%201%201%201-1%201-1-1-2%200-2%201%200%204%200%204-2%203l-5-4c0-1-1-2-4-2l-4%201%202%201c2%200%202%200%200%201s-2%201%200%201l2%201%203%201%205%204c2%202%202%202%202%200s1-3%203-2v3l-1-1h-1l3%203c2%201%202%201%201%204v3l2-3%204-3%202-2%204-1%203-3%204-6c3-3%203-3-2-2-5%202-10%201-13-3-5-4-6-5-6-1m-29%207l-4%206-1%204c-2%202-1%203%201%201h1c0%202%200%202%202%202l3-1%201-4c0-3%201-4%203-5%203-3%204-4%203-6-1-3-3-2-9%203M47%2079v5l5%201-6%201-1%201h2l2%201v1l-2%202c0%202%204%201%205-1s1-3%202-2l3-1c1%200%201-1-1-1l-2-1%202-1c3-1%204-2%202-5H47m171%200v1l-2%203v6l-1%202%203-2%203-3c3%200%202%202-1%203-2%202-2%202%203%202%204-1%204-1%204-3l1-2%201-4c-1-3-1-4-3-4l-2%201h-6m-83%208l-4%205v1l-2-1h-1l-1-1-4-1h-4l3%201%202%201c-1%201%200%201%202%201s3%200%202%201l-1%201-2%203c-1%201-1%204%201%206%200%201%203-2%205-6%200-2%201-3%202-3v2c-1%202%200%205%201%205l3-2c3-3%204-5%202-5l-1-2-3-2c-2%200-2%200-1-1l3-2%201-1h-3M33%20108c-4%204-8%206-11%206l-4%202-3%206c-3%206-3%206-1%206l1-1h3c1-3%207-2%208%201%200%203-2%205-6%205l-4-1c0-2-6-1-6%201-1%201%201%201%2012%201l14-1%201-13c-1-11-1-14-4-12m79%205l-3%204-3%202-2%203-2%204c-1%203%201%204%208%204%202%200%202%200%200%201l-3%201h6l-4%201c-3%201-2%201%205%201%204%200%207%200%206-1v-1l-1-1-2%201c-1%202-4%201-4%200l1-2c1%200%201-3-1-3h-1c1%202%200%202-1%202s-2%200-1-1l-1-2v-2h1c1%202%203%201%202-1%200-1%203-4%205-4%201%201%203-2%202-2l-1-4c0-2%200-2-3-2-2%200-3%200-3%202'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":2.9557522123893807,"src":"/static/e7a0cf7c525dad53a3a2fc8e979eb2b8/741c1/featured-image.jpg","srcSet":"/static/e7a0cf7c525dad53a3a2fc8e979eb2b8/466a3/featured-image.jpg 334w,\n/static/e7a0cf7c525dad53a3a2fc8e979eb2b8/741c1/featured-image.jpg 604w","srcWebp":"/static/e7a0cf7c525dad53a3a2fc8e979eb2b8/e33b9/featured-image.webp","srcSetWebp":"/static/e7a0cf7c525dad53a3a2fc8e979eb2b8/cd98f/featured-image.webp 334w,\n/static/e7a0cf7c525dad53a3a2fc8e979eb2b8/e33b9/featured-image.webp 604w","sizes":"(max-width: 604px) 100vw, 604px"}}}}}},"pageContext":{"slug":"/updated-renew-blog-design/","previous":{"fields":{"slug":"/ksnctf-crawling-chaos/"},"frontmatter":{"title":"【(」・ω・)」うー!(/・ω・)/にゃー!】 ksnctfのCrawling Chaosを解いてみた","tags":["JavaScript"]}},"next":{"fields":{"slug":"/codeiq-fizzbuzz-dungeon/"},"frontmatter":{"title":"CodeIQのFizzBuzzダンジョンLV1~4を解いた","tags":["fizzbuzz","JavaScript"]}}}},
    "staticQueryHashes": ["2585454260","2954598359"]}