団塊世代の黄昏 – 私が作成したものやブログのフロントページです。

Pythonでスクレイピング

スクレイピングの例として、Yahoo からトヨタの株価を取得しグラフを描いてみる。
逐次確認しながら進めるため、Jupyter-notebookを使用する。

１．Yahoo からトヨタ（7203）の株価を取得する

# -*- coding: utf-8 -*-
import urllib.request, urllib.error
from   bs4 import BeautifulSoup
import re  # 正規表現

# アクセスするURL
url = "https://info.finance.yahoo.co.jp/history/?code=7203.T"

# URLにアクセスする 戻り値にはアクセスした結果やHTMLなどが入ったinstanceが帰ってきます
instance = urllib.request.urlopen(url)

# instanceからHTMLを取り出して、BeautifulSoupで扱えるようにパースします
soup = BeautifulSoup(instance, "html.parser")

print(soup.title)

# -*- coding: utf-8 -*-

import urllib.request, urllib.error

from bs4 import BeautifulSoup

import re # 正規表現

# アクセスするURL

url = "https://info.finance.yahoo.co.jp/history/?code=7203.T"

# URLにアクセスする戻り値にはアクセスした結果やHTMLなどが入ったinstanceが帰ってきます

instance = urllib.request.urlopen(url)

# instanceからHTMLを取り出して、BeautifulSoupで扱えるようにパースします

soup = BeautifulSoup(instance, "html.parser")

print(soup.title)

<title>トヨタ自動車(株)【7203】：株式/株価 - Yahoo!ファイナンス</title>

1	<title>トヨタ自動車(株)【7203】：株式/株価 - Yahoo!ファイナンス</title>

２．株式のテーブルを取得し、その中の全行(tr)を取出す

stc_tbl=soup.find('table',class_='boardFin')
stc_trs=stc_tbl.find_all('tr')
stc_trs

stc_tbl=soup.find('table',class_='boardFin')

stc_trs=stc_tbl.find_all('tr')

stc_trs

結果は、次の様なリストになる。

[<tr>
 <th width="20%">日付</th>
 <th width="12%">始値</th>
 <th width="12%">高値</th>
 <th width="12%">安値</th>
 <th width="12%">終値</th>
 <th width="12%">出来高</th>
 <th width="20%">調整後終値*</th>
 </tr>,
 <tr><td>2018年12月11日</td><td>6,800</td><td>6,812</td><td>6,738</td><td>6,745</td><td>6,559,300</td><td>6,745</td></tr>,
 <tr><td>2018年12月10日</td><td>6,720</td><td>6,839</td><td>6,720</td><td>6,820</td><td>5,380,200</td><td>6,820</td></tr>,
：
]

[<tr>

<th width="20%">調整後終値*</th>

</tr>,

<tr><td>2018年12月11日</td><td>6,800</td><td>6,812</td><td>6,738</td><td>6,745</td><td>6,559,300</td><td>6,745</td></tr>,

<tr><td>2018年12月10日</td><td>6,720</td><td>6,839</td><td>6,720</td><td>6,820</td><td>5,380,200</td><td>6,820</td></tr>,

：

]

３．株価データ用の2次元リストを作成する

# 数値内のカンマを除去する
def trimcom(data):
    return data.replace(",","")

data=[] # データ格納用のリスト
for i,stc_tr in enumerate(stc_trs):
    if i == 0:
        # 先頭行は見出し
        stc_ths=stc_tr.find_all('th')
        th=[] # 列見出し用のリスト
        for j, stc_th in enumerate(stc_ths):
            # リストに見出しを格納
            th.insert(j, stc_th.string)
        data.insert(i,th) # data[0] に見出しのリストを格納
    else:
        # 2行目以降は株価データ
        stc_tds=stc_tr.find_all('td')
        td=[] # 株価データ用のリスト
        for j,stc_td in enumerate(stc_tds):
            # 株価からカンマを除去しリストに格納
            td.insert(j, trimcom(stc_td.string))
            if j > 0:
                # 日付以外を整数型に変換
                td[j]=int(td[j])
        data.insert(i,td) # data[i] に株価データのリストを格納

