tag:speakerdeck.com,2005:/bicstone tag:speakerdeck.com,2005:Talk/1502292 2026-02-08T23:13:39-05:00 2026-02-09T01:21:19-05:00 登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること CfPに応募したいけれどネタが見つからない、書き方がわからない。そんな悩みに対して、「登壇駆動学習」という考え方を紹介します。 登壇を決めることで、体系的な整理力、最新情報を追うモチベーション、周囲からのアイデア提供という3つのメリットが得られます。CfPのネタは「過去の経験談」「まだ知らない最新情報」「普段のメモの蓄積」の3方向から見つけられます。 自分にとっての当たり前が他者の発見になることも多く、完成した知見がなくても「聴衆に価値を届けられる」という仮説があれば十分です。CfPを書く際は、聴衆の持ち帰りの明確化、期待値を設定するタイトル、自分が話す必然性、構成の可視化を意識することで採択率が上がります。登壇を通じてフィードバックやつながりが生まれ、次のネタにつながる好循環を実体験をもとにお話しします。 ※ 本スライドはほとんどをAIにより生成しています。 <strong>【この資料で発表したイベント】</strong> - <a href="proxy.php?url=https://typescript-jpc.connpass.com/event/379927/">TSKaigi Mashup #4 プロポーザルの書き方とコツを学ぼう</a> <strong>【著者について】</strong> - Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> - X: <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1468837 2025-11-21T00:50:20-05:00 2025-11-26T04:02:03-05:00 TypeScript 5.9 で使えるようになった import defer でパフォーマンス最適化を実現する TypeScript 5.9で利用可能となる新機能「import defer」を用いたパフォーマンス最適化について解説しています。 TC39 Stage 3の提案であるこの機能は、モジュールの「取得・解析」を即座に行う一方で、トップレベルの「評価(実行)」を実際にプロパティにアクセスする瞬間まで遅延させるものです。これにより、従来の動的import(dynamic import)のように非同期処理(Promise)を扱う複雑さを避けつつ、同期的な構文のままで初期ロード時のCPUコスト(TBT)を削減できる利点を紹介しています。 具体的な活用例として、モーダルのような「ユーザー操作時に初めて必要となる機能」の評価を遅らせるパターンを紹介しています。また、利用にはtsconfig.jsonの設定変更が必要であり、現時点でランタイムやバンドラは実験的な対応にとどまる点にも言及しつつ、2026年に向けた未来のパフォーマンス改善を一緒に考えようと呼びかけています。 <strong>【この資料で発表したイベント】</strong> - <a href="proxy.php?url=https://hokuriku.tskaigi.org/talks/39">TSKaigi Hokuriku 2025</a> <strong>【著者について】</strong> - Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> - X: <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> © 2025 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1465950 2025-11-14T23:11:52-05:00 2025-11-15T01:42:38-05:00 Promise.tryで実現する新しいエラーハンドリング New error handling with Promise try This presentation explains Promise.try, which was standardized in ECMAScript 2025. In JavaScript Promises, while asynchronous errors can be caught with .catch(), synchronous errors thrown before the Promise is created cannot be caught. Previously, workarounds included wrapping with new Promise, using Promise.resolve().then(), or using async functions, but these approaches had drawbacks such as verbose code or always executing asynchronously. Promise.try executes a function synchronously while catching both synchronous and asynchronous errors, and normalizes all possible return values (values, Promises, exceptions) into a single, reliable Promise. ECMAScript 2025で標準化された Promise.try について解説しています。 JavaScriptのPromiseでは、非同期エラーは.catch()で捕捉できますが、同期的に投げられるエラーは捕捉できないという問題がありました。従来はnew Promiseで囲む、Promise.resolve().then()を使う、async関数を使うなどの回避策がありましたが、いずれもコードが冗長になったり、常に非同期実行されるという欠点がありました。 Promise.tryは、関数を同期的に実行しつつ、同期・非同期両方のエラーを捕捉し、あらゆる戻り値(値、Promise、例外)を単一の信頼できるPromiseに「正規化」します。 <strong>【この資料で発表したイベント】</strong> - <a href="proxy.php?url=https://nodejs.connpass.com/event/371397/">JSConf.jp 2025 Pre Event</a> <strong>【著者について】</strong> - Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> - X: <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> © 2025 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1441001 2025-09-21T06:09:29-04:00 2025-09-22T03:53:26-04:00 AIエージェント時代における TypeScriptスキーマ駆動開発の新たな役割 AIエージェントの台頭は、TypeScriptのスキーマ駆動開発を過去のものにするのではなく、むしろ新たな役割を与えます。 本発表では、スキーマがAIの精度を高める「コンテキスト」、自律的な品質向上を促す「フィードバック」、大規模開発を支える「エージェント境界」として機能することを解説します。 AIエージェントによる自律した開発を実現するハブとなる、新たなの開発スタイルを提示します。 <strong>【この資料で発表したイベント】</strong> - <a href="proxy.php?url=https://findy.connpass.com/event/368365/">Findy TECH BATON 『TypeScriptのスキーマ駆動開発』実践事例 LT</a> <strong>【著者について】</strong> - Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> - X: <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> © 2025 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1430398 2025-08-27T23:57:01-04:00 2025-08-28T00:03:07-04:00 AIエージェントにも人間にも優しく。Findy Team+におけるコードベースの改善 本発表は、AIエージェントと人間が共創する時代に向け、ファインディの「Findy Team+」で実践しているコードベースの改善事例を紹介するものです。 AIの性能は既存コードの品質に大きく依存するため 、その価値を最大化するにはコードベースの最適化が不可欠です。本資料では、モジュール境界の強制、ドキュメントの充実、コーディング規約の統一など7つの観点から、AIと開発者の双方にとってフレンドリーな開発環境を構築する具体的な手法を解説します。 <strong>【この資料で発表したイベント】</strong> - ぶっちゃけどう使ってる?フロントエンド開発のAI活用リアルLT (Findy Freelance) <strong>【著者について】</strong> - Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> - X: <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> © 2025 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1429509 2025-08-26T06:11:05-04:00 2026-01-15T04:12:15-05:00 AIが実現するプロダクトオーナーと開発者の架け橋 プロダクトオーナーと開発者の間に存在する「技術の壁」は、コミュニケーションコストの増加や手戻りを発生させ、価値提供のスピードを低下させる一因です。このセッションでは、エージェントAI・生成AIをチームを前進させる「架け橋」として活用する方法を提案します。AIがいかにして個人のスキルを拡張し、チーム全体のコラボレーションを加速させるか、具体的な役割ごとの活用例を交えて解説します。 <strong>【この資料で発表したイベント】</strong> - <a href="proxy.php?url=https://startup-in-agile.connpass.com/event/361881/">Startup in Agile & 渋谷アジャイル スタートアップのアジャイルは生成AIでどう変わる?</a> - <a href="proxy.php?url=https://tokium.connpass.com/event/377884/">寿司ときLTナイト ~ AI時代のキャリア選択!挑戦と悩みの共有LT会 ~</a> <strong>【著者について】</strong> - Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> - X: <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> © 2025 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1373807 2025-05-23T09:23:26-04:00 2025-05-24T02:22:27-04:00 TypeScriptのmoduleオプションを改めて整理する 本発表は、TypeScriptにおけるmoduleオプションについて、その基本的な役割と設定時に注意すべきポイントを体系的に整理します。 moduleオプションは、TypeScriptが出力するモジュール形式を指定するための重要な設定項目であり、ESModuleやCommonJSの違い、Node.jsにおける実行時の挙動、さらにはビルド結果の違いを正確に理解しておかねば、意図しないトラブルに見舞われるリスクが高まります。 そこで、発表では実際に私が遭遇したトラブル事例をもとに、moduleオプションがもたらす挙動の微妙な違いとその影響を解説し、さらにTypeScript 5.8で導入された "NodeNext" の仕様変更がどのような影響を及ぼすのかについても触れます。 主な対象は、日常的にTypeScriptを活用している開発者で、特に tsconfig.json の設定に携わる機会のある方々です。基本的なTypeScriptの知識があれば参加可能な内容となっています。 発表を通じて複雑なmoduleオプションに対する苦手意識を払拭し、基礎知識と最新の挙動を理解する方法を知ることで、自信をもって設定に臨めることを目指します。 <strong>【この資料で発表したイベント】</strong> - <a href="proxy.php?url=https://2025.tskaigi.org/talks/bicstone_me">TSKaigi 2025</a> - <a href="proxy.php?url=https://freee.connpass.com/event/351699/">TSKaigi 2025 本編で話せなかったこと、話し足りなかったこと</a> <strong>【著者について】</strong> - Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> - X: <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> © 2025 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1354650 2025-04-15T02:12:10-04:00 2025-04-16T05:56:18-04:00 AIと開発者の共創: エージェント時代におけるAIフレンドリーなDevOpsの実践 DevOpsとAIの統合は、単なるトレンドを超え、事業に大きな価値をもたらしています。近年は、エージェントAIの進化によりAIが自律性を持って複雑な課題を解決できるようになりました。 本セッションでは、ファインディにおけるWebプロダクト開発において、次の点を紹介します。 <strong>AIと開発者の協働</strong> 開発者とAIが相互補完する協働体制により実現する新たな開発プロセスの展望について、最新のDevOpsレポートの知見を交えながら考察します。 <strong>生成AIとAIエージェントの活用</strong> ファインディにおけるAI導入前後の変化 (開発サイクルの変化、品質向上のメトリクスなど) を踏まえ、DevOpsを加速した実例を解説します。 <strong>既存のコードベースの改善</strong> 既存のコードベースをAIフレンドリーに改善する手法と、その結果として得られた効率化の実例を解説します。 参加者は、具体的なAIの活用手法と実装する方法を学び、ご自身の現場ですぐ役立てられる知見を得ることができます。 <strong>【この資料で発表したイベント】</strong> - <a href="proxy.php?url=https://www.devopsdaystokyo.org/">DevOpsDays Tokyo 2025</a> - <a href="proxy.php?url=https://confengine.com/conferences/devopsdays-tokyo-2025/proposal/22594/ai-aidevops">DevOpsDays Tokyo 2025 - AIと開発者の共創: エージェント時代におけるAIフレンドリーなDevOpsの実践 | ConfEngine - Conference Platform</a> <strong>【著者について】</strong> - Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> - X: <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> © 2025 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1341488 2025-03-18T01:55:04-04:00 2025-03-18T11:05:05-04:00 ランチの間に GitHub Copilot Agent が仕事を終わらせてくれた話 <strong>【この資料で発表したイベント】</strong> - <a href="proxy.php?url=https://meguro-lt.connpass.com/event/344164/">【増枠】めぐろLT #25 「私、これ自動化しました!」 - connpass</a> <strong>【著者について】</strong> - Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> - X: <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> © 2025 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1310621 2025-01-16T00:43:16-05:00 2025-01-16T00:45:16-05:00 アマチュア技術広報の振り返りと目標 <strong>【この資料で発表したイベント】</strong> - <a href="proxy.php?url=https://techpr.connpass.com/event/339814/">【東京開催】技術広報の集い #5 リベンジ!!! - connpass</a> <strong>【著者について】</strong> - Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> - X(Twitter): <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> © 2025 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1272327 2024-11-04T23:54:47-05:00 2024-11-22T00:40:36-05:00 SaaS開発における手戻りを減らすためのリファインメントの実践 物流業界向けのSaaS開発では、複雑なドメインや曖昧な要件など、多くのリスクが存在します。こうした課題に対処するため、私たちのチームは手戻りを減らすためのリファインメントの型化を実施しました。この経験を通じて得た知見を共有し、「リファインメントの現在地」についてお話しします。 <strong>【著者について】</strong> - Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> - X(Twitter): <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> <strong>【この資料で発表したイベント】</strong> - <a href="proxy.php?url=https://startup-in-agile.connpass.com/event/332439/">みんなの「リファインメントの現在地」を語ろう!【Startup in Agile #2 】 - connpass</a> <strong>【お詫び】</strong> このデッキはアクセシビリティに対応しておりません。ブログ記事化を予定しています。 © 2024 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1237832 2024-09-05T09:31:58-04:00 2024-11-22T00:25:39-05:00 エラーレスポンス設計から考える、0→1開発におけるGraphQLへの向き合い方 このデックでは、エラーレスポンス設計から考える、プロダクトの0→1開発におけるGraphQLへの向き合い方について紹介します。 記事: <a href="proxy.php?url=https://zenn.dev/hacobell_dev/articles/graphql-2024">【技術選定】 0→1 の SaaS に採用して感じた GraphQL への向き合い方</a> <strong>【著者について】</strong> - Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> - X(Twitter): <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> <strong>【この資料で発表したイベント】</strong> - <a href="proxy.php?url=https://findy.connpass.com/event/328076/">2024年、GraphQLにどう向き合う?導入と活用の実際</a> - <a href="proxy.php?url=https://yumemi.connpass.com/event/326311/">ゆめみ×LayerX×サイボウズ3社合同フロントエンドカンファレンス北海道2024後夜祭@東京</a> <strong>【ページ内のURLリンク集】</strong> 3: https://findy-code.io/engineer-lab/bicstone_me 6: https://www.hacobell.com/optimization 14-1: https://github.com/dotansimha/graphql-code-generator 14-2: https://github.com/99designs/gqlgen 15: https://github.com/graphql/dataloader 21: https://spec.graphql.org/October2021/#sec-Errors 26: https://zenn.dev/p/hacobell_dev 28: https://recruit.hacobell.com/ 29: https://bicstone.me/ <strong>【お詫び】</strong> このデッキはアクセシビリティに対応しておりません。ブログ記事をご参照ください。 © 2024 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1200763 2024-06-16T04:10:56-04:00 2024-06-19T20:10:52-04:00 もうブロッカーにしない!コードレビューを爆速にする組織づくり🚀 このデックでは、開発効率と生産性の向上を目的としたコードレビューを早めるための取り組みについてご紹介します。 Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> X(Twitter): <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> 下記で発表した登壇資料の抜粋です。 (著作権の都合で実際に投影したものとは異なります) <a href="proxy.php?url=https://chuo-tech.connpass.com/event/319436/">CHUO_Tech #3 開発生産性について語ろう! - connpass</a> ブログ記事: <a href="proxy.php?url=https://zenn.dev/hacobell_dev/articles/code-review-blocker">もうブロッカーにしない!コードレビューを爆速にするための組織づくり</a> このデッキはアクセシビリティに対応しておりません。大変お手数をおかけしますがブログ記事にアクセスをお願いします。内容は同一です。 © 2024 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1186519 2024-05-21T04:02:52-04:00 2024-05-21T04:04:56-04:00 私がアウトプットをやめられない 10 の理由 「アウトプットとインプットを継続する秘訣」として、私がアウトプットをやめられない10の理由について解説します。 Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> X(Twitter): <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> 下記で発表した登壇資料の抜粋です。 (著作権の都合で実際に投影したものとは異なります) <a href="proxy.php?url=https://yumemi.connpass.com/event/317149/">アウトプットとインプットを継続する秘訣LT会 - connpass</a> このデッキはアクセシビリティに対応しておりません。大変お手数をおかけしますが記事化までお待ち下さい。 © 2024 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1169733 2024-04-10T10:36:56-04:00 2024-05-06T21:23:19-04:00 0→1開発における技術選定において一番大切なこと 不確実性が多い0→1のプロダクト開発において「技術選定」を行うにあたり重要なポイントについて、経験とノウハウを共有します。 Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> X(Twitter): <a href="proxy.php?url=https://x.com/bicstone_me">@bicstone_me</a> 下記で発表した登壇資料の抜粋です。 (著作権の都合で実際に投影したものとは異なります) - <a href="proxy.php?url=https://chuo-tech.connpass.com/event/313257/">【増枠!】CHUO_Tech #2 どんな基準でどう選ぶ!?技術選定の話!! - connpass</a> ブログ記事: <a href="proxy.php?url=https://zenn.dev/bicstone/articles/technology-selection">未来は予測不能!技術選定の意思決定において一番大切なこと</a> このデッキはアクセシビリティに対応しておりません。大変お手数をおかけしますがブログ記事にアクセスをお願いします。内容は同一です。 © 2024 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1150289 2024-02-24T05:41:09-05:00 2024-05-15T14:07:48-04:00 アジャイル組織でプロダクト価値を高める! 「合意形成」のポイント 不確実性が多いプロダクト開発において、どのように「合意形成」を行うかについて、経験とノウハウを共有します。 ※諸都合により実際に投影した資料とは異なります Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> Twitter: <a href="proxy.php?url=https://twitter.com/bicstone_me">@bicstone_me</a> ブログ記事: <a href="proxy.php?url=https://zenn.dev/bicstone/articles/consensus-building">アジャイル組織でプロダクト価値を高める!「合意形成」のポイント</a> 下記で発表した登壇資料の抜粋です。 - <a href="proxy.php?url=https://sansan.connpass.com/event/309463/">自由な発想でつながる、失敗談を語るLTパーティー - connpass</a> - <a href="proxy.php?url=https://abi-agile.com/activity/agile-party2024report/">【アジャイル導入事例】Agile Party 2024イベントレポート | アジャイル ビジネス インスティテュート株式会社</a> このデッキはアクセシビリティに対応しておりません。大変お手数をおかけしますがブログ記事にアクセスをお願いします。内容は同一です。 © 2024 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1144105 2024-02-08T10:03:55-05:00 2024-02-10T00:00:17-05:00 電気工事士を取ったら一瞬で元が取れた件 このデッキでは、国家資格である第二種電気工事士を取ったWebエンジニアが、電気工事士の資格を取ったことで得られたメリットについて紹介します。 Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> Twitter: <a href="proxy.php?url=https://twitter.com/bicstone_me">@bicstone_me</a> 下記で発表した登壇資料の抜粋です。 <a href="proxy.php?url=https://tetemarche.connpass.com/event/306051/">【オフライン交流会@目黒】 テテミート #7 《LT会》 - connpass</a> ブログ記事: <a href="proxy.php?url=https://bicstone.me/qualified-electrician">第二種電気工事士を取ったら一瞬で元を取れた件</a> このデッキはアクセシビリティに対応しておりません。大変お手数をおかけしますがブログ記事にアクセスをお願いします。内容は同一です。 © 2024 Oishi Takanori おおいし (@bicstone) tag:speakerdeck.com,2005:Talk/1123016 2023-12-19T02:56:52-05:00 2024-02-05T09:52:59-05:00 アウトプットのモチベーションを維持する4つの掟 メリットだらけのアウトプット。しかし、続かないという大きな課題があります。このデッキでは、私がモチベーションを作り出した4つの掟を紹介します。あなたご自身の性格にあわせて様々な工夫をしてみてください。 Portfolio: <a href="proxy.php?url=https://bicstone.me/">bicstone.me</a> Twitter: <a href="proxy.php?url=https://twitter.com/bicstone_me">@bicstone_me</a> 下記で発表した登壇資料の抜粋です。 <a href="proxy.php?url=https://engineers.connpass.com/event/298275/">エンジニアの成長を応援する忘年LT大会2023</a> <a href="proxy.php?url=https://findy.connpass.com/event/302764/">~Findyユーザー感謝祭~ 今年の"アウトプット"を振り返ろう</a> Zenn記事: <a href="proxy.php?url=https://zenn.dev/bicstone/articles/keep-you-motivated-to-output">アウトプットはどうして続かないのか?「モチベの泉」を枯らさない5つの掟</a> このデッキはアクセシビリティに対応しておりません。大変お手数をおかけしますがZenn記事にアクセスをお願いします。内容は同一です。 © 2024 Oishi Takanori おおいし (@bicstone) おおいし (@bicstone) on Speaker Deck 2026-02-08T23:13:39-05:00