CSSだけでも表現できるデザインが増えてきまして、疑似要素::beforeや::afterなどを駆使することでボタンやテキストリンクへさまざまな装飾することができるようになりました。今回は全部で19パターンのデザインをCSSのみで実装する方法をご紹介します。あなたの現場でぜひご利用ください。 CSSボタンのスタイルCSSボタンは11パターンあります。すべてのデザインに共通したCSSがありますので以下のコードをコピペした後に、実装したいボタンのCSSをコピペしてください。 CSSボタンの共通スタイル .btn a { display: flex; justify-content: center; align-items: center; position: relative; width: 300px; height: 60px; color: #333; font-size: 18px;
"デザインシステム"の過度な一般化とその対応について - Continuity is The Father of Success
デザインシステムという単語が、曖昧に、広い意味で使われているように感じるこの頃。 デザインシステムについて見聞きすることが増えてきました。 かくいう自分も、デザインシステムに関してブログを書いたり、参考にしたりしています。 モバイルアプリ業界に、デザインシステム導入や検討の流れが来ているようです。 ただ、デザインシステムの議論には話の筋がとっ散らかっているという印象が拭えません。 「デザインシステムで解決したいこと」や「デザインシステム導入のコスト」、そ「デザインシステムを誰が管理するか」あたりが、特に雑多な印象です。 デザインシステムとはナニで、どう適用されるモノなのか。 そして、特に起きがちなデザインシステムの過度な一般化について、扱ってみます。 デザインシステムの過度な一般化 試みたいこと デザインシステムのカバー範囲の分解 Level 0 Level 1 Level 2(広義のデザ
Rust の DI を考える — Part 1: DI とは何だったか - paild tech blog
paild 社でお手伝いをしている yuki です。みなさんは Rust で DI をしようと思った際に困ったことはありませんか？この連載では、他のプログラミング言語で利用される DI パターンを参照しながら、Rust でそれを実装するためにはどのような工夫が必要かまでを検討します。中には Rust での実装が難しいパターンも出てくるかもしれません。その際は、なぜ難しいのかまでを検証します。 そこそこの規模のソフトウェアを実装するにあたって、ソフトウェアエンジニアが共通して利用する手法がいくつかあると思います。その中でも DI (Dependency Injection; 依存オブジェクト注入) は最もポピュラーな手法の一つであり、保守運用まできちんと耐えうるソフトウェアの設計をしたいとなったときに、まず真っ先に候補に上がる手法でしょう。 Rust ではこの DI をどのように行えばよいの
全体的な事を言えば、自分は書き直し反対派と思う。 morritaさんの言う20年前の意見をほぼそのまま現代まで持っている。 頭の硬い古い老人という事だろう。 そういう訳で、そんな古い側の人間が書き直しについてどんな事を思っているのかを書いてみたい。 失敗するケースは割と限定されている ソフトウェアの書き直しには、成功するものと失敗するものがある。 失敗する条件を厳密に挙げるのは難しいけれど、失敗する書き直しは、自分は見れば分かる、と思っている（本当に分かるかは議論の余地があるけれど）。 まずshinhさんの言っている半分素人が挑戦するケースは良く見かける。これはまぁいい。全然良く無いけれど。 それ以外で良く失敗するのは、ある程度の規模、だいたい10万行以上のソフトウェアで、 その時点で多くのユーザーを持っていて、 書き直しにかなりの時間と人がかかる奴が多いと思う。 そしてデスクトップ、iO
Cloud SpannerとCloud Pub/Subとで実装するTransactional outboxパターン | メルカリエンジニアリング
Credit Designチームでバックエンドエンジニアをしている@iwataです。主にメルペイスマート払い関連の開発をしています。 Merpay Advent Calendar 2021 の21日目の記事をお届けします。 メルペイスマート払いの開発においてもご多分に漏れず、マイクロサービスアーキテクチャを採用しています。マイクロサービス開発において避けては通れない問題として、分散トランザクションによるデータ整合性の担保があります。メルペイスマート払いマイクロサービスでは一部APIにおいて整合性担保のために、Transactional outboxパターンを用いた実装をしています。 本記事ではテーブル設計を含めたその実装の詳細を紹介したいと思います。 tl;dr Transactional outboxパターンを使ったSpanner, Pub/Sub間での整合性担保 Spannerならでは
知り合いを6人辿れば、世界80億人と繋がれるのに、組織内のコミュニケーションに6人以上必要なのは、おかしくない？ #TACO - 名前考えるの苦手
Tokyo Agile Community (TACO)の「Scaled Agile with Jim Coplien」の講演メモ。 taco.connpass.com 英語がわからない私が、同時通訳してくれた内容を私の理解でメモしたものです。 断片的な上、正しくない表現や誤りが多いと感じます。いつも以上に自信がありません。 講演者と質問者と通訳者と私の言葉がとてもまざっています。 正しく理解したいため、違う点や補足などあれば、ぜひフィードバックお願いします。 Tokyo Agile Community (TACO) について 私は3回目の参加でした。 今回は、講演者の影響なのか、いつもと参加者層が違った（増えた）ように感じました。 （Twitterで聞いたら、来たことある人は、少数だったらしいと、川口さんが教えてくれました） TACOは、主催者の方の多くが日本語ネイティブではない日本（東
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog みなさんこんにちは。 システム統括本部に所属し、プライベートクラウドのKaaS（Kubernetes as a Service）の担当をしている藤江です。 私は2007年にヤフーに新卒で入社し、会計システムや社内認証システムなどの業務システムの開発・運用経験を経て、2017年4月から今のKaaS運用業務をしています。 現在のプロジェクトではScrumを導入しており、プロダクトオーナーとして働いています。 さて、いきなりですが最初に質問です。Kubernetesというツールを知ってますか？ 実際に業務で使っていますか？ 去年の1月に開催されたYahoo! JAPAN Tech Conferenceの登壇で、この質問をした時、会場で手
浅井ラボ@されど罪人は竜と踊る24（2023年2月17日発売） @AsaiLabot2 作家。一般社団法人日本推理作家協会員&変格ミステリ作家クラブ会員。著書「されど罪人は竜と踊る」等。Discord上に公式ファンクラブがあります。★ＦＦ外は見えない設定です。支援:amazon.jp/hz/wishlist/ls… asaippoi.blog51.fc2.com 浅井ラボ@されど罪人は竜と踊る24（2023年2月17日発売） @AsaiLabot2 そういえば最近のホラーは、YouTuberの突撃からの惨劇で始まることが多いとはよく言われる。死人が出るような場所へわざわざ行って、映像で記録を残してリスナーに伝えてくれるので、導入部で死ぬ役として使い勝手が良すぎる。 2022-11-04 02:02:52 浅井ラボ@されど罪人は竜と踊る24（2023年2月17日発売） @AsaiLabot2
Oso - Authorization Academy
Concepts. Architecture. Best Practices. A series of technical guides for building application authorization. Authorization is a critical element of every application, but the problem is: there’s limited concrete material available for developers on how to build authorization into your app. To help developers build these systems and features, we built Authorization Academy.
サーバーレスにおけるべき等性の実装 (データストア編) ~サーバーレスが気になる開発者に捧ぐ「べき等性」ことはじめ 第 3 回~~ - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS
このシリーズの 第 2 回 では、クライアントからバックエンドのサービスを利用する際に、なんらかの原因でエラーが発生した場合にクライアント側でリトライ処理が実行されると、リクエストが重複して送られる可能性があることを説明しました。クライアントからキューに対してメッセージを送信するようなサーバーレスのシステムにおいては、リトライ処理によって重複したメッセージが送信されてもメッセージの重複を排除する機能を利用することによってべき等性を実現する方法について解説を行いました。実際には同じメッセージが何度も送信されることを防いでいるので、正確にはべき等とは異なりますが、重複したメッセージをただ一度だけ処理する (Exactly Once) ことで、結果としてべき等性を実現するという考え方を具体的な実装方法と共に紹介しました。 第 3 回ではこの考え方を進めて、データストアに対する処理でも同様の機能を
こんにちはかみむらです。 先日柴田さんが公開していた、Reactのモーダルコンポーネントを簡単に作成できるライブラリ react-hooks-use-modal をmicroCMSのOrganizationに移行しました。 こちらがGitHubのリポジトリです。 https://github.com/microcmsio/react-hooks-use-modal こちらはデモになります。 https://microcmsio.github.io/react-hooks-use-modal/ react-hooks-use-modalはmicroCMSの管理画面内部にも使われています。例えばWebhook追加時のモーダルコンポーネントです。 モーダルのコンポーネントは1から実装すると非常に工数がかかりますが、react-hooks-use-modalを使えば少ない工数で実装することができま
ブランチ追従コストが大幅DOWN! RettyアプリチームがFeature Branchを捨てFeature Flagでの開発へ移行した理由と成果 - Retty Tech Blog
Feature Flagで 素早くマージ 安全にリリース Rettyアプリチームの @imaizume です、新しい年度が始まり新卒社員も入社してフレッシュな気分になる今日このごろですね。 今回は最近Rettyアプリチームで利用することが増えている、Feature Flagを使った開発についてのお話です。 Feature Flagを使うことで、大規模な開発であっても開発中から継続的に差分をマージできるようになり、デリバリー効率を大きく向上させることができます。 本記事では、この方法を採用するに至った背景や実際に取り入れて感じたメリット、課題感などを書きましたので、読んでみてメリットが感じられたならぜひみなさんの開発でも取り入れてみていただければと思っています。 Feature Flagとは? FFを採用する前の開発の様子 RettyでのFFによる開発の始まり アプリチームでFFを採用したこ
日本の美しい伝統文様、四季の風物詩をテーマにした現代風の和柄をロイヤリティフリーで使用できるパターン素材を紹介します。 ここで紹介しているパターン素材はすべて無料！ 個人でも商用デザインでも安心して使用できます。 ダウンロードできる和柄のパターン素材 素材のダウンロード方法 ダウンロードできる和柄のパターン素材 今回紹介するパターン素材は当ブログでは久々の登場「Japanese Mon」様。以前紹介した「基本の和柄無料素材」に加えて、四季の風物詩をテーマにした「和柄の厳選パターン素材10アイテム」の2種類あります。 素材のフォーマットは.eps, .jpg, 透過pngの3種類が揃っています。 ライセンスは独自で、個人でも法人でも無料、Webサイトやアプリや動画、ポスターや同人誌などの紙デザインで利用できます。詳しくは、よくある質問をご覧ください。
みんなが安心して参加できる勉強会・懇親会のために主催者ができること（自由に再利用 or 改変可能なスライド付き） - give IT a try
はじめに 先日、TwitterでIT勉強会や懇親会に関するこちらのツイートを拝見しました。 ↓勉強会に参加したい ・レベルについていけないかも🤯 ・違う目的で参加している人居たら嫌だな(そもそも出会い目的じゃ無いし) ・内輪感あり過ぎてて溶け込めない雰囲気じゃないかな🤔 ・懇親会はコミュ力最大限に使うし目的違うのでいらない ↓不安の結果 やっぱり自宅で勉強しよ😇 ※繰り返し— Shoko Sato 🐶 (@satoshoco) January 11, 2020 勉強会数えきれないくらい行ってるけど人見知りなので未だに懇親会苦手感ある(とっても楽しいのだけど) 懇親会でTokyoGirls.rbのぼっち対策が行われた会を数件見ていて、この活動広まるといいなあ…と思ってる。 https://t.co/40b4y52I3I— makicamel (@makicamel) January
スタートアップなのにフロントエンドのテストカバレッジが90%を超えている話 | Resilire Tech Blog
はじめに サプライチェーンリスク管理クラウドサービスResilireでエンジニアをしている奥村@showkittie です。 Resilireでは、1歳の子の育児に悪戦苦闘しながら、フロントエンド、サーバサイドを問わずプロダクトエンジニアをやっています。 ResilireはシリーズAを迎えたばかりのアーリースタートアップでありながら、フロントエンドのテストカバレッジが90%を超えており、必要なケースについてはほぼテストが網羅されています。 私は今年の4月に入社したばかりですが、すでにテストカバレッジの高さに助けられ、不具合の混入をせずに済んだことが何度もあります。 今日は、Resilireのフロントエンドのテスト戦略とカバレッジの高さの理由についてお伝えしたいと思います。 スタートアップとテスト 冒頭にもお伝えした通りResilireはアーリースタートアップです。エンジニアリングに求められ
はじめに この記事はiOS 13以降にもSwift Concurrency（つまりasync/awaitやActorなど）が使えるようになると思っていなかったときに書いたものです。 はなしの準備 雑談として「最近はどんなアーキテクチャでiOSアプリ作るの？」という話題があったので整理の文章を書いてみます。 Appleの性質上、2021年7月でもまだ決め手のようなものはないし、私だったらTCAやVIPERを候補にモジュール分割してなるべくDB使わずに作って必要になったらCore Dataを採用すると思います。 それはそれとして、Android BlueprintのREADMEかなにかでGoogleのソフトウェアエンジニアが「チームが生産性を最大化させるアーキテクチャを選べばいい」なんてことを書いてあったのを読んだ記憶があるんですが、それは最もですねと思いつつも、しかしそもそも選択肢がわからな
仕事や趣味の資料・タスクなどさまざまなデジタル情報を扱う人は、どのアプリでどのプロジェクトを管理し、どのフォルダ内の資料が何に用いるものなのか、また今はどれくらいの進行度合で何を目標としているのか、整理に苦労した経験も多いはず。そんなデジタルプロジェクトを整理するために、テクノロジーを使用して労働者の生産性が向上することを目標に掲げるForteLabsが提唱した方法論が「PARAメソッド」です。 The PARA Method: A Universal System for Organizing Digital Information - Forte Labs https://fortelabs.co/blog/para/ ForteLabsの創設者である生産性に関する専門家のティアゴ・フォルテ氏は、「人間中心の仕事の未来」を掲げてテクノロジーで知的労働者の生産性を向上したり、アイデア管理
乙女ゲームに潜む“ジェンダー規範”という問題 『ときめきメモリアル Girl's Side』シリーズと海外の研究事例から考える
乙女ゲームに潜む“ジェンダー規範”という問題 『ときめきメモリアル Girl's Side』シリーズと海外の研究事例から考える 『アンジェリーク ルミナライズ』（コーエーテクモゲームス／ 2021年発売）は、別シリーズとして展開された『ネオ アンジェリーク』を除くとシリーズ作品として18年ぶりのリリース（※1）ということもあり、ゲーム専門誌やサイト、SNS等で大きな注目を集めた。『ファイナルファンタジー』や『マリオ』シリーズなどのビッグタイトルとくらべると、プレイヤーの層も数も限られる乙女ゲームというカテゴリーにあって、一般ゲーム誌においてもこれだけ注目を集めたのは、『アンジェリーク』（光栄／1994年発売）が「最初の乙女ゲーム」（※2）としてしばしばこの分野の代名詞として想起されることも一因だろう。近年はアジア諸国や英仏語圏でも制作されるようになってきているものの、乙女ゲームの歴史はおお
難しすぎてハードルが高い！？タッチ決済の使い方（レジでの伝え方）を決済端末別にまとめてみた - クレジットカード＆電子マネー＆QRコード決済情報【現金いらず】
日本でも使えるお店や使う人が爆発的に増加し、ちょっと前までと比べてかなり浸透してきた感のあるタッチ(コンタクトレス)決済。 し・か・し！だいぶスムーズに使えるようになったとは言えど、未だ対応していてもすんなり使えないお店もまだまだ多く存在します。 そこで今回は、そんなタッチ決済を使う上でハードルが高い理由と「一発」で「スムーズ」に使うための伝え方をご紹介します。なお、この記事は簡易版をYouTubeに動画でもあげているので併せてご参照ください。 対応してても使えない！？簡単にいかないそのワケお店では対応してるとしっかり明記してあるけど簡単に使えない・・・使えないと断られ結局そのままカードで払ってしまった・・・ 未だ聞かれるこのようなお話、その理由は主に2つ挙げられます。 1.端末の処理方法の違い海外の決済端末においては、クレジットカードのみの運用であることが大半を占めることからクレジット支
Rails design patterns
A design pattern is a repeatable solution to solve common problems in a software design. When building apps with the Ruby on Rails framework, you will often face such issues, especially when working on big legacy applications where the architecture does not follow good software design principles. This article is a high-level overview of design patterns that are commonly used in Ruby on Rails appli
karino2 が 並列プログラムから見たFuture というビデオを作って公開していたので、引っ越しの荷造りをしながら眺めた。 長いのでここにざっくりとした主張をまとめると: Future/Promise (およびその後釜の async/await) は非同期プログラミングで callback hell にならない発明という見方をされているが、 そもそもなぜ callback hell が必要だったかの時代背景が十分に理解されていない。 背景の一つはブラウザ JavaScript のプログラミングモデルにシングルスレッド・ノンブロッキング(イベントループ)という制限があったから。 これは(特にフロントエンド開発者の間では)よく理解されている。 もう一つの視点は SEDA みたいなマルチスレッド・ノンブロッキング環境の必要性で、 こっちはいまいち広く理解されていないように思える。 結果とし
スクラムじゃなくても良かったのだ - ちなみに
この記事は クラスター Advent Calendar 2022 (2枚目) 2日目の記事です。 クラスターではサーバーエンジニアをしている id:Sixeight です。 まだ入社エントリも書いていないのですが、アドベントカレンダーの空き枠があったので慌てて筆を執りました。 1枚目のカレンダーにもエントリーしているので、そちらで入社エントリを書く所存です。 さて表題ではあえて強めの言葉を使いました。 これまで所属していた会社ではスクラムを採用していることが多く、それどころか私自身がスクラム推進派でした。 しかしながら転職してからスクラムのスの字も出てこない環境で働いているのですが、これまでよりも調子良く働いているうえに組織の生産性は高く感じています。 この記事ではなぜそう感じるのかということをさらっとまとめたいと思います。なぜなら突然思いついて時間がないからです。 スクラムとは スクラム
このエントリは，Rust 3 Advent Calendar 2020の8日目の記事です． はじめに エラー処理の基本 Result<T, E> Errorトレイト ?オペレータ ベストプラクティスを支えるクレート anyhow thiserror failureクレートについて まとめ 追記 はじめに Rustを書いている時にアプリケーション固有のエラー型を定義したい場合があります．この辺のベストプラクティスは今まで何度か変化*1しており，今年の9月にエラーハンドリングのプロジェクトグループが発足*2したことからも分かるとおり，今後も変化していく可能性が濃厚です． この記事では，エラー処理まわりに関する基本的な内容と，現時点でのベストプラクティスとされているanyhowとthiserrorを用いたエラー処理について紹介します． エラー処理の基本 Result<T, E> Rustには例外
ヤコブ・ニールセンのインタラクションデザインのための一般的な原則。これらの原則は幅広い経験則であり、具体的なユーザビリティガイドラインではないため、「ヒューリスティックス」という。 10 Usability Heuristics for User Interface Design by Jakob Nielsen on November 15, 2020 日本語版2021年4月12日公開 この記事の最後で、ヤコブの10ユーザビリティヒューリスティックスの無料ポスター（英語）をダウンロードできる。 1. システム状態の視認性 デザインは、妥当な時間内に適切なフィードバックを通じて、今、何が起こっているのかを絶えずユーザーに知らせる必要がある。 ユーザーが現在のシステムの状態を把握できれば、彼らは自分がそれまでに行ったインタラクションの結果を知り、次のステップを決定することができる。予測可能
本連載は、最新のソフトウェア開発の課題点を解決する手段であるフィーチャーフラグ（Feature Flag）について、概要や導入方法、ベストプラクティスを紹介します。第1回は、フィーチャーフラグとはなにか、どのようにしてプロダクト開発を変えていくのか、そのメリットと導入の際の懸念点を説明します。 はじめに 本連載はフィーチャーフラグについての連載です。最新のソフトウェア開発の課題点を解決する手段であるフィーチャーフラグに焦点をあて、フィーチャーフラグとは何なのか、どういった機能を提供するのか。フィーチャーフラグのメリット・デメリットを、具体例を使って詳細に説明します。また、導入前に考慮すべきことや、フィーチャーフラグの実装、サービスの選定の際の注意点、効率よく、かつ継続的に使用していくためのベストプラクティスも併せて解説します。さらにはサードパーティー製のフィーチャーフラグサービスの比較を行
物理学に隠された普遍性？ 大量の方程式を分析、数式記号の出現頻度に“奇妙なパターン”発見【研究紹介】 レバテックラボ（レバテックLAB）
物理学に隠された普遍性？ 大量の方程式を分析、数式記号の出現頻度に“奇妙なパターン”発見【研究紹介】 2024年10月23日 英オックスフォード大学などに所属する研究者らが発表した論文「Statistical Patterns in the Equations of Physics and the Emergence of a Meta-Law of Nature」は、物理学の方程式に使われている演算子の出現パターンを詳しく調査した研究報告である。 この研究は、物理学の方程式に現れる演算子の統計的パターンを分析し、自然言語で見られる「ジップの法則」のような規則性が物理法則にも存在するかを調査したものである。 keyboard_arrow_down 研究内容 keyboard_arrow_down 研究結果 ジップの法則とは、言語において最も使用頻度の高い単語は2番目に使用頻度の高い単語の2
堀元 見 @kenhori2 通販サイトでは、送料を隠してユーザーを騙すと売上が21%増えるらしい。 バカ高い手数料や送料が後から発覚するクソ体験あるじゃないですか。あれ、合理的な経営判断みたいです。 堀元 見 @kenhori2 『ダークパターン 人を欺くデザインの手口と対策』p.119より引用。 この本すごい。ダークパターン（人を騙すようなWebデザイン）の実例やその破壊力を余すところなく描き切っている。 名だたる有名企業の実例も豊富で震えた。（ツリーで紹介します） valuebooks.jp/bp/VS0089940712 pic.twitter.com/ECrqnJNat4
ラーニング・パターン・インタビュー : AWS の同僚に入社してからの学習スタイルを聞いてみた - 変化を求めるデベロッパーを応援するウェブマガジン | AWS
builders.flash 読者の皆さん ! こんにちは ! シニアテクニカルトレーナーの吉田慶章です。 私は builders.flash で「学び」に関する記事を書いています。前回の記事では、自律的で創造的に学ぶ方法として「ラーニング・パターン」を紹介しました。 今回の記事では builders.flash で一緒に「How to be a Developer」カテゴリーの記事を執筆している西村さんにインタビューをして、「ラーニング・パターン」に当てはめながら入社してからの「学習スタイル」を聞いてみたいと思います。「ラーニング・パターン」に限った話ではありませんが、自分で気付いている「自己認識」と相手から見て感じる「他己認識」は違うことがあるので、話しながら「学習スタイル」の棚卸しをすると効果的です。そんな意味も込めて今回の記事を書きました ! Here We Go ===┌(･_･
移行パターン（ストラングラー、抽象化ブランチ、同時実行）を活用してブラックフライデーを乗り切った負荷対策 - エニグモ開発者ブログ
エンジニアの木村です。この記事は Enigmo Advent Calendar 2021 の 13日目の記事です。 いろいろやってますが、BUYチームという購入UXに関わる機能開発を担当するチームのマネージャーもやっています。１１月末に行われるブラックフライデー、サイバーマンデーといった大型キャンペーンに備えた開発もそのチームで担当したのですが、今日はそれに備えて行った負荷対策の１つの取り組みについてお話しします。 悔しい思いをした去年のブラックフライデー 平素よりBUYMAをご利用いただきまして、誠にありがとうございます。 本日0時頃より、サイトに繋がりづらい状況が続いており、現在復旧に向けて全力で対応を行っております。 ご不便をお掛けしてしまい大変申し訳ございませんが、何卒ご理解を賜りますようお願い申し上げます。— BUYMA(バイマ)| 海外ファッション通販サイト (@BUYMA)
コード構造を設計するときは、ソフトウェアスタック内で機能を分離する方法を検討すると役立つことがしばしばある。その方法の一つとして、アプリケーションのレイヤーをその上下に存在する他のレイヤーから抽象化することが挙げられる。これは、「レイヤードアーキテクチャパターン」と呼ばれることが多いアプローチだ。 レイヤードアーキテクチャパターンはどのように機能するのか レイヤードアーキテクチャの各レイヤーは、特定のアプリケーションまたはビジネス目標に合わせて設計される。そのため、レイヤーとレイヤーが管理する機能の間には、明確な抽象化が存在する。例えば、アプリケーションは、ユーザービューをレンダリングするレイヤー、Web APIへの応答を中継するレイヤーおよびファイルシステムまたはデータベースへのデータの保存を担当するレイヤーを維持しているかもしれない。 関連記事 開発者が注意すべき「マイクロサービスの問
This page collects all the familiar navigation patterns for structuring iOS apps, like drill-downs, modals, pyramids, sequences, and more! Think of it as an unofficial bonus chapter for Apple’s Human Interface Guidelines, written by someone who cares deeply about well-crafted user interfaces. A typical iOS application has a fixed architecture—often a hierarchical tree with multiple levels. This ri
note.com みんなが批判している通りの酷い内容の記事である。特に以下の箇所がヤバい。 フェミニストという言葉はネットのごく一部の界隈でしか聞いたことがないので一体どこのイベントなのかと純粋に興味がありました。僕が参加するイベントでは一度も聞いたことがありません。 フェミニストという言葉そのものが分断を呼んでしまうと思ってるのでなるべく使わない方がいいでしょう。ジェンダー問題に携わっているとよく出てくる言葉なんですかね。 しかし、上記の引用箇所で示されているような種類の鈍感さやアンテナの低さは、わたしには馴染みや見覚えがあるものだ。 ちょっと思い出したことがあるので、書いてみよう（詳細はボカす）。 以前に働いていた会社で、広告や宣伝のための動画作成をするプロジェクトが立ち上がったことがあった。単に商品やサービスの内容を宣伝する動画ではなく、時事問題に絡めた動画であったりネタ的なおもしろ
サイトを制作する際にちょっとしたワンポイントとして、ボックスやボタンの背景にパターンを使いたい場面があるかと思います。 そんな時、わざわざフォトショやイラレで画像を作るのは結構面倒ですよね。 そこで今回はCSSをコピペするだけで使える51種類以上の背景パターンをご紹介します。 種類豊富で色々なシーンで使いどころがあるかと思いますので、気に入った背景があればぜひお気に入りに登録しておきましょう！ ギンガムチェック風CSS背景パターンSee the Pen texture by Miriam (@karaWhiteDragon) on CodePen. 28種類のグラデーションストライプCSS背景パターンSee the Pen Cards with simple stripe backgrounds by Ana Tudor (@thebabydino) on CodePen. ハーフトーンC
CSS Background Patterns is fun little free tool that lets you create cool CSS patterns for your website background. We've curated and parameterized this collection of pure CSS patterns to help you generate & customize the most cool CSS seamless patterns around the web. The collection is being updated regurarly! Patterns are everywhere! From your website to your favorite book cover. There're severa
社内チャットで「おじさん構文」を振り回す上司が、無自覚にやってる「4つの問題行動」（松田 充弘） @moneygendai
テレワークの機会が増え、社内のチャットツールなど、テキストだけのコミュニケーションが以前よりも増えてきました。そのような状況で、皆さんは相手に伝わる文章が書けていますか？ 最近テレビやネットで話題になっている絵文字や「!!」を多用した「おじさん構文」。おじさんの私が言うのもなんですが、社内だから大丈夫と安心して、フランクな言葉遣いや絵文字を多用したメッセージをやり取りしていると、部下や後輩に「あの人、おじさん構文送ってくるよね」と言われているかもしれません。 無自覚におじさん構文を振り回し、社内のメンバーにストレスを与えていないか、共に注意していきましょう。 おじさん構文が相手にストレスを与えかねないワケ まず、「おじさん構文」の例を紹介します。以下の文面と、絵文字まで入れたイメージ画像を確認してみてください。 ■おじさん構文の例 「本日、10時から、会議室を取ってもらえる？ヨロシク（ウイ
犬専用部屋はどうつくる？ レイアウトや快適に暮らすための工夫を紹介 - MY HOME STORY │スーモカウンター注文住宅
近年犬を飼うときは、部屋飼いが一般的になりました。これから注文住宅を建てる人のなかには「犬専用部屋は必要なの？」「犬も家族も快適に暮らすにはどうすればいいの？」と悩んでいる人もいるのではないでしょうか？ そこで今回は、犬専用部屋の必要性やレイアウトのポイント、快適に暮らすための工夫や注意点を、かねまき・こくぼ空間工房の金巻とも子さんに伺いました。 犬専用の部屋は設けたほうがよい？ 設置するならどこ？ 最低限必要なのは犬専用のスペース 敷地に余裕があれば犬専用部屋をリビング近くに設ける 犬専用部屋を設けるときのレイアウトのポイントは？ 玄関や道路前の窓などから遠い場所に置く テリトリーの中心、家族が集まる場所の近くに置く 犬と快適に暮らすために犬専用部屋にできる工夫は？ 掃除しやすい床材の上にクッション性のあるマットなどを敷く 傷や汚れに強く消臭効果がある壁紙を選ぶ 吸音性や防音性を高めてお
〈今までの生い立ちやら性格やら、家族構成やら、家族における立ち位置やらがたちのぼってくるおじさんが描けることがある。私はそれを「会心のおじさん」と呼んでいる〉。『東京トイボックス』『東京トイボクシーズ』などで知られる漫画家うめの作画演出担当の妹尾朝子に2021年に描いた「会心のおじさん」を教えてもらった。それぞれのおじさんをどうこだわって描いたのか。気づかないような細部に、プロの発想と技が宿っていた。 【関連】「ここに描くべきはヤンキーか野良犬か酔っ払いか？」プロ漫画家は作画をコストで考える──『東京トイボクシーズ』うめの場合
様式とは何か - 9bit
必要があって様式（style）という概念について多少勉強したのでメモ代わりにまとめておきます。「様式」（文学だと「文体」）という言葉を問題にしたいわけではなく、芸術学まわりで頻出するあの概念の中身を問題にします*。具体的には、「ロマネスク様式」や「定朝様」や「8bitスタイル」などと言われる場合のそれです。 学部生時分の自分が読んだらためになったであろう内容を意図して書いてます。注は詳しく知りたい人向け。 文献 目を通した文献は以下*。 Elkins, J. 2003. “Style.” Grove Art Online. https://doi.org/10.1093/gao/9781884446054.article.T082129. Gombrich, E. H. (1968) 2009. “Style.” In The Art of Art History, 2nd ed., ed
ダークパターンレポート2024ダークパターンの 無自覚な使用を防ぐために 4社の取り組み例から 考察する、 防止活動普及の鍵 消費者よりも企業にとって都合の良い行動を取るようにし向ける手法、ダークパターン。 悪意のある事業者が意図的に用いる手法だと思われるかもしれません。 しかし、ビジネスで求められる目標を達成するため、 悪意がなくても結果的にダークパターンを用いてしまう可能性があります。 企業はどうすればこの「ダークパターンの無自覚な使用」を防ぎ、 消費者とのより倫理的な関係性を目指していけるのでしょうか? コンセントでは、所属企業にダークパターン使用防止の取り組みがある ビジネスパーソン4名にインタビューを行いました。 本レポートは具体的な取り組み内容を紹介するとともに、 そこから見えたダークパターン問題に向き合う上での課題や 無自覚な使用を防ぐための論点を考察するものです。 調査結果
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSのみで実装するボタン、テキストリンク、hoverスタイル19選 | Pulp Note
失敗する書き直し、成功する書き直し / karino2 - Message Passing
クラスタ数530以上、大規模Kubernetesを運用するエンジニア組織の作り方 #k8s
最近のホラーはYouTuberの突撃からの惨劇で始まる事が多くなっている「導入部で死ぬ役として使い勝手が良すぎる」
react-hooks-use-modalを使ってモーダルコンポーネントを作成する
商用でも完全に無料！ 日本の美しい伝統文様のパターン素材、四季をテーマにした和柄のパターン素材 -Japanese Mon
iOS 14以降をターゲットにiOSアプリ開発するならどんな構造設計をするか 2021初夏
デジタル情報を整理するための完璧なシステム「PARAメソッド」とは？
非同期と並列 / morrita - Message Passing
Rust エラー処理2020 - 電気ひつじ牧場
ユーザーインタフェースデザインのための10ユーザビリティヒューリスティックス
フィーチャーフラグ（Feature Flag）はなぜ必要なのか？
通販サイトでバカ高い手数料や送料が後から発覚するケースは実は合理的な経営判断という話→売上が増えるダークパターンらしい
「レイヤードアーキテクチャパターン」の長所と短所
Modern iOS Navigation Patterns · Frank Rausch
道徳や規範を認識できない人たちについての省察 - 道徳的動物日記
CSSで表現する背景パターン51種＋【コピペで簡単！/アニメーション有】
CSS Background Patterns by MagicPattern
会心のおじさんが描けた！プロ漫画家が「おじさんキャラを生み出す」苦悩と技をベストテンで公開 - QJWeb クイック・ジャパン ウェブ
ついに連載1000回! ElectricZooma! の舞台裏を全公開【小寺信良の週刊 Electric Zooma!】
ダークパターンレポート2024 ダークパターンの無自覚な使用を防ぐために ｜ 株式会社コンセント
japan.zdnet.com
www.yomiuri.co.jp
newsdig.tbs.co.jp
www.yomiuri.co.jp
to-ti.in
www.google.com