data

# 数値内のカンマを除去する

def trimcom(data):

return data.replace(",","")

data=[] # データ格納用のリスト

for i,stc_tr in enumerate(stc_trs):

if i == 0:

# 先頭行は見出し

stc_ths=stc_tr.find_all('th')

th=[] # 列見出し用のリスト

for j, stc_th in enumerate(stc_ths):

# リストに見出しを格納

th.insert(j, stc_th.string)

data.insert(i,th) # data[0] に見出しのリストを格納

else:

# 2行目以降は株価データ

stc_tds=stc_tr.find_all('td')

td=[] # 株価データ用のリスト

for j,stc_td in enumerate(stc_tds):

# 株価からカンマを除去しリストに格納

td.insert(j, trimcom(stc_td.string))

if j > 0:

# 日付以外を整数型に変換

td[j]=int(td[j])

data.insert(i,td) # data[i] に株価データのリストを格納

data

出力結果の一部を示す

[['日付', '始値', '高値', '安値', '終値', '出来高', '調整後終値*'],
 ['2018年12月11日', 6800, 6812, 6738, 6745, 6559300, 6745],
 ['2018年12月10日', 6720, 6839, 6720, 6820, 5380200, 6820],
 ['2018年12月7日', 6927, 6939, 6814, 6858, 7562500, 6858],
：
]]

[['日付', '始値', '高値', '安値', '終値', '出来高', '調整後終値*'],

['2018年12月11日', 6800, 6812, 6738, 6745, 6559300, 6745],

['2018年12月10日', 6720, 6839, 6720, 6820, 5380200, 6820],

['2018年12月7日', 6927, 6939, 6814, 6858, 7562500, 6858],

：

]]

４．plotly で扱いやすくするため、２次元リストをデータフレームに変換する

import pandas as pd
df = pd.DataFrame(data[1:20],columns=data[0])

df

import pandas as pd

df = pd.DataFrame(data[1:20],columns=data[0])

５．plotly でグラフを描く

import plotly.offline as offline # offline notebook 用
import plotly.graph_objs as go

# offline notebook 用
offline.init_notebook_mode()

trace0 = go.Scatter(
    x = df['日付'],
    y = df['高値'],
    mode = 'lines+markers',
    name = '高値'
)
trace1 = go.Scatter(
    x = df['日付'],
    y = df['安値'],
    mode = 'lines+markers',
    name = '安値'
)
data = [trace0,trace1]
# offline notebook 用
offline.iplot(data,image='png')

import plotly.offline as offline # offline notebook 用

import plotly.graph_objs as go

# offline notebook 用

offline.init_notebook_mode()

trace0 = go.Scatter(

x = df['日付'],

y = df['高値'],

mode = 'lines+markers',

name = '高値'

)

trace1 = go.Scatter(

x = df['日付'],

y = df['安値'],

mode = 'lines+markers',

name = '安値'

)

data = [trace0,trace1]

# offline notebook 用

offline.iplot(data,image='png')

本来であれば「ローソク足」という株価特有のチャートにしたかったのだが
plotlyのものはとても馴染めないものだったので、折れ線グラフで妥協した。

geopandas のインストール

pip で geopandas のインストールが出来なかった。
同じ問題で悩んでいる方の福音となればとの想いで書留めたメモです。

当方の環境

windows 7 64bit
python 3.7（単独でインストール）

Visual c++ をインストールし、ググって調べたあらゆる方法を試みるも、パッケージの依存関係の所為か全て失敗に終わる。
そんな時に見つけたのが、Windows バイナリを入手してのインストール方法。

配布元：Unofficial Windows Binaries for Python Extension Packages

このサイトから、geopandas‑0.4.0‑py2.py3‑none‑any.whl を探しダウンロード。
（C:\Users\ユーザー名\Downloads にダウンロードしたものとする。）

次に

