資格・勉強・学習 | 文章で生きていく

カクヨムの傍点をクロスフォリオの[[rb:傍点>・・]]に変換するソース

一式鍵 — Mon, 17 Feb 2025 00:58:09 +0000

カクヨムのルビ記法は

寿限無（じゅげむ）
傍点

のようになります。が、クロスフォリオは上の普通のルビはそのままいけるのですが、現状（2025.02.17現在）では「傍点」は対応していません。タイトルに有るように[[rb:傍点>・・]]のようにしなければならないようです。

そんなのいちいちやってられませんし、ヒューマンエラーの源泉でしかないので、ツールで一発でできるようにしてみました。とはいえ、完全個人用なので、おまじないの一つも入れてませんし、例外処理も入ってないのは御愛嬌。15分で書いたからねｗｗｗ

用意するのは、なんかのエディタ（個人的にはVSCode）とPython実行環境だけです。この辺のやり方は調べてください。VSCode使うならこの辺が有用かと。

そして、たとえば「D:\python\xfolio」などのフォルダを作り、そこに「input」フォルダと「output」フォルダを作ります。そして「input」フォルダに任意の.txtファイルを保存しておきます。いくつでも良いです。

で、xfolio.pyなどと言うファイル（別にaaaa.pyでもいい）を作成して以下を貼り付けてください。

で、＜と＞のところを　《２つと　　》２つ　に置換してください。末尾に.txtに変換したファイルも載せたので参照のほど。

import os
import re

def convert_text(text):
    def replace_ruby(match):
        word = match.group(1)
        dots = '・' * len(word)
        return f"[[rb:{word}>{dots}]]"
    
    text = re.sub(r'＜(.*?)＞', replace_ruby, text)
    return text

def process_file(input_path, output_path):
    with open(input_path, 'r', encoding='utf-8') as f:
        content = f.read()
    
    converted_content = convert_text(content)
    
    os.makedirs(os.path.dirname(output_path), exist_ok=True)
    with open(output_path, 'w', encoding='utf-8') as f:
        f.write(converted_content)

def process_all_files(input_dir, output_dir):
    os.makedirs(output_dir, exist_ok=True)
    for filename in os.listdir(input_dir):
        if filename.endswith(".txt"):
            input_path = os.path.join(input_dir, filename)
            output_path = os.path.join(output_dir, filename)
            process_file(input_path, output_path)
            print(f"変換が完了しました: {output_path}")


input_dir = "input"
output_dir = "output"
process_all_files(input_dir, output_dir)

これで環境ができたのであとは、この.pyを実行するだけです。できれば、python -m venv venv 等適当に仮想環境作った方が後々いいです。

pythonは手軽なのでちょっとしたツールを作るうえで便利ですし、実行環境もあったほうが何かと良いです。

ぜひ挑戦してみてください。

xfolio_rubyEnchanter ダウンロード

The post カクヨムの傍点をクロスフォリオの[[rb:傍点>・・]]に変換するソース first appeared on 文章で生きていく.

PostgreSQLの勉強を始めます

一式鍵 — Sun, 19 May 2024 23:27:42 +0000

やろうやろうと思っていてずっと先延ばしになっているPostgreSQL。「OSS-DB/Silver」という試験もあることだし、仕事でも使うし、で、どうせならちゃんと勉強しようと思います。

会社のPCとサーバには既にPostgreSQL突っ込んで、ある程度動かして遊んではいるのですが、コマンドの類が全然わかってないのでアレですね。

さしあたりこの書籍を購入してみました。

本当は黒本（問題集）が欲しいんですけど、このVer.3.0版はまだ出てないんですよね。とりあえず10月合格をめざしてみます。前倒しできればできただけ良い感じで。

学習成果についてはこのサイトでちょいちょい出していこうと思いますよ。

進捗に乞うご期待（？）

The post PostgreSQLの勉強を始めます first appeared on 文章で生きていく.

【WordPress】Cocoonの「吹き出し」トークを簡単に作るためのpython

一式鍵 — Wed, 25 Aug 2021 12:02:59 +0000

何でもかんでもめんどくさいと感じてしまう私ですが、別サイトでこういうコンテンツを作ったりしています。

おしゃべり＠論理空間#01 - セイレネス・ロンド / 統合情報サイト

エディットなんか召喚されたんだけど、ここはどこ？いま何年？カティアタシもよくわからないけど、なんか不思

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

python実行環境を作る
吹き出し用のアイコンとかを設定する
pythonでコードを書いてみる
完成形
原稿を準備する
python実行！
再び「投稿」→「新規作成」からの表示確認（プレビュー）

python実行環境を作る

