Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
テックブログ文豪への道
Search
ken7253
November 13, 2023
Marketing & SEO
110
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
テックブログ文豪への道
社内LT会で話した資料です。
アドベントカレンダーに向けて、記事の題材選びや書き方の大まかな手順などについて話しました。
ken7253
November 13, 2023
More Decks by ken7253
See All by ken7253
Firefoxにコントリビューションして得られた学び
ken7253
2
190
バンドルサイズを半減させた話 @Browser and UI #3
ken7253
0
88
CSS polyfill とその未来
ken7253
0
300
Browser and UI #2 HTML/ARIA
ken7253
2
380
PEPCは何を変えようとしていたのか
ken7253
3
610
Browser and UI #1 CSS
ken7253
0
190
レビューのやり方を(ちょっと)整理した話
ken7253
1
630
オーバーロード関数の話 @Mita.ts #2
ken7253
0
180
フロントエンドカンファレンス北海道参加レポート
ken7253
0
100
Other Decks in Marketing & SEO
See All in Marketing & SEO
The State of AEO 2026
joshbly
1
210
JAWS/AWS Community Update - 2026年7月19日JAWS-UG佐賀#32 唐津初開催〜Builder Cardsで楽しくAWSを学ぼう〜
awsjcpm
1
180
転職ドラフト ビールスポンサーのご紹介(きのこカンファレンス2026ver.)
tenshoku_draft
0
260
Industrial context graphs
venkatapagadala1
1
220
Content Types That Win In The New Consideration Era
sophiebrannon
0
170
HubSpotフォーム 設定ガイド(要件定義〜効果分析)(2026年5月最新)
somanishioka
0
460
SearchSEOul-GEO-Ontology-YunheeChoi.pdf
yunheechoi
PRO
0
420
Where Did My Paid Clicks Go? Five Post-Click Leaks You Can Plug with Cloudflare - HeroConf April 26
barisasa
0
220
AI Search KPI’s: Measuring Success in the New SEO Era - Eduard Blacquière
edwords
0
1.2k
【PMM JAPAN CONFERENCE 2026】キーノート_なぜ今越境人材なのか
yoshiesan
0
300
Making The Impossible Possible: The Human Advantage in the Age of AI
lisapaasche
PRO
0
4.3k
SEO and Brand Sitting In A Tree K-I-S-S-I-N-G - By Lidia Infante for Digital PR Summit 2026
lidiainfante
0
360
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
Mind Mapping
helmedeiros
1
380
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
590
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
470
Raft: Consensus for Rubyists
vanstee
142
7.7k
30 Presentation Tips
portentint
PRO
1
410
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
910
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
3.2k
Mobile First: as difficult as doing things right
swwweet
225
10k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
690
Odyssey Design
rkendrick25
PRO
2
840
A better future with KSS
kneath
240
18k
Transcript
テックブログ文豪への道 Road to tech-blog "Bunngou"
ken7253 Frontend developer 技術記事を書いたりするのが趣味。 最近はNext.jsを使ったアプリケーションを書いています。 インターフェイス設計やアクセシビリティ・SSG関連の技術に興味があります。 https://github.com/ken7253 https://zenn.dev/ken7253 https://dairoku-studio.com
技術記事書いてますか?
閲覧数少ないけど書いてます
なぜ記事を書くのか 最初はインプットとアウトプットのバランスを取るために始めた。 記事を書くことで技術の理解を深める 自分の考えを広めたい 文章を書くのが好き 他のアウトプットは敷居が高い 記事を書くことを通じて インプットした知識を洗練させる ことができる。
どのように記事を書いているか
自分の知識は広く浅くなので、そこまで特定の分野について色々と書けるわけではない。 とにかく題材になりそうなものはメモしておいてあとから肉付けして記事にする。 times X(twitter) Zennのスクラップ機能 など、後から見返すことのできる媒体に保存することが大切 専門分野・得意分野がはっきりしていない人の戦略 として有効 題材集め
いい題材・よく思われない題材
いい題材 基本的に独自性があって自身の体験が含まれているものがベスト 誰とも被らない内容 や 誰もまだ書いていない知識 は真っ先に書くべき チームで 〇〇を導入してよかったこと・悪かったこと サービスを作ってみて 〇〇の理解が進んだ話
レビューで指摘された 〇〇を深掘りしてみた 新規性がなくても自分たちで考えた結果や、努力をアピールする場所でいい。 きっかけは他人の記事や発言であっても 自分で調べて検証する ことが大切。
いい題材 解説記事 などは独自性が無くても大丈夫な部類ではある。 過去の自分がどこで躓いたのかを思い出しながら書く どの程度の知識を持っている人向けの解説なのかを決めておく めちゃくちゃ基礎的な内容でも深掘りしてみると意外な知見がある。 flex と grid の使い分け
table 関連要素の使い方 ${任意のライブラリ名} とは何か
よく思われない題材 こういう内容の記事を書くな!という話ではない。 個人的にに 質の高い記事に仕上げるのが難しい と思っている内容がある 参考になった記事 〇〇選 エンジニアが読んでおくべき本 〇〇選 なぜか?
どうしてもリンク集になりがち 自分の意見を入れるのが難しい リンク先の記事の内容が正しいのか精査するのがめんどい
よく思われない題材 特定のライブラリや技術に対してネガティブな内容を含むもの 技術に関する用語が微妙に間違っている 前者は、比較記事やライブラリの移行記事とかでも気を遣うほうがベター 後者は結構自分もやりがちだけど、ここにこだわると文章の印象が違う。 自分の中での表記ルールとかを持っておくと更にいい。 React.jsではなくReact 要素とタグという用語の使い分け 最初は 指摘されたら修正すればいい
ぐらいの感覚でOK
記事を書く流れ
記事を書く流れ 自分の場合はこういう流れで書いてます。 書き方に正解はない のであくまで一例として。 1. 着地点を決める 2. 見出しを作る 3. とにかく書く
4. 文章を削る
何も考えずに文を書き出すと 作文中に迷子 になる。 文章に矛盾や迷いが生じがちになるので、着地点を決めておく。 解説記事とかだと要約とかで締めることが多いかも。 着地点を決める
フロントエンドなら記事も正しくマークアップする。 文章を構造化することで 自分が今何を書いているのか が分かりやすくなる。 見出しを作る
見出しと着地点に沿ってとにかく文章を書いていく。 構造化は先に済ませているので 書きやすいセクションから 書いていく。 このフェーズで見出しの構造を変更したり着地点を変えたりもする。 とにかく書く
小学生の読書感想文ではないので文字数稼ぎは不要 勢いに任せて文章を書くと文章が長くなりがちなので文を絞る 無くても伝わる表現は削る 語順を並び替えて括弧を削る 意味が曖昧な表現があったら書き直す 文章もリファクタリング することで直すべき箇所が分かってくるようになる。 個人的に楽しい時間なので時間をかけがち、やり過ぎると永遠に記事が公開できない。 文章を削る
おすすめ書籍 日本語の作文技術 句読点の打ち方 修飾語の使い方 語順の整理のしかた などなど、相手に伝えるための文章の 書き方が勉強できる。
最後に アドカレや普段の記事を書きたい人向けの相談とかも受け付けています。 記事のレビュー 題材が決まらない人向けの相談 記事の構成についての相談 もっと記事のクオリティを上げたい などなど TimesやDMで連絡 いただければ相談時間確保します!