ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。 たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。 最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。 ユーザーとして騙されないように知識を増やしておくのにも有用です。 著者は「UXライティングの教科書（紹介記事）」や「ザ・マイクロコピー（紹介記事」などでお馴染みの仲野 佑希氏。これまではライティング主体の解説書を紹介してきましたが、本書はダークパターンの解説書です。デザインによるダークパターンだけで

僕がMacに入れていて、日頃めちゃくちゃお世話になっているアプリたちをご紹介したい！というわけでエントリーしてみました。DropboxとかNotionみたいなレジェンドは割愛しています。またできるだけ「Macっぽいもの」や「有名だけどもっと知ってほしい」アプリなども挙げました。 当方はフロントエンドエンジニアで若干偏りがあるかもですが、なるべく汎用で使えそうなものを選びました。アルファベット順でジャンル分けなどは特にしていません。ひとつでも新しい発見があれば嬉しいです。それではどうぞ。 Amphetamine Macがスリープして処理が途中で終わってた…そんな悲しい経験、誰しもありますよね。そこでAmphetamine。「xxxまではスリープして欲しくない！」を叶えてくれるスリープ防止ユーティリティ。その名のとおりMacをガンギマリさせてくれる。 時間を指定したり、ダウンロードが終わるまで

ただいま絶賛論文執筆中なのですが、twitterでたまに英作文に役立つツール見つけてもブックマークし忘れたりするので備忘録もかねて私のやり方をまとめてみる。他におすすめあったらぜひ教えてください👀 以下、使用頻度高い順↓

自然の岩盤から彫られた高さ2.4メートルほどの硬直した朱色の男根が十数個、青天井の小部屋に押し込められているのを私は見つめている。 同様に、天然の岩を切り出して彫られた奇妙な頭像（人間か、悪魔か、司祭か、神か？）がこの男根型のトーテムを睨んでおり、あたかも原始のガーゴイルのようだ。その表情は陰鬱で、ほとんどしかめつらだ。 彼、または彼女、あるいは「それ」は、この状況のすべてが気に入らないかのように見える。白日の下で何もかもがむき出しの状態となり、130世紀ぶりにこの娑婆に晒されているということが。 そう、130世紀ぶりなのだ。というのも、トルコ東部、砂煙の舞うハッラーン平原からいま現われ出でんとするこれらの男根、独特の小部屋、そしてカラハン・テペの名で知られるこの不可思議な場所全体は、信じがたいほどに太古の存在なのだ。言い方を換えれば、推定1万1000〜1万3000年前に建造されたものなの

世界で一番初心者に優しいWeb制作のメディア。HTML/CSS/JavaScript、WordPress、Web制作の考え方を解説します。

We are thrilled to announce Astro v1.0: a web framework for building fast, content-focused websites. Over the last 16 months, Astro has grown from an empty repo to over 13,000 stars on GitHub and 30,000 early users around the world. The Astro documentation has been translated into 6 different languages, and Astro has already been deployed at amazing companies such as Firebase (Google), Trivago, Th

"We should think about how we can minimize distractions"は、相当強い言い方で仕事の態度を咎められていると思うけど

女友達が、Google社員サボりすぎやってピチャイ氏がおこらしいね〜と言うので、そんなことある！？とぐぐったらわりとマジやった笑 https://t.co/Bk7T4gIn1V

Macbook Pro(14inch, 2021 M1 Pro 32GB RAM 1TB HD)の初期設定をしたので覚書。実に3年ぶりの買い替え。 目次 my new gear... 5/7に注文した Macbook Pro がようやく届いた pic.twitter.com/WC2Ns6O8R9 — せーい (@_yshrsmz) June 29, 2022Dropbox のインストール ​一部 Dropbox で管理している設定ファイル類があるので、まずはこれ。 最近はオフラインモードを選ばないとダウンロードしなくなったので、初回同期が早くなって良い。 総合的な体験はまだわからないけど… Homebrew のインストール ​設定はほぼ全て ansible で書いているので、homebrew がないと始まらない。 Homebrewから手動でインストールするのは基本 ansible だけ。

はじめに 個人開発もエンジニア自体の歴も浅いSEです。 就業先がJavaをメインで使う企業なのですが、個人的にフロントエンドまわりが好きです。 元々、興味本位でデザインの本だったりUXに関する本とかを読んでいたりするのですが、 その結論の際にたどり着いたのが、 「理論とか決まってるなら、それをよしなにやってくれるor参考にできるツールとかサイト探せばよくね」 という結論になりました。なんと怠惰な思考でしょうか。 そんなわけで、こちらではデザインに限らず、色々開発に便利なツールを紹介させていただきます。 （有名なのが多いかもしれませんが、ご容赦ください、結局有名なものに行き着くのです） レイアウト関係 1. Awwwards おしゃれなwebサイトが集まっているサイトです。 ここまで個人開発でお洒落にできたらいいなと思いますが、自分はアニメーションを考えるときや、 作りたいフロント側のデザイ

