24時間365日動き続けるデータシステムの設計手法 : 「データ指向アプリケーションデザイン」実践編

2023/10/14 354 users データ指向アプリケーションデザイン ベース 資料 実践編 参考

「データ指向アプリケーションデザイン」をベースに、24時間365日動き続けるデータシステムを実装する際に必要となる技術や考え方を紹介します。 この資料は、2023年大阪大学大学院 情報科学科 マルテメディア工学特別講義で使われた資料を一般用に修正して公開しています。 参考： 「30分でわかるデータベースデザイン... 続きを読む

難解なソフトウェアをデザインする人にこそお勧めしたいOOUI（オブジェクト指向UI）

2023/01/18 100 users OOUI ヤフー 実例 DS.INSIGHT ソフトウェア

みなさまこんにちは。ヤフーでデータソリューション事業のUI/UXデザインを担当している、横内です。 2022年11月に弊社が運用するデータ可視化ソフトウェアのDS.INSIGHTで人流データを分析できるPlace機能を大幅アップデートしました。その際使用したOOUIという設計手法から得られた学びをプロジェクトの実例を交えながら... 続きを読む

ドメイン駆動設計（DDD）で開発されたシステムを5ヶ月保守開発した感想・学び - Qiita

2022/12/02 226 users DDD Qiita ドメイン駆動設計 顧客 保守開発

巷で、顧客の課題を解決しつつ、より良いシステムを作るための設計手法として、ドメイン駆動設計（DDD）が話題になっていると思います。 このドメイン駆動設計について、どのように実践するか、実際に実践してみてどう感じたか、という話はよく出ていますが、作られたシステムがその後どのようになったのか、保守開発し... 続きを読む

React/Next.jsでの俺的ベストプラクティスを見てくれ

2022/08/20 235 users React Zenn ベストプラクティス コンポーネント 焦点

木瓜丸です。 最近になって、やっとNext.jsを上手く使いこなせてるんじゃないか？！と思えるようなコンポーネントの設計手法を見つけたので、Zennにまとめてみたいなと思います。 この記事で触れること この記事では、主にページ単位でどのように状態管理を行うのかに焦点を当てることにします。 コンポーネントの管理の... 続きを読む

【Atomic Designに懐疑的なあなたへ】改めて考えたい React / Next.js のデザインパターン

2022/05/15 164 users React Atomic Design Next.js 戦い

フロントエンド開発は一般的に複雑性との戦いです。放ったらかしにしておくとますます複雑になり、変更するのが難しくなります。これまでにも、このような複雑さをどうにかして制御しようとして、Atomic Designをはじめとした様々な設計手法（デザインパターン）が考えられてきました。 しかし、React / Next.js を使っ... 続きを読む

DDDとコードとしての正しさ - pospomeのプログラミング日記

2018/12/13 185 users DDD pospome Advent Calendar

ドメイン駆動設計 #1 Advent Calendar 2018の14日目を担当する@pospomeです。 今回はDDDとコードとしての正しさについて書いてみようと思います。 DDDは設計手法である コードとしての正しさ コードとしての正しさを見失う ユースケースの日本語を"そのまま"コードに落とし込もうとする 無駄にオブジェクト同士の結合度... 続きを読む

CSSのクラス名を決めるときに使うリストをつくりました - Qiita

2016/10/07 332 users 意味合い 単語 英単語 Qiita 製作

CSSは設計手法も大事ですが、どういう単語で名前をつけていくかも大事だと思っています。 個人個人でばらつきが出るところでもありますし、「単語名 英語」で検索をして探した単語を使ったけど若干意味合いが違ったといったこともあると思います。 クラス名を決めるためのリストを見かけることもありますが、英単語の読みは書かれていても意味合いが書かれていることは少ないように思います。 自分の確認用と、チームで製作... 続きを読む

UIデザイナーを取り巻く様々な設計 / Intrinsic meaning of UI Design // Speaker Deck

2015/08/09 315 users DESIGN Speaker Deck UIデザイナー ひと

UIデザイナーの周りにある"設計"について、Human-Computer Intaractionからヒトとコンピュータの仕組み、エンジニアの設計手法、コミュニケーションの方法などをまとめました。 続きを読む

アリの行動に学ぶ、より多くの脱出を可能にする非常出口の設計手法とは - GIGAZINE

2014/05/12 202 users 非常口 GIGAZINE 一連 脱出 避難路

多くの人が集まったり一定の広さを持つ部屋には、万が一の事態にも安全に脱出できる非常出口の設置が法律で定められています。効率的な避難路を確保するために非常口の周辺には障害となる物を置かないことが必要とされていますが、アリを使って特定の条件下で行われた一連の実験の結果では、非常出口の前に障害物を置いたほうが、脱出のスピードが速くなるという意外とも言える結果が明らかになりました。 Want to Get... 続きを読む

今最も注目されている設計手法！MVVM を Android アプリ開発に取り入れてみた (フェンリル | デベロッパーズブログ)

2014/04/03 199 users フェンリル MVVM ビジネスロジック デベロッパーズブログ

こんにちは。共同開発部開発担当の北川です。 クロスプラットフォームなアプリ開発では Xamarin の使用はビジネスロジックの共通化が可能となり非常に効果的です。 すべてのアプリを単一の言語（C#）で実装することができる点だけでも魅力的ですが、MVVM 設計によりその再利用性を高めている点こそがその真価を発揮しているとも言えます。 私は Xamarin でのアプリ開発を通して MVVM 設計のすば... 続きを読む

モダンCSS設計の解説サイトまとめ - Qiita

2014/03/26 557 users BEM MindBEMding 図解 CSS 部分

最近CSSの設計手法も進化してきたので、モダンCSS設計についての記事をまとめてみました。 MindBEMding（日本語訳） CSSのモダンな記法、BEM記法について詳しくまとめたもの。 Japanese Translations of BEM-Methodology (BEMの日本語訳) BEMについて詳しくまとめたもの。図解あり。上記のサイトと被る部分あり。 General CSS note... 続きを読む

Ubuntu、Symfony、Lighttpdを使ってスケールするWeb 2.0サイトを構築する - PHPプロ！ニュース

2007/04/09 115 users Ubuntu symfony lighttpd ハードウェア

ThemBid.comにて、Web 2.0的サイトをスケーリングするためのテクニックが紹介されています。Ubuntu、Lighttpd、PHP、Symfonyフレームワークの組み合わせを使うもので、高アクセスに耐えるPHPシステムの設計手法を学べるのではないでしょうか。 1.ハードウェア 初期状態で、充分なスペックを持ったサーバーを用意しておき、数千のユーザーアクセスに耐える余裕を持たせておきます... 続きを読む