C:\Users\ユーザー名\Downloads> python -m pip install geopandas‑0.4.0‑py2.py3‑none‑any.whl

1	C:\Users\ユーザー名\Downloads> python -m pip install geopandas‑0.4.0‑py2.py3‑none‑any.whl

として、pip の実行。

悩みに悩んだ geopandas のインストールが、実に簡単に success！

ぬか喜びに終わらないよう、その動作確認を

import plotly.offline as py
import plotly.figure_factory as ff

fips = ['06021', '06023', '06027',
        '06029', '06033', '06059',
        '06047', '06049', '06051',
        '06055', '06061']
values = range(len(fips))

fig = ff.create_choropleth(fips=fips, values=values)
py.plot(fig, filename='simple-example.html', include_plotlyjs='cdn')

import plotly.offline as py

import plotly.figure_factory as ff

fips = ['06021', '06023', '06027',

'06029', '06033', '06059',

'06047', '06049', '06051',

'06055', '06061']

values = range(len(fips))

fig = ff.create_choropleth(fips=fips, values=values)

py.plot(fig, filename='simple-example.html', include_plotlyjs='cdn')

既定のブラウザが起動し、地図が表示されて OK！。

なお、上を実行すると次のようなワーニングが出るが、無視して構わないらしい。

C:\python\lib\site-packages\pandas\core\frame.py:6211: FutureWarning:

Sorting because non-concatenation axis is not aligned. A future version
of pandas will change to not sort by default.

To accept the future behavior, pass 'sort=False'.

To retain the current behavior and silence the warning, pass 'sort=True'.

C:\python\lib\site-packages\pandas\core\frame.py:6211: FutureWarning:

Sorting because non-concatenation axis is not aligned. A future version

of pandas will change to not sort by default.

To accept the future behavior, pass 'sort=False'.

To retain the current behavior and silence the warning, pass 'sort=True'.

Apacheが起動しない場合の対策

このところ、ウィルスバスターが原因でPC起動時にapacheが立ち上がらない。
仕方ないので、「ウィルスバスター停止→xampp-controlからapache起動→ウィルスバスター再起動」を毎日繰り返している。
原因がはっきりしているので、こちらはトレンドマイクロに問合せ中であるが回答がない。

今朝方は、これに加え「PID 4」がポート80を使用してとのことで、上の手順でも起動せず。
インターネットをググって何とか対策ができたので、その手順を残して置く。

1. プロセスID（PID）の特定

ポート80を使用しているPIDを特定する

netstat -nao | findstr 0.0.0:80

1	netstat -nao \| findstr 0.0.0:80

2. タスク名の特定

ポート80をListenしているPIDからイメージ名（タスク名）を調べる

tasklist | findstr PID # 上のPID（数値）を指定

# または

tasklist /svc | findstr PID

tasklist | findstr PID # 上のPID（数値）を指定

# または

tasklist /svc | findstr PID

3. サービスの停止

（2019/1/8 追記）
原因は、PID 4 System が port 80 を使用しているのが原因であった。
System 自体は停止できないので、その中でどのサービスが port 80 を使用しているかを特定する必要がある。
Opening Up Port 80 For Apache to Use On Windowsにその一覧が有るので、一つ一つサービスを確認する。

今回の原因は「Web Deployment Agent Service」（参考サイト(1)に同じ）。
このサービスが、何故起動するようになったかは不明ではあるものの、これまで使っていなかったので停止しても問題はなかろうとの判断の元、これを停止することにする。

「スタート→管理ツール→サービス」として、表示されたサービスの中から一致する名前を探し、それをダブルクリックして次のように設定する
。
(1)スターアップの種類→「手動」
(2)サービスの状態→「停止」

その後、apacheの起動。

4. 参考サイト

(1)Windows7でApacheが起動しない
(2)WebMatrix とポート80 の関係を断つ方法
(3)netstatでリッスンしているプロセスを特定する
(4)Windows で Port 80 を使っている PID 4 ってナニヤツ

