リクルートの人工知能api(a3rt)で自動記事生成の作り方。

20170610

Logging


AIさえグッと身近に。文章予測AIのAPIでブログを書いてみた。」の記事を読んでLIGさんは
ruby言語で書いている、だったら自分はPHPで同じことをやってみようと
思いたち、PHPでリクルートのAPIを使用して自動記事生成するものを作ってみた。
結果:案外簡単にできてしまったけれど、返ってくる文章予測は
全然、文章としてはハチャメチャなので今のところは
こんなの出来ましたよぐらいですね。
実際、ハチャメチャな文章ですけどAIのプログラムは精度高いと思いますよ。
サンプルサイトとソースを掲載します。
https://zip358.com/tool/aigengo/
),
);
$data = http_build_query($data);
$url = “https://api.a3rt.recruit-tech.co.jp/text_suggest/v1/predict”;
$obj = file_get_contents($url.”?”.$data);
header(‘Content-Type: application/json’);
print($obj);

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>続きは自動生成でAI</title>
    <meta name="viewport" content="user-scalable=no,initial-scale = 1.0,maximum-scale = 1.0">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../topcoat/main/fonts/stylesheet.css">
    <link rel="stylesheet" type="text/css" href="../topcoat/css/topcoat-desktop-dark.css">
    <link rel="stylesheet" type="text/css" href="../topcoat/main/css/main.css">
    <link rel="stylesheet" type="text/css" href="../topcoat/main/css/brackets.css"><!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <script>
$(function () {
    $('#btn').click(function () {
        $.ajax({
            url: 'aibot_text.php',
            type: 'post',
            dataType: 'json',
            data: {
                style:$('#ai_style').val(),
                separation:$('#ai_separation').val(),
                text: $('#text').val()
            }
        })
        .done(function (obj) {
            console.log(obj);
            var str ="";
            for(var i=0;i<obj.suggestion.length;i++){
                str+= obj.suggestion[i]+"<br>";
            }
            $('#kaiwa').html("<br>ひゅうまん語:" + $('#text').val() + "<br>>><br>つづきはAI語:" + str + "<br>");
            $('#text').val("");
        })
        .fail(function (obj) {
            $('#kaiwa').val('失敗');
        });
    });
});
    </script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-71682075-1', 'auto');
  ga('send', 'pageview');
</script>
  </head>
  <body class="dark">
      <div id="wrapper">
          <section class="component">
                <h1>リクルートトークンAIで</h1>
                <div>会話の続きを自動生成してみよう。</div>
                <p>
                    文を生成するための入力文を指定:
                    <select id="ai_style">
                        <option value="0">現代文</option>
                        <option value="1">和歌</option>
                        <option value="2">プログラミング言語(Go) </option>
                    </select>
                </p>
                <p>
                    生成する文の長さを指定:
                    <select id="ai_separation">
                        <option value="0">単語</option>
                        <option value="1">フレーズ</option>
                        <option value="2">センテンス </option>
                    </select>
                </p>
                <textarea class="topcoat-textarea" id="text"rows="6" cols="36" placeholder="日本語を入力してください。"></textarea><br>
                <button class="topcoat-button--large--cta" id="btn">Button</button><br>
                <div id="kaiwa"></div>
            </section>
      </div>
  </body>
</html>

 
 
 

タグ

AM,


猫でもできるjsでゴリゴリ

20170610

Logging


有言実行ということで、ゴリゴリJSのサンプル書いてみました。
と言ってもサンプルなので数行だけです。
唯、これを理解すると結構便利です。使い方は人それぞれだと思いますが
簡単に言えばJSのプラグインの考え方と似ていますね。
最初の部分だけ変更すればプラグインになっちゃうからね。
トイウコトでサンプルです。
本当はボタン押しても何も動かない仕様にするつもりでした。
コンソールログから出力した値から導き出して欲しかったけど
いまどきオープンなので・・・。
サンプルサイトとソースを掲載します。
https://zip358.com/tool/ajikan_js/

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>猫でもできるjsでゴリゴリ</title>
    <meta name="viewport" content="user-scalable=no,initial-scale = 1.0,maximum-scale = 1.0">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../topcoat/main/fonts/stylesheet.css">
    <link rel="stylesheet" type="text/css" href="../topcoat/css/topcoat-desktop-dark.css">
    <link rel="stylesheet" type="text/css" href="../topcoat/main/css/main.css">
    <link rel="stylesheet" type="text/css" href="../topcoat/main/css/brackets.css"><!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <script>
        $(function(){
            var ajikan  = {
                ajisen:function(){
                    var str = "味せんべい";
                    console.log(str);
                    return str;
                },neko:function(){
                    var str = "猫が";
                    console.log(str);
                    return str;
                },loop:function(obj){
                    var cnt = Number($(obj).val());
                    console.log(cnt);
                    return cnt;
                },taberu:function(ore,str1,str2,cnt){
                    var o = "";
                    for(var i=0;i<cnt;i++){
                        o+=str1;
                    }
                    for(var i=0;i<cnt;i++){
                        o+=str2;
                    }
                    o+="たべる?";
                    $(ore).html(o);
                    return;
                }
            };
            $("#ore").click(function(){
                  console.log("oioioi・・投資信託");
                  var e  =  ajikan;
                  e.taberu("#obj",e.neko(),e.ajisen(),e.loop("#cnt"));
            });
        });
    </script>
  </head>
  <body class="dark">
      <div id="wrapper">
          <section class="component">
              <input type="text" value="" id="cnt">
              <input type="button" value="お!!" id="ore">
              <div id="obj">
              </div>
            </section>
      </div>
  </body>
</html>

 

タグ

, ajax.googleapis.com, AM, console.log, div id, div&gt, DOCTYPE html&gt, head&gt, html5shiv.googlecode.com, input type, link rel, meta http-equiv, return str, script src, script&gt, str1, stylesheet, title&gt, topcoat-desktop-dark.css, var ajikan, var str,