Slide 1

Slide 1 text

「正の影響力」を目指して 書くこと honey32 in 株式会社ゆめみ

Slide 2

Slide 2 text

プロフィール honey32 株式会社ゆめみ フロントエンドエンジニア React 博士(部分的なテックリード) 出力先 Qiita Zenn Twitter (現 X) Scrapbox YouTube (VOICEVOX 解説)

Slide 3

Slide 3 text

注意 ⚠⚠かなり個人的なモチベーション、一般化できる自信のない内容を含んでいます。 ⚠⚠ ⚠⚠少しでもアウトプットのキッカケとかになれば嬉しいですが、これを見て過剰に気負ったりしないでくだ さい! ⚠⚠ 注意があります

Slide 4

Slide 4 text

アウトプットを始めた きっかけは、迎合 そもそも株式会社ゆめみを見つけたのは、無 職やめ太郎さんの Qiita がきっかけ 会社としてもアウトプットを奨励している 面接の話のタネとして、コードチェックで得 た知見を Qiita にアウトプットしてみた(う ろ覚え)

Slide 5

Slide 5 text

「困っている人に届ける」アウトプット 特定の状況について困っている人 それを解決できる情報・ヒント これらを結びつけることを重要視 ネタ集め Qiita と Zenn の最新記事を巡回して、実際に 多くの人がつまずきそうなポイント 「ググっても正確な情報が出てこない」 「日本語情報が少ない」 といったニーズを発見する。 😀 「アウトプットするネタが無い」現象は起こりづらい

Slide 6

Slide 6 text

「困っている人に届ける」アウトプット アウトプットの心がけ いいねがほしい ただ書くだけでなく、コミュニティ全体へ、最大限の正の影響を与えることを意識 タイトルにキーワードを詰め込んで、Googleability を上げる タイトルに結論や賛否の姿勢を含めて、 「驚き最小」にする 依存関係、包含関係等は図にしてわかりやすく 特に、タイトルはコンテンツの顔なので重要

Slide 7

Slide 7 text

「困っている人に届ける」アウトプット 良い影響を広く与えるために、タイトルに力を入れる タイトルに結論や、重要な情報をもれなく含める 「この記事を選んでもらう」ために最重要 タイトルは、その記事が人の目に触れる最初のポイントなので タイトルだけで人々の脳内のインデックスを作れる OGP カードや Google の検索結果を見るだけで「知識」を与えられて高効率 煽りすぎない タイトルの言葉遣いがキツイと、 「キツイ物言い」だけが独り歩きする 「広まれば良い」という考えもあるが…… 自分自身のブランドが落ちる or 敵意を向けられる 精神的リスク (過言)SNS を通じて精神的な負担を大勢の人に与えるのは、公害を出しているようなもの 「誤った習慣を正す」ために敢えて、マイルドな煽りを含めたことはある 「マサカリのつもり」で書いている記事も、批判のニュアンスを含めない(あるいは最低限にする)

Slide 8

Slide 8 text

「困っている人に届ける」アウトプット 良い影響を広く与えるために、タイトルに力を入れる 例1: そのファイル、本当に hooks/・utils/ に入れるんですか? ―― React プロジェクトを蝕む「見かけ駆 動パッケージング」 2022年7月に投稿 https://qiita.com/honey32/items/dbf3c5a5a71636374567 新しく登場してバズっていた bullet-roof react というベストプラクティス集を後ろ盾にして、Co-location の考え方でディレクトリを分けることを提案 当時流行っていた「コンポーネントは components/ 、 フック(とよばれる関数の一種)は hooks/ 、純粋関数は utils/ 、 型定義は types/ 」のようなディレクトリ構成が React / フロント エンドで蔓延っていた (うろ覚え)Co-location は、当時まだアーリーアダプターに浸透している程度 「React hooks ディレクトリ」で Google 検索すると1位で出てくる 💪 ディレクトリ構造で迷った人がググったときに上位に出て、考え直すキッカケになりそう 「見かけ駆動パッケージング」というレッテル貼りによって、問題意識を共有する 「正しく分類している」つもりになりがち(?)な方法だったので

Slide 9

Slide 9 text

「困っている人に届ける」アウトプットの源泉 実際に困った経験 「見かけ駆動パッケージング」はファイルの依存関係を必要以上に複雑にする 短期記憶が悲鳴を上げた コードレビュー 「素朴なミス」に出会う しかも、最終的にはバグにつながる(特にブラウザバックとか、フォームの状態とか) 英語の長大なドキュメント 全体像をとらえるのに、かなりの労力を要する ネイティブではないので余計に負荷が大きい 2023年、特に海外で「React はイケてない」dis の流行 「React 博士」という肩書を得て、アイデンティティを侵食されているので、イライラした 「とっつきにくい」イメージを払拭する情報発信にフォーカスするように YouTubeで「むずかしくない React」と題したシリーズを始めた

Slide 10

Slide 10 text

「困っている人に届ける」アウトプットの源泉 🔥 Twitter (現 X) での軽い炎上技術談義 新しい話題の提供、インプットやアウトプットにつながる刺激 例: クリーンアーキテクチャ(以下 CA)の話題を見て、CA の書籍を買って読んだ Twitter や scrapbox にアウトプット 新規記事で見つけた誤った説明も、それに近い 加えて「ここが間違いやすい」ポイントを知れたりする

Slide 11

Slide 11 text

まとめ コミュニティへの奉仕精神 マーケティング的?他者視点?による正の影響の最大化 あわよくば日本レベルで生産性を上げたい 「痛み」の解決方法のシェア 自分の手を動かした経験 自分で調査した経験 (自己・自社)ブランディング 単なる好奇心・野次馬精神 といったところが、僕のインプット、アウトプットの原動力です。