Plotlyオンラインプロットは素晴らしいのだが、無償の範囲で使用するとなると、登録できるプロット数が25迄なので、いろいろ試すにはちょっと少ない。
これが、商売なら$420/年程度なら高いとは思わないが、如何せん単なるお勉強程度の私にはやや高価過ぎ。
そこで、どうしても必要になるのがオフラインでの使用。
詳細については、こちらのページの中段よりやや下の「Initialization for Offline Plotting」に説明が記載されているが、自分用にまとめておく。

オフライン・プロットを行うためのメソッドが2つある。

plotly.offline.plot()
ローカルにHTMLファイルを作成/出力し、ブラウザにその内容を表示する
plotly.offline.iplot()
Jupyter notebook 内にプロット表示する

【使用例】

(1) plotly.offline.plot

import plotly
import plotly.graph_objs as go

plotly.offline.plot({
    "data": [go.Scatter(x=[1, 2, 3, 4], y=[4, 3, 2, 1])],
    "layout": go.Layout(title="hello world")
}, auto_open=True)

import plotly

import plotly.graph_objs as go

plotly.offline.plot({

"data": [go.Scatter(x=[1, 2, 3, 4], y=[4, 3, 2, 1])],

"layout": go.Layout(title="hello world")

}, auto_open=True)

これを実行すると、ソースを作成したフォルダに “temp-plot.html” が作成され、既定のブラウザにプロットが表示される。
ファイル名を指定する場合は、filename で指定する。

import plotly
import plotly.graph_objs as go

plotly.offline.plot({
    "data": [go.Scatter(x=[1,2,3,4], y=[4,3,2,1])],
    "layout": go.Layout(title="hello world")
}, auto_open=True, filename="sample01.html")

import plotly

import plotly.graph_objs as go

plotly.offline.plot({

"data": [go.Scatter(x=[1,2,3,4], y=[4,3,2,1])],

"layout": go.Layout(title="hello world")

}, auto_open=True, filename="sample01.html")

指定せずに、実行すると”temp-plot.html”となり、既に同名のファイルが存在する場合は上書きされる。

(2) plotly.offline.iplot

この場合、nootbook セッション内で次のステップを実行する必要がある。

plotly.offline.init_notebook_mode()

1	plotly.offline.init_notebook_mode()

使用例を以下に示す。

import plotly
import plotly.graph_objs as go

plotly.offline.init_notebook_mode(connected=True)

plotly.offline.iplot({
    "data": [go.Scatter(x=[1, 2, 3, 4], y=[4, 3, 2, 1])],
    "layout": go.Layout(title="hello world")
})

import plotly

import plotly.graph_objs as go

plotly.offline.init_notebook_mode(connected=True)

plotly.offline.iplot({

"data": [go.Scatter(x=[1, 2, 3, 4], y=[4, 3, 2, 1])],

"layout": go.Layout(title="hello world")

})

是さえ押さえておけば、Plotlyを心置きなく自由に使用できるはず！！

Anacondaよ、さようなら

anaconda のインストールはもう諦めた。
暫くは、anaconda のpythonをイジッていたのだが
或る時から、動作が遅くてどうにもならない。
再インストールしようとアンインストールしたのが
ケチの付けはじめ。

最新版をダウンロードして、意気揚々インストールを
試みるも、最後の最後でERROR！

こんなんで、エラー内容が分かるか？
色々ググって対策を試みるも全て×（ダメ）

その都度、何度アンインストールとインストールを繰返したことか！
パソコンの調子までおかしくなってしまう程。
海外のサイトも含め調べたが、同様に悩んでいる人が多数いるものの
これといった対策は皆無。

やりたいことが有るので、これ以上コイツに関わるのはやめた。

もう選択肢は、python の単独インストール一択のみ。
必要なものは、一つずつインストールしていくしかない。
まず、jupyter だけは必要なので、個別にインストール。
これだけで、私的には anaconda と同じ様な環境に！
と言うか、返ってストレスなくサクサクと動く想定を超えた環境。

