2021年にブックマークしたページでよかったもの集めた - Really Saying Something
2013年から毎年、「年ごとにブックマークしたページでよかったもの集めた」と題して、1年分の「自分がブックマークしたページ」を振り返り、まとめています。2020年分は以下です。 2020年にブックマークしたページでよかったもの集めた - Really Saying Something 完全に「私得」なまとめなのでカテゴライズなどは一切しておらず、主に自分のブックマークした順番となっています。そのため、春ごろの記事が冬にいきなり登場したり、日付が前後していたりします。私の脳内に「その時こういうこと考えていたな～」という記憶を作るインデックスだからです!!! 基本的には、以下の基準で選出しています。 当年に作られたエントリーであること Wikipediaや当年に作られたことが明確でない役所のページなどは除外 ブックマークが多く集まっていてもリンク切れであるものは除外 Yahoo!ニュース（掲載
カリフォルニア州クパティーノ Appleは本日、Apple Musicにドルビーアトモスによる空間オーディオを導入することによって、サブスクリプションの登録者に業界最高レベルの音質を提供することを発表しました。空間オーディオは、アーティストがファンに向けて、真の多次元サウンドと鮮明さを備えた臨場感あふれるオーディオ体験を作り出す機会をもたらします。さらに、Apple Musicのサブスクリプションの登録者は、アーティストがスタジオで制作したままのロスレスオーディオで、7,500万を超える楽曲を聴くことができるようになります。これらの新機能は、Apple Musicのサブスクリプションの登録者に来月から追加費用なしで提供されます。 「Apple Musicは、音質の面でかつてない大きな進歩を遂げることになります。ドルビーアトモスで曲を聴くのは、まるで魔法のようです。音楽が周囲のあらゆる方向か
この記事では、これから2021年に注目したいWebデザインの人気トレンド9個をピックアップしています。 2021年のウェブデザインの傾向としては、どれも共通のテーマがあるように見えます。ハイテクなファンタジー感を目指すのではなく、よりリアルさを求めた新しいジャンルに世界中のウェブデザイナーが注目し始めています。 2021年のWebデザインは、これまでにないほどデジタルと日常を融合する方向に向かっており、普段の生活においてWebサイトが不可欠になってきていることを、反映しているのかもしれません。 よりクリエイティブなデザインを表現できるテクニックを、たくさんのデザイン事例と一緒にご紹介です。 コンテンツ目次 1. パララックス・アニメーション 2. ニューモーフィズム 3. アブストラクト・アート 4. 目にやさしい配色 5. 原因のためのウェブサイト 6. スクロール遷移 7. プロダクト
エンジニアのタイプは、技術が好きか、プロダクトが好きか、組織が好きかの3つに大きく分類できる。技術の人は技術の本質を追求しテックリード/アーキテクト、プロダクトの人は技術を手段と割り切りフルスタックエンジニア/PdM、組織の人は開発生産性を高めようとEM/PMOを目指すことが多い — 山本 正喜 / Chatwork CEO (@cwmasaki) February 9, 2022 思っていた以上の反響をいただいて、いろいろと「このケースはどうなんだろ」というコメントも多数いただくので、この分類にいたった背景や考察などを、しっかり記事にしてみようと思います。140文字だと伝えきれない・・！ エンジニアとしての志向性を技術・プロダクト・組織のどれが好きかで分類すると、目指すキャリアパスを考えやすいよねという話で、私がよくエンジニアの若手に話している内容をツイートしたものでした。 3つのタイプ
この記事はGoodpatchアドベントカレンダー2022の23日目の記事です。 突然ですが、私は昨年「ナレッジマネジメント」領域の新規事業を立案し、リサーチや価値検証を行いました。結果としてはβ版を複数社に導入していただきながら行った価値検証を経てクローズという判断になってしまったものの、そのプロセスを通じて様々な組織におけるナレッジマネジメントの状況や課題感、そしてベストプラクティスまで多くの知見を得ることができました。 今回はそういった経験を土台として、これまで発信の主テーマにしていた「UXデザイン」や「サービスデザイン」の領域ではなく「ナレッジマネジメント」というテーマで記事を執筆することにしました。 この記事では、組織としてナレッジマネジメントを推進する時にどのような観点や考え方が必要なのかを紐解いていけたらと思います。 (組織の状況やカルチャー、事業形態などによっても最適なHOW
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか？」「目的のページはどこか？」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像
デザイン思考が生んだ、問題解決というデザインの「誤解」 イノベーションを促進する方法として、2000年代のビジネス界に瞬く間に広まった「デザイン思考」。しかし、そのなかで「デザインは問題を解決するためのもの」という誤った意識が強まってしまったと、あるデザイナーは警告する。 2023.06.01 アップルの台頭とともに高まった企業のデザインへの関心。 その流れを追い風に広まったのが「デザイン思考」ではないだろうか。 しかし、そのなかで「デザインはアップルの成功を追随させてくれるもの」「デザイナーは問題を解決する人」という認識も強まってしまい、デザイナーの役割を窮屈にしててしまった——ノースカロライナ州立大学グラフィックデザイン学科助教授で、自身もデザイナーのジャレット・フラーは言う。 では、デザイナーの真の力を発揮するためにもつべきマインドセットとは何か？ フラーはスウェーデン政府イノベーシ
おばあちゃん用に据え置き型携帯電話『ホムテル』を買ってみたけど耳にあてやすいし最大音量が大きいため会話が成立するので最高だった
龍姫 @xdestinydollx おばあちゃんがガラケーでうまく電話できなくなったのでホムテルにしてみたんだけど、これすごい！ 耳にちゃんとあてやすいし最大音量が大きいので会話が成立する！鳴ったらちゃんと出てくれる！ 施設やホームだと固定電話ひけないから…SIM差すだけで使えるの最高！ pic.twitter.com/Oikfn0a2mU 2021-07-08 21:48:41 龍姫 @xdestinydollx 電話切った時にたまにガラケーの電源切っちゃうんだけどコロナだからちょくちょく電源入れに行くことも出来ないし…ここ半年ほど耳にうまく当てられない&耳が遠くなって会話が成立しなくなってたけど、全部解決してくれた！ 施設の人にコンセント差して棚の上に置いてって頼むだけですんだ！ 2021-07-08 21:56:19 龍姫 @xdestinydollx らくらくホンで通話音量最大にし
デイリーポータルZは万年赤字!? 編集長・林さんがサラリーマンを続ける理由 | 森田雄＆林真理子が聴く「Web系キャリア探訪」
個性的なライター陣によるちょっと変わったコンテンツが毎日更新されるデイリーポータルZ（DPZ）。17年の歴史をもち、数年前からは、オンラインコンテンツだけでなく「顔が大きくなる箱」「地味ハロウィン」などリアルなイベントにも活動の場を広げている。 今日のゲストは、一人でこのメディアを立ち上げたイッツ・コミュニケーションズ株式会社 メディア事業部 林雄司氏。最近は、ちらほらとオウンドメディア運営終了のお知らせを聞くことがあるが、なぜ「黒字化したことがない」デイリーポータルZが、組織、会社が変わっても続いていくのだろうか。林氏のキャリアと会社の中でやりたいことをやり続けるための仕事観について迫った。 Webが一般に普及してすでに20年以上が経つが、未だにWeb業界のキャリアモデル、組織的な人材育成方式は確立していない。組織の枠を越えてロールモデルを発見し、人材育成の方式を学べたら、という思いから
「スクショはメモ代わり」「リンクもスクロールも面倒くさい」若者のスクショ文化の理由と実態（高橋暁子） - エキスパート - Yahoo!ニュース
最近、20代のアシスタントが参考資料をスクショで送ってきて困るというツイートが話題となった。若者はスクショ、つまりスクリーンショットを好んで使用するという話は定期的に話題になる。改めて、実態と理由について見ていきたい。 何でも「スクショ」する若者たち若者世代は何でもスクショする。ある女子高生は、友人に情報を送る際にもスクショを送るし、親に「これがほしい」とAmazonの商品情報を送る際にもスクショだ。母親に「いちいち調べるのが大変だから、商品ページのURLを送ってくれたらいいのに」と言われたらしいが、「でもスクショは便利だから」とあまりピンとこない様子だ。 その女子高生は、友だちとTwitterで会話するときに、LINEのやり取りのスクショを引用として使うことがある。「Twitterはリツイートとか簡単だけど、LINEにはそういう機能がないから」という。SNSにはシェアボタンがあり、ワンタ
デジタル庁は、現行のマイナンバーカードの後継にあたる「次期個人番号カード」のデザインイメージを公開した。券面から性別の記載を省いたほか、色や柄、レイアウトを調整し「日本の国民カードにふさわしい、誰もが持ちたくなる魅力的なデザイン」を実現するという。導入目標時期は2026年。 デザインは次期カードを議論するタスクフォースが取りまとめた。新カードでは生年月日の記載を和暦から西暦に変更するほか、氏名についてもローマ字を表面に併記できるようにする。また、発行主体を明確化するために「日本国 JAPAN」の記載も検討する。性別については「実務上問題ない」との判断からICチップ内での記載に留める。 このほか、現行カードでは4つ存在する暗証番号を2つに集約。将来的にはスマートフォンの生体認証などを活用することで、暗証番号を不要にする。 新旧カード切り替えに伴う、窓口などでのハードウェア交換は不要と見込まれ
Rich Mikan @richmikan コミケに来てた外国人とポケトークで話して気づいた問題点はサークルスペース番号だった 翻訳機でも「ヨ46aです」は訳せない ローマ字では平仮名・片仮名の区別ができず、これも使えない 館内に掲示してある文字も無力。仮に目的地が「ヒ」で、「ハ」の掲示が見えても彼らは近くに来たと気づけない 2020-01-11 19:14:06 Rich Mikan @richmikan I noticed a significant problem with Comic Market. That is "KANA," which are the Japanese alphabets, are used to identify exhibitor locations. Foreigners who don't know Japanese can't read them.
Webプロダクト開発をしていると様々な諸事情によりUI構成を変えたり機能を増やしたり減らしたりすることが多々あると思います。そんな時に避けられない事態として「UI変更に対するお怒りがユーザーからわんさか届いてしまう」ということがあります。今回はUI上の１要素の色を変えただけで虎の尾を盛大に踏んでしまった事件の話をしようと思います。差し当たりどういうUIをどう変えたのかを明示しておきます。変える前がこちら↓↓ beforeUIほんで変わった後がこちら↓↓ afterUIご覧の通り「作業カード」と呼ばれるコンポーネントの色を「緑＆黄」から「緑塗り＆緑枠線」に変更しました。「え、それだけ？」という声が聞こえてきそうですがそうなんです。それだけなのです。しかしここはレガシードメインのtoB SaaS。toB SaaSではUIの変更がユーザー業務への影響に直結するので軽微な変更を加えるのもハードルが
「デザイナーこそ、スプレッドシートに強くなれ」とずっと言い続けています。先日、とあるセミナー（#D2デザインダンジョン）で発したところ、「具体的にはどういうことでしょうか？」と質問いただきました。 よい機会なのでまとめてみました。重要なのは、スプレッドシートは数字はもちろんだけど、数字以外でも使いますよね、ということです。 なお、この記事では、次をまとめて「スプレッドシート」と記します。 Excel（デスクトップ版、オンライン版） Google スプレッドシート スプシ 表計算 Apple Numbers 「スプシ」という言葉には、なかなか慣れません… スプレッドシートは「思考の道具」である私自身、「マインドマップ」はよく使います。 マインドマップは思考を“発散”するには向いていますが、“収束”には不向き。たとえば、異なる“枝”のアイテムの関係性を表現できません。 詳しくは、こちらの記事に
「北欧、暮らしの道具店」のメルマガをABテストで改善した話｜Kurashicom Tech Blog
こんにちは。デザイナーの白木です。 前回はクラシコムのUXリサーチについてお話しましたが、今回は「北欧、暮らしの道具店」のメルマガをABテストの手法を使って改善した話をしたいと思います。 「北欧、暮らしの道具店」通常のメルマガは商品紹介がメインですが、それとは別に当店のアプリを紹介するメルマガも配信しています。 これまではメルマガ登録者全員に配信していたのですが、その中にはアプリをすでにご利用いただいている方も多くいらっしゃるため、アプリのダウンロードには繋がりにくいという課題がありました。 そこでアプリ紹介メルマガを配信する対象をメルマガの新規登録者に絞ることにしました。新規登録者は当店を知って間もない方が多いと思われるため、アプリについて知ってもらえる良い機会になると考えたからです。 内容も見直し、いくつかのパターンを配信して効果を検証してみました。 ※本来同じ期間に複数のパターンをテ
Web Vitals Stay organized with collections Save and categorize content based on your preferences. Web Vitals is a Google initiative to provide unified guidance for web page quality signals that are essential to delivering a great user experience on the web. It aims to simplify the wide variety of available performance-measuring tools, and help site owners focus on the metrics that matter most, the
2020年11月06日 22:59 情報が古くなっている場合があります。 Apple storeの「まもなくです」は、実は「503」エラーである 今日の午後10時から iPhone Pro Max と Mini がようやく予約注文可能となり、まだかまだかと10時になった瞬間、更新ボタンを押すと「まもなくです」と黒い画面が表示されて、10分経ってもまったく変わらなという経験をされた方も多いのではないだろうか。 今までは「まぁ、色々準備してるのかな～」ぐらいに思っていたのだが、実はこれ、外見からはまったく分からないが「503」エラーなのである。 503エラーとは、サーバーにアクセスが集中しすぎて処理しきれなくなったときに表示されるものだ。 Google Chrome のコンソールを見ると、たしかに503と表示されている。 Apple はエラー画面もオシャレ。 ストアに繋がるかは運次第！！ Go
猫もみ @akky_OD_No7 リチウムイオンバッテリーは基本燃える。 これは室内保管中だった中国製ドローンのわりとデカい容量のバッテリーが保管中に自然発火したものの防爆ケース内で収まって異臭だけで済んだ今年7月のやつ。 ケースなかったら普通に家が燃えてた。 pic.twitter.com/T2Ux8APkqH 2022-11-24 20:46:09
Webフルスタックエンジニアになるためのチェックリスト Zennでの投稿にあたって この記事は、2020/03/22に自分のgithubリポジトリで公開していた内容を、Zennのgithubリポジトリ連携機能を用いて一般公開したものです。 投稿にあたって、Zennの記事連携フォーマットに準拠する以外の修正は加えておりませんので、一部Zennというプラットフォームの方針や雰囲気に合わない内容などあるかもしれません。あらかじめご了承ください。 はじめに 日本のWeb開発業界で「フルスタックエンジニア」になるために必要な知識を、個人的経験からまとめました。 フルスタックエンジニアの定義ですが、ここでは、 企業で開発リーダー/テックリードとして、Webブラウザアプリケーションを前提としたサービスの立ち上げからリリース、運用まで面倒を見られる。 というロールと仮定し、前提条件としては、どちらかという
Parrots in captivity seem to enjoy video-chatting with their friends on Messenger
ソフトウェア設計のトレードオフと誤り
「プログラムを設計するときに行った技術的な判断や選択が、後日大きな制約となる」これはプログラマなら誰しも経験したことのあることでしょう。本書は、そんなプログラミングにおける各種の設計上の選択について、トレードオフの内容やそれがどのような誤りを招きうるのかという点を踏まえて紹介する書籍です。 コードの重複、エラーや例外処理、柔軟性と複雑性のバランスのようなコードレベルの選択から、APIの設計、時刻の扱い、データローカリティのようなシステム寄りの話題、またライブラリの選択、分散システムの一貫性と原子性、バージョニングのようなより抽象度の高い内容まで、さまざまなシチュエーションにおけるトレードオフの実態と、その失敗例をとり上げます。 本書は日々のプログラミングにおける解決策のヒントを得るだけでなく、より幅広い設計上の知見を広める上でも役に立つでしょう。 正誤表 ここで紹介する正誤表には、書籍発行
kanose.hateblo.jp 加野瀬さんの中華イヤホンおすすめ記事に「ナイスエントリ！AIYIMA H2 miniもいいよ！！」とブコメ付けてたら、「花見川さんも書きましょう！」と言われたので書かざるをえまい。 AIYIMA H2 miniを知らなかったので紹介しておきます！ あと、スペシャルサンクス的に花見川さんの名前入れるのを忘れてました。花見川さんもぜひお勧めイヤホン記事を書いて欲しいですよ— 加野瀬未友 (@kanose) 2024年3月28日 はじめに DAISO 7301 ￥550 DAISO本気の初代ハイレゾ DAISO 6071 ￥550 中高音と解像度に寄せた二代目ハイレゾ DAISO イヤーピース TinHifi C2 ￥3650 丁寧で迫力ある低音と絶妙な音のバランス TRN Conch ￥3950 高解像度＋広い音場 TRN「備品全部入れてみた」 TRN TA
浜田よしかづ@つぐもも連載中 @yoshikadu2010 約２年半ほど、作画速度が全盛期の半分くらいになっていて悩んでいたが、画面解像度をFHDに落としたら速度が戻ってきた。おそらく、高解像度だと、線の下手さがまざまざと見えてしまい、テンションが落ち、線を直そうとして無駄に時間をかけたりしたのが原因と思われる。 2021-06-13 20:39:00 浜田よしかづ@つぐもも連載中 @yoshikadu2010 ちなみに全盛期で１日２P作画。ここんところ1日１ｐしか作画できないことが多くて、これはもう月刊連載が無理なんじゃねーの？と思っていた。連載じゃなくて、ある程度描きためてから編集部に渡して好きに掲載してもらうような形にできないだろうかとか考えていた。 2021-06-13 20:42:20 浜田よしかづ@つぐもも連載中 @yoshikadu2010 なんで２年半かって、旧液タブが壊れ
企画を元にゲームのUIを作るときの流れ｜tkm
「Game Graphic Design Advent Calendar 2019」の初日の記事です。 ゲーム制作に関する素敵な記事がたくさん公開されると思いますので、私自身もワクワクしてます。 言い出しっぺとして、初日としてまず何を書こうかなと思ってたんですが、以前Twitterでチラッとつぶやいた「普段ゲームUIを作るときってどういう工程があって、どういう流れで作っているか」をまとめてみたいと思います。 というのも、いろいろな方から「何から手を付けていいのか…」「デザインが上手くまとまらない」「デザイナーが社内外注みたいになってしまって…」みたいな話をよく聞きまして。 そのアンサーになるかは分かりませんが、自分の場合はこういうフローで、こういうことを意識してますよ。というのを書いてみたいと思います。 もちろん組織や人によってやり方は様々だと思いますので、こんな風にやってる人もいるんだ、
LINEの社内には「テクニカルライティング」の専門チームがあります - LINE ENGINEERING
こんにちは、Developer Contentチームのmochikoです。LINE株式会社でテクニカルライターとして働いています。今日は「テクニカルライター」というお仕事と、LINEにあるテクニカルライティングの専門チームについてお話しします。 テクニカルライターという職種があります テクニカルライターって何をしてるの？何を書くの？ ドキュメントはどうやって書いてるの？ どんなメンバーで仕事をしてるの？ ドキュメントを書く以外にこんなこともしているよ でもドキュメントを書くだけだと技術力が下がらない？ どんな人がテクニカルライターに向いてるの？ テクニカルライターという職種があります 私はもともとウェブ制作会社のインフラエンジニアでした。とある技術書を書いたことをきっかけに「テクニカルライターとして一緒に働きませんか？」と声をかけてもらい、LINEへ転職するに至ったのですが、実はお誘いをい
サイゼリヤが新しい注文方法を導入している。これまでは、各テーブルに置いてある注文用紙に利用客が番号を記入して店員に渡すスタイルだったが、どのように変わったのだろうか。筆者が都内の店舗で体験した内容を交えながら解説する。 テーブルで見つけた小さな「札」 入店後、店員に案内されてテーブルに移動すると、長方形の小さな札を見つけた。札には「いらっしゃいませ」「テーブル番号24」「注文用QR」といった情報が記載されている。見た目は、小売業界で導入が進んでいる電子棚札（画面が電子ペーパーになっており、価格などをリアルタイムに変更可能）に似ている。「この小さな札は何だろう？」というのが最初に見たときの感想だ。
概要 AI革命のインフラを目指すSaaS系スタートアップのFastLabel（最近資金調達しました！記事はこちら）で働いているが、今までGCPで動かしていたインフラを訳あってAWSに基盤を載せ替えることになった。 スタートアップは何よりスピードが求められるが、だからといってセキュリティやモニタリング、可用性を疎かにはできないし、大きなインフラコストに耐えられるほど体力もない。 アプリケーション要件を満たしつつ、以下を実現するアーキテクチャを設計する。 シンプルな構成・構築の容易さ スピーディな開発・適用 可用性の担保 セキュリティの担保 最低限のモニタリング 低コスト（リソース・運用） ここで紹介するアーキテクチャは実際に運用まで行っており、問題なく稼働しているし、先日AWSの方にレビューしてもらったが、「なかなかイケてる」というお言葉をもらい、特に改善点も指摘されなかった。 結論（アーキ
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
Webの将来はサーバサイドレンダリング（SSR）に回帰していく。Denoが主張するIsomorphic JavaScript（もしくはUniversal JavaScript）とは何か？
Webの将来はサーバサイドレンダリング（SSR）に回帰していく。Denoが主張するIsomorphic JavaScript（もしくはUniversal JavaScript）とは何か？ 静的なHTMLファイルをWebサーバが配信する仕組みから始まったWebは、サーバ側で動的にHTMLを生成するCGIの仕組みや、Webブラウザ上でJavaScriptを実行してインタラクティブな操作を実現するなどの仕組みを得たことでWebアプリケーション基盤へと発展しています。 現在、Webアプリケーションの仕組みとして代表的なものがSPA（Single Page Application）でしょう。 SPAはWebブラウザ上で多くの処理が行われるためユーザーの操作に対する反応が速く、インタラクティブ性の高い快適なWebアプリケーションを実現できる利点があります。 しかし、これからのWebはサーバサイドレンダ
Twitter上で、Uber Eatsの配達員と注文者の間のトラブルが話題になっている。運営元のUber Japanに配達トラブルがあった場合の対応について聞いた。 「受け取り拒否した商品をマンションの共同スペースに投げ捨てられた」――Uber Eatsの配達員と注文者の間でのこんなトラブルがTwitter上で話題になっている。運営元のUber Japanは「このような事態に対し深刻に捉えております」とITmedia NEWSの取材に答えた。 トラブルに遭ったフリージャーナリストの石野純也さんは、10月5日午後にUber Eatsで商品を注文。しかし、配達員は予定時刻から約30分遅れて到着し、商品もスープがこぼれるなど、崩れた状態だったという。 石野さんは受け取りを拒否。その結果、商品がマンションの共有部分に投げ捨てられていたと説明している。商品の投げ捨てについて、石野さんがUber Ea
「デザイナーだけがデザインをする時代は古い」「デザインにセンスはない」と語るのは、Udemyの「UI/UXの改善を進めるための基礎講座」などで人気を誇る、UI/UXデザイナーの濱野将氏。生成AI時代において、デザインをビジネスをつなげるためのポイントや、UI/UXの基礎を解説します。 UI/UXデザイナーが教えるデザインの基本 濱野将氏：それでは、僕からは「ビジネスを実現する『デザイン』の基本」をお話しさせていただきます。よろしくお願いします。 今日のアジェンダはこんな感じです。「デザインの必要性」「デザイナーだけがデザインする時代はもう古い」「UI/UXについて」。今回はAIがテーマなので「AIを使ったプロジェクトの進め方」も少し紹介させていただきたいなと思っております。 簡単に自己紹介をさせてください。株式会社IMAKE代表の濱野と申します。職業はUI/UXデザイナーで、講師もさせてい
新人PM「あるある失敗」を回避せよ！『プロダクトマネジメントのすべて』共同執筆、小城久美子さんの視点 | キャリアハック（CAREER HACK）
プロダクトマネージャー（PM）の必読書！新刊『プロダクトマネジメントのすべて』共同執筆者、小城久美子さんを取材。小城さん自身も経験した「PMのあるある失敗談」をもとに、新人PMがいかに最初の壁を突破していけるか、考えました。 プロダクトマネージャーってなんだろう？ 小城さんは、及川卓也さん率いるTablyにてプロダクトマネジメントの体系化、書籍執筆に携わり、個人的にもコミュニティづくりに取り組んできたと伺いました。そのなかでも、新人PMがぶつかりやすい壁も体系化されているのでしょうか？ そうですね。とくに今回出版した書籍『プロダクトマネジメントのすべて』では、プロダクトマネジメントをはじめてする人を想定しながら執筆したので、新人PMの方にとって役立つ心構えや考え方をまとめています。 プロダクトマネジメントのすべて 事業戦略・IT開発・UXデザイン・マーケティングからチーム・組織運営まで ま
ソフトウェアエンジニアにとって、技術的負債が増え続けるソフトウェアプロダクト開発現場に身を置くことがどれほど苦痛なことであるか。エンジニアリング組織のマネジメントを長年担ってきて、それは強く感じるところだ。 中途採用の選考プロセスに面接官として参加し、これまで数多くの退職理由を見聞きしてきた。その中で、レガシーシステムをリファクタリング・リアーキテクティング・リライトできないことへの不満を理由として挙げるエンジニアは多かったように思う。裏を返せば、自社のソフトウェアプロダクトが技術的負債にまみれたまま放置されているなら、優秀な人材が他社に流出するリスクがあると認識すべきだ。 本稿では、技術的負債と開発者体験の関係について紐解くとともに、それに対してソフトウェアエンジニアリング組織を預かるマネージャーが取るべき行動について考えてみたい。 ※これは、Engineering Manager Ad
1963年生まれのビジネス書作家。著書は150冊以上で、仕事術全般、企画やプレゼンなどの専門家として知られる。PC/IT等の製品にも造詣が深く、ビジネスやIT製品関連のレビューの連載数は毎月30～40本（日経xTECH、日経トレンディネット、PC-Webzine、日経パソコン、日経ビジネス、日経産業新聞、日経PC21、その他)。主な近著に、『仕事がサクサク終わって早く帰れる 自働大全 驚きのスマホ&PC活用法で〈自分働き方改革〉』（KADOKAWA)などがある。https://www.youtube.com/channel/UC-IdN5EFZvzzZGqgul8eXKQ 辛口！戸田覚のIT製品批評 IT・ガジェットに精通する戸田覚さんが、遠慮なしの「辛口」で製品やサービスに対して批評します。 バックナンバー一覧 日本で「二大ECモール」といえば楽天市場とアマゾンだ。しかし、少なくとも筆者
Adobe Firefly で生成PdMむけの記事でこのような記事がある。 「プロダクトマネージャーこそ、戦略的に読書せよ！」── 最短で成果を出すための読書地図 (1/6)|ProductZine（プロダクトジン） これのエンジニア向けの記事がないかなと思っていたがなさそうだったので作ろうと思った。しかし客観的な視点でこれがおすすめというのは難しいので自分が参考になったと思った本を家の本棚を見ながらまずは100冊リストアップしてみた。 紹介する本は10年読まれていたり、近年発売のものであれば10年後にも読まれているだろうというものを選ぶようにしている。個別のプログラミング言語やフレームワークなどの本はバージョンアップに追随ができないことが多いので選んでいない。 入門本プリンシプル オブ プログラミングリーダブルコード定番中の定番。おそらくこの2冊はあちらこちらで紹介されている。とりあえず
おひさしぶりです。この記事はクソアプリ Advent Calendar 2021の13日目です 突然ですが皆さんは「スクロールに合わせてふわっと出てくるwebページ」ってどう思います？ 最近多いですよね、あれ。 確かにオシャレだし楽しいしゲームとか作家さんのギャラリーサイトとかなら全然OK。でも情報が欲しくてアクセスしてるページで「ふわっ」ってされるとちょっとイラッとする。 ちょっと？...イラッと？...いや、 許さない、絶対 よろしい、ならば粉砕だ よそ様のサイトを粉砕する都合上、今回の実装はChrome機能拡張です。機能拡張はViteにChrome機能拡張用のプラグインvite-plugin-chrome-extensionを入れて作りました。今回は解説しないけど、これ超楽。フレームワークは無し、言語はTypeScriptです。 とは言え、クソアプリのためにChromeに機能拡張をイ
はてブのスターを元に戻せ
はてながまたしても改悪をして、はてブの黄色スターを表示させなくなった。一部カテゴリだけだが。 https://bookmark.hatenastaff.com/entry/2020/03/31/180820 そのせいで、困ったことになった。有力な情報を得ることが難しくなったのだ。 現状では、（はてブで）有力な情報を得るには、「人気のコメント」を見るしかない。しかし、ここで表示されるのは、初期に人気になったコメントだけだ。最近になって上がったコメントは、まだ星が三つぐらいしか付いていないので、表示されない。また、表示されるのはトップの 10件ぐらいであって、それに次ぐ重要性のコメントは表示されない。 こうなると、あとは全部のコメントを一つ一つシラミつぶしに見ていくしかない。しかし、そんなことをしたら、すごく時間がかかるので、いちいちやることはできない。結果的には、重要なコメントを見るのを諦め
ウェブサイト制作において見た目がきちんと実装されているのは大事なことですが、コードのちょっとした違いでユーザーの不便につながることもあります。本記事では見た目だけでなくユーザーの使い勝手にも気をつけたコーディングテクニックについて解説してます。今回はユーザーが特に使い心地を感じやすいインタラクション部分で、シンプルなHTML・CSSだけでより良くできる17個に絞って紹介します。 下記サンプルでNG例とよい例の両方を紹介しています。実際に違いに触れながら本記事を読むと分かりやすいです。 サンプルを別ウインドウで開く コードを確認する 1. divタグをボタンにするのは避けよう 見た目はボタンのようでも、<div>要素で実装したボタンはアクセシビリティの観点からもよくありません。ボタンとしての機能を持つなら<button>要素を用いるのが多くの場面でも有効です。もし、諸事情で<div>要素を用
モバイルファーストのウェブデザインは、デスクトップで閲覧する際に重大なユーザビリティ上の問題を引き起こす。長いスクロールページにコンテンツが過度に分散され、余白が広がり、画像やフォントが拡大されるため、ユーザーが情報を把握し、理解することが難しくなるのである。 The Negative Impact of Mobile-First Web Design on Desktop by Kim Salazar, Tim Neusesser and Nishi Chitale on October 13, 2023 日本語版2024年2月6日公開 最近のウェブサイトの多くは、モバイルファーストなアプローチでデザインされている。こうしたページをデスクトップデバイスで表示すると、コンテンツが過度に大きく引き伸ばされて見えることがある。画面を覆い尽くすような画像、肥大化したテキスト、過剰な余白のせいで、
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Apple Music、空間オーディオとロスレスオーディオを発表
ついに出た！2021年注目のWebデザイン人気トレンド9個まとめ
エンジニアを分類する、3つのタイプ｜山本 正喜 / Chatwork CEO
ナレッジマネジメントを組織に定着させるための提案｜國光俊樹
ヘッダー（グローバルナビゲーション）のデザイン事例100選｜akane
デザイン思考が生んだ、問題解決というデザインの「誤解」｜designing
次期マイナンバーカードのデザイン公開--「マイナカード」の名称廃止も検討
コミケに来てた外国人と翻訳機で話してたら、日本のコミケの意外な問題点に気がついた「盲点だった」「確かに難しい」
UIの色を変えただけで大量のクレームを頂戴してしまった話｜のなと
「デザイナーこそ、スプレッドシートに強くなれ」の意味するところ｜鷹野 雅弘
Web Vitals | Articles | web.dev
Apple storeの「まもなくです」は、実は「503」エラーである - CLAYPIER
室内保管していたリチウムイオンバッテリーが自然発火してこうなった「ケースなかったら家燃えてた」
Webフルスタックエンジニアになるためのチェックリスト
Engadget | Technology News & Reviews
初心者向け有線イヤホンまとめ（2024/03） - 花見川の日記
作画速度が全盛期の半分くらいになっていたが画面の解像度を落としたら作画スピードが上がった話
「この小さな札は何？」 サイゼリヤの注文方法が激変！ 「メニュー番号を手書き」からどう進化したのか
SaaS系スタートアップのリアルなAWSアーキテクチャ設計
フロントエンド開発のための Figma
「受取拒否は可能」 Uber Eats配達トラブル、運営元は「深刻に受け止めている」と見解
デザインにセンスは必要ない、大切なのは「情報を整理」する力 Udemyの人気講師が教える、UI/UXデザインの基礎
https://twitter.com/umi_nakayama/status/1540968151797469184
技術的負債は開発者体験を悪化させる - mtx2s’s blog
楽天市場はなぜ「アマゾンより使いにくい」のか、IT批評家が徹底検証
ソフトウェアエンジニアにおすすめしたい本を100冊選んでみた | gennei's blog
😡webのスクロールでふわっと出てくるやつ絶対粉砕するマン【クソアプリ】 - Qiita
リンク/ボタン/フォームをより良くするHTML・CSS 17選 - ICS MEDIA
モバイルファーストのウェブデザインがデスクトップに及ぼす悪影響