まず、pythonの実行環境を作る必要があります。これ、書こうと思ったんですけど、既に他にいろんなページで書かれているのでありがたく参照させていただきます。ので、まずはこちらのサイトなどを参考にして、Visual Studio Code上にpython実行環境を作ってください。あ、他の環境でもOKです。pythonが動けば何でもいい。私はVSCodeでpython動作環境を完結させています。多分一番手軽なのでおすすめですよ。

吹き出し用のアイコンとかを設定する

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

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

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

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

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

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

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

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

pythonでコードを書いてみる

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

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

f = open('talking.txt', 'r',encoding="utf-8")
datalist = f.readlines()
f.close()

次の行で、↑の方で保存した二種類のHTMLコードを使います。が、最後の

のところまでしか使いません。ここ注意。たとえばこんなふうになります。

l =('
エディット
')

r =('
カティ
')

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

finmark =('
')

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

fo = open('result.txt','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()

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

完成形

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

f = open('talking.txt', 'r',encoding="utf-8")
datalist = f.readlines()
f.close()

l =('
エディット')

r =('
カティ
')

finmark =('')

fo = open('result.txt','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()

原稿を準備する

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

中身はこんな感じ。

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

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

python実行！

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

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

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


エディット
カティ、カティ

カティ
なんだい姉さん

エディット
思ったんだけど、どうしてここ私たちしかいないの？

カティ
多分アイコンが確保できないんだと思う

エディット
あいこん？？？

台詞のあとに改行いれて ”

“がきていますが、これは個人的な好み。改行とっぱらってもいいし。

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

再び「投稿」→「新規作成」からの表示確認（プレビュー）

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

こんなふうにコピペします。

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

見てみると、この通り。

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

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

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

めんどくさいって思うのは大事なことですよ。

The post 【WordPress】Cocoonの「吹き出し」トークを簡単に作るためのpython first appeared on 文章で生きていく.

Python3をpaizaで勉強して、発想の引き出しを増やそうとしている。

一式鍵 — Tue, 03 Aug 2021 14:33:14 +0000

TechFulとかでもいいんですが、シュタゲとコラボしてるからという安直な理由でpaizaでやっていますよ。python3の問題を3日で合計70問くらい解いてます。簡単なやつばっかり（笑）　リハビリにはちょうどいい。

ログイン

ログイン画面です。｜ITエンジニア・プログラマ向け総合求職・学習サイト【paiza】

↑です。あ、このサイトに訪問してもらっても、私には一切お金は入りません、アフィじゃないので（笑）　プログラムの基礎から頑張りたいとか、少し離れててカンを取り戻したいとか、そういう方には特に良いのではないかと思いますね。

私はかつてはperl使いで、その後JAVAに変わり、今はもっぱらC#の人なんですが、趣味としてpython3をやりたいなと。（でも会社で自分だけが使う便利ツール作る時はpython3ですな）

python自体は二年くらい前に初めて触ったんですけどね、しばらく忙しくて修練どころじゃなくて。ちょこちょこ自分用のツールはつくっていたんですが、そのくらいで。このサイトでも以前やっていた「分析」のためのツールとかも自作でしたけどね。あとは「カクヨム」から「アルファポリス」に転載する際の変換ツールとか。あ、結構作ってた。

それはともかくとして、もっとこう、すげぇ面白いものを作ってみたくて、で、その引き出しを豊富に持つためにはやっぱり基礎部分が必要だと思っていて。完全に基礎が身につけば自ずと「こんなのやれるんじゃね？」っていう発想が出てくるんじゃないかなと思うんですよね。実際C#とかだと「この作業うぜぇなぁ、なんとかならんべか？」って思った次の瞬間には、その解決ツールの設計がおよそ出来てるし。その領域まで行っときたいんですよね、python。なんせ取り扱いが楽だから。取り扱いが楽だから（大事なことなので）

私はもうエディタと言えばもっぱらVSCodeしか使ってないんですが、pythonてば、このVSCodeの中だけで完結させられるんですよ、全てを。めっちゃ楽。Djangoの方にも進出したいところだけど、まぁまずはpython単体でどうにかこうにかしていけないとね。

今基礎問題しかやってないから、paizaレーティングが1400～1500くらい（うへぇ）　まずは1800を目指してがんばろう。ていうか2500くらい行きたいところです。が、pythonくらいは基礎からじっくり習得したいので（他の言語は必要に迫られて必要なところだけやったから意外と穴だらけだ）、あれですね。それにこれは全くプライオリティは高くないので（仕事で求められてるわけじゃなし）、ゆっくり自重しながら（笑）　夢中になるととてもよくない。こういうスコア制のものってどうしてもハマっちゃうんだよね、昔から。まんまと乗せられている……！

というわけで、目下取得に向けて動いている某技術系資格試験の勉強とは全く関係ないんだけど、pythonの修練も頑張りたい所でございますな。某技術系資格試験、問題集はだいたい暗記したんだけど、今の時点だと合格率5割強くらい。たぶん。もっと完全に理解できないと難しい。

VScodeについては以下の記事も是非参考に。

「小説執筆」、何を使っていますか？

というわけで、私が小説執筆時に使っていた＆今もブログやら仕事やらでフル活用しているエディタについて紹介しますよ。生涯で最も長時間触っているエディタだと思う。 Visual Studio Code ブログでも小説でもそうなんですが、私は「文章...

ワードプレス更新作業の強い味方、マークダウンエディタ！

スマホでマークダウンワードプレス更新の際には、基本的にはパソコンにて「VIsual Studio Code」にプラグイン「Markdown All in One」突っ込んでの作業になるんですが、スマホでも効率よく作業できないものかなという...

VSCodeでフローチャート（を使った人物相関図）を直感的に書く方法

VSCodeだけで、あなたの物語の「設定資料集」を作れちゃいます。 VSCodeってのは（超すごい）テキストエディタのことです。やりたいことはたいていできます。ただの「メモ帳」とはわけが違うんですね、これが。なんでもできます、まじで。で、...

よーろしくどうぞー。

The post Python3をpaizaで勉強して、発想の引き出しを増やそうとしている。 first appeared on 文章で生きていく.

暑すぎ！！！

一式鍵 — Sun, 01 Aug 2021 02:19:21 +0000

もうたまらんですね。いつまで続くのこの灼熱地獄。昨日、北海道旭川あたりでは38度を超えたと。札幌でも34度くらいまでいったんじゃないかな？　知らんけど。とにかく無茶苦茶暑かった。というか今（10時くらい）の段階で既にめちゃめちゃ暑い。今日も30度をナチュラルに超えるそうで、もうたまりません。バテてます。エアコンつけても焼け石に水というか、全部屋にあるわけではないので。色々身体に良くないですね。睡眠も良くない。

明日からまた通勤かよと思うとなおだるい。ていうか、北海道も「まん延防止等重点措置」対象（8/31まで）なので、完全テレワークにするとかしないと、弊社。炎天下を通勤するだけでどれほど時間と体力が無駄になるかと。自宅エアコン部屋なら朝8時に業務開始できるし、19時まで仕事したっていつもの時間と変わらないし。通勤があると時間＋体力が持っていかれるのが本当にもったいない。と思うんだよなぁ。

さて、私は今資格試験勉強の佳境に差し掛かっているわけですが、そんな中で現実逃避してたらこんなモノを見つけました。

paiza × STEINS;GATE コラボ【電脳言語のオルダーソンループ】

【電脳言語のオルダーソンループ】｜paiza × STEINS;GATE コラボ

プログラミング問題を解いて、ここでしか見られないSTEINS;GATEのストーリーを楽しもう！秋葉原に、そして世界に革命を起こせ！

まだ最初のしかやってないですが（笑）

なにせPaizaさんのコンテンツなので、プログラムには強いんですよね。もちろんこのコラボだけじゃなくて、基礎から応用まで何百問も置いてあったりする。基本的にはプログラマのための転職サイトなんだけども、その「実力」を計測するための問題がやまほどある。対応言語の種類もものすごい。私はもっぱらPython3で遊んでいますが。

たまに基本に立ち返るのもいいかなと思ったけど、Python3に関しては多分初心者だったわ私。Python3って基本のところが異常なほどに簡単なので、うっかり「できる」気になっちゃう。突き詰めていってもやっぱり簡単というか綺麗な感じなんだけど、それでもかなりのベースが必要になる（と思っている）ので、やっぱり基礎訓練って大事だなと。Aと言われてすぐにBという回答ができる、というところまで行かないとダメだなと。まぁ、せっかくなのでPython3を修練してみようと思いますよ。なんとかして時間作って。仕事では今の所Python3は使ってないんだけど、選択肢としては合ったほうが良いし。今はすっかりC#脳なのでスが、このへんは打破したいよねと。まだまだPython3については理解できてないというか身についてないところがたくさんある。ちょいちょいやっていこう。

ああ、そうそうPython3でなんか無いかなって調べてみたら、こういうところがHITしました。

Techgym。月22000円で通い放題。実際の所、プログラムは頑張れば2～3ヶ月である程度ものになります。基礎知識という点では。テキスト揃えて自分の家でコツコツやる……が苦手な人なら、だいたい5～6万円の身銭を切って気合を入れたらいいのかも。ことプログラム初体験の人は「とっかかり」すらわからないと思うし。で、大事なのはだらだら通うのじゃなくて、いついつまでにクリアするという目標を立ててやることですね。メリハリつけてやるっていうのはプログラマとしても大事な習慣だと思う。

あとあれだ、スクールとか教科書で学んだ知識は「基礎」にすぎなくて、「仕事」となるとその何十倍もの知識と応用力と検索能力が必要になるということを予め理解しておくのが大切。もちろん、そのために「基礎」は極めて大切なんですけども。

もし初めてプログラムやります、という場合なら、今ならPython3を推すかなぁ。多分人によると思うけど、Python3はとってもわかりやすいように思う。うん。

The post 暑すぎ！！！ first appeared on 文章で生きていく.

「Quiz And Survey Master」でクイズを作ってみる

一式鍵 — Sun, 18 Jul 2021 04:15:05 +0000

Quiz And Survey Master(QSM)を使ってみることにした
1. ブログでなんか面白いことやれないものかな？
2. それでググって発見QMS
WordPressへの導入方法＆クイズ作成
色々調整
wordpressの記事に配置する作業

Quiz And Survey Master(QSM)を使ってみることにした

ブログでなんか面白いことやれないものかな？

……ということを考えまして、だったらクイズ的なもの？　はどうだろうと安直に考えてみました。

とはいえ、この方向性がよくわからないサイトではいい感じのコンセプトが思い浮かばなかったんですが、私のもう一つのサイトセイレネス・ロンド統合サイトだったら、作品にまつわるライト～ヘヴィなクイズ作れるよな、とか。

それでググって発見QMS

クオリティ・マネジメント・システム（QMS）みたいで嫌な感じの略称ですが、「Quiz And Survey Master」で通称QSMとのこと。簡単に言うと、クイズやアンケートなど、とにかく「質問」に対して「回答」するようなものはたいてい何でも作れますというような。オーソドックスな４択問題はもちろん、入力問題も作れます。

ただし、問題作って回答設定して……というところが若干めんどくさい。SQL流し込みとかできんものかな～。

WordPressへの導入方法＆クイズ作成

導入方法

おなじみ「プラグイン」で「Quiz And Survey Master」を検索してインストール＆有効化
まぁ、ここまでは問題ないでしょう。

クイズのベース部分作成

左のメニューに「QSM」というものが出現するのでクリック（Dashboardが開きます）
「Create New Quiz/Survey」ボタンをクリック

右下の「NEXT」をクリック
私はこんなふうに設定。Graded SystemをBothにしてるのは趣味です。

右下の「NEXT」をクリック
右下の「Create Quiz」をクリック
左のメニュー「QSM」の「Quizzes/Surveys]をクリック

クイズの問題と答え作成（四択式の場合）

今作ったクイズタイトルにカーソルを当てて「Edit」をクリック
「Type your question here」と書いてある所に「問題」を入力します
画面右にあるQuestion Typeを「Vertical Multiple Choice」にします
回答の選択肢を入力します。「Add New Answer」ボタンで選択肢を増やせます
正解となる選択肢の「Correct」にチェックを入れます。ポイントも入れます。10とか。
「Save Question」ボタンを押します（忘れがち）
画面右下にある「Create New Question」を押して次の問題を作成します
問題がズラッと並んだらその他諸々の設定をします（後述）

クイズの問題と答え作成（自由入力の場合）

基本的には４択式と同じですが、以下が違います。

「Question Type」を「Short Answer」にする
Answers のところに「正解」となるテキストを入力します。ポイントも必要に応じて。
↑の「Correct」にチェックを入れます。
「Save Question」を忘れずに！
まとめるとこんな↓感じになります。これで問題に「呵責」と表示され、解答欄が「自由入力」になり、正解が「かしゃく」として設定されます。くれぐれも「Save Question」忘れずに。というか、なにかしたらSaveするようにしましょう。

色々調整

「Style」タブは要らない子です、多分。

クイズトップ画面

「Text」タブを選び、こんなふうに。「%QUIZ_NAME%」はあったほうが良いですが、ほかはお好みで。書式的なものはWordPressそのものです。

OPTIONS

「Options」タブ。
完全に私の好みの設定ですが、こんな感じ。

Grading System: Both
Show Progress Bar: Yes
Require User Login: No
Questions Per Page: 5
Random Questions: （問題による）
Show Current page number: Yes

ほかも適当にやってはプレビューする感じで。

メール通知

「Emails」タブですが、回答メールの通知がほしいならともかく、そうでない場合は削除でいいです。2つ出てると思いますが、どっちもRemoveしちゃいましょう。

回答結果（Result画面の設定）

「Results Pages」タブ。

ここがちょっとテクニカルですが、「左枠でスコアの条件」「右枠でなんて出力するか」を設定します。ここで便利なのが「%POINT_SCORE%」と「%QUESTIONS_ANSWERS%」です。図にならって入れてみて、適当にカスタマイズしてみましょう。
たとえば、満点だった場合、全問正解！　と出力したい場合などはこうします。
私が使っている結果出力分岐はこんな感じです。もしかしたら冗長かもしれないですが、動作はします。

ここまでできたら「プレビュー」！

というわけで、この辺のボタンをクリックしてプレビューしてください

自分で回答してみると、設問・回答設定ミスを防ぐことができるので、必ずチェックしましょう。またResultsの出力結果も確認してください。

wordpressの記事に配置する作業

左メニューの「QSM」→「Quizzes/Surveys」→ 「今作ったクイズの『Shortcode』のアイコン」をクリック（↓図の赤枠）

[qsm quiz=5]のようなものが表示されるのでコピー
WordPress 左メニューの「投稿」から記事を新規で作ります。
記事の任意の場所に、[qsm quiz=5]のようなコードをペースト
あとは適当に料理します

これでクイズ設置完了

作ったクイズはこんな感じ。

試験問題を集めたページ - セイレネス・ロンド / 統合情報サイト

少しずつ増やしていく予定。「静心にて、花の散るらむ」クイズ初級編静心クイズ【初級・１】（2021/07/

ぜひぜひ。

The post 「Quiz And Survey Master」でクイズを作ってみる first appeared on 文章で生きていく.

VSCodeでフローチャート（を使った人物相関図）を直感的に書く方法

一式鍵 — Sat, 17 Jul 2021 00:32:38 +0000

VSCodeだけで、あなたの物語の「設定資料集」を作れちゃいます。

VSCodeだけで、あなたの物語の「設定資料集」を作れちゃいます。

VSCodeってのは（超すごい）テキストエディタのことです。やりたいことはたいていできます。ただの「メモ帳」とはわけが違うんですね、これが。なんでもできます、まじで。

で、小説書きやってきた私は、「小説書きには最適なツールだ」と思っているソフトでもあります。なので、そんなソフトが小説書きにとってどれほど役に立つのかを日々考えている次第。

というわけで、今回は「人物相関図」をテキストエディタで作る――ための環境を作ってみましょうということです。いろんなソフトを開かなきゃならないというのはワタシ的にはかなり苦痛。なので、人物相関図だろうがなんだろうが、すべてこの「VSCode」で統合できないものかな！　と。

VSCodeでフローチャート

さて、先日よりVSCode推しの記事を書いている私ですが、今日は「フローチャート」をVSCode上で書いてみるチャレンジをしてみますよ。実はVSCodeでフローチャートを書く方法は、大きく分けて2種類あります。CUIとGUIです。さて、ここでCUI、GUIと言われて「？？？？」となった方。そう、あなた。あなたです。アナタのためにこの記事を書きました。

ちなみにCUIというのは「文字だけでなんとかする」インターフェイスで、GUIというのは「画像的な感じも使ってなんとかする」インターフェイスのことです。プログラマな感じの人ならCUIのほうが楽だと思います。そういう人はVSCode突っ込んだら「VSCode Mermaid」って検索すればいいと思うよ。うん、そういう人はこれだけでググれると思うので割愛。ちなみに個人的にはCUIなMermaidのほうが使いやすいです。

さて、世の中のほとんどの人はCUIだと敷居が高い、難しい、どうしたらいいかわからない……だと思うので、ここでは「画像的にポチポチクリックとドラッグとしてたらなんか知らんがフローチャートができていた（＝GUIを使ったケース）」っていうようになるお話をしますね。

フローチャートって何に使うねん？

はい、そういう質問、ありますね。フローチャートなんてまず自分で作らないと思います。そもそも「流れ（フロー）」ですからね。製品開発やプログラムの処理についてなどを書くのが基本用途です。一般生活ではまず使いません。フローチャートは。

が、まぁ、ほら。「登場人物の相関図」とかで矢印引いたりなんだりしません？　あれですよ。ワードとかエクセルとかパワーポイントでももちろんできます。が、やつらはダメだ。クッソ重たいし融通効かないし、ちょっと修正しようとしたら大惨事ですよ。あと、作成途中でソフトが死ぬことがありますね、奴らは。バツっと落ちたりフリーズしたり。その後のリカバリにも時間かかるし（なかなか立ち上がらないとか）。奴らにも復旧機能はあるけど、復旧機能をちゃんと使える人ならそもそもMS Office系で（仕事以外では）作図はしないと思う。Office嫌い！←仕事でもOfficeは極力回避する人

そんな中に燦然と現れたのが、この「Draw.io Integration」です。いや、前からあったけどさ。

Draw.io Integration とは

この「Draw.io Integration」こそ、「見た感じで適当になんかしてたらフローチャートができてしまった」を実体験できるプラグインです。ちなみに保存はテキストファイルと同様です。必要に応じて画像形式で出力（エクスポート）できますが、その際に.png（一般的な画像）の他に.svgも選択できます。SVG、その筋の人じゃないと知らないと思いますが、縮小拡大しても劣化しない画像と思ってもらえれば。あと、SVG形式で出力できるということは、たとえばHTMLに埋め込んでjavascriptなりなんなりでその画像を動かしたりもできるということでもあります。クッソめんどくさいけど、多分jQueryとか使えばそこそこ簡単じゃないかな？　知らんけど。とにかく発想力と技術次第で何でもできるのが、このVSCodeとプラグインたちなんです。

でもま、「ぽちぽち素材を置いていって、いい感じになったら画像（.png）に出力できる」くらい理解していれば十分です。

Draw.io プラグイン導入方法

さて、導入です。

めっちゃ簡単。VSCodeは入れたいプラグイン名さえわかっていればほとんど秒殺で導入できます。ググれば99％幸せになれる。今回のこのプラグインも、面倒な設定はないので一瞬です。

Visual Studio Code を入手する

まず「VSCode」をゲットしてください。無料です。
https://azure.microsoft.com/ja-jp/products/visual-studio-code/

VSCodeをインストールします
VSCodeを開きます
開いたら、左のテトリスみたいなのをクリックする（図1）
上にある検索窓に「Draw.io Integration」と入力する（図2）
一番上に「Draw.io Integration」ってまんまのやつが出てくるので「インストール」
終了（念の為VSCode立ち上げ直すと良いかも）

図１

図2

どうやったら編集モードに入れる？

拡張子が大事です。

VSCodeを立ち上げます
メニューの「ファイル」→「新規ファイル」を選択します
「Untitled-1」というタブが開くのを確認します
そのまま「ファイル」→「名前を付けて保存」を選択します
自分で分かる場所に保存しますが、ファイル名を「test.dio」としてください。dioが大事。.txtとかではこのプラグインは動作しません。
タブ名が「test.dio」に変わったら一度「タブ」を閉じます（VSCodeを閉じる必要はないです）
「ファイル」→「ファイルを開く」→「test.dio」で開き直します。
- 「ファイル」→「最近使用した項目を開く」の中から開いても良いです。
フローチャートを書くための画面が立ち上がります

どうやって編集する？

事細かに書いてみようかと思ったんですが、そもそもGUIって「直感的に使えるもんじゃね？」と思っている私です。実際にこのGUIはなかなか優秀で、適当にポチポチしてても描けちゃったりしました。これ（図3）を書くのに所要した時間は（初見で）10分くらい。
見て分かると思いますが、「Import」をすると画像を入れることもできます。
とりあえず適当に諸々置いたら、いちおう保存しておいてください

図3

画像に変換したい

「test.dio」タブの中にある「ファイル」をクリックします
「Export」を選択します
すると画面上部中央に下の図のような表示が出るので「.png～」を選択します
後は通常通り出力するファイル名を設定して保存します

こうなったら後はもうただの画像なのでお好きにどうぞ。
修正するのも再びこの「test.dio」を開いていじくるだけです。

さぁこれで、クソなOfficeを使う必然も、画像編集ソフトでレイヤがどうので四苦八苦することもなくなります。オマケにテキスト含めて全てVSCodeで管理できるすばらしさ。クリエイター諸氏、是非体験してみてくださいませ。

こちらの記事もどうぞ。

「小説執筆」、何を使っていますか？

ワードプレス更新作業の強い味方、マークダウンエディタ！

マークダウンとこのフローチャート（しかも画像取り込みも可能）のやつを使えれば、あとはVSCodeの標準機能だけでも死ぬほど便利で使い勝手の良い環境になると思うなぁ。

The post VSCodeでフローチャート（を使った人物相関図）を直感的に書く方法 first appeared on 文章で生きていく.

ワードプレス更新作業の強い味方、マークダウンエディタ！

一式鍵 — Thu, 15 Jul 2021 03:40:05 +0000

スマホでマークダウン
Marker: Markdown Editor
マークダウンエディタを使うメリット
ワードプレスの更新！

スマホでマークダウン

ワードプレス更新の際には、基本的にはパソコンにて「VIsual Studio Code」にプラグイン「Markdown All in One」突っ込んでの作業になるんですが、スマホでも効率よく作業できないものかなということで、ちらっとGoogleさんで探してみました。

ちなみにVisual Studioの話はこちら↓の記事で。

「小説執筆」、何を使っていますか？

Marker: Markdown Editor

評判がよさげだったので、↑を入れてみました。Visual Studio Code系列は評判がひどかったのでスルー(笑)　レビューとかそういうのは足切りに使うのに便利。もしかすると自分にフィットするかもしれないですが、それを検証する時間が惜しい。この辺、小説サイトでも同じかもね。と、無理矢理（元）小説書きっぽいことを言ってみる。私、一応カクヨム民ですよ。

マークダウンエディタを使うメリット

ワードプレスの編集画面って、重くないですか？　だかだかっと打ち込む私のようなタイプだと、あのもっさり感は耐えがたいんです。

カテゴリー設定とかアイキャッチとかタグのところはいいとして、本文重いのは許せないし時間がもったいない。考えも途切れてしまうし。だから一瞬たりとも入力遅延はしてほしくない。文字書きしていて一番苛立つのは、打鍵に画面が追い付いてこないときです。

マークダウンエディタは軽い

だからこそのスピード感。「マークダウンエディタ」っていうのは、簡単に言うと「超強いメモ帳」。なので、重さという点ではほとんどメモ帳。というか、下手すりゃメモ帳より軽い。とにかく「重さ」でストレス感じません。

整形がほとんどオート

これすごく重要で、たとえば↑の見出しのところはエディタでは「### 整形がほとんどオート」って書いてあります。たったそれだけで「H3」の見出しになります。これをまんまワードプレスに（プレーンテキストで）貼り付けするだけで、ちゃんとその形になって表示されるのです。

構成管理がとにかく楽

最初に見出しをがしがしつくっておいて、そこに文章を盛っていってひとつの記事に。これ、メモ帳でもできるんですが、マークダウンエディタを使うと同時並行的に見映えを確認できる。メモ帳にはできませんし、ワードプレス直書きは前述の通り「重たい」のでおすすめしません。

他のマークダウンエディタでも同じルール

マークダウン記法はエディタ依存じゃありません。なので、エディタ間での互換性があります。なのでエディタごとのルールを覚える必要はないです。

さらに、この「Marker」というエディタ、ショートカットメニューボタンがすばらしい。全く説明なしでも使えるレベル。見出し、太字、表作成などなどがボタンひとつで設定できちゃいます。もちろん、手でさくさく設定することもできます。私はもっぱら手打ちですが、表作成とかはショートカットの方が圧倒的に楽。というように、自由に使い分けできます。

PDF出力ができる！

ごく普通にPDF化できちゃいます。末尾にその一部を載せときます。

ワードプレスの更新！

この記事も「Marker」で書いたものをそのままコピペして作っています。めちゃめちゃ楽。見出しとかそのまま入ってくれるのがたまりません。

パソコンならVisual Studio Code 一択かなぁと思いますが、スマホならこっちの「Marker」がいいかも。Dropboxから直接開いて編集……のようなクラウド連携ができないのはちょっとマイナスですが、どっちみちワードプレスにて保存するわけですし。何万文字とかにならないなら、スマホ保存で十分じゃないですかね？

スマホからワードプレス更新する方、まじでマークダウンエディタはおすすめでございますよ。

ちなみにこの記事をそのまま単純にpdfに出力すると、↓のようになります。

こんなふうに。

マークダウンは本当に便利なので、まずは挑戦してみてはどうでしょうか！

The post ワードプレス更新作業の強い味方、マークダウンエディタ！ first appeared on 文章で生きていく.

「小説執筆」、何を使っていますか？

一式鍵 — Tue, 13 Jul 2021 14:52:14 +0000

というわけで、私が小説執筆時に使っていた＆今もブログやら仕事やらでフル活用しているエディタについて紹介しますよ。生涯で最も長時間触っているエディタだと思う。

Visual Studio Code
自動保存機能
タブエディタ
フォルダ管理ができる
1. フォルダごと開く！
2. フォルダの中をまるごと検索！
プラグインがすごい

Visual Studio Code

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

VSCodeはこちらからダウンロードできます。
https://azure.microsoft.com/ja-jp/products/visual-studio-code/

自動保存機能

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

エディターの自動保存の設定

Visual Studio Code でエディターの自動保存に関する設定を行う方法について解説します。

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

タブエディタ

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

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

フォルダ管理ができる

フォルダごと開く！

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

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

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

フォルダの中をまるごと検索！

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

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

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

プラグインがすごい

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

CharacterCount

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

すべての空白文字(全角/半角スペース、改行、タブ)
ルビ範囲指定記号(《》)とその中の文字
ルビ開始記号(「|」、「｜」)

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

Convert Ruby

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

Markdown All in One

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

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

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

7/15追記

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

「セイレネス・ロンド」世界の要素を数値化してみる - セイレネス・ロンド / 統合情報サイト

とりあえず「静心」ベースですが、キャラクターの来歴こそ違うところもありますが、ユニットベースで考えた場合は「セ

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

ワードプレス更新作業の強い味方、マークダウンエディタ！

2021/12/25追記

小説執筆に「VisualStudioCode」を使う時に使える拡張機能・縦書き＋α

以前、このような記事を書いて紹介しています。VisualStudioCodeのインストールについても書いてます。入れておいて損の無いエディタなので「そんなに専門的（ぽいの）要らないよ～」なんて方でも入れてみてください。難しいこと無いので。 ...

The post 「小説執筆」、何を使っていますか？ first appeared on 文章で生きていく.

【必見】Google Analyticsの導入方法【カクヨム】

一式鍵 — Mon, 20 May 2019 14:44:14 +0000

さて、当サイトでもさんざん「Google Analytics」のすばらしさとか威力とかを絶賛してきたのですが、実は今まで導入方法には触れていませんでした。が、意外とこの世には（カクヨム民のみならず）この素晴らしい無料の機能を導入できずに彷徨っている子羊ちゃん（女子限定）がたくさんいることが分かりました。男子に用事はないのでお帰りください。

挨拶はこの辺にして、さっそく導入手続きを進めていきましょう。「カクヨム」に「Google Analytics」を連携させるのはとっても簡単なんです。「Google Analyticsの見方」に関しては別のエントリでお話するとして（ていうか、それだけで本一冊書けます……）、今回はまずは登録してみましょう！　早い方がいいです、登録は。

導入手順

導入手順

Google編

まずはGoogleアカウントを登録する

▼https://www.google.com　に行きます。右上に「ログイン」とあるので、ログインしてください。

この時点ですでにログインされている場合は、「Google Analyticsの登録→トラッキングIDを取得する」まで進んでください。

▼「アカウント」をすでに持っている場合はログインしてください。
　持っていない場合は、左下にある「アカウントを作成」を押してください。

※ここで「自分用」か「企業用」か訊かれるので、「自分用」を選択します。

▼必要な情報を入力します。本名じゃなくてもいいです。入力できたら「次へ」を押します。

▼無事にgmailのアカウントが確保出来たら、その他の情報を埋めます。
　再設定用のアドレスは、ここで入力しておいた方が良いです。入力出来たら「次へ」。

「プライバシーポリシー」→「同意する」と進むと、アカウントが完成します！

Google Analyticsの登録→トラッキングIDを取得する

https://marketingplatform.google.com/about/　にアクセス

▼ページ真ん中あたりの画像の赤丸をクリック。
　この📶のようなマークがGoogle Analyticsのアイコンです。覚えておいてください。

▼でっかいフォントの下にある「無料で利用する」をクリックします

▼画面右にある「登録」ボタンを押します。説明は特に読まなくて良いです。

▼するとなにやらめんどくさそうな画面が出てきます。が、↓の赤枠の通りに埋めてください。
　そして下の方にある「トラッキングIDを取得」を押下します。

▼「日本」（ドロップダウンリストの下の方にあります）を選び、チェックを入れます。

▼「同意する」を押して少し待つと次の画面になります。
　もし、Android？　iOS？とか訊かれたら、とりあえず「興味なし」でOK。とりあえずPCで見られることだけを考えよう。
　（スマホでみたければ、Google Analyticsのアプリ入れればいい話）

　赤い四角で囲んだ「トラッキングID」だけが重要。この「UA-～」をコピーしておく。

これでAnalytics側の設定は完了。お疲れさまでした。作業はあとちょっとです。

カクヨムにGoogle Analyticsの設定をする

「カクヨム」にアカウント登録をする

この手順は端折ります。すぐ終わります。

「カクヨム」にトラッキングIDを設定する

▼まずは画像のように「アカウント名」→「アカウント設定」をクリック

▼「その他」タブをクリック

▼ページの下の方にある「Google Analyticsの埋め込み」欄に、先ほどコピーした「UA-なんちゃら」をペーストします。

「変更を保存」で登録完了！

以上で「Google Analytics」と「カクヨム」の連携設定は完了です！

それでは良き執筆ライフを！

The post 【必見】Google Analyticsの導入方法【カクヨム】 first appeared on 文章で生きていく.