パッケージの管理も、”pip”で十分。
Numpy、Scipy、pandas ・・・問題なくインストールできている。

Anaconda よ、さらば！

tibble の桁表示について

tibble とは、tbl_df クラスが付与された改良版の data.frame のことで、これを表示した場合、各変数（列）のデータ型が表示されたり、1 画面に収まるようデータが見易く編集された形式で出力されます。
data.frame よりは、処理速度の面でも優れているとのことなので tibble を使ってみたが、平均値を出力すると次のように数値が丸められて小数点以下が表示されない。

> m_tbl

# A tibble: 1 x 2
  aaの平均 bbの平均
     <dbl>    <dbl>
1    5831.    4802.

> m_tbl

# A tibble: 1 x 2

aaの平均 bbの平均

1 5831. 4802.

本来の数値は、次の通りであるべきですが・・・

> print.data.frame(m_tbl)

  aaの平均 bbの平均
1 5831.247 4801.974

> print.data.frame(m_tbl)

aaの平均 bbの平均

1 5831.247 4801.974

こうなってしまうのは、tibble の使用する pillar というパッケージが有効数字や欠損値などの表示形式を勝手にイジってしまうためとのことです（詳しくは、こちらを参照）。

見易さを重視するため、数値の有効桁数がデフォルトで 3 に設定されており、それを超える数値は小数点以下の桁が丸められてしまうようです。
それを示すのが下の事例です。

library(pillar)
x <- 123456789 * (10 ^ c(-3, -5, NA, -8, -10))
pillar(x)

>      <dbl>
>123457.      # 小数点第1位が四捨五入されている
>  1235.      # 小数点第1位が四捨五入されている
>    NA     
>     1.23    # 小数点第3位が四捨五入されている
>     0.0123  # 小数点第5位が四捨五入されている

library(pillar)

x <- 123456789 * (10 ^ c(-3, -5, NA, -8, -10))

pillar(x)

> <dbl>

>123457. # 小数点第1位が四捨五入されている

> 1235. # 小数点第1位が四捨五入されている

> NA

> 1.23 # 小数点第3位が四捨五入されている

> 0.0123 # 小数点第5位が四捨五入されている

これではちょっと困るので、デフォルトの有効桁を変更します。この変更には、options を使用します。

# 項目の表示幅を10ケタに
options(pillar.sigfig = 10)
x <- 123456789 * (10 ^ c(-3, -5, NA, -8, -10))
pillar(x)
>          <dbl>
> 1.234567890e+5
> 1.234567890e+3
>NA             
> 1.234567890e+0
> 1.234567890e-2

# 項目の表示幅を10ケタに

options(pillar.sigfig = 10)

x <- 123456789 * (10 ^ c(-3, -5, NA, -8, -10))

pillar(x)

> <dbl>

> 1.234567890e+5

> 1.234567890e+3

>NA

> 1.234567890e+0

> 1.234567890e-2

または、標準の print.data.frame()（上の例を参照）や print.data.table() を使うこともできます。また、print.tbl_df() 関数を上書きすることも可能で、次の様な設定を .Rprofile にしておけば print.data.table()（または print.data.frame()）がデフォルトで使用されるようになります。

# ~/.Rprofile
assign("print.tbl_df", data.table:::print.data.table, envir = .GlobalEnv)
#assign("print.tbl_df", print.data.frame, envir = .GlobalEnv)

# ~/.Rprofile

assign("print.tbl_df", data.table:::print.data.table, envir = .GlobalEnv)

#assign("print.tbl_df", print.data.frame, envir = .GlobalEnv)

tibble を使用する場合は、表示された数値にくれぐれも注意してください！！

Graphviz 周りの用語

色々な単語が出てくるので、整理しておく。

用語	内容
diagrammeR	R におけるグラフ（Graphviz)描画のためのパッケージ
grViz	diagrammeR のグラフ描画用の関数。Graphvizにはない @@ 等の機能が追加されている。
Graphviz	グラフ描画の本家本元。
dot	グラフ記述用の言語。dot 自体は有向グラフ描画用。他に無向グラフ用に NEATO などもある。
viz.js	JavaScrit 用のライブラリ。
full.render.js	JavaScrit 用のライブラリ。V 2.0 より前はviz.jsだけをインクルードするだけだったが、V 2.0 からはこのライブラリもインクルードしなければならない。

