PWAdvent is the perfect advent calendar for everyone who's excited about the web platform. Take a look at all the great stuff the web has to offer.
Atomic ReDesign とは 「Atomic ReDesign」 は、かの有名な「Atomic Design」の拡張概念です。React や Vue.js を用いたコンポーネント設計において、私たちはしばしば頭を抱えることがありました。UI 粒度の分類制約は、コンポーネント設計最適化を阻むことがあるからです。 「この粒度のコンポーネントはどこに属するものなのか?」という疑問に対し統一された解はなく、プロダクト毎の性質によって定める必要がありました。また、文脈が散在することにより、コードに対する集中力低下を招きました。 Atomic ReDesign は顕在化した 「Atomic Design とアプリケーション設計の乖離」 をとらえ、現実的な設計指針となることを目指します。 Atomic Design とアプリケーション設計の乖離 本家 Atomic Design はデザインシステ
最近どのようにすればチーム内や組織内に良い変化を与えることが出来るのか悩んでいた。とにかく自分でやったら良い系だと簡単なのだけど、他の人にも積極的に協力してもらう必要があるものについては難しい。そのような時にも、うまくやる手法を学ぶために「人を動かす」を読んでみた。 人を動かす 新装版 作者:D・カーネギー創元社Amazon 昔から良い本であることは聞いていたけれど、読んでみると思っていた以上に良くて、「全て書いてあるとおりです、すいませんでした」という気持ちになりながら読んだ。読んでみると1on1やコードレビュー、プロジェクトマネジメントの良いやり方にも繋がってきて、背景にこういうものがあるのだなと腹落ちできた。 特に「人を動かす三原則」「人を説得する十二原則」の章が参考になった。例えば人を動かす・説得するために気にしておくことを自分の手元に箇条書きで書き留めたのだが、これまでの自分の経
アクセスするとメガ単位でたくさんの画像を読み込むサービスがありまして・・。 リファクタによって、動的に必要な画像だけを読み込むように改修はしたけど、それでも回遊するとサイズがすごいことになる。 これをなんとかするならServiceWorkerしかない!というわけで。 Workbox 最初は0から手書きしようかと思ったけど、ちょっとやり始めただけであれこれ面倒なことがわかったので、先人に頼ることにした。 Workbox | Google Developers ご丁寧に、こういうことがやりたいんじゃろ?っていうのがガイドの中にあって、そうそうこれこれ〜って感じだった。 事前キャッシュではなく、あくまでランタイムでのキャッシュがしたかったので、これ。 import { CacheableResponsePlugin } from "workbox-cacheable-response"; i
おめでとうございます! あなたの記事がはじめてスキされました!わたしの書いたnoteがはじめて「スキ」された時、スマホの画面にこんなメッセージが表示されました。その時わたしは、心がポッとあたたかくなるような、すごくうれしい気持ちになったことを覚えています。ユーザーにポジティブな変化があった時、ひと言声をかけてあげる。それだけで、ユーザーとプロダクトの心の距離は一気に縮まる。noteを利用するひとりのユーザーとして、そのことを実感した事例です。 「スキ」という言葉にも「noteらしさ」が表れています。Facebook、Instagram、Twitterはすべて「いいね」で統一されていますが、あえて「スキ」という言葉が選ばれている。noteを運営するピースオブケイクの代表、加藤貞顕さんのnoteを「スキ」すると、ランダムでこんなメッセージが表示されます。 「スキ」って「いいね」よりもエモくない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く