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
AIと共同執筆してより質の高い記事を書こう
Search
Riya Amemiya
April 27, 2025
Technology
1
500
AIと共同執筆してより質の高い記事を書こう
Riya Amemiya
April 27, 2025
Tweet
Share
More Decks by Riya Amemiya
See All by Riya Amemiya
社内で発信し続けてたら19歳なのに技術リード的なポジションになっちゃった話
riyaamemiya
0
68
いつか使うかも貯金してたらめちゃめちゃ機能が増えてた話
riyaamemiya
0
890
TypeScriptの型で2進数計算
riyaamemiya
0
200
AIの力でテストのガバレッジ100%にした話
riyaamemiya
0
830
RailsからReactを剥がした話
riyaamemiya
0
670
Other Decks in Technology
See All in Technology
TechLION vol.41~MySQLユーザ会のほうから来ました / techlion41_mysql
sakaik
0
150
原則から考える保守しやすいComposable関数設計
moriatsushi
3
500
Liquid Glass革新とSwiftUI/UIKit進化
fumiyasac0921
0
140
ObsidianをMCP連携させてみる
ttnyt8701
2
140
プロダクトエンジニアリング組織への歩み、その現在地 / Our journey to becoming a product engineering organization
hiro_torii
0
110
ひとり情シスなCTOがLLMと始めるオペレーション最適化 / CTO's LLM-Powered Ops
yamitzky
0
380
CSS、JSをHTMLテンプレートにまとめるフロントエンド戦略
d120145
0
220
キャディでのApache Iceberg, Trino採用事例 -Apache Iceberg and Trino Usecase in CADDi--
caddi_eng
0
170
AWS Summit Japan 2025 Community Stage - App workflow automation by AWS Step Functions
matsuihidetoshi
1
140
2025/6/21 日本学術会議公開シンポジウム発表資料
keisuke198619
2
470
Amazon S3標準/ S3 Tables/S3 Express One Zoneを使ったログ分析
shigeruoda
2
390
kubellが挑むBPaaSにおける、人とAIエージェントによるサービス開発の最前線と技術展望
kubell_hr
1
390
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
42
7.5k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Six Lessons from altMBA
skipperchong
28
3.8k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Unsuck your backbone
ammeep
671
58k
The Invisible Side of Design
smashingmag
299
51k
Automating Front-end Workflow
addyosmani
1370
200k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Optimizing for Happiness
mojombo
379
70k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
Transcript
AIと共同執筆して より質の高い記事を書こう 西悠太(GMOメディア)
自己紹介 名前: 西悠太(20歳) 所属: GMOメディア フロントエンドエンジニア(自称) X: Riya31377928 https://riya-amemiya-links.oshaburikitchin.com/ Zennで記事書いてます
せいそくち フロントエンドクラブ GMOメディア TSKaigi(会場&チケットチーム) Twitter: Riya31377928 mixi2: riya_amemiya
この記事の話をします https://zenn.dev/gmomedia/articles/6ed3718b4c6bc1
はじめに 前提としてAIで記事を書くことを推奨も否定もしま せん。 AI活用は個人の自由であり、それを記事執筆にも使 うかは使用者の判断に委ねられると考えています。 私のトークはAIを利用することでより質の高い記事 を書けるかもしれないよ、こういう書き方どうです か?という紹介です。
本編 さて、AIで記事を書くと言っても全てを書かせるわ けではありません。 タイトルにもありますが、AIとの共同執筆です。 どのように共同執筆するのかというと、 先ほど紹介した記事を書いたときの流れを紹介しま す。
共同執筆の大まかな流れ 🧑は私、 🤖はAIが担当した工程です 1. 🧑記事のテーマを決める 2. 🧑& 🤖下調べ 3. 🧑目次を作成する
4. 🤖目次を添削 5. 🧑各見出しの内容を書く 6. 🤖各見出しの内容を添削
共同執筆の大まかな流れ 🧑は私、 🤖はAIが担当した工程です 7. 🧑記事修正 8. 🤖記事を添削 9. 🧑サンプルコードの指示出し 10.
🤖サンプルコードを作成 11. 🧑コード検証 12. 7~11を何回か繰り返す
共同執筆の大まかな流れ 🧑は私、 🤖はAIが担当した工程です 13. 🧑内容確認 14. 🤖AIで内容確認 15. 🧑記事を公開する
関わったAI(AIツール含む) - Claude 3.7 sonnet 目次作成、添削、内容確認、サンプルコード作成 - ChatGPT: o3-mini-high 記事をより面白く豊かな表現にするために添削
- NotebookLM 大量のソースを登録して記事のファクトチェック - Cline: Claude 3.7 sonnet サンプルコードの検証コード作成
各項目をざっくり紹介していきます 1. 🧑記事のテーマを決める 2. 🧑& 🤖下調べ ここはまあ書いてある通りですね。 書きたいテーマを決めてAIと一緒に下調べします。 1.Deep Researchで大まかな内容を収集
2.MDNを見て構文や仕様を学ぶ 3.面白そうな機能をメモる
各項目をざっくり紹介していきます 3. 🧑目次を作成する 4. 🤖目次を添削 ここからずっとAIとレスバします。 「こういうタイトルの記事考えてるんだよね。目 次はこんな感じ」とAIに送ります AIから提案された目次をレスバしてブラッシュアッ プします。
レベル感とかを伝えるといい感じのが出てきます
各項目をざっくり紹介していきます 5. 🧑各見出しの内容を書く 6. 🤖各見出しの内容を添削 ひたすら書いて、それをAIに添削してもらいます。 校正などもここで行います この段階ではとりあえず前後のつながりは一旦無 視して、各章を一個の記事を書くぐらいの気持ち で書き込みます
各項目をざっくり紹介していきます 5. 🧑各見出しの内容を書く 6. 🤖各見出しの内容を添削 ひたすら書いて、それをAIに添削してもらいます。 この段階ではとりあえず前後のつながりは一旦無 視して、各章を一個の記事を書くぐらいの気持ち で書き込みます。 無視してもいい理由は次の工程でわかります
各項目をざっくり紹介していきます 7. 🧑記事修正 8. 🤖記事を添削 先ほど書いた前後のつながりを無視した文章を多 少人の手で繋げます。 繋げたら全文をAIに渡して、読みやすさや文章の流 れを意識してリライトしてもらいます この時にたまに暴走して勝手に内容を変えたり付
け加えてくるので油断禁物です
各項目をざっくり紹介していきます 9. 🧑サンプルコードの指示出し 10. 🤖サンプルコードを作成 サンプルコードを入れてもらいます。 記事によってほしいコードは違うと思いますが、 今回の場合だと補足的なサンプルコードが欲しか ったので、あくまでも文章を主体にしつつ、コー ドでしか伝わらない部分を補完したいと伝えてAIに
頑張ってもらいました
各項目をざっくり紹介していきます 11. 🧑コード検証 12. 7~11を何回か繰り返す 人との手で確認しつつ、誤りや読みにくいコードを AIに指摘して直してもらいます 7~11を何度も繰り返して各章の質を上げていきます
各項目をざっくり紹介していきます 13. 🧑内容確認 14. 🤖AIで内容確認 15. 🧑記事を公開する NotebookLMとClaudeを使ってひたすらファクト チェックをします。 (NotebookLMの詳しい説明は省きます)
今回はCSSだったので基本的にはMDNをソースと してファクトチェックしてます
まとめ 以上がAIとの共同執筆でした。 あの記事は約2.2万字ですが、構想含めて1日で書 き上げています。 AIとの共同執筆は、単に労力削減のためではなく、 より質の高いコンテンツを生み出すための手段だ と思ってます。 AIの強みを活かすことで、読者により価値ある情報 を届けられることでしょう。
色んなアカウントへのリンク集
None