[B! design] lizyのブックマーク

[提案]テーブル名はもう全部単数形にしようや

こんにちは、データベース愛好家のみなさん！今日は、データベース設計で永遠の議論となっている﹁テーブル名、単数形vs複数形問題﹂について、徹底的に掘り下げていきます。私は単数形派です！でも、なぜそうなのか、一緒に深掘りしていきましょう。イントロダクション‥我らが主人公、単数形くんみなさん、こんな経験ありませんか？ You: テーブル名って、users? user? どっちがいいんだろう... 先輩: いや、絶対usersだよ！Rails使ってるし。 You: でも、user_idって書くときは単数形だよね？先輩: あ、そうだね...でもやっぱりテーブルは複数形！ You: ︵心の中で︶なんかモヤモヤする... 実は、この﹁モヤモヤ﹂には理由があるんです。今日はその理由を解き明かし、単数形テーブル名の魅力をお伝えします。準備はいいですか？Let's dive in! 言語の壁を突破せ

lizy 2024/07/07

RESTのcollectionには複数形が推奨されているので、一貫性としてはやや微妙な気がする

リンク

イベント駆動とドメインモデルの完全性を意識したアーキテクチャ設計

こんにちは。LINEヤフー株式会社で、出前館というプロダクトのサーバーサイドエンジニアをしている古田大志です。株式会社出前館はLINEヤフーのグループ会社です。資本業務提携を結んでいて、LINEヤフーが開発などをサポートしています。詳しくはこちらをご参照ください。︵https://corporate.demae-can.co.jp/pr/news/demaecan/line.html︶︵外部サイト︶今回の記事では、その出前館における開発の内容を紹介させていただきます。出前館はデリバリーサービス事業のプロダクトで、開発においてはマイクロサービスアーキテクチャを採用しています。出前館のマイクロサービスの1つに、クーポンに関するドメインの責務を持ったコンポーネントであるクーポンサービスがあります。クーポンサービスでは、ビジネスエンハンスに伴う﹁非機能要件の増大﹂や﹁仕様の複雑さの肥大化

lizy 2024/06/12

リンク

見えないものに着目すると上手くいく、モデリングの勘所 / invisible-driven-design

こちらのイベントの登壇発表資料です。アーキテクチャを突き詰める Online Conference https://findy.connpass.com/event/314782/

lizy 2024/05/23

リンク

履歴データテーブルとの向き合い方_PHPerKaigi2024

PHPerKaigi2024 の登壇資料です。履歴データテーブルとの向き合い方 https://fortee.jp/phperkaigi-2024/proposal/47cf9f17-825a-4021-bf33-86e4a62bc222

lizy 2024/03/09

個人的には状態の履歴よりイベントの履歴(＋最新の状態)でもいいような気がする

リンク

朗報！これでCSSネストの記述方法がより簡単になります

2023年、CSSにもたくさんの新機能がブラウザに実装されました。そのうちの一つがCSSネストで、現在ではChrome, Edge, Safari, Firefoxの主要ブラウザにサポートされています。来週リリース予定のChrome 120で、CSSネストがより分かりやすい構文もサポートされ、記述方法が簡単になるので紹介します。 CSS nesting relaxed syntax update by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。はじめに要素タグのネストこのネストを可能にするために何が変更されたのかはじめに CSSのネストは、2023年3月にリリースされたChrome　112でサポートされ、現在では主要な各ブラウザでサポートされています。

lizy 2023/11/22

リンク

アンチパターンを理解して package by feature へ

はじめにニコニコ生放送でフロントエンドを担当している misuken です。今回は関心が分散してしまう理由やその原理、この問題に対する適切な対処法を通して、package by feature の合理性や、そこで重要になってくる関心の単位などについて解説していきます。規模の大きなものを扱っている方、分類が苦手な方、分類に関して悩みを感じている方には特に有用です。前提 Reactでコンポーネントを管理する例で説明します当然React以外の様々なディレクトリ構成でも応用できます BCD Design の概念も覚えておくとより体系的に理解できます精度の高い明名ができれば、分類の効率も精度も上がります現実世界で捉える関心の分散通常、自宅や職場でトイレに行くとき、同じフロアや同じ建物内のトイレに行きます。もしもトイレだけの建物が隣に建っていて、そこに行かなければならないとなったらと

lizy 2023/11/11

ファイルシステムのツリー構造以外に、ファイルのメタデータに複数タグを定義できるようにして、エディタ等で分類・絞り込み表示出来ると便利そうな気もする

