2005年8月19日に正式リリースした「はてなブックマーク」は、おかげさまで20周年を迎えました。これまでご利用いただいた全てのユーザーの皆様に感謝申し上げます。 20周年を記念して、20年間の「はてなブックマーク」を振り返っていただけるような企画を準備しました。はてなブログでは、Amazonギフトカードと20周年グッズが当たるお題キャンペーンも開催中です。ぜひご参加ください。

仕事をしていて、身近な人たちを助けることができたときに仕事のやりがいや楽しさを感じるという人も多いのではないでしょうか？ 今回はそんな「仕事の相談」と「チームの助け合い」が上手くなる方法について、プロダクトマネジメントコーチ森雄哉さんにお聞きしました。 とても役立つ面白い内容ですので、どうぞ最後の「まとめ」までお読みいただければと思います。 株式会社witch&wizards 代表取締役社長、プロダクトマネジメントコーチ。学生時代からプログラミングを始め、プロダクト開発の楽しさに目覚める。エンタメ、ECサービス、小売業、製造業など幅広いプロダクトに関わり、現在はよりよいプロダクトをつくるためにプロダクトチーム支援やリーダー育成を行っている。

職場で飛び交う「いってこい」「正直ベース」「ガラガラポン」などの言い回し。そうした“おじさんビジネス用語”たちを、あえて使う必要はどこにあるのでしょうか。 「おじさん」というキャッチーな表現の裏側に、実は深い仕事哲学や仕事観が隠れていたりしないだろうか……？ 言葉使いという切り口から、上司や先輩のマインドセットに迫れないだろうか……？ そんな仮説のもと、「おじさんビジネス用語」の特徴から用法、付き合い方を言語学者の川添愛さんに考察していただきました。 著者：川添 愛1973年生まれ。九州大学文学部卒業後、同大学大学院にて博士（文学）取得。2008年、津田塾大学女性研究者支援センター特任准教授、12年から16年まで国立情報学研究所社会共有知研究センター特任准教授。現在は作家としても活動している。著書に『言語学バーリ・トゥード(〈Round 1〉〈Round 2〉)』『働きたくないイタチと言葉

「一時保存や下書きできるようにしたい」といった要望が出てくることがあると思います。世の中のサービスでよくある機能ですしあったら便利だなと思うのも当然です。 同じ要望を受けた当時の私はその大変さに全く気づいていませんでした。 意外と考えることが多いよ、というのが伝わると幸いです。 当初明確になっていた仕様 入力フォームには必須と任意の項目があるが、必須項目が未入力状態でも一時保存できる 入力フォームにはファイルを添付できる 正式データと一時データは同じ一覧ビューの中で両方とも表示させる 一時データはユーザー単位ではなく共有される（誰かが作った一時データは自分も閲覧編集できる） 一時データは正式データに対してひとつのみ存在できる 最終的には上記以外にももっと細かい仕様になったのですが、この後の検討や設計の流れに沿って随時記載していきます。 データの持ち方の方針 方法としては以下二つの案がありま

はじめに Figmaに新しく追加されたVariables カラー管理におけるStylesとVariablesの違い Variablesを使ってダークモードテーマを作る Variablesはまだベータなの？ まとめ はじめに enechainプロダクトデザインデスクのマネージャーの近藤です。現在はプロダクトの大型アップデートやデザインシステムの拡充に日々奮闘しています。 昨年末のアドベントカレンダーでダークモードの歴史や状況について記事（ダークモードを巡るあれこれ：ダークモードの明るい未来）にまとめたのですが、その中で以下のように書いていました。 今年になってFigmaに追加されたVariablesという機能により、ダークモードへ対応するためのカラーの管理が劇的に楽になりました。 しかし、具体的な使い方については触れていなかったので、今回の記事でVariablesを使用してダークモードテーマ

ゆめみ/虎の穴ラボさんの「勉強法の勉強会」というのが好きで、そちらをベースに社内の強い人たちへのインタビュー（10名程度）をミックスして、みんながどうやって調査とか勉強とかしているのか、まとめてみました。 インタビュの結果、あまり共通項みたいなものがなく、結局勉強に関しても銀の弾丸はなさそうな雰囲気でした。ので、どちらかというといろんな人のいろんな方法を並べる、みたいになっています。いろいろ詰め込もうとしすぎたのでゴチャった感ありますが、誰かの参考になれば幸いです。 前提など

社内で書いた内容から、一般化できる話だけを抜き出して書いた記事です。 TL;DR 意思決定者は、 仕様が複雑になればなるだけ、指数関数的かつ継続的にコストがかかることを理解する必要がある。 ユーザーの要求や利便性について優先順位をつける必要がある。 それらを揃えた上で「いっちゃんいいバランスで顧客要望に応える」必要がある。 コストについて サービスあるいは機能の一生 サービスあるいは機能は以下のライフサイクルを辿る 初回リリース以前 初回リリース以後、クローズ以前 クローズ 実は一番コストがかかるのが「初回リリース以後、クローズ以前」の部分。なぜならサービスの一生のうちほとんどの時期がここなので……。 初回リリース以前にかかるコスト いわゆる「初期開発」が行われる。 当然、この時に仕様がシンプルであればあるだけ初期開発にかかるコストは低くなるし、仕様が複雑であればあるだけ初期開発にかかるコ

はじめに こんにちは。楽楽販売開発課のm_tkoとthree_yagiです。 今回は、私たちが所属しているサポート対応チームの業務を紹介します。 目次 はじめに 目次 サポート対応とは？ 組織体制 取り組み 仕様確認系のお問い合わせ 調査系のお問い合わせ 工夫している点 回答観点について 通知botの運用 お問い合わせの傾向分析 今後の展望 最後に サポート対応とは？ まず、サポート対応とは何かについて説明します。 基本的に、お客様からのお問い合わせはカスタマーサポートを担っている部署が回答をしています。 カスタマーサポートの基本的なフロー ただ、そのお問い合わせの中にはエンジニア視点での調査が必要なものがあります。 そういったお問い合わせをエンジニア側で引き受けて調査を行うことを「サポート対応」と呼んでいます。 エンジニア側で問合せ対応を行う場合のフロー エスカレーションされるお問い合わ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

スライド概要 スクラムフェス大阪2024の登壇資料です。 スクラムマスターとして、あるチームでエンジニアとQAの間に見えない壁があり、それが崩れるまでを眺めた。しかし、チームは時間をかけて壁を崩すことができ、その結果、よりユーザーと価値に向き合えるようになった。チームの状況は、初めてアジャイル開発やスクラムに触れるメンバーが多くいたよくあるプロダクトチームであった。スクラムマスターは、なぜ壁崩せたのか、なぜ見ていられたのかを語る。この物語は、あなたのチームでも起きうることであり、アジャイル開発に取り組む上での示唆になるはずです。

社内のプチ発表に使った資料です。 文章のコツ 前置き フルリモートでは、文章でのやり取りがメインになる。 なので、文章がヒドいと「この人と仕事するのキツイ」と思われちゃう😢 そう思われないための色々思ったことを自戒メモ。 なるべく箇条書きにする

Yuta SAWA @sawawww 数ヶ月ぶりにサイゼに来たが、いつの間にかモバイルオーダーが導入されていたんだが、流石にこれは攻めたUIだな。。。 pic.twitter.com/vn4FxpU8wr 2024-05-31 12:22:05 ラムダ🥒ラムダ技術部 @yoidea 番号を暗記していればミスなく爆速注文できそうな常連向けのUIなのは個人的に嬉しい！ リッチなUIのモバイルオーダーアプリは、視覚情報メインでわかりやすさを追求している代償として、1つの商品を選択するのに何回も画面遷移させられる傾向にあるから、対極的なこの攻めたUIを採用したのは興味深い x.com/sawawww/status… 2024-05-31 14:58:39

プロダクトマネジメントを体系化したクライテリアです。企業がプロダクトを成功に導くために必要な要素を多角的かつ具体的に記載してあります。対象はプロダクトマネージャー個人ではなくプロダクトを取り巻くチームとし、プロダクトマネジメント全体をスコープにしています。 🎉 プロダクトの成功 プロダクトの成功には2つの要素があります。 ユーザー価値と事業収益がバランスを取りながら最大化している状態ビジョンが実現できている状態この2つを満たしたプロダクトの成功を実現するプロダクトマネジメントについて定義します。 🔄 プロダクトマネジメントのフロー 👆🏻2つのテーマ、5つのカテゴリプロダクトマネジメントには大きく2つのテーマがあります。 🎁 A. プロダクトをつくる仕事 👩‍👩‍👧‍👧 B. プロダクトチームをつくる仕事 そして、「🎁 A. プロダクトをつくる仕事」には大きく4つのカテゴ

