Deno Deployを使ってマークダウンで書けるブログが爆速で建てられた話【toranoana.deno #10】

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Copyright (C) 2022 Toranoana Lab Inc. All Rights Reserved. 自己紹介河野裕隆 ● 2019/08入社 ● 新規開発チーム ○ クリエイティア他虎の穴ラボへの入社理由 ● スキルを高めあえる仲間がほしい ● ユーザーに近い仕事がしたい 2 好きなもの ● VOCALOID（初音ミク） ● 謎解き、クイズ今期イチオシアニメ ● ぼっち・ざ・ろっく！ ● ブルーロック

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Copyright (C) 2022 Toranoana Lab Inc. All Rights Reserved. ● Deno製の静的サイトジェネレータ ● 各種ホスティングサービスに簡単にデプロイ可能 ○ プラグインが用意されている（以下でも一部のみ） ■ GitHub Pages ■ Vercel ■ Netlify ■ AWS Amplify ● Markdown等のパースができる ● 公式のブログテンプレートでサクッと作れる Lumeについて 9

Slide 10

Slide 10 text

Copyright (C) 2022 Toranoana Lab Inc. All Rights Reserved. ● 10月のtoranoana.deno#9で藤原さんが紹介 ● Markdownで書きたい！ ○ 今後他のプラットフォームに移りやすい ○ 勉強会のメモはMarkdownで書くことが多い ■ そのまま体裁整えてブログに載せられれば早い/楽 ○ 今までは「HTML職人の朝は早い・・・」状態 ● どうせなら自動Deploy（CD）も入れたい ● ホスティング先はどこでも良い Lumeで作ろうと思ったきっかけ 10

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Copyright (C) 2022 Toranoana Lab Inc. All Rights Reserved. 1. 公式のブログテンプレートをcloneする 2. ブログの情報を書き換える 3. 不要なファイルを削除する 4. 記事を入稿する（Markdown） 5. Deno Deployの準備をする 6. GitHub Actions（Workﬂow）の設定を追加する 7. Pushするブログの作り方 12

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Copyright (C) 2022 Toranoana Lab Inc. All Rights Reserved. ● .github/workﬂows/deno_deploy.ymlにテンプレートが用意されているので少し修正するだけ ● project名などあとはPushしてサイトが立ち上がるのを見守るだけ ● アカウントを作成する ● プロジェクトを作成する Deno Deployの準備をする 15 GitHub Actions（Workﬂow）の設定を追加する

Slide 16

Slide 16 text

Slide 17

Slide 17 text