エンジニアのためのマネジメントキャリアパスを読んだ
チームのマネジメントから始まり、複数チームのマネジメント、マネージャーのマネジメント、経営幹部と各段階における心構えを概観できた。 個人的にはチームのマネジメントはやったことがあり、複数チームのマネジメント辺りまではリアリティを伴って読むことができたが、管理者の管理など、それ以上はまだリアリティを持てなかったので、必要になった段階で再読しようと思った。 著者はマネジメントキャリアパスを進む前に、最低でも 1 種類のプログラミング言語を自在に使いこなせる程度の技術力は身につけておかないと、技術力不足とみなされキャリアパスが頭打ちになることがあると繰り返し言っており、個人的には DeNA 時代はマネジメントはやらないと宣言して技術研鑽だけしていたのは正解だったのかもと思うなどした（それが功を奏すのかはまだ何もわからないが）。 目次 1章 マネジメントの基本2章 メンタリング3章 テック
色とテキストスタイルのスタイルガイドを一発で生成するFigmaプラグインつくりました｜Hiroki Tani
FigmaのColor StylesとText Stylesをそれっぽいスタイルガイドとして生成するプラグインをつくりました。それぞれ別のプラグインで、Colorのほうは Color Styleguide、TextのほうはTypography Styleguideという名前で公開しています。 動作は下記の動画から。 デザインシステムやガイドラインをつくるときに、この手のカタログのようなものを手作業でつくることがそれなりにあるので、それを自動化したく作りました。 利用方法については、Color StylesとText Stylesのあるファイルでプラグインを実行するだけです。実行すると、それぞれ Colors、TypographyというPageを生成します。 このカタログはAuto Layoutで作っているので、あとから好きにレイアウトや順番に変えることができます。また、ひとつひとつのアイテ
色のコントラスト比をグリッド表示で一覧化できるFigmaプラグイン「Contrast Grid」をつくりました｜Hiroki Tani
このプラグインの元はEightShapes社が数年前につくったContrast Gridです。背景色と前景色を入力すると、それらの組み合わせとそのコントラスト比をグリッドで表示してくれるツールです。 WCAGの達成基準1.4.3にある4.5:1というコントラスト比を保てる色の組み合わせを探すのに使えるひとつの方法とツールではあるんですが、Figmaでの作業で効率的に使いたかったので、今回プラグイン化してみました。 プラグイン化といっても、アウトプットの形をEightShapes社のものにしただけで、内部の実装は試行錯誤してゼロから書き直しています。 EightShapes社のContrast Gridの問題EightShapes社のContrast GridではAlphaの値に対応してないのが問題でした。自分が関わっているデザインシステムで定義しているカラーでは、テキスト色などに使う無彩色
ローコードテスト自動化ツールの mabl がすごい
というのを使っていて思ったのでレポを書いていきます。 mabl とは - 基本的な機能 ざっくり言うと E2E テストをお手軽にメンテできるツールです。 こんな感じでポチポチ画面を操作していくと、それで実行したアクション(ボタンやリンクをクリックするなど)を自動で記録してくれて、E2E のテストを作成することが出来ます。 コードを書かずに E2E テストをサクッと作れちゃうのが魅力な訳ですが、それだけではありません。そんなすごいところを紹介していこうと思います。 mabl のここがすごい Auto Healing 何やら回復魔法みたいな感じでかっこいいですが、何かというと E2E テストがコケるようになった時に自動で修復してくれる機能です。 例えばボタンの位置が変わってしまっても、同じ文脈であろうボタンを自動で探して修復したりしてくれます。 E2E での辛さといえば、やはりテストのメンテナ
Fun/Done/Learnで振り返りをやってみる
Fun/Done/Learnとは？Fun/Done/Learnとは、KPTやYWTと同じScrumにおけるスプリントレトロスペクティブの振り返り方法の1つです。 これは、Scrum Coaches Retreat in Okinawaの方たちが作成した手法です。
M1 Mac ってなに？ ぼくにも使える？
「x86 か x64 か選べって言われてもな...?? でかい方が強いのかい？」 「amd64 と arm64 の違い...?? 使ってる文字はだいたい一緒だね！」 くらいの知識の人が「強そうとか字面が似てるとかで判断するのはまずいかもしれない。ここはひとつ M1 Mac をいじりながらこんぴゅーたぁの勉強をしよう。」と思い調べたことをまとめました。 この本は M1 Mac やコンピュータの基礎の基礎の一部を超ざっくりと理解し、普段使っていてふと壁に当たったときに「ダイジョブ イマノオレナラ チョットワカル」という気持ちになれることを目的としています。 逆にこの本はコンピュータ発展の歴史を解説したり、画一的な用語の定義を議論したり、おすすめ設定集を紹介するものではありません。 M1 Mac を買おうか迷っている人や買ってみた人の参考になれば嬉しいです。
UIデザイン時にやってしまいがちな18の誤ち｜Mikio Kiura / ANKR DESIGN
WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では
ソフトウェアプロダクトの機能追加・機能改善をプロジェクト体制で進めるのはもうやめよう｜mtx2s
ソフトウェアプロダクトをビジネスの中心に据える企業にとって、プロダクトの競争力を高めることは、一番の関心事です。だからこそ、プロダクトをより顧客価値の高いものに磨き上げようと、アップデートを繰り返すことに腐心する。 しかし、残念なことに、魅力的なプロダクトというものは、すぐに競合他社に真似されてしまいます。一度獲得した優位性を、長期間持続することは難しい。むしろ、競争優位性など一時的であることが普通だと考えた方が良い気さえします。 だからこそ、「プロダクトの競争力を高めること」と同時に、「プロダクト開発能力の競争力を高めること」が重要だと、私は考えています。魅力的なプロダクトを作ることに再現性があり、それを短期間で実現できる強い開発組織を作り上げるということです。競合他社も、プロダクトを真似することは簡単にできても、開発能力を真似することはさすがに難しいはず。 プロダクト開発に実行責任を持
良いデザインシステムとは？ 役割と評価をするためのワーク手法を公開します。ノンデザイナーもバッチリ理解できるワークだよ！｜イシジマミキ
デザイナー不在の組織では、専門家不在の状況でデザインに関する議論をすることに不毛さを感じているケースもあるのではないでしょうか。 フロントエンドエンジニアさんが必要に感じてデザインシステムを独学で作ったのでそれをレビューして欲しいというオーダーをいただきました。 さて、これは困りました。デザインシステムは外部の人間がさらっと目を通して評価できるような性質のものなのでしょうか。半分は正解で、もう半分は違うように感じます。 Design Systems ―デジタルプロダクトのためのデザインシステム実践ガイド 改めてこの本を読んでみると、多くの疑問に対する答えが書いてありました。そうだ。これを元にワークにしよう！ デザインシステムを理解するワークをMiroで行う 自由にアクセスして、ぜひご自身やチームでのワークにご活用ください。 クレジットなどでちらりと名前を挙げてくださったら嬉しいです。 ht
クックパッドのデザイン品質を支える Apron Design System の構築｜ふじけん / kenshir0f
こんにちは、クックパッド株式会社 デザイン戦略部のふじけん(@kenshir0f)です。 デザイン戦略部に異動してからは全社横断のデザイン品質の向上の仕組みづくりを担当していますが、今回はレシピサービス「クックパッド」のデザインシステムの整備で取り組んでいることを紹介したいと思います。 大規模サービスにおけるデザインガイドラインの世代交代クックパッドでは約10年前にクックパッドらしいUIを簡単に実現することができる Sara という CSS ベースのUIフレームワークが生まれました。 Sara は Web のデザインと実装がパッケージ化されているため少ない実装で機能提供が可能となり、その分開発者はユーザーと向き合ったサービス開発にフォーカスすることができます。 CSS Framework の Sara モバイルアプリ(iOS, Android)でも同様に Sara のデザインを取り入れて開
150万MAUのNuxt.js製サービスを機能開発を止めずに1ヶ月&1人でNext.jsに置き換えた話
Nuxt.js で開発されていたAI受診相談ユビーのフロントエンドを Next.js で作り直しました。 まだまだ仮説検証を繰り返すフェーズのスタートアップのため、機能開発を止めて一気に置き換えることはできず、機能ごとに少しずつ置き換えてリリースをしました。結果、5人のプロダクト開発チームによる機能開発と並走して、全体の移行を1人で1ヶ月の短期間で終わらせることができたので、その意思決定や過程、工夫を紹介します。 移行前の課題 まず前提として、移行前の Nuxt.js による実装は 2018 年に立ち上がったもので、当時 toC の Web サービスを持っていなかった Ubie が ほぼ 1 人の小さいチームで PoC 的に作り始めたものでした。また、当時の Next.js は今ほど多機能ではないプレーンなフレームワークでした。 これらを踏まえて、当時の状況で MVP を最速で作るための技
「バランスを取る」ではなく、「らせん状に進化する解決策」をイメージする｜柴田史郎
柴田(@4bata)です。「つまりはバランスだよね」というフレーズがあまり好きじゃないと気がつきました。 考えたきっかけ：どんな「解決策」ならOKとするか何か課題があって、解決策を出すとき「まあ暫定対応ならこれでいいか。でもあとで考え直そう」と判断するときと、「これで一件落着！！」と見なすときがある。違いは何か。あと、このツイートも元ネタ。 「バランスさせた解決策」とは、「あちらを立てればこちらが立たず」の妥協点「たくさん買い物したい」「もっと稼がないとこれ以上買えない」という対立項目で、「とりあえずこれぐらい稼いでるから、これぐらい欲しいものを買おう」という解決策をとるときがある。頭の中にあるイメージはこれ。 時間がたつと、いろいろ要素が増えて複雑になっていく。もっと稼ぐために自己投資も必要だ、となったり結婚して家族が増えたりして複雑になっていく。ずっとバランスをとり続けるのが大変だ。
フロントエンド受託開発の面白さと成長について
こんにちは、 Gaji-Labo フロントエンドエンジニアの鈴木です。 実は Gaji-Labo に入社してからもうすぐ丸4年になります。これまでたくさんのお客さまの事業に関わりお仕事させていただきました。 弊社では引き続きフロントエンドエンジニアを募集していますが、なかなか興味を持っていただくのが難しい、というのが現状です。 これまで、我々が何であるか、何をしているかを発信してきたつもりですが、一度原点に立ち返って「受託開発の面白さ、特徴」を伝えてみようと考え、この記事を書きました。 受託開発の面白さと成長みなさんはフロントエンドの受託開発にどのような印象をお持ちでしょうか？ 私は経歴として Web 制作会社 → 現職のため、自分の中で「当たり前」になっていることも、外から見たら「それいいな」というポイントになるかも？と思い、改めて推しポイントを考えてみました。 エンジニアとしての領域を
新参者だけどバーンアウトしかけているチームを立て直す
ジョインしたばかりの組織に違和感を感じたとき、新鮮な目線で改善すると良いよという発表をしました。
heyの統合データ基盤と今後の展望 - STORES Product Blog
はじめに はじめまして、4/1からデータチームでデータエンジニアとして働いている @shoso です。 突然ですが、みなさんデータ基盤って開発したことありますか？ 私はheyに来るまでなかったのですが、チームの経験あるメンバーと毎日話しながら（助けてもらいながら）開発する中でようやく少し分かって来たような気がします。 （覚えることが大量にあり大変とても楽しいです！） 今回は、データ基盤開発経験のある方はもちろん、普段サービス開発など他の開発をメインでされている方にも伝わる形で、heyの統合データ基盤と今後やっていきたいことについてご紹介できればと思います。 これまでにも、統合データ基盤のいくつかのトピックについて記事を公開していますが、この記事では統合データ基盤そのものについてより詳細が伝われば幸いです。 統合データ基盤ってなに 一言でいうと、社内に蓄積するあらゆるデータをスムーズ・横断的
PMとUXデザイナーのグラデーション｜小城久美子 / ozyozyo
プロダクトマネージャーとUXデザイナーの仕事は線引をすることが難しく、正解はないと思っています。プロダクトマネージャーがワイヤーを引くところまで担当する現場もあれば、アウトカムからアウトプットまで一貫してUXデザイナーが担当する現場もあり、様々なグラデーションが存在しています。そのグラデーションの具体⇔抽象のサンプルを作成しましたので、協業時のたたき台にご利用いただけますと幸いです。 例とするグラデーション フードデリバリープロダクトを例にして、「売上を上げる」という最終的な目標を達成するために「スタンプカード」という機能を実装する間のユーザー体験のグラデーションを取り上げます。 ① プロダクト指標を決める 売上を上げるための戦略が必要です。高級料理に特化するならプロダクト指標として単価を持つこともあるでしょう。今回の施策がプロダクト指標のどこに貢献するものであるのかを定めることが1つ目の
デザインに活かせるフレームワーク20｜金 成奎
久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 （ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください） 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience（ウェブ戦略としての「ユーザーエクスペリエンス」）』にて提唱
［公式］柳宗悦没後60年記念展「民藝の100年」＠東京国立近代美術館
東京国立近代美術館にて開催する柳宗悦没後60年記念展「民藝の100年」公式サイトです。民藝の思想の種がまかれてからおよそ100年間。時代とともに変化し続けた民藝の試みを俯瞰的な視点からとらえなおします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大規模な縦割り組織に LeSSを導入するまでの1年間とその後 / ScrumFestOsaka2021
物件ファンのプロダクトマネージャーになって半年でやったこと - Saori Yuri