<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Visual Studio Code | 文章で生きていく</title>
	<atom:link href="https://ken1shiki.xyz/tag/visual-studio-code/feed/" rel="self" type="application/rss+xml" />
	<link>https://ken1shiki.xyz</link>
	<description>主に小説関係の話をするかなと思うけど、基本雑多に。</description>
	<lastBuildDate>Sun, 26 Feb 2023 22:15:22 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://ken1shiki.xyz/wp-content/uploads/2019/05/cropped-favicon-32x32.png</url>
	<title>Visual Studio Code | 文章で生きていく</title>
	<link>https://ken1shiki.xyz</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Visual Studio Code for 小説まとめ</title>
		<link>https://ken1shiki.xyz/visual-studio-code-for-%e5%b0%8f%e8%aa%ac%e3%81%be%e3%81%a8%e3%82%81/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=visual-studio-code-for-%25e5%25b0%258f%25e8%25aa%25ac%25e3%2581%25be%25e3%2581%25a8%25e3%2582%2581</link>
					<comments>https://ken1shiki.xyz/visual-studio-code-for-%e5%b0%8f%e8%aa%ac%e3%81%be%e3%81%a8%e3%82%81/#respond</comments>
		
		<dc:creator><![CDATA[一式鍵]]></dc:creator>
		<pubDate>Sun, 26 Feb 2023 14:12:48 +0000</pubDate>
				<category><![CDATA[エッセイ]]></category>
		<category><![CDATA[エディタ]]></category>
		<category><![CDATA[小説執筆]]></category>
		<category><![CDATA[VSCode]]></category>
		<category><![CDATA[Visual Studio Code]]></category>
		<category><![CDATA[テキストエディタ]]></category>
		<guid isPermaLink="false">https://ken1shiki.xyz/?p=1802</guid>

					<description><![CDATA[<p>私は小説新規作品を作るのをやめてしまって久しいわけですが、それでも過去作品を自分のサイトに掲載するにあたってかなり大幅な修正を行っていたりするので、テキストエディタは必須なわけです。私は職業としてプログラマなものですから [&#8230;]</p>
<p>The post <a href="https://ken1shiki.xyz/visual-studio-code-for-%e5%b0%8f%e8%aa%ac%e3%81%be%e3%81%a8%e3%82%81/">Visual Studio Code for 小説まとめ</a> first appeared on <a href="https://ken1shiki.xyz">文章で生きていく</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>私は小説新規作品を作るのをやめてしまって久しいわけですが、それでも過去作品を自分のサイトに掲載するにあたってかなり大幅な修正を行っていたりするので、テキストエディタは必須なわけです。私は職業としてプログラマなものですから、仕事でもプライベートでもエディタは手放せません。</p>



<p>そのエディタ、世の中にはいくつも選択肢があったりするわけですが、私に言わせれば一択です。「<strong>Visual Studio Code</strong>」。これ。このサイトでも何度も書いていますが、「Visual Studio Code」略して「VSCode」は超絶便利ですし、何なら毎日のように<strong>進化</strong>しています。</p>



<p>VSCodeは「<strong>プラグイン</strong>」というものを追加することで、自分好みにカスタマイズできるようになります。なので、私のVSCode、会社用と自宅用では全く機能性が違っています。が、それでいい。</p>



<p>さて、プログラマの諸氏に於いてはVSCodeの何たるかなんて当たり前のように知っていると思いますので、ここはそういうソフトウェアに疎い人も多いと思われる「小説界隈」にターゲットを絞ってお話しましょう。そう、小説執筆用としてVSCodeを使うのです。</p>



<p>VSCode、なんか難しそう。なんて声を度々耳にしますが、大丈夫です。ただのテキストエディタです。ファイルの作成も保存も「ふつう」です。<strong>特別な操作はありません</strong>。あとは書くだけなので、ここも問題はないはずです。</p>



<p>でもそれだったら「メモ帳」となんにも違いません。</p>



<p>VSCodeはデフォルトのファイル管理機能や検索機能が半端ありません。そしてさらに登場するのが各種プラグインです。プラグインになると一気にハードルが上がる（心理的な）と思いますので、その辺細かく解説します。</p>



<p>と言っても、過去記事貼るだけなんですけどね。3つ貼りますが、基本的には<strong>一番最初のだけ</strong>見てもらえればOKです。余力のある方は2つ目、3つ目もどうぞという感じで。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-文章で生きていく wp-block-embed-文章で生きていく"><div class="wp-block-embed__wrapper">

<a href="https://ken1shiki.xyz/%e3%80%8c%e5%b0%8f%e8%aa%ac%e5%9f%b7%e7%ad%86%e3%80%8d%e3%80%81%e4%bd%95%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%81%be%e3%81%99%e3%81%8b%ef%bc%9f/" title="「小説執筆」、何を使っていますか？" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img decoding="async" width="160" height="90" src="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_eyecatch-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_eyecatch-160x90.png 160w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_eyecatch-120x68.png 120w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_eyecatch-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">「小説執筆」、何を使っていますか？</div><div class="blogcard-snippet internal-blogcard-snippet">というわけで、私が小説執筆時に使っていた＆今もブログやら仕事やらでフル活用しているエディタについて紹介しますよ。生涯で最も長時間触っているエディタだと思う。 Visual Studio Code ブログでも小説でもそうなんですが、私は「文章...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://ken1shiki.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">ken1shiki.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2021/07/13 11:52pm</div></div></div></div></a>
</div></figure>



<figure class="wp-block-embed is-type-wp-embed is-provider-文章で生きていく wp-block-embed-文章で生きていく"><div class="wp-block-embed__wrapper">

<a href="https://ken1shiki.xyz/visualstudiocode-plugin-fornovelwriting/" title="小説執筆に「VisualStudioCode」を使う時に使える拡張機能・縦書き＋α" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img decoding="async" src="https://ken1shiki.xyz/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class=" internal-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">小説執筆に「VisualStudioCode」を使う時に使える拡張機能・縦書き＋α</div><div class="blogcard-snippet internal-blogcard-snippet">以前、このような記事を書いて紹介しています。VisualStudioCodeのインストールについても書いてます。入れておいて損の無いエディタなので「そんなに専門的（ぽいの）要らないよ～」なんて方でも入れてみてください。難しいこと無いので。 ...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://ken1shiki.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">ken1shiki.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2021/12/25 4:29pm</div></div></div></div></a>
</div></figure>



<figure class="wp-block-embed is-type-wp-embed is-provider-文章で生きていく wp-block-embed-文章で生きていく"><div class="wp-block-embed__wrapper">

<a href="https://ken1shiki.xyz/vscode%e3%81%a7%e3%83%95%e3%83%ad%e3%83%bc%e3%83%81%e3%83%a3%e3%83%bc%e3%83%88%ef%bc%88%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9f%e4%ba%ba%e7%89%a9%e7%9b%b8%e9%96%a2%e5%9b%b3%ef%bc%89%e3%82%92%e7%9b%b4/" title="VSCodeでフローチャート（を使った人物相関図）を直感的に書く方法" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_drawio-1-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_drawio-1-160x90.png 160w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_drawio-1-120x68.png 120w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_drawio-1-320x180.png 320w" sizes="auto, (max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">VSCodeでフローチャート（を使った人物相関図）を直感的に書く方法</div><div class="blogcard-snippet internal-blogcard-snippet">VSCodeだけで、あなたの物語の「設定資料集」を作れちゃいます。 VSCodeってのは（超すごい）テキストエディタのことです。やりたいことはたいていできます。ただの「メモ帳」とはわけが違うんですね、これが。なんでもできます、まじで。 で、...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://ken1shiki.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">ken1shiki.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2021/07/17 9:32am</div></div></div></div></a>
</div></figure>



<p>というわけでみなさん、VSCodeを執筆のお供にしてみてはどうでしょうか。一度使ったら離れられなくなりますよ。特に長編小説書くときとか、これ以上ないくらいに重宝します。短編もたくさん書かれる方なら一括管理できるので非常に便利です。</p>



<p>ダウンロードは↑のページにもありますが、こちらです→<a rel="noopener" href="https://azure.microsoft.com/ja-jp/products/visual-studio-code/" target="_blank" title="">https://azure.microsoft.com/ja-jp/products/visual-studio-code/</a></p><p>The post <a href="https://ken1shiki.xyz/visual-studio-code-for-%e5%b0%8f%e8%aa%ac%e3%81%be%e3%81%a8%e3%82%81/">Visual Studio Code for 小説まとめ</a> first appeared on <a href="https://ken1shiki.xyz">文章で生きていく</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ken1shiki.xyz/visual-studio-code-for-%e5%b0%8f%e8%aa%ac%e3%81%be%e3%81%a8%e3%82%81/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1802</post-id>	</item>
		<item>
		<title>小説執筆に「VisualStudioCode」を使う時に使える拡張機能・縦書き＋α</title>
		<link>https://ken1shiki.xyz/visualstudiocode-plugin-fornovelwriting/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=visualstudiocode-plugin-fornovelwriting</link>
					<comments>https://ken1shiki.xyz/visualstudiocode-plugin-fornovelwriting/#respond</comments>
		
		<dc:creator><![CDATA[一式鍵]]></dc:creator>
		<pubDate>Sat, 25 Dec 2021 07:29:21 +0000</pubDate>
				<category><![CDATA[紹介]]></category>
		<category><![CDATA[縦書き]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[VSCode]]></category>
		<category><![CDATA[Visual Studio Code]]></category>
		<guid isPermaLink="false">https://ken1shiki.xyz/?p=1737</guid>

					<description><![CDATA[<p>以前、このような記事を書いて紹介しています。VisualStudioCodeのインストールについても書いてます。入れておいて損の無いエディタなので「そんなに専門的（ぽいの）要らないよ～」なんて方でも入れてみてください。難 [&#8230;]</p>
<p>The post <a href="https://ken1shiki.xyz/visualstudiocode-plugin-fornovelwriting/">小説執筆に「VisualStudioCode」を使う時に使える拡張機能・縦書き＋α</a> first appeared on <a href="https://ken1shiki.xyz">文章で生きていく</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>以前、<a href="https://ken1shiki.xyz/%e3%80%8c%e5%b0%8f%e8%aa%ac%e5%9f%b7%e7%ad%86%e3%80%8d%e3%80%81%e4%bd%95%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%81%be%e3%81%99%e3%81%8b%ef%bc%9f/"><strong>このような記事</strong></a>を書いて紹介しています。VisualStudioCodeのインストールについても書いてます。入れておいて損の無いエディタなので「そんなに専門的（ぽいの）要らないよ～」なんて方でも入れてみてください。難しいこと無いので。</p>



<p>この記事だけでもかなりの情報量なのですが、今回私が新しく入れて、個人的にいい感じになったものをご紹介。まず画像をみてください。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="532" src="https://ken1shiki.xyz/wp-content/uploads/2021/12/image-6-1024x532.png" alt="" class="wp-image-1739" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/12/image-6-1024x532.png 1024w, https://ken1shiki.xyz/wp-content/uploads/2021/12/image-6-300x156.png 300w, https://ken1shiki.xyz/wp-content/uploads/2021/12/image-6-768x399.png 768w, https://ken1shiki.xyz/wp-content/uploads/2021/12/image-6-1536x798.png 1536w, https://ken1shiki.xyz/wp-content/uploads/2021/12/image-6.png 1570w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>これ、「<strong><a rel="noopener" href="https://marketplace.visualstudio.com/items?itemName=TaiyoFujii.novel-writer" target="_blank">novel-writer</a></strong>」という拡張機能（プラグイン）なのです。</p>



<p>左が書いてる原稿だとして、[F1]で表示されるコマンドパレットで「Novel:縦書きプレビュー」を選ぶだけで、右の画面のようにプレビューが表示されるのです。フォントとかも設定でいじれるので（画像ではいじってませんが）、好みに合わせて色々できます。またこのプラグインはですね、「ただ縦書きができます！」というものではないのです。</p>



<p>小説書き目線で創られた拡張機能ですので、実に「そこ！」というところに手が届く感じの機能が沢山あります。中でも【文字数カウント】の機能が強い。現在のファイルの文字数だけじゃなくて、指定フォルダ（ワークスペース）にあるテキストファイルの文字数を自動的に合算して出してくれます。なので、エピソードごとに.txtファイルを分けて作っていても、一瞬とかからずに「全部で何文字いったか？」というのを確認可能です。具体的にはこんな感じで表示されます。</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="206" height="58" src="https://ken1shiki.xyz/wp-content/uploads/2021/12/image-7.png" alt="" class="wp-image-1740"/></figure></div>



<p>この機能自体、これだけじゃないんですが、まぁ、そこは実際見てもらえれば一発なので。</p>



<p>ちょっと敷居は高くなりますが、Gitと連動させることで「編集距離」を表示させることができます。改稿の進捗具合が一目瞭然になるっていう話です。新規で原稿書く場合は文字数カウントでいけますが、改稿はなかなか距離が掴みにくい……原稿構成をされる方もいると思います。私はエピソードがだいたい同じ文字数でエピソードごとに.txtわけているのでこの機能はなくていいかなって思ったりしますが、システマティックに把握したい場合はあったらとっても便利だと思います。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-文章で生きていく wp-block-embed-文章で生きていく"><div class="wp-block-embed__wrapper">

<a href="https://ken1shiki.xyz/%e3%80%8c%e5%b0%8f%e8%aa%ac%e5%9f%b7%e7%ad%86%e3%80%8d%e3%80%81%e4%bd%95%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%81%be%e3%81%99%e3%81%8b%ef%bc%9f/" title="「小説執筆」、何を使っていますか？" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_eyecatch-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_eyecatch-160x90.png 160w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_eyecatch-120x68.png 120w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_eyecatch-320x180.png 320w" sizes="auto, (max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">「小説執筆」、何を使っていますか？</div><div class="blogcard-snippet internal-blogcard-snippet">というわけで、私が小説執筆時に使っていた＆今もブログやら仕事やらでフル活用しているエディタについて紹介しますよ。生涯で最も長時間触っているエディタだと思う。 Visual Studio Code ブログでも小説でもそうなんですが、私は「文章...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://ken1shiki.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">ken1shiki.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2021/07/13 11:52pm</div></div></div></div></a>
</div></figure><p>The post <a href="https://ken1shiki.xyz/visualstudiocode-plugin-fornovelwriting/">小説執筆に「VisualStudioCode」を使う時に使える拡張機能・縦書き＋α</a> first appeared on <a href="https://ken1shiki.xyz">文章で生きていく</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ken1shiki.xyz/visualstudiocode-plugin-fornovelwriting/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1737</post-id>	</item>
		<item>
		<title>【WordPress】Cocoonの「吹き出し」トークを簡単に作るためのpython</title>
		<link>https://ken1shiki.xyz/%e3%80%90wordpress%e3%80%91cocoon%e3%81%ae%e3%80%8c%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%80%8d%e3%83%88%e3%83%bc%e3%82%af%e3%82%92%e7%b0%a1%e5%8d%98%e3%81%ab%e4%bd%9c%e3%82%8b%e3%81%9f%e3%82%81/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25e3%2580%2590wordpress%25e3%2580%2591cocoon%25e3%2581%25ae%25e3%2580%258c%25e5%2590%25b9%25e3%2581%258d%25e5%2587%25ba%25e3%2581%2597%25e3%2580%258d%25e3%2583%2588%25e3%2583%25bc%25e3%2582%25af%25e3%2582%2592%25e7%25b0%25a1%25e5%258d%2598%25e3%2581%25ab%25e4%25bd%259c%25e3%2582%258b%25e3%2581%259f%25e3%2582%2581</link>
					<comments>https://ken1shiki.xyz/%e3%80%90wordpress%e3%80%91cocoon%e3%81%ae%e3%80%8c%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%80%8d%e3%83%88%e3%83%bc%e3%82%af%e3%82%92%e7%b0%a1%e5%8d%98%e3%81%ab%e4%bd%9c%e3%82%8b%e3%81%9f%e3%82%81/#respond</comments>
		
		<dc:creator><![CDATA[一式鍵]]></dc:creator>
		<pubDate>Wed, 25 Aug 2021 12:02:59 +0000</pubDate>
				<category><![CDATA[Python]]></category>
		<category><![CDATA[Cocoon]]></category>
		<category><![CDATA[VSCode]]></category>
		<category><![CDATA[Visual Studio Code]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://ken1shiki.xyz/?p=1609</guid>

					<description><![CDATA[<p>何でもかんでもめんどくさいと感じてしまう私ですが、別サイトでこういうコンテンツを作ったりしています。 「フキダシ」トーク、ダイアログのコンテンツなんですね。ところが、この吹き出しコンテンツ、作るのがすごくめんどくさい。ス [&#8230;]</p>
<p>The post <a href="https://ken1shiki.xyz/%e3%80%90wordpress%e3%80%91cocoon%e3%81%ae%e3%80%8c%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%80%8d%e3%83%88%e3%83%bc%e3%82%af%e3%82%92%e7%b0%a1%e5%8d%98%e3%81%ab%e4%bd%9c%e3%82%8b%e3%81%9f%e3%82%81/">【WordPress】Cocoonの「吹き出し」トークを簡単に作るためのpython</a> first appeared on <a href="https://ken1shiki.xyz">文章で生きていく</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>何でもかんでもめんどくさいと感じてしまう私ですが、別サイトでこういうコンテンツを作ったりしています。</p>





<a rel="noopener" href="https://seirenesrondo.xyz/2021/07/10/%e3%81%8a%e3%81%97%e3%82%83%e3%81%b9%e3%82%8a%ef%bc%a0%e8%ab%96%e7%90%86%e7%a9%ba%e9%96%9301/" title="おしゃべり＠論理空間#01 - セイレネス・ロンド / 統合情報サイト" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://seirenesrondo.xyz/wp-content/uploads/2021/06/159_20210626_マリオンノベプラ表紙.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">おしゃべり＠論理空間#01 - セイレネス・ロンド / 統合情報サイト</div><div class="blogcard-snippet external-blogcard-snippet">エディット なんか召喚されたんだけど、ここはどこ？ いま何年？ カティ アタシもよくわからないけど、なんか不思</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://seirenesrondo.xyz/2021/07/10/%e3%81%8a%e3%81%97%e3%82%83%e3%81%b9%e3%82%8a%ef%bc%a0%e8%ab%96%e7%90%86%e7%a9%ba%e9%96%9301/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">seirenesrondo.xyz</div></div></div></div></a>




<p>「フキダシ」トーク、ダイアログのコンテンツなんですね。ところが、この吹き出しコンテンツ、作るのがすごくめんどくさい。ストレスフル。なにせ１文書くたびに吹き出し作ってまた一文書いて……というのを繰り返す必要があるので。修正したら変なところまで消えちゃうし、元に戻すのもめんどくさいし。で、結構イライラしてたんですね。でも、基本は話者１と話者２の繰り返しトーク。とりあえずは２人しか出てこないコンテンツ。であれば、なんかプログラム書けば一発じゃね？　という話。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-6" checked><label class="toc-title" for="toc-checkbox-6">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">python実行環境を作る</a></li><li><a href="#toc2" tabindex="0">吹き出し用のアイコンとかを設定する</a></li><li><a href="#toc3" tabindex="0">pythonでコードを書いてみる</a></li><li><a href="#toc4" tabindex="0">完成形</a></li><li><a href="#toc5" tabindex="0">原稿を準備する</a></li><li><a href="#toc6" tabindex="0">python実行！</a></li><li><a href="#toc7" tabindex="0">再び「投稿」→「新規作成」からの表示確認（プレビュー）</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">python実行環境を作る</span></h2>



<p>まず、pythonの実行環境を作る必要があります。これ、書こうと思ったんですけど、既に他にいろんなページで書かれているのでありがたく参照させていただきます。ので、まずは<a rel="noopener" href="https://tech.pjin.jp/blog/2020/10/31/python_1_6/" target="_blank">こちらのサイト</a>などを参考にして、Visual Studio Code上にpython実行環境を作ってください。あ、他の環境でもOKです。pythonが動けば何でもいい。私はVSCodeでpython動作環境を完結させています。多分一番手軽なのでおすすめですよ。</p>



<h2 class="wp-block-heading"><span id="toc2">吹き出し用のアイコンとかを設定する</span></h2>



<p>さて、pythonできたら、次はCocoonの吹き出しにアイコンとか設定してください。「Cocoon設定」→「吹き出し」ページに入り、「新規追加」してください。こんなふうに。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1005" height="615" src="https://ken1shiki.xyz/wp-content/uploads/2021/08/image.png" alt="" class="wp-image-1610" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/08/image.png 1005w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-300x184.png 300w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-768x470.png 768w" sizes="auto, (max-width: 1005px) 100vw, 1005px" /></figure>



<p>左右に関しては、実はタグを一箇所いじるだけで変更できるんですが、ここではこのフキダシ位置で固定にします。</p>



<p>吹き出しが用意できたら、「投稿」→「新規追加」で新しいページを作ります。このページはタグを取得するためだけのページなので「公開」はしないでくださいね。</p>



<p>白いページが開いたら、ブロック追加で「クラシック」を選びます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="443" height="456" src="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-1.png" alt="" class="wp-image-1611" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-1.png 443w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-1-291x300.png 291w" sizes="auto, (max-width: 443px) 100vw, 443px" /></figure>



<p>すると、こんなふうに「吹き出し」が選べるようになるので、今設定した「アイコンが左」の吹き出しを設定します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="885" height="288" src="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-2.png" alt="" class="wp-image-1612" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-2.png 885w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-2-300x98.png 300w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-2-768x250.png 768w" sizes="auto, (max-width: 885px) 100vw, 885px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="876" height="317" src="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-4.png" alt="" class="wp-image-1614" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-4.png 876w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-4-300x109.png 300w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-4-768x278.png 768w" sizes="auto, (max-width: 876px) 100vw, 876px" /></figure>



<p>ここまでできたら、上の画像の上の方にある「ブロックに変換」ボタンを押してHTMLを表示させます。下記の様に表示されますが、黄色でマークした部分は環境に合わせて変わります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="865" height="349" src="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-5.png" alt="" class="wp-image-1615" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-5.png 865w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-5-300x121.png 300w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-5-768x310.png 768w" sizes="auto, (max-width: 865px) 100vw, 865px" /></figure>



<p>まず、↑のHTMLをどこかに保存しておいてください。</p>



<p>保存したら、一度↑のブロックを削除し、次に「アイコンが右側にある吹き出し」を出して同様にHTMLコードを保存します。準備はここまでで。</p>



<h2 class="wp-block-heading"><span id="toc3">pythonでコードを書いてみる</span></h2>



<p>次に、エディタで「<strong>fukidashi.py</strong>」とか適当な名前の.pyファイルを用意します。あ、文字コードは「UTF-8」ですよ。</p>



<p>以下、コードです。１行目については「読み込むテキストファイル名」を設定します。</p>



<pre class="wp-block-preformatted">f = open('<strong><span class="marker">talking.txt</span></strong>', 'r',encoding="utf-8")
datalist = f.readlines()
f.close()</pre>



<p>次の行で、↑の方で保存した二種類のHTMLコードを使います。が、最後の&lt;p>のところまでしか使いません。ここ注意。たとえばこんなふうになります。</p>



<pre class="wp-block-preformatted">l =('&lt;div class="speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf">&lt;div class="speech-person">&lt;figure class="speech-icon">&lt;img class="speech-icon-image" src="https://seirenesrondo.xyz/wp-content/uploads/2021/07/icon_edith.png" alt="エディット" width="200" height="200">&lt;/figure>&lt;div class="speech-name">エディット&lt;/div>&lt;/div>&lt;div class="speech-balloon">&lt;p>')

r =('&lt;div class="speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf">&lt;div class="speech-person">&lt;figure class="speech-icon">&lt;img class="speech-icon-image" src="https://seirenesrondo.xyz/wp-content/uploads/2021/07/icon_kati.png" alt="カティ" width="200" height="200">&lt;/figure>&lt;div class="speech-name">カティ&lt;/div>&lt;/div>&lt;div class="speech-balloon">&lt;p>')</pre>



<p>そして、「閉じタグ」部分だけを変数に入れます。</p>



<pre class="wp-block-preformatted">finmark =('&lt;/p>&lt;/div>&lt;/div>')</pre>



<p>出力ファイル名を設定します。ここでは「result.txt」としました。</p>



<pre class="wp-block-preformatted">fo = open('<strong><span class="marker">result.txt</span></strong>','a',encoding="utf-8")</pre>



<p>そして以下はまんまコピペ。</p>



<pre class="wp-block-preformatted">for data in datalist:
    dArr = data.split(":")
    cName = dArr[0]
    cContent = dArr[1]
    outputText = ''
    if(cName == 'l'):
        outputText = l + cContent + finmark
    elif(cName == 'r'):
        outputText = r + cContent + finmark
    fo.write(outputText + '\n')
fo.close()</pre>



<p>というわけで、私のファイルはこんなふうになっています。pythonはタブの入れ方も重要なのでこのままね。</p>



<h2 class="wp-block-heading"><span id="toc4">完成形</span></h2>



<p>ピンク背景のところが個人差の出てくる所です。</p>



<pre class="wp-block-preformatted">f = open('<strong><span class="marker-red">talking.txt</span></strong>', 'r',encoding="utf-8")
datalist = f.readlines()
f.close()

l =('<strong><span class="marker-red">&lt;div class="speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf">&lt;div class="speech-person">&lt;figure class="speech-icon">&lt;img class="speech-icon-image" src="https://seirenesrondo.xyz/wp-content/uploads/2021/07/icon_edith.png" alt="エディット" width="200" height="200">&lt;/figure>&lt;div class="speech-name">エディット&lt;/div>&lt;/div>&lt;div class="speech-balloon">&lt;p></span></strong>')

r =('<strong><span class="marker-red">&lt;div class="speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf">&lt;div class="speech-person">&lt;figure class="speech-icon">&lt;img class="speech-icon-image" src="https://seirenesrondo.xyz/wp-content/uploads/2021/07/icon_kati.png" alt="カティ" width="200" height="200">&lt;/figure>&lt;div class="speech-name">カティ&lt;/div>&lt;/div>&lt;div class="speech-balloon">&lt;p></span></strong>')

finmark =('&lt;/p>&lt;/div>&lt;/div>')

fo = open('<strong><span class="marker-red">result.txt</span></strong>','a',encoding="utf-8")

for data in datalist:
    dArr = data.split(":")
    cName = dArr[0]
    cContent = dArr[1]
    outputText = ''
    if(cName == 'l'):
        outputText = l + cContent + finmark
    elif(cName == 'r'):
        outputText = r + cContent + finmark
    fo.write(outputText + '\n')
fo.close()
</pre>



<h2 class="wp-block-heading"><span id="toc5">原稿を準備する</span></h2>



<p>↑で設定した「talking.txt」を作らないといけません。これはテキストファイルですが、文字コードはやっぱり「UTF-8」です。なお、talking.txtは、↑でつくったfukidashi.pyと同じフォルダに置きます。</p>



<p>中身はこんな感じ。</p>



<pre class="wp-block-preformatted">l:カティ、カティ
r:なんだい姉さん
l:思ったんだけど、どうしてここ私たちしかいないの？
r:多分アイコンが確保できないんだと思う
l:あいこん？？？
r:ああ、いやいや、こっちの話。
l:それはそうと、キリス・オヴェロニアって名前知ってる？
r:ん？　うん、知ってるけど。マリーたちの養子。
l:養子？　歌姫なの？</pre>



<p>「l:」と「r:」が繰り返されているのが分かると思いますが、この「l」「r」がどの吹き出しを用いるかを決めています。また「:」（←半角）はpythonコードの中で区切り文字として使っているので、忘れずに入れてください。「l:せりふ」「r:せりふ」を繰り返すのです。これはいくら続いても構いません。pythonがいい感じにHTMLコードに変えてくれます。原稿ができたら保存します。</p>



<h2 class="wp-block-heading"><span id="toc6">python実行！</span></h2>



<p>ターミナルで「<strong>fukidashi.py</strong>」を保存しているディレクトリ（フォルダ）に移動してください。そして、「fukidashi.py」を実行します。すると、何食わぬ顔で処理が終了します。気になる人はprintでも仕込むと良いです。</p>



<p>すると、fukidashi.pyやtalking.txtと同じフォルダに「result.txt」が出てきます。</p>



<p>中身を見ると、こんなです（抜粋）</p>



<pre class="wp-block-preformatted">&lt;div class="speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf">&lt;div class="speech-person">&lt;figure class="speech-icon">&lt;img class="speech-icon-image" src="https://seirenesrondo.xyz/wp-content/uploads/2021/07/icon_edith.png" alt="エディット" width="200" height="200">&lt;/figure>&lt;div class="speech-name">エディット&lt;/div>&lt;/div>&lt;div class="speech-balloon">&lt;p>カティ、カティ
&lt;/p>&lt;/div>&lt;/div>
&lt;div class="speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf">&lt;div class="speech-person">&lt;figure class="speech-icon">&lt;img class="speech-icon-image" src="https://seirenesrondo.xyz/wp-content/uploads/2021/07/icon_kati.png" alt="カティ" width="200" height="200">&lt;/figure>&lt;div class="speech-name">カティ&lt;/div>&lt;/div>&lt;div class="speech-balloon">&lt;p>なんだい姉さん
&lt;/p>&lt;/div>&lt;/div>
&lt;div class="speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf">&lt;div class="speech-person">&lt;figure class="speech-icon">&lt;img class="speech-icon-image" src="https://seirenesrondo.xyz/wp-content/uploads/2021/07/icon_edith.png" alt="エディット" width="200" height="200">&lt;/figure>&lt;div class="speech-name">エディット&lt;/div>&lt;/div>&lt;div class="speech-balloon">&lt;p>思ったんだけど、どうしてここ私たちしかいないの？
&lt;/p>&lt;/div>&lt;/div>
&lt;div class="speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf">&lt;div class="speech-person">&lt;figure class="speech-icon">&lt;img class="speech-icon-image" src="https://seirenesrondo.xyz/wp-content/uploads/2021/07/icon_kati.png" alt="カティ" width="200" height="200">&lt;/figure>&lt;div class="speech-name">カティ&lt;/div>&lt;/div>&lt;div class="speech-balloon">&lt;p>多分アイコンが確保できないんだと思う
&lt;/p>&lt;/div>&lt;/div>
&lt;div class="speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf">&lt;div class="speech-person">&lt;figure class="speech-icon">&lt;img class="speech-icon-image" src="https://seirenesrondo.xyz/wp-content/uploads/2021/07/icon_edith.png" alt="エディット" width="200" height="200">&lt;/figure>&lt;div class="speech-name">エディット&lt;/div>&lt;/div>&lt;div class="speech-balloon">&lt;p>あいこん？？？
&lt;/p>&lt;/div>&lt;/div></pre>



<p>台詞のあとに改行いれて &#8221; &lt;/p>&lt;/div>&lt;/div> &#8220;がきていますが、これは個人的な好み。改行とっぱらってもいいし。</p>



<p>とりあえずこの「result.txt」の中身を全部コピーします。</p>



<h2 class="wp-block-heading"><span id="toc7">再び「投稿」→「新規作成」からの表示確認（プレビュー）</span></h2>



<p>白い画面が開いたら、「カスタムHTML」ブロックを追加します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="516" height="467" src="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-6.png" alt="" class="wp-image-1616" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-6.png 516w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-6-300x272.png 300w" sizes="auto, (max-width: 516px) 100vw, 516px" /></figure>



<p>こんなふうにコピペします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="898" height="421" src="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-7.png" alt="" class="wp-image-1617" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-7.png 898w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-7-300x141.png 300w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-7-768x360.png 768w" sizes="auto, (max-width: 898px) 100vw, 898px" /></figure>



<p>これ、↑画像内の「プレビュー」だと上手く表示されません。ので、「公開」ボタンの横の「プレビュー」をしてみてください。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="349" height="150" src="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-8.png" alt="" class="wp-image-1618" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-8.png 349w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-8-300x129.png 300w" sizes="auto, (max-width: 349px) 100vw, 349px" /></figure>



<p>見てみると、この通り。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="862" height="586" src="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-9.png" alt="" class="wp-image-1619" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/08/image-9.png 862w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-9-300x204.png 300w, https://ken1shiki.xyz/wp-content/uploads/2021/08/image-9-768x522.png 768w" sizes="auto, (max-width: 862px) 100vw, 862px" /></figure>



<p>これで、１：１トークに関しては問題なくクリアできると思います。もちろんコードをちょっといじれば途中でキャラクターを変えたりすることも自由です。</p>



<p>これで長文トークも自由自在です。なお、トークの途中で改行を入れたい場合は「ああああ&lt;br>いいいい」のように「br」タグを書けばOKです。なお、このコードはあくまで私が個人用に作ったものなので、例外処理的なものとか入れてませんし、なんならresult.txtの初期化処理もしていません。（なので、fukidashi.pyを実行するたびにresult.txtは手動で消してね(゜¬゜））</p>



<p>ものっそいざっくりしてますが、まぁヒントくらいになればいいかな。みたいな？</p>



<p><a href="https://ken1shiki.xyz/%e3%82%81%e3%82%93%e3%81%a9%e3%81%8f%e3%81%95%e3%81%84%e3%81%a8%e6%84%9f%e3%81%98%e3%82%8b%e3%81%93%e3%81%a8%e3%81%af%e3%80%81%e5%8a%b9%e7%8e%87%e5%8c%96%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c/">めんどくさいって思うのは大事なこと</a>ですよ。</p><p>The post <a href="https://ken1shiki.xyz/%e3%80%90wordpress%e3%80%91cocoon%e3%81%ae%e3%80%8c%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%80%8d%e3%83%88%e3%83%bc%e3%82%af%e3%82%92%e7%b0%a1%e5%8d%98%e3%81%ab%e4%bd%9c%e3%82%8b%e3%81%9f%e3%82%81/">【WordPress】Cocoonの「吹き出し」トークを簡単に作るためのpython</a> first appeared on <a href="https://ken1shiki.xyz">文章で生きていく</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ken1shiki.xyz/%e3%80%90wordpress%e3%80%91cocoon%e3%81%ae%e3%80%8c%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%80%8d%e3%83%88%e3%83%bc%e3%82%af%e3%82%92%e7%b0%a1%e5%8d%98%e3%81%ab%e4%bd%9c%e3%82%8b%e3%81%9f%e3%82%81/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1609</post-id>	</item>
		<item>
		<title>めんどくさいと感じることは、効率化することができる</title>
		<link>https://ken1shiki.xyz/%e3%82%81%e3%82%93%e3%81%a9%e3%81%8f%e3%81%95%e3%81%84%e3%81%a8%e6%84%9f%e3%81%98%e3%82%8b%e3%81%93%e3%81%a8%e3%81%af%e3%80%81%e5%8a%b9%e7%8e%87%e5%8c%96%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25e3%2582%2581%25e3%2582%2593%25e3%2581%25a9%25e3%2581%258f%25e3%2581%2595%25e3%2581%2584%25e3%2581%25a8%25e6%2584%259f%25e3%2581%2598%25e3%2582%258b%25e3%2581%2593%25e3%2581%25a8%25e3%2581%25af%25e3%2580%2581%25e5%258a%25b9%25e7%258e%2587%25e5%258c%2596%25e3%2581%2599%25e3%2582%258b%25e3%2581%2593%25e3%2581%25a8%25e3%2581%258c</link>
					<comments>https://ken1shiki.xyz/%e3%82%81%e3%82%93%e3%81%a9%e3%81%8f%e3%81%95%e3%81%84%e3%81%a8%e6%84%9f%e3%81%98%e3%82%8b%e3%81%93%e3%81%a8%e3%81%af%e3%80%81%e5%8a%b9%e7%8e%87%e5%8c%96%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c/#respond</comments>
		
		<dc:creator><![CDATA[一式鍵]]></dc:creator>
		<pubDate>Mon, 23 Aug 2021 13:57:45 +0000</pubDate>
				<category><![CDATA[雑談]]></category>
		<category><![CDATA[VSCode]]></category>
		<category><![CDATA[Visual Studio Code]]></category>
		<guid isPermaLink="false">https://ken1shiki.xyz/?p=1607</guid>

					<description><![CDATA[<p>「めんどくさい」を大事にしろというのはしばしば耳にします。私もそう思います。もちろん、ただ「めんどくさい」と思うだけだったら意味がありません。ただの文句言いたい人になってしまいます。大事なのはそこから一歩先に進んで「めん [&#8230;]</p>
<p>The post <a href="https://ken1shiki.xyz/%e3%82%81%e3%82%93%e3%81%a9%e3%81%8f%e3%81%95%e3%81%84%e3%81%a8%e6%84%9f%e3%81%98%e3%82%8b%e3%81%93%e3%81%a8%e3%81%af%e3%80%81%e5%8a%b9%e7%8e%87%e5%8c%96%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c/">めんどくさいと感じることは、効率化することができる</a> first appeared on <a href="https://ken1shiki.xyz">文章で生きていく</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>「めんどくさい」を大事にしろというのはしばしば耳にします。私もそう思います。もちろん、ただ「めんどくさい」と思うだけだったら意味がありません。ただの文句言いたい人になってしまいます。大事なのはそこから一歩先に進んで「めんどくさく感じるのはなぜか」と考えること。そしてさらに有用なのは「だったらそのめんどくさい要因はどうやれば軽減、あわよくば除去することができるのか」を考えること。さらに素晴らしいのは、「そのために施策を考えて実行すること」です。</p>



<p>これら全て、まずは「めんどくさい」と思わないことには始まりません。ルーティンワークだから仕方ないとか、このままでも別に～とか言ってる人は一生効率化できませんし、一生無駄タスクに埋もれるだけです。現状維持でいいやーって人は危険ですよ。現状維持は、即ち衰退ですからね。だって我々の持ち時間はせいぜい100年なんですし、後ろに行くに従って人としての効率は（普通は）下がっていくのです。だから、若い頃と同じようなやり方を延々やっていても（多少の熟練効果はあるかもしれませんが）、時間効率はどんどん下がっていくのです。老い先短くなって効率悪くなって日常のタスクで埋もれて……ってなったらちょっと寂しくないですか。いや、いくらやってもやる人には足りないんですけどだったらなおのこと、少しでも自覚できるくらいに効率化をしたほうが良いと思うんです。「めんどくさいと思う」のは大切ですが「めんどくさいと思い続ける」ことほど無駄なことはありません。</p>



<p>「めんどくさいと感じない人」はもちろん、「めんどくさいと感じるだけの人」も成長はありません。というか、前者よりも文句言うぶんよろしくない。なので「めんどくさい」と感じるセンサーをしっかり立てて、その上で「そのめんどくささをなんとかしてやるぜ！」と行動を起こすようにすると、最初はその対策に時間コストをとられますが、長い目で見ると必ず時間短縮につながるのです。時間の先行投資と考えると良いのです。</p>



<p>もちろん、「めんどくさいこと」をすべて解消しろというわけじゃないです。まず重要なのは「ルーティン」になっていることが「めんどくさくないか」というチェックをすること。「ルーティン」ですから、短スパンで繰り返されることであるはず。であるなら、多少コストがかかっても優先的に効率化したいところ。そもそもルーティンワークに「めんどくさい」の入る余地がないくらいの人は、多分他のことも効率よく出来てると思うのですよね。もっと、もっとだ！　ってなると思いますが、そういう人は大抵その時点の能力の限界ギリギリまで効率化してる気がします。効率化に終わりはありませんけどね。</p>



<p>そうそう、たとえばですよ、ブログ。このサイトのようなブログ。たとえば一からHTMLをぽちぽちやりながら、毎日更新……とか、今の時代どう考えても無茶です。いや、私が大学生だったころはそれが当たり前でしたよ。私、いにしえのインターネッツ民ですからね。でも、それだと専門知識（HTMLとか）は必要だし、タグ打ち間違えたら崩れるし、本文だけ打ち込んでも改行すらされませんし（BRタグ打たないとね）、ましてページデザイン変更とかくっそめんどくさいことになるし、全ページリンク貼り直し作業とかやってたら文字通り数日仕事になるわけだし。とにかく精神に来る作業が多かった。</p>



<p>でも今、見てください。このサイトはWordpress使ってるんですけどね、めちゃめちゃ楽。Cocoonみたいに勇者の皆様が作って提供してくれてるスキン使いつつ、ちょいちょいググりながら更新環境整えたら、後はネタさえ思いつけばいくらでもそのことだけに注力して更新できるような環境ですよね。これ、多くの人の「めんどくさい」の結晶だと思うんですよね。叡智ですよね。めんどくせーなーと思っても、他の人がやってくれてる！　なんてありがたい時代ですか。めんどくせーなーと思いさえすれば、大抵の「簡単にしてやんよ方法論」は落ちています。このサイトの更新環境も「これこれしたいけどめんどくせー。よーしググるか」で見つけてきたもので作られています。そういうものをフルに使っていくのも「めんどくせぇ」を極めた人の特権かなと。</p>



<p>「めんどくさい」を放置しない。これが、日々の中から「めんどくさい」を減らすライフハック。</p>



<p><a rel="noopener" href="https://seirenesrondo.xyz/" target="_blank">こっちのサイト</a>で今「とってもめんどくさい」更新コンテンツがあって。それをどうにかしてめっちゃらくらくに更新できるかっていうのを考えている所。他にも応用効くように作りたい所。まずは仕様を決めないと。……というところで多くの人は「めんどくさくてもいいや」になっちゃうと思うんですが、そういう細かいところで差が出てくるんじゃないかな、みたいな。</p>



<p>しかし何の言語で作ろうかな。やっぱりお手軽pythonかな……。Visual Studio Codeあれば（実質的に）開発環境要らずだしな……。あ、Visual Studio Codeについては↓みてね。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-文章で生きていく wp-block-embed-文章で生きていく"><div class="wp-block-embed__wrapper">

<a href="https://ken1shiki.xyz/%e3%80%8c%e5%b0%8f%e8%aa%ac%e5%9f%b7%e7%ad%86%e3%80%8d%e3%80%81%e4%bd%95%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%81%be%e3%81%99%e3%81%8b%ef%bc%9f/" title="「小説執筆」、何を使っていますか？" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_eyecatch-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_eyecatch-160x90.png 160w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_eyecatch-120x68.png 120w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_eyecatch-320x180.png 320w" sizes="auto, (max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">「小説執筆」、何を使っていますか？</div><div class="blogcard-snippet internal-blogcard-snippet">というわけで、私が小説執筆時に使っていた＆今もブログやら仕事やらでフル活用しているエディタについて紹介しますよ。生涯で最も長時間触っているエディタだと思う。 Visual Studio Code ブログでも小説でもそうなんですが、私は「文章...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://ken1shiki.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">ken1shiki.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2021/07/13 11:52pm</div></div></div></div></a>
</div></figure><p>The post <a href="https://ken1shiki.xyz/%e3%82%81%e3%82%93%e3%81%a9%e3%81%8f%e3%81%95%e3%81%84%e3%81%a8%e6%84%9f%e3%81%98%e3%82%8b%e3%81%93%e3%81%a8%e3%81%af%e3%80%81%e5%8a%b9%e7%8e%87%e5%8c%96%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c/">めんどくさいと感じることは、効率化することができる</a> first appeared on <a href="https://ken1shiki.xyz">文章で生きていく</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ken1shiki.xyz/%e3%82%81%e3%82%93%e3%81%a9%e3%81%8f%e3%81%95%e3%81%84%e3%81%a8%e6%84%9f%e3%81%98%e3%82%8b%e3%81%93%e3%81%a8%e3%81%af%e3%80%81%e5%8a%b9%e7%8e%87%e5%8c%96%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1607</post-id>	</item>
		<item>
		<title>「小説執筆」、何を使っていますか？</title>
		<link>https://ken1shiki.xyz/%e3%80%8c%e5%b0%8f%e8%aa%ac%e5%9f%b7%e7%ad%86%e3%80%8d%e3%80%81%e4%bd%95%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%81%be%e3%81%99%e3%81%8b%ef%bc%9f/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25e3%2580%258c%25e5%25b0%258f%25e8%25aa%25ac%25e5%259f%25b7%25e7%25ad%2586%25e3%2580%258d%25e3%2580%2581%25e4%25bd%2595%25e3%2582%2592%25e4%25bd%25bf%25e3%2581%25a3%25e3%2581%25a6%25e3%2581%2584%25e3%2581%25be%25e3%2581%2599%25e3%2581%258b%25ef%25bc%259f</link>
					<comments>https://ken1shiki.xyz/%e3%80%8c%e5%b0%8f%e8%aa%ac%e5%9f%b7%e7%ad%86%e3%80%8d%e3%80%81%e4%bd%95%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%81%be%e3%81%99%e3%81%8b%ef%bc%9f/#respond</comments>
		
		<dc:creator><![CDATA[一式鍵]]></dc:creator>
		<pubDate>Tue, 13 Jul 2021 14:52:14 +0000</pubDate>
				<category><![CDATA[雑談]]></category>
		<category><![CDATA[技術]]></category>
		<category><![CDATA[マークダウン]]></category>
		<category><![CDATA[VSCode]]></category>
		<category><![CDATA[Visual Studio Code]]></category>
		<category><![CDATA[執筆]]></category>
		<category><![CDATA[ソフトウェア]]></category>
		<category><![CDATA[テキストエディタ]]></category>
		<guid isPermaLink="false">https://ken1shiki.xyz/?p=1310</guid>

					<description><![CDATA[<p>というわけで、私が小説執筆時に使っていた＆今もブログやら仕事やらでフル活用しているエディタについて紹介しますよ。生涯で最も長時間触っているエディタだと思う。 目次 Visual Studio Code自動保存機能タブエデ [&#8230;]</p>
<p>The post <a href="https://ken1shiki.xyz/%e3%80%8c%e5%b0%8f%e8%aa%ac%e5%9f%b7%e7%ad%86%e3%80%8d%e3%80%81%e4%bd%95%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%81%be%e3%81%99%e3%81%8b%ef%bc%9f/">「小説執筆」、何を使っていますか？</a> first appeared on <a href="https://ken1shiki.xyz">文章で生きていく</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>というわけで、私が小説執筆時に使っていた＆今もブログやら仕事やらでフル活用しているエディタについて紹介しますよ。生涯で最も長時間触っているエディタだと思う。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-10" checked><label class="toc-title" for="toc-checkbox-10">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Visual Studio Code</a></li><li><a href="#toc2" tabindex="0">自動保存機能</a></li><li><a href="#toc3" tabindex="0">タブエディタ</a></li><li><a href="#toc4" tabindex="0">フォルダ管理ができる</a><ol><li><a href="#toc5" tabindex="0">フォルダごと開く！</a></li><li><a href="#toc6" tabindex="0">フォルダの中をまるごと検索！</a></li></ol></li><li><a href="#toc7" tabindex="0">プラグインがすごい</a><ol><li><a href="#toc8" tabindex="0">CharacterCount</a></li><li><a href="#toc9" tabindex="0">Convert Ruby</a></li><li><a href="#toc10" tabindex="0">Markdown All in One</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Visual Studio Code</span></h2>



<p>ブログでも小説でもそうなんですが、私は「文章を書く」際に使うソフトは「<strong>Visual Studio Code</strong>」一択です。何しろ、<strong><span class="bold-red">保存しなくていい</span></strong>。保存したければもちろん保存できるんですが、保存しなくても自動的にこっそり保存してくれる。Visual Studio Code（以下VSCode）がもし仮に落ちたとしても、次に立ち上げた時にはちゃんと前回書いたところまで残っている。すげぇやつです。それだけでも圧倒的に執筆にいいんですが、こいつ、もっとすげぇ機能が色々あるんです。追加できる機能を含め、そのスペックは鬼のように凄まじいので、今回は小説執筆に限ってお話をしていきますよ。あ、ちなみにVSCodeは無料です。</p>



<p>VSCodeはこちらからダウンロードできます。<br><a rel="noopener" href="https://azure.microsoft.com/ja-jp/products/visual-studio-code/" target="_blank">https://azure.microsoft.com/ja-jp/products/visual-studio-code/</a></p>



<h2 class="wp-block-heading"><span id="toc2">自動保存機能</span></h2>



<p>前述の通り、「自動的に保存してくれる」という。昨今のエディタでは珍しくはない機能ですが、仮にファイルを作っていなくても保存してくれるという点ではやっぱりすごい便利。（2022/11/14追記→）ただし以下の設定が必要です（外部サイト）</p>





<a rel="noopener" href="https://www.javadrive.jp/vscode/setting/index2.html" title="エディターの自動保存の設定" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://www.javadrive.jp/vscode/ogp.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">エディターの自動保存の設定</div><div class="blogcard-snippet external-blogcard-snippet">Visual Studio Code でエディターの自動保存に関する設定を行う方法について解説します。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.javadrive.jp/vscode/setting/index2.html" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.javadrive.jp</div></div></div></div></a>




<p>便利。私も小説書く時にはこのVSCodeなしではやっていられませんでしたね。昔はEvernote使っていたんですが。それにほら、よく「<strong>保存忘れて●千文字消えた</strong>」なんて聞きますよね。私としてはなんで自動保存エディタ使わないんだろとか思うんですが。まぁ、そんな嘆きもこのVSCodeをぶち込めば解決です。それにVSCodeはなにより<strong>タブエディタ</strong>なのでいくつものファイルを同時に開いておけるんですよね。しかし、それだけではないのです。</p>



<h2 class="wp-block-heading"><span id="toc3">タブエディタ</span></h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="486" height="116" src="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_001.png" alt="" class="wp-image-1314" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_001.png 486w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_001-300x72.png 300w" sizes="auto, (max-width: 486px) 100vw, 486px" /></figure></div>



<p>↑で言いましたが、タブなんです、タブ。画像にある通りタブ。これ、メモリが許す限り開けるんじゃないかな、知らんけど。</p>



<p>しかも同じファイルを画面分割で見られたりするんです。これはあんまり小説では使わないかもしれないんですが、プログラマやってたりすると意外と使う。それにあれですね、タブですから、「設定資料」とかを常に開きっぱなしにできるのは便利。たとえば<strong>右画面に設定、左画面に本文</strong>とかできるし、3画面分割とかすれば登場人物も置いておける。とても便利。だがしかし、VSCodeのやばいところはこれだけじゃない。</p>



<h2 class="wp-block-heading"><span id="toc4">フォルダ管理ができる</span></h2>



<h3 class="wp-block-heading"><span id="toc5">フォルダごと開く！</span></h3>



<p>そう、フォルダです。フォルダをまるごと読み込んで置いておけるんです。どういうことかわかりにくいかもしれないんですが、どんなアプリケーションにも【ファイルを開く】ってあるじゃないですか。そこに【フォルダを開く】が追加されてる感じです。で、これで「フォルダを開く」と、その中にある全ての読み込み可能なファイルが、VSCodeの左端の窓にずらりと表示されるんですね。こんなかんじに。</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="791" height="569" src="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_002.png" alt="" class="wp-image-1315" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_002.png 791w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_002-300x216.png 300w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_002-768x552.png 768w" sizes="auto, (max-width: 791px) 100vw, 791px" /></figure></div>



<p>ここでは私の「セイレネス・ロンド」の第一部～第三部をまとめてVSCodeで開いています。画像では第一部と第二部が見えてる感じ。</p>



<p>小説でエピソードごとにファイルを作ったりすると、いちいち読み返したり検索したりするのが面倒で、一個のファイルで作ったりしますよね。でもそれだと何かと不便なときもあると思います。そういう時にエピソードごとにテキストファイルを分けたりすることもできて、管理も難しくはない。……そういう選択肢が増えるという意味は大きいですね。また、「カクヨム」だと自分でUPしたものをバックアップとしてカクヨム的にフォーマットにしたものをダウンロードすることができるんですが、それはフォルダにエピソードがずらり。まさに上の画像のように入っています。そこからたとえば公募用に原稿を調整したり管理したりする……なんてときに超便利。わざわざ.txtファイルをコピペして連結しなくても利便性は下がりません。</p>



<h3 class="wp-block-heading"><span id="toc6">フォルダの中をまるごと検索！</span></h3>



<p>システム系の人ならgrepってやつを使いこなしちゃうと思うのであんまりアレですが、一般の方はgrepってなんぞやな感じでしょうし、そもそもコマンド使えというのは殺生な話。ところが、このVSCodeでは、普通の検索と同様に「開いているフォルダ」の中を検索して、結果を出力してくれるんです。しかも、検索対象フォルダは一つ二つに限りません。いくつもフォルダは開けるので、やろうと思えば全フォルダのテキストファイルの中から特定の単語を検索したりすることもできるんです。この画像を見てください。先述の通り、「セイレネス・ロンド」の3つのフォルダを開いている状態ですが、それをまとめて検索しているのがわかります。</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="401" height="889" src="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_003.png" alt="" class="wp-image-1316" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_003.png 401w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_003-135x300.png 135w" sizes="auto, (max-width: 401px) 100vw, 401px" /></figure></div>



<p>これにより「あの単語どこで使ったっけ」とか「●●はどこで初登場だっけ」というのが一瞬でわかります。ファイルをいちいち開いて検索して……なんていう無駄を完全に除去できるんですね。</p>



<p>とにかくこの機能が便利すぎて怖い。小説書く人なら、この機能の恐ろしさはすぐピンとくるはず。</p>



<h2 class="wp-block-heading"><span id="toc7">プラグインがすごい</span></h2>



<p>プラグインっていうのは「追加機能」のようなものだと思ってください。「このプラグインを入れるとこういう機能がつきますよ」的な。そうやってVSCodeを自分好みに成長させていくわけですね。VSCodeをインストールしたら、以下の見出しになっているワードで検索するとすぐに見つかります。</p>



<h3 class="wp-block-heading"><span id="toc8">CharacterCount</span></h3>



<p>個人的におすすめしたいのが、「CharacterCount」。以下のような機能です。</p>



<ul class="wp-block-list"><li>すべての空白文字(全角/半角スペース、改行、タブ)</li><li>ルビ範囲指定記号(《》)とその中の文字</li><li>ルビ開始記号(「|」、「｜」)</li></ul>



<p>小説投稿サイトに参加してる方なら、この意味がわかりますよね？　ルビとかを除いた「本当の文字数」をリアルタイムにカウントしてくれる機能です。コレ本当に便利。モチベーション維持にも大いに役立ったものです。</p>



<h3 class="wp-block-heading"><span id="toc9">Convert Ruby</span></h3>



<p>そしてこれ。HTML形式と小説投稿サイト形式のルビをコンバートしてくれるというやばいやつです。コレは解説が難しいのでアレですが、私には超役立ちました。ここで紹介した2つのプラグインは、どっちも小説書きさんでもある8amjpさんの手によるものです。<strong>小説投稿サイト経験を生かして、WEB小説書きさんに使いやすい機能を作ってくださった</strong>わけですね。是非おためしあれ。</p>



<h3 class="wp-block-heading"><span id="toc10">Markdown All in One</span></h3>



<p>実はこの記事、この「<strong>Markdown All in One</strong>」というプラグインの機能で書いています。これ、小説本文では使えない機能ですが、「設定資料」を書く上ではやばいほど約にたちます。簡単に見出しをつけれたり、目次を自動生成してくれたり、とにかくやばい。特に知識がなくてもすぐに使いこなせるくらいの簡単さですし、VSCodeの左にマークダウンで本文書いて、右側にその画面を表示させておく、なんてこともできるし、本文を左、設定資料（マークダウンで整形済み）を右に表示、なんてことも。自由度が極めて高いのもVSCodeの特徴です。</p>



<p>ちなみに↓の画像がこのブログ記事の下書きです。左の画面で執筆し、右の画面で見栄えを確認しています。が、たとえば、このようにキャラクター紹介を書いて、右の画面に表示しておきます。で、左の画面は小説本文タブに切り替えると……なんと、<strong>ウィンドウを切り替える必要なく常に自作資料を見ながら執筆ができる</strong>のです。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="534" src="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_004-1024x534.png" alt="" class="wp-image-1317" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_004-1024x534.png 1024w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_004-300x156.png 300w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_004-768x400.png 768w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_004-1536x801.png 1536w, https://ken1shiki.xyz/wp-content/uploads/2021/07/vscode_004.png 1859w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>更にその上、こうして整形したマークダウンの画面をたとえばPDF出力したりできちゃうんです。表も作れたりするので、かなりかっちりした設定資料をPDFにできる。これ、思ってる以上に興奮すると思いますよ！（笑）</p>



<p>7/15追記</p>



<p>↓のページも、[Visual Studio Code] + [Markdown All in One]で書きました。</p>





<a rel="noopener" href="https://seirenesrondo.xyz/2021/07/15/%e3%80%8c%e3%82%bb%e3%82%a4%e3%83%ac%e3%83%8d%e3%82%b9%e3%83%bb%e3%83%ad%e3%83%b3%e3%83%89%e3%80%8d%e4%b8%96%e7%95%8c%e3%81%ae%e8%a6%81%e7%b4%a0%e3%82%92%e6%95%b0%e5%80%a4%e5%8c%96%e3%81%97%e3%81%a6/" title="「セイレネス・ロンド」世界の要素を数値化してみる - セイレネス・ロンド / 統合情報サイト" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://seirenesrondo.xyz/wp-content/uploads/2021/06/159_20210626_マリオンノベプラ表紙.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">「セイレネス・ロンド」世界の要素を数値化してみる - セイレネス・ロンド / 統合情報サイト</div><div class="blogcard-snippet external-blogcard-snippet">とりあえず「静心」ベースですが、キャラクターの来歴こそ違うところもありますが、ユニットベースで考えた場合は「セ</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://seirenesrondo.xyz/2021/07/15/%e3%80%8c%e3%82%bb%e3%82%a4%e3%83%ac%e3%83%8d%e3%82%b9%e3%83%bb%e3%83%ad%e3%83%b3%e3%83%89%e3%80%8d%e4%b8%96%e7%95%8c%e3%81%ae%e8%a6%81%e7%b4%a0%e3%82%92%e6%95%b0%e5%80%a4%e5%8c%96%e3%81%97%e3%81%a6/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">seirenesrondo.xyz</div></div></div></div></a>




<p>マークダウンエディタについての記事も書きました。ぜひ。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-文章で生きていく wp-block-embed-文章で生きていく"><div class="wp-block-embed__wrapper">

<a href="https://ken1shiki.xyz/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e6%9b%b4%e6%96%b0%e4%bd%9c%e6%a5%ad%e3%81%ae%e5%bc%b7%e3%81%84%e5%91%b3%e6%96%b9%e3%80%81%e3%83%9e%e3%83%bc%e3%82%af%e3%83%80%e3%82%a6%e3%83%b3/" title="ワードプレス更新作業の強い味方、マークダウンエディタ！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://ken1shiki.xyz/wp-content/uploads/2021/07/markdownEditor-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://ken1shiki.xyz/wp-content/uploads/2021/07/markdownEditor-160x90.png 160w, https://ken1shiki.xyz/wp-content/uploads/2021/07/markdownEditor-120x68.png 120w, https://ken1shiki.xyz/wp-content/uploads/2021/07/markdownEditor-320x180.png 320w" sizes="auto, (max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">ワードプレス更新作業の強い味方、マークダウンエディタ！</div><div class="blogcard-snippet internal-blogcard-snippet">スマホでマークダウン ワードプレス更新の際には、基本的にはパソコンにて「VIsual Studio Code」にプラグイン「Markdown All in One」突っ込んでの作業になるんですが、スマホでも効率よく作業できないものかなという...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://ken1shiki.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">ken1shiki.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2021/07/15 12:40pm</div></div></div></div></a>
</div></figure>



<p>2021/12/25追記</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-文章で生きていく wp-block-embed-文章で生きていく"><div class="wp-block-embed__wrapper">

<a href="https://ken1shiki.xyz/visualstudiocode-plugin-fornovelwriting/" title="小説執筆に「VisualStudioCode」を使う時に使える拡張機能・縦書き＋α" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://ken1shiki.xyz/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class=" internal-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">小説執筆に「VisualStudioCode」を使う時に使える拡張機能・縦書き＋α</div><div class="blogcard-snippet internal-blogcard-snippet">以前、このような記事を書いて紹介しています。VisualStudioCodeのインストールについても書いてます。入れておいて損の無いエディタなので「そんなに専門的（ぽいの）要らないよ～」なんて方でも入れてみてください。難しいこと無いので。 ...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://ken1shiki.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">ken1shiki.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2021/12/25 4:29pm</div></div></div></div></a>
</div></figure><p>The post <a href="https://ken1shiki.xyz/%e3%80%8c%e5%b0%8f%e8%aa%ac%e5%9f%b7%e7%ad%86%e3%80%8d%e3%80%81%e4%bd%95%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%81%be%e3%81%99%e3%81%8b%ef%bc%9f/">「小説執筆」、何を使っていますか？</a> first appeared on <a href="https://ken1shiki.xyz">文章で生きていく</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ken1shiki.xyz/%e3%80%8c%e5%b0%8f%e8%aa%ac%e5%9f%b7%e7%ad%86%e3%80%8d%e3%80%81%e4%bd%95%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%81%be%e3%81%99%e3%81%8b%ef%bc%9f/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1310</post-id>	</item>
	</channel>
</rss>