design

リンク

Webアプリケーション設計の第一歩は ディレクトリの整理から / Encraft 1

2023/3/24、Encraft #1 フロントエンド×設計にて発表した資料です。

lizy 2023/03/25

機能で分ける派と構造で分ける派があるような気がする（これは後者）、直交？したものをうまく扱う構造があればいいんだろうけど

リンク

「Gmail」が新デザインを発表、メール・チャット・ビデオ通話機能を簡単にスイッチ可能に

過去18年間で大きく進化してきたGoogleの無料で使えるメールサービスの「Gmail」が、最新のアップデートにより「Material Design 3」の要素を取り込んだ新しいユーザーインターフェース(UI)デザインに生まれ変わりました。新しいGmailのUIでは、画面左端にメール・チャット・ビデオ通話などの機能がひとまとめになっているため、利用状況に応じて機能を手軽にスイッチできるようになっています。 A unified Gmail, for all the ways you connect https://blog.google/products/gmail/gmail-design-update/ Google is switching your Gmail interface to this new look - The Verge https://www.theverge.co

lizy 2022/08/02

これのせいで見づらくなったのか。あまりに見づらいので元のデザインに戻した

リンク

CSSの単位px、em、remはどれをどこで使用するのがよいか、ピクセルとアクセシビリティにおける意外な真相

CSSの単位px、em、remは、どれをどこで使用するのがよいか。 font-sizeの値にはどの単位を使用していますか？ほかにもメディアクエリを定義する時、マージンを定義する時、widthやheightを定義する時、使用する単位はアクセシビリティに配慮する必要があります。 The Surprising Truth About Pixels and Accessibility by Josh W. Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめに CSSでpxとemとemの各単位がどのように機能するかアクセシビリティに関する考慮事項どの単位をどこで使用すればよいのかどの単位がベストなのかが明らかでない場合簡単にできる小技とメンタルモデルボーナス: remを使用すると便利なテクニックはじめにC

lizy 2022/06/07

リンク

Frontend System Design - Part 2

lizy 2022/05/12

リンク

テーブル設計の考え方とやり方 [入門編]

「基本から学ぶテーブル設計　超入門！」 https://modeling-how-to-learn.connpass.com/event/242944/ の発表資料。 - ２つの設計スタイルの違いを理解する - 何を記録するか（資源・活動・当事者・規程） - どう記録するか（テーブルの役割を単純に保つ） - 基本ツール：CREATE TABLE文 - データ型と制約

lizy 2022/04/01

イベントソーシング的な考え方？

リンク

データ変更を伴うバッチ処理を書く時に考慮していること - shallowな暮らし

こんにちは、id:shallow1729です。最近はインフラ寄りなお仕事をよくやっていますがこれまでにいくつかデータ移行やデータ基盤構築などのバッチ処理のお仕事をしてきました。以前にも一度そういった経験を元に記事を書いたのですが、MySQLやシステムに関する知識が以前よりも増えた今もう一度書き直したいなと思いました。なので今回はバッチ処理を書く時のテクニック2022版という感じです。今の仕事の関係でMySQLやrailsを前提にしている話が多いですが、おそらく他のデータベースを使っている人にも役に立つ話が多いのではないかと思います。ただ、今回の記事は経験に基づくものが多く、あまりよくないアイデアもあるかもしれません。改善点や間違いなどあればご指摘ください。冪等性を持つように冪等性とは端的に言えばある操作を複数回実行しても一回しか実行しなかった時と同じ結果になる性質の事です。長時間かか

lizy 2022/03/20

リンク

オブジェクト指向はすでに粒度が時代にあっていない - きしだのHatena

定期的にオブジェクト指向disを書いてしまってるのだけど。とりあえずオブジェクト指向の話をすると定義が人によって違いすぎるので、改めてここでの定義を書いておくと、基本的にはOMTの「データ構造と振る舞いが一体となったオブジェクトの集まりとしてソフトウェアを組織化すること」に従うのですが「1990年に流行りソフトウェア開発のすべてを飲み込み、いまとなっては人それぞれ定義が違って技術的議論に使えなくなった、主にオブジェクトを基本単位としてプログラムを整理するやりかたを指すマーケティング用語」という感じです。ほとんどの場合で人によってオブジェクト指向の指す範囲が違いすぎて、技術的知見の共有には使えなくなっています。でも、いずれの定義にしろオブジェクトを基本単位にするというのは重要ではないかと。ソフトウェアの組織化の単位としてオブジェクトを使うというのが大事で、データの搬送に構造体代