Viz.js – HTMLでGraphviz

前置きはさておき、ここでは「Viz.js」の使用方法を例を持って示していきます。

【js ライブラリの取得】

GitHubから、

full.render.js
viz.js

をダウンロードして、好みの場所に配置します。

【実行サンプル】

viz-examplesのscript-tagをクリックしてディレクトリを開き、その中のno-worker.htmlを開らいてソースコードをコピーします。それを、テキストエディタに貼付け、保存します。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  
  <script src="../js/viz.js"></script>
  <script src="../js/full.render.js"></script>
  <script>
    
    var viz = new Viz();
    viz.renderSVGElement('digraph { a -> b; }')
    .then(function(element) {
      document.body.appendChild(element);
    });
    
  </script>
  
</body>
</html>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

var viz = new Viz();

viz.renderSVGElement('digraph { a -> b; }')

.then(function(element) {

document.body.appendChild(element);

});

</script>

</body>

</html>

ここでは、「01-original.html」として保存しました。
これを実行すれば、次の様なグラフが表示されるハズです。

【改善その1】

グラフ記述部分（以下「Dot」）「digraph { a -> b; }」を外出しにします。

    var viz = new Viz();
    var dot = 'digraph { a -> b; }';  // (1)
    viz.renderSVGElement(dot)
    .then(function(element) {
      document.body.appendChild(element);
    });

var viz = new Viz();

var dot = 'digraph { a -> b; }'; // (1)

viz.renderSVGElement(dot)

.then(function(element) {

document.body.appendChild(element);

});

更に、(1) を次のように書き換えて見ます。

    var dot = 'digraph {
                   a -> b; 
                 }';

var dot = 'digraph {

a -> b;

}';

残念ながら「SyntaxError: ” string literal contains an unescaped line break」
Dot内に「改行」が使えない模様。

【改善その2】

複雑な Dot を記述する時に、改行やタブが使えないようでは話になりません。
そこで、新たな改善策。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  
  <script src="../js/viz.js"></script>
  <script src="../js/full.render.js"></script>

	<script type="text/vnd.graphviz" id="dot">
		digraph {
		    a -> b;
		}
	</script>

  <script>
    
    var viz = new Viz();
    var dot = document.getElementById("dot").innerHTML;
    viz.renderSVGElement(dot)
    .then(function(element) {
      document.body.appendChild(element);
    });
    
  </script>
  
</body>
</html>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

digraph {

a -> b;

}

</script>

var viz = new Viz();

var dot = document.getElementById("dot").innerHTML;

viz.renderSVGElement(dot)

.then(function(element) {

document.body.appendChild(element);

});

</script>

</body>

</html>

script タグ内に Dot を単独で定義するようにしました。
それを HTML ソースとして入力すれば、改行や余分なスペースが無視されることを利用しています。
これで、Dot 内でも改行が使用できるようになりました。

【改善その3】

ここまで来ると、Dot を外部ファイルにしたくなるのは当然の成り行き。
ついでに、jQuery と Bootstrap も導入し DOM の操作や style の改善をしておきましょう。

digraph {
    a -> b;
}

digraph {

a -> b;

}

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="../js/viz.js"></script>
<script src="../js/full.render.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
$(function(){
	var viz = new Viz();
	$.get("sample.dot",function(dot){
		console.log(dot);
		viz.renderSVGElement(dot)
	  .then(function(element) {
	    $("#svgout").append(element);
	  });
	});
});
</script>

</head>
<body>
<div class="container">
<h1>Viz.js Sample</h1>
<div id="svgout"></div>
</div>

</body>
</html>

<!DOCTYPE html>

<html>

<head>

