エンジニアこそ絵文字を使いこなそう！ 〜インフルエンサーに負けない絵文字活用術〜

2024年12月13日、VRChatの技術イベント「エンジニア集会」での発表スライドです。

絵文字を使いこなすと技術文書やドキュメントも充実させられます。
些細な工夫で開発の効率が劇的にアップ！
そんなちょっとしたテクニックを紹介しています。

Transcript

1. エンジニアこそ絵文字を 使いこなそう！ 〜インフルエンサーに負けない絵文字活用術〜 🐛 fix: Fix user authentication bug └─ 🔐 Update password validation └─ 🔍 Add error logging └─ ✅ All tests passing
2. 🗒️ 自己紹介 😊 さめ(meg-ssk) 🧑‍💻 フリーランスのソフトウェアエンジニ ア 得意分野: 📸 コンピュータビジョン (画像認識/点 群処理) 🌍 空間情報処理 (GIS/リモートセンシ ング) ☁️ クラウドインフラ設計/IaC (AWS) GitHub: Speaker Deck: LinkedIn: s-sasaki-earthsea-wizard syotasasaki593876 syota-sasaki-878901320
3. ✨ハイライト ✨ 絵文字はメッセージの情報量を豊かにする！ 絵文字なしのログ Data loading... Processing data... Generating reports... Success! 💻 絵文字ありのログ 📂 Data loading... 🔁 Processing data... 📊 Generating reports... ✅ Success! 💡 何が起こっているかが一目でわかりやすくなる！ 💡 SlackやDiscordでみんなが使っている絵文字を参考にしよう！
4. 絵文字の活用例 今日紹介する例 📝 ロギング 🐙 git 💬 ユーザー向けメッセ ージ なぜ使う？ 👀 視認性の向上 🎯 素早い状態把握 💡 直感的な理解
5. 🖥️ ロギング
6. ロギングでの絵文字の活用 基本的な使い分け ✅ 成功 ❌ 失敗 ⚠️ 警告 🔄 処理中 📊 データ処理 🔍 デバッグ情報 💡 これらはあくまで一例！ 💡 チームやプロジェクトで統一するとより効果的！
7. 実践例: データベース操作のログ ✅ Database connection established. 🔄 Processing user data... ❌ Failed to process user data! └─ Error: Data type is invalid (Age is expected: integer, got: string). ↩️ Database transaction rolled back. ✅ System restored to previous state. 絵文字を使うことで、ログの内容が最初の一文字に凝縮される！ 絵文字は情報の圧縮率が高い！
8. ロギングに絵文字を使うメリット メリット 👀 ログの内容が視覚的に分かりやすい！ ⚡ エラーの発見やデバッグが早くなる！ 🧠 ログの内容を素早く理解 🎯 重要な情報への素早いアクセス 🤝 チーム内での情報共有がスムーズに 💡 絵文字は開発でも優れたコミュニケーションツール！ 💡 情報の伝達効率が大幅にアップ！
9. git
10. gitでの絵文字の活用 git はプレフィックスが効果的 もともとはコミットやPR, Issueの内容を一目でわ かりやすくするのが目的 絵文字を組み合わせると、メッセージがより効果的 になる！ ✨ feat: Add user registration page - 📮 Implement address registration form - ✉️ Implement email registration form - ☎️ Validate phone number
11. プレフィックス+絵文字の力 ✨ feat: 新機能の追加 🏗️ feat (WIP): 新機能の追加の途中 🐛 fix: バグ修正 🛠️ refactor: リファクタリング 🔍 test: ユニットテストや結合テスト 🚚 chore: ファイルやメソッドの移動や再配置 📚 docs: ドキュメントの作成、更新 🎨 style: UIのスタイル変更 💡 プレフィックスと絵文字を組み合わせで情報が一気に増える！ 💡 PRやIssueにも活用しよう!
12. git で絵文字を使うメリット メリット 🔍 変更の種類が一目で分かる！ 📈 コミット履歴の可読性が向上 🤝 チーム内でのコード管理が効率化 📊 プロジェクトの進行状況が視覚化 Examples Recent Commits: ✨ feat: Add user registration ├─ 📝 Add signup form └─ 🔒 Implement password validation 🐛 fix: Login validation └─ 🔐 Update auth logic 📚 docs: Update README
13. ユーザー向けメッセージ
14. 💬 ユーザー向けのメッセージ なぜユーザー向けに大事？ 👴🏻 ユーザーは開発者ではない 💡 直感的な理解をサポート 🤗 感情を伝えやすくなる 🎯 重要な情報が目立つ 🌍 言語の壁を超えやすい 実践例 ✅ アカウント登録が完了しました！ ⚠️ パスワードは8文字以上にしてください ❌ ログインに失敗しました └─ ✉️ メールアドレスをご確認ください 🔐 セキュリティのため、パスワードは定 期的に変更してください 💡 絵文字とメッセージの組み合わせで、より親切な案内に！
15. どっちの方がユーザーに親切？ 絵文字なしのメッセージ 編集中の写真が画像されていません。 このまま終了すると変更内容が失われま す。 ▫️ 保存して終了 ▫️ 保存せずに終了 ▫️ キャンセル 絵文字ありのメッセージ 📸 編集中の画像が保存されていません。 ⚠️ このまま終了すると変更内容が失われ ます。 ▫️ 💾 保存して終了 ▫️ 🚫 保存せずに終了 ▫️ ↩️ キャンセル 💡 絵文字があることで、各選択肢の意味が一目で分かる！
16. ユーザー向けメッセージの具体例 メッセージの種類と絵文字 ✅ 成功通知 ❌ エラー通知 ⚠️ 警告・注意 🔐 セキュリティ関連 実際の表示例 ✅ アカウント登録が完了しました！ └─ 🎉 さっそく写真を投稿しましょう ❌ アップロードに失敗しました └─ ⤵️ サイズを5MB以下にしてください ⚠️ 作業中のデータが保存されていません └─ 💾 保存することをおすすめします 🔐 パスワードの有効期限が近づいていま す └─ 📆 あと3日で期限切れです
17. 応用例
18. 絵文字を組み合わせる 🗒️💭 設計フェーズ 🏗️✨ 実装中 🔍✅ テスト完了 🚀🎉 デプロイ成功 📊👀 パフォーマンスモ ニタリング 🐛👀 バグ発見 🔍💡 原因特定 🐛🛠️ デバッグ 📝✅ ドキュメント更新 完了 👀✅ レビュー完了 💡 絵文字の組み合わせで情報がさらに増える！ 💡 シナジー無限大！効果的な組み合わせを考えてみよう！
19. EMOJIPEDIA 😮‍💨 どんな絵文字を使えばいいかわからない ℹ️ そんなときは を使おう! 📚 絵文字の百科事典 Emojipedia
20. ⚠️ 開発に絵文字を使う時の注意点 単純に楽しくなってしまう 🤪 いわゆる「おじおば構文」になりがち 😱 たいへん 😱 エラーが出ちゃった 😭😭 もう一回試してみて～！ 🙏🙏 データ処理が終わったよ ✨🎊✨ 大事なのは情報伝達の効率を上げることで、絵文字を使うことでは ない！ ビジネスライクでプロフェッショナルな文章を保つ
21. 適切な絵文字の利用のために 1. 📚 チーム内でルールを作る コミット種別の統一 ( ✨feat, 🐛fix) エラーレベルの統一 ( ❌Error, ⚠️ Warning) 2. 🔍 情報の過不足をチェック どの絵文字を使うか、どの情報を伝えるか 一貫性を保つ 3. 👨🏻‍🔬 プロフェッショナルに徹する 🤪 仕事で余計な遊び心を出さない! 参考資料: テスト文字列に”うんこ”と入れるな
22. 🌏 絵文字の文化的背景を理解する 要注意な例 👍 親指Up 一部の中東文化では侮辱的 🍺 ビール 宗教的な配慮が必要 👌 OKサイン 文化により異なる意味 💦 汗...? 一部の文化では性的な意味 代替案の例 ❌ "お疲れ様です 🍺" ✅ "お疲れ様です ✨" ❌ "ありがとう 👍" ✅ "ありがとう 🙂" ❌ "エラーに困っています 💦" ✅ "エラーに困っています 😣"
23. 💡 安全な選択肢 ✨ 基本的な感情を表す絵文字（ 😊 🙂 😣） 📝 シンプルなアイコン系の絵文字 ✅ 明確な意味を持つステータス系の絵文字
24. インフルエンサーから学ぶ 📢 インフルエンサーは情報伝達の達人！ インフルエンサー風 🎉 新機能リリース！ 📱 モバイル対応！ 💫 操作性UP 😊 ぜひ試してね Engineer style ✨ feat: Add mobile support ├─ 📱 Support iOS/Android ├─ 🔧 Improve UI/UX └─ 📝 Update docs 📖🤔 エンジニアならその道の達人から謙虚に学ぼう！
25. まとめ ✨🤝 絵文字で変わる開発コミュニケーション 🤝✨ 絵文字活用の3つのポイント 👀 視認性の向上 ログ、コミット、メッセージ が見やすく 🎯 情報の即時理解 状態や重要度が一目で分かる 🌈 表現力の向上 感情やニュアンスも伝えられ る Before: Error: API connection failed Processing data (2/3) Successfully deployed! After: ❌ Error: API connection failed 🔄 Processing data (2/3) 🚀✨ Successfully deployed!
26. 参考: ビジネスでの絵文字の受容 絵文字を仕事で使うことの賛否は意外と半々 2018年の調査なので、今ならもっと結果が変わる かも? 引用: 株式会社ヌーラボ