@Blog
過去の蓄積を見るために書く日記.
リクルートの人工知能api（a3rt）で自動記事生成の作り方。
「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>
著者名
@taoka_toshiaki
※この記事は著者が30代後半に書いたものです．
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki
タグ
AM,
猫でもできるjsでゴリゴリ
有言実行ということで、ゴリゴリ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>
著者名
@taoka_toshiaki
※この記事は著者が30代後半に書いたものです．
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki
タグ
１, ajax.googleapis.com, AM, console.log, div id, div>, DOCTYPE html>, head>, html5shiv.googlecode.com, input type, link rel, meta http-equiv, return str, script src, script>, str1, stylesheet, title>, topcoat-desktop-dark.css, var ajikan, var str,