---
title: 20240120_110th_TokyoR_PortfoliodownによるWebサイトの作成など
tags: 
author: [鶴見教育工学研究所 (タナカケンタ)](https://convert.docswell.com/user/3349800)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/VENMRXY9J8.jpg?width=480
description: 第110回Tokyo.RでLT発表した資料です。
published: January 20, 24
canonical: https://convert.docswell.com/s/3349800/Z98Q89-110th-tokyo-r
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/VENMRXY9J8.jpg)

110th Tokyo.R
Portfoliodownによる
Webサイトの作成など
タナカケンタ
https://mana.bi/


# Page. 2

![Page Image](https://bcdn.docswell.com/page/Y79NM8P373.jpg)

1. 自己紹介
1


# Page. 3

![Page Image](https://bcdn.docswell.com/page/G78KL8DLJD.jpg)

田中健太
• 鶴見教育工学研究所 (自営)
• 個人事業主として教育・人材育成サービスのあたりで働いています
• 企業向け研修、教材作成を中心に、大学の非常勤講師なども
• 1文字いくらでIT系の記事を書いたり
• Tokyo.Rに2013年から年1回くらい出没
&quot;tidyverse&quot; でググったら
最初らへんに出てくる
記事とか...
2


# Page. 4

![Page Image](https://bcdn.docswell.com/page/L7LZLRMQER.jpg)

2. Portfoliodownによる
Webサイトの作成
3


# Page. 5

![Page Image](https://bcdn.docswell.com/page/4EMVMR6KEW.jpg)

2.1 Portfoliodownとは
• Business Science社による、ポートフォリオサイトを
作成できるパッケージ
• https://business-science.github.io/portfoliodown/
• R Markdown (blogdown) + HugoでWebサイトを
簡単 (?) に構築できる
4


# Page. 6

![Page Image](https://bcdn.docswell.com/page/PER2VRP679.jpg)

2.2 Portfoliodownの使い方 (1)
• 作業フォルダーの中で new_portfolio_site() 関数を実行する
• Webサイトを作成するために必要なファイルが配置される
remotes::install_github(&quot;business-science/portfoliodown&quot;)
library(portfoliodown)
new_portfolio_site(dir = &quot;demo&quot;,
format = &quot;toml&quot;)
5


# Page. 7

![Page Image](https://bcdn.docswell.com/page/P7XDZR3DJX.jpg)

2.3 Portfoliodownの使い方 (2)
• あとはyaml/tomlの編集で、
「R感」はない
• data/homepage.yml や
config.{yaml/toml} を
編集する
• 画像やCSSなどは themes/
テーマ名/static 以下に
配置する
• themes/テーマ名/layouts
以下の編集でWebフォント
の設定なども
6


# Page. 8

![Page Image](https://bcdn.docswell.com/page/37KX8RYDJD.jpg)

2.3 Portfoliodownの使い方 (3)
• サイトができあがったらGitHubにアップロード
(プライベートリポジトリでも可)
• ビルドとホスティングはNetlifyで
• GitHubにpushすれば自動でビルドされる
• あまりクリエイティビティが求められない
エンジニア・研究者のポートフォリオサイト
としては手軽なのでは
当所 () のサイトも
portfoliodownで
作成しました
7


# Page. 9

![Page Image](https://bcdn.docswell.com/page/LJ35289P75.jpg)

3. R Markdownによる
Rの教材作成
8


# Page. 10

![Page Image](https://bcdn.docswell.com/page/8JDDZMG3JG.jpg)

3.1 専修大学ネットワーク情報学部
&quot;応用プログラミング3&quot;
• 学位も業績も特にないんですが、縁 で母校の非常勤に
• データサイエンスコースがあったり、全学で「数理・データ
サイエンス・AI教育プログラム」に参加していたりということ
で、Rの授業をすることに
• 人間科学部 (心理学科) にRのすごい先生たちがいっぱい
いるので怖いんですが…
9


# Page. 11

![Page Image](https://bcdn.docswell.com/page/VEPXDR3PJ8.jpg)

3.2 教材を公開しています
•
•
•
•
•
https://github.com/tetlabo/
adv_pgm3_2023
毎週のプログラミング課題
ハンズオンもPosit Cloudで提供
学校でも企業でもご自由に
どうぞ (MITライセンス)
代わりに何か仕事をください
10


# Page. 12

![Page Image](https://bcdn.docswell.com/page/27VL1R4VEQ.jpg)

4. not &quot;down&quot; but &quot;lift up&quot;
11


# Page. 13

![Page Image](https://bcdn.docswell.com/page/5JGX2M117L.jpg)

Bye, RStudio/Posit! - Yihui Xie
https://yihui.org/en/2024/01/bye-rstudio/
12


# Page. 14

![Page Image](https://bcdn.docswell.com/page/47Q8PRDNEP.jpg)

Bye, RStudio/Posit! - Yihui Xie
https://yihui.org/en/2024/01/bye-rstudio/
13


# Page. 15

![Page Image](https://bcdn.docswell.com/page/KE42Y8Z371.jpg)

https://github.com/sponsors/yihui
14


