Ubie株式会社で病気のQ&Aのプロダクトマネージャー（PdM）を務めている、田口（@guchey）です。 Cursorをプロダクトマネジャーが活用する記事を見て、自分もプロダクトマネジメント業務の中心をCursorにしてみることにしました。 威力すごい。各所にあった知識を集約した結果、自分の認知限界を超える相棒になりました。 現在のスプリント、バックログアイテム、OKR、ユーザーストーリー、主要メトリクスを把握したAIは、プロダクトの現在地から未来の姿まで詳細に把握したAIプロダクトマネージャーだった。 ディレクトリ構成今はこんな構成にしています。 cursor_pdm/ ├── .cursor/ # Cursor AI 用の設定ファイル │ ├── mcp.json # MCP設定ファイル │ └── rules/ # Cursor AIルール │ ├── 000_general.md
会議やワークショップでよく耳にする「あの人はファシリテーションがうまい」という言葉。しかし、具体的に何をもって「うまい」と評価されるのでしょうか。このことにずっとモヤモヤを抱えていたので、ビジネスやデザイン領域における視点から、その本質と実践技術を掘り下げてみたいと思い、このnoteを書いてみようと思いました。 思った以上に長文となってしまったので、ゆるりと読んでもらえたらと思います。 ファシリテーションとは何かファシリテーションとは、「促進する」「容易にする」という意味の英語"facilitate"に由来します。 会議やグループワークにおいて、議論や活動をスムーズに進行させ、参加者から最大限の成果を引き出すプロセスを指します。 ビジネス文脈では、ファシリテーションは単なる「会議進行」を超え、組織の意思決定の質を高め、イノベーションを促進し、チームの集合知を最大化する戦略的機能を持ちます。
この記事をご覧になっているということは、業務フロー作成について関心がある、または「そもそも業務フローってどう作ればいいの？」と悩んでいる方が多いのではないでしょうか。 私自身、これまで10年以上で1,000枚以上の業務フローを作ってきました。DX推進や業務改善、新規事業の立ち上げなどに携わり、たくさんの成功例と同時に、失敗例も目の当たりにしてきました。 その中で痛感したのは、業務フローは単なる「手順書」ではないということ。適当に作った業務フローでは、いざプロジェクトが動き出したときに想定外の問題が発生し、最悪の場合、事業の撤退にまで追い込まれることもあります。一方、しっかりと設計された業務フローは、現場に安心感をもたらし、プロジェクトをスムーズに進める土台となります。 この記事では、私が実際の現場で培った経験をもとに、実践で使える業務フロー作成のコツをお伝えします。専門用語は最小限にしつつ
「あれ？思っていたものと全然違うな……」 「すみません。そもそもこの機能がないと業務が回りません。」 「・・・今言われても・・・」 こういった言葉は、プロジェクト後半やリリース後にたびたび聞かれるものです。一番テンション下がる瞬間ですね。笑 こうした状況になる原因のほとんどは、要件定義の過程でしっかりと機能や仕様、目的が固められていなかったからです。 特に非エンジニアの方であれば、用語や技術面でつまづくことも多く、開発サイドとのコミュニケーションの齟齬が起こりやすくなります。そうならないようにするためにも、要求定義と要件定義の流れと進め方、さらに注意点をしっかり押さえておきましょう。 この記事を読んでほしい人 ・初めてシステム開発やツール導入のプロジェクトを担当する方 ・非エンジニアで、ITプロジェクトの進め方に不安を感じている方 ・要件定義や要求定義の違いがよくわからない方 ・ベンダーに
はじめに こんにちは。食べログ開発本部ウェブ開発2部でWEBエンジニアをしている向島です。 私は普段、要件や仕様決め、スケジュール調整など、一緒に開発を進める企画やデザイナーと日々連携をとりながら開発を進めています。 プロダクト開発を遅延や品質の低下なく順調に進行させるためにも、他職種とのコミュニケーションは非常に大切な要素のひとつですが、これまでの開発経験の中でコミュニケーション面において課題を感じることもありました。 今回は、日々の開発を通じて私自身が感じていたコミュニケーション上の課題と、それに対してプロジェクト全体で取り組み、効果を感じたものを紹介したいと思います。 この記事を通して、プロダクト開発におけるコミュニケーション面の大切さが少しでも読んでくださった方々に伝わると幸いです。 これまでの開発経験の中で感じていた課題 要件や仕様の決定に時間がかかる プロダクト開発において、開
データベース設計の基本中の基本であるER図。ER図を書きたいけど、「記法が分からない」「どういうステップで書けば良いか分からない」という若手エンジニアも多いのではないでしょうか。 ER図は１０種類近くあり、種類によって記法が異なります。このことが難しいイメージを与えていますが、実はそれほど難しいものではありません。覚えれば良いER図は２種類だけです。 しかも、この記事で解説している基礎知識を押えれば、たった５つのステップで作成することができます。 この記事では、ER図の基礎知識からER図の書き方まで、エンジニアが抑えておくべきER図の全知識をどこよりも分かりやすく解説します。 この記事を読み終えたとき、若手エンジニアもER図を書けるようになっているでしょう。 この記事を参考に最適なデータベース設計を進めて下さい。 1. ER図とは ER図とは、「データベース設計（データモデリング）で使う設
数行のコードと外部スクリプトを記述するだけで、1つの要素を別の要素にスムーズに遷移させるJavaScriptを紹介します。 フレームワークやライブラリなど他のスクリプトに依存することなく、単体で動作し、もちろん他のフレームワークと一緒でも動作します。 Blendy Blendy -GitHub Blendyとは Blendyのデモ Blendyの使い方 Blendyとは Blendyはわずか数行のコードを記述するだけで、1つの要素を別の要素にスムーズに遷移させるJavaScriptです。依存関係はなく、単体で動作し、React, Vue.js, Angularをはじめ、ほぼすべてのフレームワークと一緒でも動作します。 MITライセンスで、商用プロジェクトでも無料で利用できます。
2025年2月18日(火)に開催されたBPStudy#210〜見積りと計画について学ぼう( https://bpstudy.connpass.com/event/344470/ ) の登壇資料です。
日本IBM（「Wikipedia」より／Yoshi Canopus） NHKがシステム開発を委託していた日本IBMに対し、開発の遅延による契約解除に伴い計約55億円の代金の返還と損害賠償を求めて東京地裁に提訴した係争事案。NHKは、日本IBMが開発の途中で突然、NHKに対して大幅な開発方式の見直しと納期遅延を要求したと主張しているが、これに対し日本IBMは7日、以下のリリースを発表して反論したことがIT業界内で注目されている。 ＜現行システムの解析を進める中で、提案時に（編集部追記：NHKから）取得した要求仕様書では把握できない、長年の利用の中で複雑に作り込まれた構造となっていることが判明したため、当社はNHKに対し、解析の進捗状況、課題およびそれに対する対応策を随時報告し、共にその対応を検討してまいりました。こうした中で当社は、同システムを利用する業務の重要性も鑑みて、NHK指定の移行方
https://jbug.connpass.com/event/342193/ 「jbug広島#15 「ド。」～文書の運用について～」にて発表した資料です。
作業手順書は、業務の標準化やミスの防止に欠かせません。しかし、「手順書があるのに作業ミスが減らない」「結局、詳しい人に聞かないと分からない」といった課題に直面することも少なくありません。実際に使われる手順書にするためには、分かりやすさと実用性が鍵となります。本記事では、誰でも迷わず作業を進められる手順書を作成するポイントをご紹介します。 こんばんは。僕です。 はじめに 業務の効率化やミスの削減を目的に作業手順書を作成する企業は多く存在します。しかし、実際に活用される手順書を作れているかというと、そうではないケースも少なくありません。 手順書があるのに、結局ベテラン社員に聞かないと作業が進まない 文章が多すぎて、重要な部分が分かりにくい 更新されておらず、現場の実態と合っていない こうした問題に対処するためには、わかりやすく、実用的な作業手順書を作ることが重要です。本記事では、誰でも理解でき
私は、中小企業のデジタル化をご支援をしています。 これからデジタル化をするという会社で重要なのは要件定義。 ここに力を入れて、毎回10時間以上かけています。 ヒアリングに4時間 業務フロー図の設計に4~6時間 提案書の作成に2~4時間ほど プロジェクトの最初の大事な部分なので、時間がかかることは仕方ないのですが、もっと楽にできないかなと普段から悩んでいます。 個人的には、ヒアリングは全然苦ではないのですが、業務フロー図の作成と提案書の作成が大変なため、どうしても気が進まないことが多いです。 喋る時と資料を作るときは脳の使い方が違うのか、ストレス値が非常に高いように勝手に思っています。 最初に粗くても、たたき台を書き出してくれればその後ツッコミ入れるのはいくらでもやるのに 提案書の大体の型とイメージはあるけど、寝ている間に誰か勝手に作ってくれないかな となんともズボラな根性が毎回顔を出してき
JWTって何？ JWTはJSON Web Tokenの略です。 まずは完成されたJWTを見てみましょう。 eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c この文字列がJWTです。 JWTの特徴を見てみる よく見ると、この文字列は 「.」(ドット) で区切られています。 JWTは次の3つのパーツから構成されています。 ヘッダ（Header） ペイロード（Payload） 署名（Signature） ただの文字列じゃない？ JWTは単なる文字列ではありません。 実は、この「ヘッダ」や「ペイロード」をデコードすると、JSON形式のデータ
情報システム室の進地＠日比谷です。 E2Eテストにおいて、テストコードの保守性は重要な課題の一つです。この記事では、PlaywrightでのPage Object Modelの実装方法と、Visual Regression TestingツールのPercyとの連携について、実践的なアプローチをご紹介します。 なぜPage Object Modelが必要か テストコードの保守性の課題 まず、Page Object Modelを使用しない一般的なテストコードを見てみましょう。 test('ログインテスト', async ({ page }) => { await page.goto('https://example.com/login'); await page.fill('#email', 'test@example.com'); await page.fill('#password', '
無垢な仔猫の写真を集めたウェブサイトを訪問したと想像してみてください。かわいい仔猫達の写真の背後には、このウェブサイトの強大な力が隠れています。誰かがウェブサイトにアクセスすると、サイトのオーナーはその訪問者のネット上の行動に関するあらゆる情報を入手できます。その中には、銀行取引情報、SNS上の投稿やメッセージ、メール、オンラインの購買データなどが含まれます。あなたが受ける信用面や金銭面の損害はどれほどのものになるでしょうか。あなたのメッセージが流出し、銀行口座のお金が使い込まれるかもしれません。しかし幸いなことに、実際にはそのような状況は起こりません。それは、SOPとCORSのお陰なのです。 目次 Ajax（Asynchronous JavaScript And XML） インターネットがジャングルではない理由 認証情報を「含める」vs「含めない」 CORSルールの定義 クロスオリジンリ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 質問とか、認識合わせとか、相談とかで、いちいち席にきて話しかけてくる人に憤慨していた新入社員（女性）がいました。 「チャットがあるんだからチャットで済ませてくれ、話しかけてくんなボケカスが！」と、大変ご立腹でありました。 その新入社員は非常に優秀な娘で、おまけに賢く、弊社で異例のスピードで出世していました。「リーダー職までが過去最速」と言われていたほどです。 そんな彼女は、そうそうに弊社に見切りをつけて転職───無事、上場企業に転職したのでした。めでたしめでたし。夫としても、自慢の妻でございます。 コミュニケーション コストはクソ高い
@view-transition { navigation: auto; } これにより NavigationType のうち traverse, push, replace のいずれかに該当するナビゲーションが行われた際にページ遷移アニメーション発生します。push, replace の場合にはブラウザの UI のより発生したナビゲーションではなく、ユーザーの操作によって開始されたものである必要があります。 実際に動作している動作を確認してみましょう。デフォルトではすべての要素に対してフェードイン/フェードアウトのアニメーションが適用されていることがわかります。 keyframes アニメーションの適用 :view-transition-old と :view-transition-new という擬似要素を使用して、遷移前後の要素に対して異なるアニメーションを適用できます。 :view-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く