最近訪問販売でしつこいお兄さん（若い人だった。多分仕事始めたばかりで加減とか知らないぽい）が来て、とっさにインターフォン越しに撃退できなくて「ぐぬぬ・・・」ってなった。 ちょうど私はその時「AI：ソムニウムファイル」という超面白いゲームの終盤をプレイしてて気分が盛り上がってた。なのにこれのせいで盛り上がりが一気にさめてしまった。メシとゲーム体験の邪魔をされた恨みはそう簡単に晴れることはない。 こんなやつら駆逐してやる、、、という気持ちになったけど私は平和主義者なので新手の訪問販売員が来たときにサクッと撃退できるように一通り復習しておきます。 自分の記事だけどいつでも呼び出せるようにHP画面に登録しておく……。 キーワードは特定商取引法と刑法130条になるようです。下記記事にまとまってます。 yourbengo.jp 訪問業者は「第一声で商品・サービスの種類を答えなければいけない」というルー

宗教トラブルに詳しい弁護士・紀藤正樹氏が、12日放送の『羽鳥慎一モーニングショー』(テレビ朝日系)に出演。安倍晋三元首相銃撃事件に関して11日に開かれた、宗教法人・世界平和統一家庭連合(旧・統一教会)田中富広会長の発言を疑問視した。 今回の事件は、山上徹也容疑者が、その母親が多額の献金で破産に追い込まれたとされる入信先・家庭連合と、安倍元首相に接点があると一方的に恨みを募らせたことで至ったとされる。 これを受けて田中会長は「(容疑者の母が)破綻されたことは分かっているが、事情は分からない。高額献金を要求したかどうかは記録上、一切残っていない」と答弁。献金額については警察が捜査中のため言及できないと語った。安倍元首相との関係については否定したものの、昨年9月に旧統一教会の創始者が設立した友好団体「UPF」のイベントにビデオメッセージを送っていることが判明した。 ​>>水谷隼、安倍元総理銃撃事

Masonryレイアウトとは、画像やカード型コンテンツをレンガ状に敷き詰めて配置するレイアウトです。Pinterestなどで見かける、高さが異なる画像・カードを配置する時によく使用されるテクニックです。 以前はJavaScriptやライブラリを使用したり、トリッキーなCSSで実装していましたが、Tailwind CSSを使用するとウソみたいに簡単に実装できます。 TailwindCSS Masonry Layout by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Tailwind CSSのみを使用してMasonryレイアウトを実装する方法 終わりに はじめに Masonryレイアウトは、以前は画像ギャラリーに使用されていました。しかし最近では、このレイアウトはユーザーにとって非常に魅力

課題link お手伝いしているシステムでNestJSを採用しているバックエンドのテストが遅いという課題があったので対処した。 前提link フレームワークDBテストランナーその他 テストの総数は700弱。 最終結果link 最終的には2段階の改修を経てローカルのテストが3倍速程度高速化した。 # before Test Suites: 145 passed, 145 total Tests: 2 skipped, 681 passed, 683 total Snapshots: 0 total Time: 925.063 s Ran all test suites. Done in 926.48s. # ts-jestを@swc/jestに置き換えた Test Suites: 145 passed, 145 total Tests: 2 skipped, 681 passed, 683 t

ReactアプリケーションではProviderタワーがよく見られます。Providerタワーは、アプリの上の方で次のコードのように複数のProviderが積み重なっている状態のことです（一般的な呼称かどうかは知りません）。 const App: React.FC = () => { return ( <FooProvider> <BarProvider> <BazProvider> <MainContents /> </BazProvider> </BarProvider> </FooProvider> ); }; Providerは、コンテキストに対して値を供給する役割を担っており、コンポーネントツリー内でProviderより内側に配置されたコンポーネントからはそのコンテキストの値を参照することができます。コンテキストは、Reactにおいて外部ライブラリを使わずにステート管理（特にアプリ

ログラスでは、チームとして高品質なコードを追求するために「設計標準」というものを定め、チームで育てています。 この資料ではそのような取り組みについてご紹介します。 株式会社ログラス会社紹介資料 https://speakerdeck.com/loglass2019/whats-loglass ウラ凸 - シリーズA 17億円調達のログラスのウラ側へ、カジュアル面談で突撃しよう https://meety.net/articles/t2--zrl4ohf4gx6 外部公開している設計標準の資料 https://little-hands.hatenablog.com/entry/2022/01/28/programming-principle https://little-hands.hatenablog.com/entry/2022/01/24/domain-object-design

自分が良い Design Docs(Software Design Document)を書くために、読んだ/参考になったリソース集 一覧 Design Docs とは Design Docs at Google デザインドック(Design Doc)について デザインドックで学ぶデザインドック 残業も減らせる!? 上級エンジニアになるための Design Doc 超入門 「Design Doc」って何なのか？ What Is A Design Doc In Software Engineering? (full example) What is a Design Doc: Software Engineering Best Practice #1 https://github.com/kaiinui/note/blob/master/Design--Designdoc.md Googleの