「正の影響力」を目指して書くこと

https://yumemi.connpass.com/event/317149/ で発表した内容のスライドです。

使用ソフト: https://ja.sli.dev/
カバー画像: https://unsplash.com/ja/%E5%86%99%E7%9C%9F/%E3%82%AF%E3%83%AD%E3%83%BC%E3%82%BA%E3%82%A2%E3%83%83%E3%83%97%E5%86%99%E7%9C%9F%E3%81%A7%E3%81%AE%E6%B0%B4%E3%81%97%E3%81%B6%E3%81%8D-SHE_ZiroE0g

Transcript

1. 「正の影響力」を目指して 書くこと honey32 in 株式会社ゆめみ
2. プロフィール honey32 株式会社ゆめみ フロントエンドエンジニア React 博士（部分的なテックリード） 出力先 Qiita Zenn Twitter (現 X) Scrapbox YouTube （VOICEVOX 解説）
3. 注意 ⚠⚠かなり個人的なモチベーション、一般化できる自信のない内容を含んでいます。 ⚠⚠ ⚠⚠少しでもアウトプットのキッカケとかになれば嬉しいですが、これを見て過剰に気負ったりしないでくだ さい！ ⚠⚠ 注意があります
4. アウトプットを始めた きっかけは、迎合 そもそも株式会社ゆめみを見つけたのは、無 職やめ太郎さんの Qiita がきっかけ 会社としてもアウトプットを奨励している 面接の話のタネとして、コードチェックで得 た知見を Qiita にアウトプットしてみた（う ろ覚え）
5. 「困っている人に届ける」アウトプット 特定の状況について困っている人 それを解決できる情報・ヒント これらを結びつけることを重要視 ネタ集め Qiita と Zenn の最新記事を巡回して、実際に 多くの人がつまずきそうなポイント 「ググっても正確な情報が出てこない」 「日本語情報が少ない」 といったニーズを発見する。 😀 「アウトプットするネタが無い」現象は起こりづらい
6. 「困っている人に届ける」アウトプット アウトプットの心がけ いいねがほしい ただ書くだけでなく、コミュニティ全体へ、最大限の正の影響を与えることを意識 タイトルにキーワードを詰め込んで、Googleability を上げる タイトルに結論や賛否の姿勢を含めて、 「驚き最小」にする 依存関係、包含関係等は図にしてわかりやすく 特に、タイトルはコンテンツの顔なので重要
7. 「困っている人に届ける」アウトプット 良い影響を広く与えるために、タイトルに力を入れる タイトルに結論や、重要な情報をもれなく含める 「この記事を選んでもらう」ために最重要 タイトルは、その記事が人の目に触れる最初のポイントなので タイトルだけで人々の脳内のインデックスを作れる OGP カードや Google の検索結果を見るだけで「知識」を与えられて高効率 煽りすぎない タイトルの言葉遣いがキツイと、 「キツイ物言い」だけが独り歩きする 「広まれば良い」という考えもあるが…… 自分自身のブランドが落ちる or 敵意を向けられる 精神的リスク （過言）SNS を通じて精神的な負担を大勢の人に与えるのは、公害を出しているようなもの 「誤った習慣を正す」ために敢えて、マイルドな煽りを含めたことはある 「マサカリのつもり」で書いている記事も、批判のニュアンスを含めない（あるいは最低限にする）
8. 「困っている人に届ける」アウトプット 良い影響を広く与えるために、タイトルに力を入れる 例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 検索すると１位で出てくる 💪 ディレクトリ構造で迷った人がググったときに上位に出て、考え直すキッカケになりそう 「見かけ駆動パッケージング」というレッテル貼りによって、問題意識を共有する 「正しく分類している」つもりになりがち（？）な方法だったので
9. 「困っている人に届ける」アウトプットの源泉 実際に困った経験 「見かけ駆動パッケージング」はファイルの依存関係を必要以上に複雑にする 短期記憶が悲鳴を上げた コードレビュー 「素朴なミス」に出会う しかも、最終的にはバグにつながる（特にブラウザバックとか、フォームの状態とか） 英語の長大なドキュメント 全体像をとらえるのに、かなりの労力を要する ネイティブではないので余計に負荷が大きい 2023年、特に海外で「React はイケてない」dis の流行 「React 博士」という肩書を得て、アイデンティティを侵食されているので、イライラした 「とっつきにくい」イメージを払拭する情報発信にフォーカスするように YouTubeで「むずかしくない React」と題したシリーズを始めた
10. 「困っている人に届ける」アウトプットの源泉 🔥 Twitter (現 X) での軽い炎上技術談義 新しい話題の提供、インプットやアウトプットにつながる刺激 例: クリーンアーキテクチャ（以下 CA）の話題を見て、CA の書籍を買って読んだ Twitter や scrapbox にアウトプット 新規記事で見つけた誤った説明も、それに近い 加えて「ここが間違いやすい」ポイントを知れたりする
11. まとめ コミュニティへの奉仕精神 マーケティング的？他者視点？による正の影響の最大化 あわよくば日本レベルで生産性を上げたい 「痛み」の解決方法のシェア 自分の手を動かした経験 自分で調査した経験 （自己・自社）ブランディング 単なる好奇心・野次馬精神 といったところが、僕のインプット、アウトプットの原動力です。