Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
dev.toの記事もGitHubで管理してみた
Search
YouYou
May 14, 2022
Technology
0
1.5k
dev.toの記事もGitHubで管理してみた
詳細ブログ↓
https://zenn.dev/yuta28/articles/dev-github-vscode
YouYou
May 14, 2022
Tweet
Share
More Decks by YouYou
See All by YouYou
AWSに詳しくない人でも始められるコスト最適化ガイド
yuhta28
2
430
Datadog外形監視基盤をEC2から ECSへ移行してみた
yuhta28
0
1.3k
アウトプット頑張ったら企業からLT登壇の依頼がきた話
yuhta28
1
750
小さなことから始めるAWSコスト最適入門
yuhta28
1
660
Datadogのコストも監視しよう
yuhta28
1
610
Rcloneを使った定期的なストレージ同期
yuhta28
0
380
Pulumiを触ってみよう
yuhta28
1
1.6k
ログストレージコスパ最強!?OpenObserveを試してみた
yuhta28
0
2.4k
Pulumiで始めるIaC
yuhta28
1
80
Other Decks in Technology
See All in Technology
株式会社EventHub・エンジニア採用資料
eventhub
0
2.1k
スクラムに出会って「できた」を実感できるようになってきた話 / Scrum makes me feel like I can do it
yayoi_dd
2
110
AI JIMY - 登壇(インストール編)
hanacchi
0
150
グイグイ系QAエンジニアでやっていくよ!
____rina____
0
750
Shinagile 2024
kawaguti
PRO
2
120
PhpStorm超絶技巧40分集中講義 #phpconkagawa
yusuke
4
720
Deno で作る快適な “as Code” プラットフォーム – TSKaigi 2024
pizzacat83
4
310
TypeScript の抽象構文木を用いた、数百を超える API の大規模リファクタリング戦略
yanaemon
6
1.2k
20240509 CloudWatch でいろいろなものを監視してみよう
masaruogura
1
120
本番環境で Cloudflareを 使ってみた話
miu_crescent
2
120
類似ロジック実装をiOS/Android間で合わせる道標No.1
fumiyasac0921
1
220
動画配信サービスのフロントエンド実装に学ぶ設計原則
yud0uhu
0
130
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
123
39k
Building Effective Engineering Teams - LeadDev
addyosmani
33
1.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
It's Worth the Effort
3n
180
27k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Agile that works and the tools we love
rasmusluckow
325
20k
Gamification - CAS2011
davidbonilla
77
4.6k
A designer walks into a library…
pauljervisheath
201
23k
4 Signs Your Business is Dying
shpigford
176
21k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
242
1.2M
Transcript
dev.toの記事もGitHubで管理し てみた 1
Name:ユータ Occupation:SRE Twitter:@Y0u281 (オーでなくゼロです) ブログ:https://zenn.dev/yuta28 自己紹介 Twitter 2
目次 • 背景 • dev.toについて • dev.to管理用テンプレートリポジトリ • dev.toとGitHubとの連携 •
まとめ 3
背景 • Zennでブログ執筆中 ◦ GitHub Actionsを使って記事の自動投稿を実現 • dev.toでも同じように自動投稿を実現したい • すでに実践している人がいたので参考にしてみた
詳しくはこちら↓ GitHub ActionsでZennブログの 校正を自動化してみた 4
dev.toについて • 英語版Qiitaみたいなもの • 爆速であることで有名 ◦ 阿部寛さんのHPとどちらが速いか比較されたこともある • スマホアプリ版もある DEV
is a community of software developers getting together to help one another out. The software industry relies on collaboration and networked learning. We provide a place for that to happen. Aboutページより引用 5
dev.to管理用テンプレートリポジトリ 以下のリポジトリをコピーしてもらえたら皆さんもdev.toの記事をGitHubで管理できま す。 https://github.com/Yuhta28/dev-to-blog-template 6
DEV Community APIキー生成 GitHubにセットするAPIキー DEV API (beta) | Forem Docs
APIはベータ版なのか若干動作不安 7
GitHub Actions用の変数セット 先ほど生成したAPIキーをセット 8
GitHub Actionsワークフロー設定 deploy: # 長いので記事投稿部分のみ抜粋 name: Deploy if: github.ref == 'refs/heads/main'
&& github.event_name == 'push' runs-on: ubuntu-latest steps: - name: Checkout Repo uses: actions/checkout@master - name: Install Dependencies uses: bahmutov/npm-install@v1 - name: Deploy to dev.to run: DEV_TO_GIT_TOKEN=${{ secrets.DEV_TO_GIT_TOKEN }} yarn run dev-to-git Yarnパッケージ ↑参照 dev-to-gitにAPIキーを渡す 9
記事の初期作成 dev.toのAPIリクエストで作成する curl -X POST -H "Content-Type: application/json" \ -H
"api-key: API_KEY" \ -d \ '{"article":{"title":"Template","body_markdown":"Body","published":false,"tags":["tag1", "tag2"]}}' https://dev.to/api/articles 環境変数でセット 10 Goで作った
記事の初期作成 ドラフト記事作成 この記事のIDを取得する 11
記事IDの取得 curl -H "api-key: API_KEY" https://dev.to/api/articles/me/(un)published | \ jq '.[].id'
プログラミング言語でも取得できますが、一部の言語では取得できませんでした。 例:Python dev-to-git.json 12
記事の校正 簡単な誤字脱字はtextlintと reviewdogでCI時に自動検知 13
記事のデプロイ 14
記事のデプロイ 15
まとめ • ブログもGitHubで管理 • 好きなエディターで記事を書こう • GitHub Actionsはいいぞ! 16
ありがとうございました より詳しい内容は以下のブログで↓ dev.toの記事もGitHubで管理してみた (zenn.dev) 17