『みんなで小さく区切って進める』とは『みんなで小さく区切って進める』は複雑な問題を解決するためにみんな（チーム）で一緒になって改善していくための進め方です。 『みんなで小さく区切って進める』で大事な考え方は『経験から学ぶ』と『ちょっとずつ進める』です。小さく区切ることで、ちょっとやってみて、それから学び、またちょっとやってみる。それを繰り返しながら進みます。 『みんなで小さく区切って進める』を上手にするには『見える化』『チェック』『改善』の3つが重要です。これにより『経験から学ぶ』効果を高めます。 機会を作る『見える化』『チェック』『改善』を取り入れるために5つの機会を設けましょう。これらの機会は毎回同じ時間に行うことでリズムが生まれいい感じになります。 『区切り』があることで立ち止まれます。立ち止まることで落ち着いて『チェック』し『改善』することができます。この『区切り』は1週間もしくは

私たちはスクラムを採用していて、プロダクトオーナーの私と、3人の開発者、そしてスクラムマスターというチームでやっている。 初期段階の頃は、頭の中のユーザーストーリーを開発者に伝えるのをめちゃくや丁寧にやっていた。 リファインメントでたくさん会話して、バイブスを伝えることに多くの時間を費やしていた。 たくさんの会話をしそれを簡潔にテキストに落とし込みバックログを完成させていた。 プランニングの時も開発者の帽子を被り、必要があったら口を挟みつつラジオ参戦していた。 数ヶ月も一緒にやっていると「今ある機能をもっと良くするならこうだよな」というのが開発者の中に思い描けるようになっていたし実際合っているので、リファインメントでたくさんの会話しなくても「あとはお任せ」の様にやれるようになっていた。 バックログを積み、リファインメントで意思疎通できてるな、ヨシ、をシュッと確認して、その後のテキストへの落

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を

「Megukuma」と名乗る個人が、ODNのドメインで提供してきたサービスだが、4月1日現在、サービスが含まれていたディレクトリごと削除されいる。 Internet Archiveで確認すると、同じディレクトリでチョコエッグの掲示板が運営されており、当初は、掲示板に書き込む際の文字数確認用途だったのかもしれない。 テキストを入力するだけで、スペース込み／抜きの文字数を瞬時に表示できた他、行数や段落数、400字詰め原稿用紙換算で何枚かも計算することができた。 関連記事 「長い間ありがとう」　レンタル掲示板の草分け「teacup」終了　25周年に GMOメディアは8月1日、レンタル掲示板サービスの草分け「teacup.」のサービスを終了した。 「さるさる日記」がサービス終了　レンタル日記の草分け 無料レンタルWeb日記サービスの草分け「さるさる日記」が6月30日で終了。終了後、これまでの日記は

株式会社はてな（代表取締役社長：栗栖義臣／本社所在地：京都市中京区）は、株式会社集英社（以下「集英社」）が提供するマンガ誌アプリ「少年ジャンプ＋」に当社開発のマンガビューワ「GigaViewer for Apps」の提供を開始したことをお知らせします。 当社では、2017年より「少年ジャンプ＋」ブラウザ版に「GigaViewer for Web」を提供してまいりました（※）。このたび、ブラウザ版に続き、ダウンロード数2,700万を超える「少年ジャンプ＋」iOS版/Android版アプリでも当社ビューワを採用いただいたことで、集英社と共に「少年ジャンプ＋」ブランド全体の成長を目指してまいります。 ▽ 「少年ジャンプ＋」について https://shonenjumpplus.com/ 「少年ジャンプ＋」は、集英社の「少年ジャンプ＋編集部」が運営するマンガサービスです。ブラウザ版とアプリ版で展開

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。 今回は、LPにおいてCV（コンバージョン）に大きく影響を与えるUIパーツ「CTAボタン」周りのデザインをパターン別に集めてみました。 はじめに前回の記事で予告をした通り、今後、LPやWebサイトを構成する様々な要素を１つずつ特化して調査をしていきたいと思っています。 今回はその「パーツ別デザインまとめ」シリーズ２本目です。 ↑ こちらの記事、たくさんの方に読んでいただけており嬉しいです！ パターン別 CTAボタン一覧サイト閲覧者に特定の行動を促すよう誘導する（Call to Action）ためには、CTAボタンに視線を集める必要があります。 そこで今回は「目に留まりやすいCTAボタンにはどんな特徴があるのか？」という観点で、見つけた特徴別にCTAボタン周りのデザインを一覧化しました。 💡差別化された背景色CTAボ