$(function(){

var viz = new Viz();

$.get("sample.dot",function(dot){

console.log(dot);

viz.renderSVGElement(dot)

.then(function(element) {

$("#svgout").append(element);

});

</script>

</head>

<body>

<h1>Viz.js Sample</h1>

</div>

</body>

</html>

【サンプル集】

Graphvizのテスト

Graphvizがwordpressでも使えるらしいのでテストしてみます。プラグインには「TFO Graphviz」を使用します。

[graphviz simple="yes" href="self"]
a -> b -> c;
[/graphviz]

[graphviz simple="yes" href="self"]

a -> b -> c;

[/graphviz]

おお、素晴らしい！

TFO Graphviz 使用方法

ショートコードの一般形式は次の通り。

[graphviz <options>]
 <DOT code>
[/graphviz]

[graphviz <options>]

[/graphviz]

のリストは下表の通り。

options

説明

height=”<image_height>”

イメージタグに height 属性を設定する。SVG に有効

href=”self|<URL>”

画像をクリックした時に表示する URL を指定する。デフォルト：href=””、self：同じウィンドウ、<URL：指定のURL

id=”<id>”

生成された画像をイメージマップにリンクするために使用する識別子を指定する。これを指定しない場合は、”tfo_graphviz_N”（N:1からの連番）が自動生成される。

imap=”yes|no”

lang=”<dot|neato|twopi|circo|fdp>”

使用する Graphviz インタープリタを指定する。デフォルトは dot

output=”<png|gif|jpg|svg>”

生成する画像フォーマットを指定する。デフォルトは png

simple=”yes|no”

コードの周りに非常に基本的な DOT ラッパーが適用される。

[graphviz simple="yes"]
 a -> b -> c; 
[/graphviz]

[graphviz simple="yes"]

a -> b -> c;

[/graphviz]

このコードは、次のコードが生成される。

digraph tfo_graphviz_1 {
    a -> b -> c;
}

digraph tfo_graphviz_1 {

a -> b -> c;

}

title=”<title>”

画像のタイトル。画像を参照するための alt および title 属性で使用する

width=”<image_width>”

イメージタグに width 属性を設定する。

Ubuntu 18.04 にTeXlive2018をインストール

LaTeX のインストールについては、apt-get による様々な方法が説明されています。しかし、何れの方法をとっても、RStudio において R Markdown を PDF に変換できないのです。何かが足りないようではあるのですが、その何かが分からない。エラーログが、もう少しユーザフレンドリーであったらな～

そこで、最も確実なインストール方法として TeX Live ホームページの手順に従うことにしたものです。

手順

インストーラのダウンロード
インストーラによる TeXlive のインストール
シンボリックリンクの作成

1.インストーラのダウンロード

TeX Live ホームページに行き、”download” をクリックする。

遷移したページの中から、「install-tl-unx.tar.gz (3mb)」をクリックしてダウンロードする。

ダウンロードしたファイルを解凍します。

cd ダウンロード
tar xvf install-tl-unx.tar.gz
cd install-tl-unx/install-tl*/

cd ダウンロード

tar xvf install-tl-unx.tar.gz

cd install-tl-unx/install-tl*/

2.インストーラによる TeXlive のインストール

TeXlive のインストールは、次のコマンドを実行するだけです。

sudo ./install-tl

1	sudo ./install-tl

これを実行すると、ズラズラとメッセージが表示され、最後に次のメッセージが表示され、待ち状態になります。

Actions:
 <I> start installation to hard disk
 <H> help
 <Q> quit
 
Enter command:

Actions:

<I> start installation to hard disk

<H> help

<Q> quit

Enter command:

ここで、「i」を入力して、Enter キーを押下するとインストールが始まります。
時間はかかりますが、操作が単純で余分なことをせずにフルインストールができるのが、素晴らしい点です。

3.シンボリックリンクの作成

インストールが完了したら、”/usr/local/bin”以下にシンボリックリンクを作成します。

# 64bitの場合
sudo /usr/local/texlive/2018/bin/x86_64-linux/tlmgr path add

# 32bitの場合
sudo /usr/local/texlive/2018/bin/i386-linux/tlmgr path add

# 64bitの場合

sudo /usr/local/texlive/2018/bin/x86_64-linux/tlmgr path add

# 32bitの場合

sudo /usr/local/texlive/2018/bin/i386-linux/tlmgr path add

（注）：「2018」の部分は、TeXLive のリリースバージョン（年）毎に異なります。
これにてTeXliveのインストールは完了です。

動作確認

(1) TeX 文書

次の文書を、”sample.tex” として保存します。

\documentclass{jsarticle}
\begin{document}
Hello World.
こんいちは世界。
\begin{equation}
  \int_{a}^{b} f(x) dx = F(b) - F(a)
\end{equation}
\end{document}

\documentclass{jsarticle}

\begin{document}

Hello World.

こんいちは世界。

\begin{equation}

\int_{a}^{b} f(x) dx = F(b) - F(a)

\end{equation}

\end{document}

端末から、次のコマンドを入力し、PDF 文書が作成されるかを確認します。

platex sample.tex

dvipdfmx sample.dvi

platex sample.tex

dvipdfmx sample.dvi

(2) R Markdown

RStudio から次の R Markdown を入力し、knit します。

---
title: "Sample01"
author: "Hogehoge"
date: "2018年7月12日"
output:
  pdf_document:
    latex_engine: lualatex
    toc: true
mainfont: Noto Sans CJK JP
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE)
```

## R Markdown

This is an R Markdown document. Markdown is a simple formatting syntax for authoring HTML, PDF, and MS Word documents. For more details on using R Markdown see <http://rmarkdown.rstudio.com>.

When you click the **Knit** button a document will be generated that includes both content as well as the output of any embedded R code chunks within the document. You can embed an R code chunk like this:

```{r cars}
summary(cars)
```

## Including Plots

You can also embed plots, for example:

```{r pressure, echo=FALSE}
plot(pressure)
```

Note that the `echo = FALSE` parameter was added to the code chunk to prevent printing of the R code that generated the plot.

---

title: "Sample01"

author: "Hogehoge"

date: "2018年7月12日"

output:

pdf_document:

latex_engine: lualatex

toc: true

mainfont: Noto Sans CJK JP

---

```{r setup, include=FALSE}

knitr::opts_chunk$set(echo = TRUE)

```

## R Markdown

This is an R Markdown document. Markdown is a simple formatting syntax for authoring HTML, PDF, and MS Word documents. For more details on using R Markdown see <http://rmarkdown.rstudio.com>.

When you click the **Knit** button a document will be generated that includes both content as well as the output of any embedded R code chunks within the document. You can embed an R code chunk like this:

```{r cars}

summary(cars)

```

## Including Plots

You can also embed plots, for example:

```{r pressure, echo=FALSE}

plot(pressure)

```

Note that the `echo = FALSE` parameter was added to the code chunk to prevent printing of the R code that generated the plot.

「mainfont」は、自分の環境に合わせ変更してください。日本語フォントを指定しないと、日本語部分が削除され「2018712」と表示されます。

latex_engine について

latex_engine: lualatex としても latex_engine: xelatex としても、問題なく動作しました。
しかし、これを指定しないとエラーで動作が停止しますので、必ず指定してください。

（参考サイト）

-以上-

2019年1月
日	月	火	水	木	金	土
« 12月
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

1. プロセスID（PID）の特定

2. タスク名の特定

3. サービスの停止

4. 参考サイト

【使用例】

(1) plotly.offline.plot

(2) plotly.offline.iplot

【js ライブラリの取得】

【実行サンプル】

【改善 その1】

【改善 その2】

【改善 その3】

【サンプル集】

TFO Graphviz 使用方法

手順

1.インストーラのダウンロード

2.インストーラによる TeXlive のインストール

3.シンボリックリンクの作成

動作確認

(1) TeX 文書

(2) R Markdown

latex_engine について

（参考サイト）

【改善その1】

【改善その2】

【改善その3】