なろう度偏差値計算機をホームページに埋め込んでみた

昨日投稿した「なろう度偏差値計算機」ですが、予告通りホームページに埋め込むことに成功しました。下のリンク、もしくはページ上部メニューの「ツール一覧」からアクセスできます。

計算機　概要入力したタイトルに含まれる名詞から「なろう度偏差値」を計算して出力します。使用技術など PythonJavaScript 注意点出力に数秒かかります空白や一部の記号は処理の都合で省かれますなろう単語辞書に登録されていな...

前回の記事はこちら↓

暑さに耐えきれず、最近エアコンを使いだしたぴのです。７月も終盤というのに雨が続いて湿度がヤバいです。服を着ているだけで蒸れてしまうのですが、どうしたらいいんですかね。さて、前回「なろう頻出単語辞典」なるものを作ったのですが、今回はそれを応...

以下このページでは、「なろう度偏差値計算機」のソースコードの解説や、WordPressへのPythonコードの埋め込み方法を残しておきたいと思います。

なろう度偏差値計算機

HTML表示部分

<form action="/narou.php" method="post" id="AjaxForm">
<input type="text" name="title">　
<input type="submit" value="計算" class="submit">
</form>
<div id="result"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" async=""></script>

ページ上で見えている部分です。「計算」を押すとnarou.phpに入力したタイトルが転送されます。デフォルトのままだとそのままnarou.phpを表示してしまう（＝ページから離れてしまう）ので、次のJavaScriptで制御しています。

JavaScript処理部分

$('#AjaxForm').submit( function(event) {
    event.preventDefault();
    const $form = $(this);
    const $button = $form.find('.submit');
    $.ajax({
        url: $form.attr('action'),
        type: $form.attr('method'),
        data: $form.serialize(),
        timeout: 10000, 
        beforeSend: (xhr, settings) => {
            $button.attr('disabled', true);
            $("#result").text("")
        },
        complete: (xhr, textStatus) => {
            $button.attr('disabled', false);
        },
        success: (result, textStatus, xhr) => {
            $form[0].reset();
            $("#result").append(result);
        },
        error: (xhr, textStatus, error) => { 
            alert('通信エラー');
        }
    });
});

ページ遷移を行わないようにしたり、計算ボタンを処理中に押せなくしたり、結果を表示させたりといったページ上の動的な処理を行っています。

PHP処理部分

<?php
$title = str_replace([" ", "　", "~", "～", "-"], "", $_POST['title']);
$command = 'export LANG=ja_JP.UTF-8;/usr/local/bin/python3 /virtual/okinotori/public_html/okinotori/narou.py '.$title;
exec($command, $output);
 
foreach ($output as $o) {
  echo $o . '<br>';
}
?>

転送されてきたタイトルを整形し、exec関数を用いてnarou.pyを実行します。narou.pyで標準出力されたものは変数outputに格納されるので、それを改めてHTMLとして出力します。

Python処理部分（本体）

import sys
sys.path.append('/virtual/okinotori/my-space')
args = sys.argv
import csv
from janome.tokenizer import Tokenizer

with open('narou10000.csv', 'r') as f:
    reader = csv.DictReader(f)
    d = [row for row in reader]
dic_dev = dict(d[0])

noun = 0
point = 0
title = args[1]
print(title)
tokenizer = Tokenizer()
tokens = tokenizer.tokenize(title)
for token in tokens:
  if token.part_of_speech[:2] == '名詞':
    if token.surface in dic_dev:
      print(token.surface + ":\t" + dic_dev[token.surface])
      point += float(dic_dev[token.surface])
    else:
      print(token.surface + ":\tNone")
    noun += 1

print("偏差値:\t"+str(point/noun))

「なろう度偏差値計算機」本体です。本体部分のコードは前回とほとんど変わりませんが、辞書はあらかじめ計算してCSVとして出力したものから読み込んでいます。