lizy 2021/09/25

DomainModel的な部分がオブジェクトで、それを組み合わせて機能として提供するUseCase/Service的なところが関数、みたいなイメージ

リンク

How to document software architecture? | TSH.io

Digital Product Design Make your product the first choice for users with designers who built dozens of them. Agile Development Teams Work with product experts with the know-how tested in 7+ industries.

lizy 2021/05/27

context/container/component/code

リンク

Goの構造体の使われ方の設計 | フューチャー技術ブログ

Goで構造体を設計する場合、オブジェクト指向的な﹁型ごとの責務の分担﹂以外に、﹁どのように使われるものか﹂を考える必要があります。ポインタで扱うのか？値として扱うのか？両方許可するのか？値として扱える場合にimmutable︵変更不可能︶なオブジェクトとするのか、mutable︵変更可能︶なオブジェクトとするのか値として扱える場合にゼロ値での動作を補償するかどうか他の言語で言うと、C#の構造体とクラスの違い、C++のデフォルトコンストラクタあたりに頭を悩ませたことがある人にはおなじみかもしれませんが、Goでもいくつか考慮が必要になります。ポインタ型として扱う必要があるケースまず最初に決断できる方針としては、ポインタ型でのみ扱うかどうかです。内部にスライスやmap、ポインタなどの参照型な要素を持っていれば、基本的にポインタ型でのみ扱う構造体になります。これらの要素を持っていた場合

lizy 2021/05/26

リンク

How to Create Neon Text With CSS | CSS-Tricks

Neon text can add a nice, futuristic touch to any website. I’ve always loved the magic of neon signs, and wanted to recreate them using CSS. I thought I’d share some tips on how to do it! In this article, we’re going to take a look at how to add glowing effects to text. We’ll also take a look at various ways to animate the neon signs, all using CSS and keyframes. Here’s what we’ll be making: Addin

lizy 2021/05/19

CSSでここまで出来るのか

リンク

2020年版：おすすめの人気UIデザインツールを徹底比較！【Figma / XD / Sketch】 | Web Design Trends

TOP > デザイン > デザインツール > 2020年版‥おすすめの人気UIデザインツールを徹底比較！︻Figma / XD / Sketch︼現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための﹁UIデザインツール﹂もどんどん進化していて、個性的なツールが多数登場しています。今回は、2020年現在おすすめの人気UIデザインツールをご紹介していきたいと思います。

lizy 2020/06/03

リンク

「The Twelve-Factor App」を15項目に見直した「Beyond the Twelve-Factor App」を読んだ - kakakakakku blog

2012年に Heroku のエンジニアによって提唱された「The Twelve-Factor App」は素晴らしく，アプリケーションをうまく開発し，うまく運用するための「ベストプラクティス」として知られている．2020年になった現在でもよく引用されていると思う．日本語訳もある． 12factor.net Beyond the Twelve-Factor App とは？クラウド化が進むなど，提唱された2012年と比較すると技術的な変化もあり，今までの「The Twelve-Factor App」で宣言されていた観点以外にも必要な観点やベストプラクティスがあるのでは？という意見もある．そこで，2016年に Pivotal のエンジニアが「Beyond the Twelve-Factor App」を提唱した．The Twelve-Factor App にあった「12項目をアップデート」し，新

lizy 2020/03/10

リンク

DDDのモデリングとは何なのか、そしてどうコードに落とすのか

質問への回答(35件)を、ブログにまとめているのでこちらご覧ください https://little-hands.hatena blog.com/entry/2019/08/31/genba_de_ddd 「Mix Leap Study 特別編 - レガシーをぶっつぶせ。現場でDDD！コラボカンファレンス」登壇資料ブログ：https://little-hands.hatena blog.com/ Twitter：https://twitter.com/little_hand_s 質問箱：https://peing.net/ja/little_hands Read less

lizy 2019/09/02

リンク

これだけ守れば見やすくなるデザインの基礎

2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。デザインとは何か？デザイナーは何を考えてデザインを作っているのか？という話から、実際にデザインを評価・検討するための言葉を紹介しています。この作品はクリエイティブ・コモンズ表示 - 改変禁止 4.0 国際ライセンスの下に提供されています。第二回﹁UIデザインをはじめよう﹂はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回﹁今日からできるUXデザイン﹂はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co

lizy 2019/04/19

design

リンク

はてなブックマーク

タグ

関連タグで絞り込む (176)

designに関するlizyのブックマーク (288)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス