5月16日に紀尾井町オフィスにて、GWに行った技術キャッチアップや個人開発の成果発表LT会を開催しました。
イベントの規模を所属部署のメンバー限定にする事で、登壇者の心理的ハードルを下げ気軽に発表できる場として企画したイベントですが、用意した8枠の発表枠は全て埋まり、部署の半分近くのメンバーに参加していただきました。
それぞれ10分程度の発表で、普段なかなか聞けない技術トピックや個人開発の知見が飛び交い、大変有意義な時間となりました。
発端
内容についてご紹介する前に、このLT会の源流となったイベントのお話をさせてください。
実はこの取り組みは、2020年ごろから (合併前の) 旧LINE時代から続いている「GWの自由研究」の流れをくんだものです。
GWを利用した自由研究発表会を開催しました - LINE Engineering Blog
「GWというせっかくの長期休みを使って得た知見・やったことを発表する場を提供したい」という思いで企画されたイベントでした。
ですが発案時点で今年の開催の見通しがなさそうだったこと、せっかくなので今年は「キャッチアップ」にも目を向けてみようということで新しいメンバーでリブートをする事になった、という経緯があります。
運営メンバーは大きく変わってしまいましたが、メンバーのアウトプットを行うモチベーションの高さは変わっていません。
まずは単一部署でスモールスタートで開催し、運用の知見を貯めつつ次回に繋げていく、という思いで企画を行いました。
発表内容ダイジェスト
1. Web標準のキャッチアップ
Uga Hiroya (A11yチーム) / @hiroya_UGA
Web標準・アクセシビリティの知識ギャップ解消のため、AI(Grok)を活用してクイズ形式のキャッチアップ事例を紹介いただきました。
ARIAやWCAG、React/Next.jsでのアクセシビリティ対応など、実践的な設問とAIによるフィードバックを交え、最新仕様の学び方のヒントを共有していただきました。
「公式仕様での 裏取りは必須」としつつ、今後もX/Grokを活用して新機能をキャッチアップしていくとのことでした。
Grok log: https://x.com/i/grok/share/l7o7vBGIDJZsWuTPUNBOC59uC
2. レシートの金額を足してメールを送るやつ
Yoshizawa Takayuki (UIインフラチーム) / @rChaser53
レシート画像を解析し、合計金額と店舗名を抽出してメール送信するスクリプトを開発した話をしていただきました。
Clineを活用したプロトタイピングや、GPT-4.1-miniによる画像解析の実験結果、レシート形式の多様性に対する苦労、Clineによる発表資料自動生成の可能性など、実践的な知見が詰まった発表でした。
成果物: https://github.com/rchaser53/kakei
3. Claude Codeを使ってラジオやりたいんすよ
発表者:Amon Keishima (Web Accessibility team) / @pittanko_pta
当初はClaude Codeを用いた「DIFF判定ツール」制作の話題・・・かに思われたのですが、気づけば「AIでラジオ番組を作る」プロジェクトの話題に。
楽曲と自分のトーク音声をユーザー端末で同期再 生しプロ顔負けのラジオ番組を制作する過程を共有いただき、Vibe(sが上がる) Codingの楽しさが伝わる発表でした。
4. Zoomの書き起こしまとめを自動化した話
発表者:Sueishi Hiroki (UIインフラチーム)
「会議が多すぎて議事録作成が大変…」という課題を、Zoomの録画フォルダを監視し、録音データの文字起こしをOpenAI APIを使って要約する「Zoom Caption Summary」を開発した話をしていただきました。
要約はObsidianに自動保存され、会議ごとに日時・出席者・議題ごとに整理され、これにより毎月約400分 (!) の作業時間を削減できたということでした。
生成AIを使って大きく業務効率を上げることができるとてもいい例を挙げていただき、色んな事に応用する可能性を感じる事ができました。
5. LLMに優しいドキュメントサイトとは?を考察してみる
発表者:Kohei Maekawa (UIインフラチーム)
Abyssという社内ツールのドキュメントを題材に、LLMが理解しやすいドキュメントサイトのあり方を考察する発表でした。sitemcp
を活用し、階層構造や情報量、コード例の最小化など、LLM向けに最適化するポイントを実験的に検証しました。
6. 新しめのCSSを拾う
発表者:Azusa Tomita (Web Accessibility Team) / @a_t
最新CSSの新機能や今後実装予定のプロパティを、アクセシビリティ観点も交えつつ紹介していただきました。gap
プロパティの進化、margin-trim
や text-box-trim
などの余白制御、条件付きスタイリング (コンテナクエリ・style queries・if関数)、HTML属性値のCSS利用、HTML+CSSだけで実現するUIパターン (モーダル・カルーセル・メイソンリーレイアウト) ... という具合に、まだ各ブラウザに実装が浸透していない技術まで幅広く解説していただき、将来の実装の参考になる情報が多々含まれた、有益な発表でした。
7. MCPサーバを作ってみたよ
発表者:Tomoya Kita (Incubation team) / @odan3240
LINE Developersサイトの情報をLLMが直接検索・取得できるMCPサーバを実装した話をしていただきました。
開発過程で得た、検索精度をより向上させる方法やトークン消費を抑える知見も紹介していただき、今後はベクトル検索やMarkdownから汎用的なMCPサーバを生成するツール開発を視野に入れていることなど、この分野の伸びしろを存分に体験できる発表でした。
成果物: https://github.com/odanado/line-developers-mcp-server
学び
まとめに入る前に、実際にイベントを企画・運用してみて、気付いた知見をお伝えします。
GWだとまとまった時間が取れるため、「知見のまとめ」や「(ある程度の規模の) ツールを作ってみた」のような発表が多い印象でした。
仕事とは関係なく研究・調査が行えるため、自由な発想での企画も生まれやすく、より楽しい雰囲気が醸成できたと考えています。
また、今回私はイベント運営側に回ったのは初めてでした。
部長レイヤーの方々を積極的に頼り、部のイベントとして進める事で、運営側、参加者側が一体感を持って開催・円滑な運営を行うことができました。
おわりに
今回のLT会は、所属部署内で、顔なじみのあるメンツ同士ならではのリラックスした雰囲気の中、最新技術や個人開発のリアルな知見を共有し合う貴重な機会となりました。
発表者・参加者ともに高いモチベーションで臨んでいただき、所属部署メンバー同士の学び合い・刺激し合う文化の醸成にも繋がったと感じています。
これからも気軽にアウトプットし合える場を定期的に設けて行きたいと考えています。また機会があれば発表の様子も紹介予定です。楽しみにお待ち下さい!