その状態のデザイン考えてなかった！ UI Stackってナニ｜kana
アプリの画面をデザインする際、エンジニアさんに 「なにも登録データがない場合、どう表示しますか」「選択したときの状態ってどんなデザインですか」などと聞かれて 「ｳﾜｱ考えてなかったすみません、今作ります。。」 （なんて自分はポンコツなんだ、、ｳｳｳ） と、なりたくないですよね。 UI Stackは👆のような状況を回避するのに便利で大事な考え方だと思ったので、言葉の意味を知らない方はぜひ読んでってください！ UI Stack アメリカのプロダクトデザイナー Scott Hurff さんが世に出した 「UIの考慮すべき5つの状態」という考え方です 5つの状態 ・Blank State（空っぽの状態） ・Loading State（ローディング状態） ・Partial State（部分達成状態） ・Error State（エラー状態） ・Ideal State（理想状態） 一つ一つ参考を交えな
【モデリング】最適な抽象化をするためには？ | Tech Blog | CRESCO Tech Blog
こんにちは。 エンベデットソリューション事業部の鷲澤です。 ここ数年、オブジェクト指向に基づいたモデリングに関して社内で勉強会を開催してきました。 その中で、受講者から出た質問に「抽象化の最適な粒度が分からない」という質問が多数挙がりました。 自分自身の考えを整理するためにも、今回は「最適な抽象化をするためには？」というテーマでまとめていきたいと思います。
しくみで考え、しくみで動かす / DESIGNWAVEvol.04
プロダクト開発のデザインプロセス ［DESIGN WAVE vol.04］ https://connpass.com/event/250536/ の資料です。
Appleに影響を与えた伝説の工業デザイナー、ディーター・ラムスの「いいデザインの10か条」 - GIGAZINE
iPhoneをデザインしたAppleのデザイナー、ジョナサン・アイブ氏にも影響を与えたといわれる伝説の工業デザイナーであるディーター・ラムス氏は「いいデザインの十か条」を提唱しています。ラムス氏と「いいデザインの10か条」を映画監督のゲーリー・ハストウィット氏が映像化した「Dieter Rams’ 10 Principles of Good Design」が無料公開中です。 Rams — Gary Hustwit https://www.hustwit.com/rams 「Dieter Rams’ 10 Principles of Good Design」は以下から見ることが可能です。 Dieter Rams’ 10 Principles of Good Design on Vimeo 「全てのものは相互作用し、同時に他から独立しています」というラムス氏の言葉と共にムービーはスタート。 「
最近アプリケーションの設計するときに気をつけてること - suusan2号の戯れ
最近、機能の設計をレビューしたり話し合ったりするときに、うん・・・？ってなることがあって、でも駄目な理由をうまく説明できなかったのでちゃんと言語化してみる。ちなみにRailsの話です。 DBには事実だけを記録するようにする 色々開発してきて思ったのは、テーブルに状態を持たせるようにするとあっという間に複雑度が増してしまうということ。 status カラムや hoge_flag みたいなカラムを持つこと自体は全然否定しないけど、本当にそれが最適なのかは慎重に考えた方がよいと思う。 これは例ですけど、会員申し込み => 何か審査 => 会員登録完了 みたいなフローのアプリケーションを作る時に、会員情報のテーブルを１つだけ作りstatus 、approved_at みたいなカラムを突っ込んで、申し込み状態と申込み完了状態を アプリ側で頑張って判定しようとしている例はまれによくある。 こうすると何
ソフトウェア設計が重要である理由 | POSTD
新しいプロジェクト始まると、開発者はいきなりプログラミングに飛びつく傾向があります。それもいいでしょう。結局、それが仕事なのですから。でも、時には飛びつく前にブレーキをかけて、ソフトウェア設計から手を付けるのもいい考えかもしれません。 “ホワイトボードを使う長袖のホワイトシャツの男性”（出典： Trent Erwin ／ Unsplash ) ソフトウェア設計にはいろいろな方法があります。UMLなどのモデリング言語のソフトウェアを利用することもできるし、 テキストを書いて 画像を使うこともでき、あるいはホワイトボードに描くこともできます。ここで大切なのは、ソフトウェアの開発中に設計を保存して再考できることです。設計は多少なりとも改善していかなければなりません。ですから、いつも最初からホワイトボードに描きたいというわけではないのならばデジタルデータで、設計を行うのも良さそうです。データの保存
2018年 導入してよかったデザインツール｜灰色ハイジ｜note
Twitterのタイムラインで「2018年なんとかまとめ」というリンクをよく見かけることで年末を感じている灰色ハイジです。こんにちは。 日々いろんなツールが増えていますが、個人的に今年導入してみて良かったデザインツールをまとめてみました。 - Contrast - Principle - Figma - RealtimeBoard - IconJar - UXKit - Notion - ConceptsContrast WCAG（ウェブコンテンツ・アクセシビリティ・ガイドライン）が定めた数値で色のコントラストチェックができます。これまでにも同様のツールはありましたが、Sketchのプラグインだったり特定のソフトウェアでしか使えなかったものが、これだとMac Appでメニュー バーから起動できるのでどのソフトウェアでも使えます。 Principle アニメーションやインタラクションがつくれ
独立したコアレイヤパターンによる PHP アプリケーションの実装 / phpcon2018-independent-core-layer-pattern - Speaker Deck
2018/12/15 PHP カンファレンス 2018
DDDとコードとしての正しさ - pospomeのプログラミング日記
ドメイン駆動設計 #1 Advent Calendar 2018の14日目を担当する@pospomeです。 今回はDDDとコードとしての正しさについて書いてみようと思います。 DDDは設計手法である コードとしての正しさ コードとしての正しさを見失う ユースケースの日本語を"そのまま"コードに落とし込もうとする 無駄にオブジェクト同士の結合度を上げる RubyのActiveRecordの正しさ コードとしてのメリット、デメリットを具体的に考えて解決する まとめ DDDは設計手法である DDD = ドメイン駆動設計 ですよね。 "設計"という単語が付いていることから分かる通り、DDDはあくまでソフトウェアにおける設計手法です。 そのためDDDの成果物は"コード"であり、DDDの目的は"コードの可読性を上げること"であると自分は考えています。 DDDが持つ"ビジネスを理解する", "ドメインを
20160526 依存関係逆転の原則
より詳細なCQRSに関する資料はこちら https://little-hands.hatenablog.com/entry/2019/12/02/cqrs 参考資料：http://little-hands.hatenablog.com/entry/jjug2017fall 社内新規プロダクトでDDD, CQRSの思想をベースとしたアーキテクチャを構築し、コマンド(更新系処理)ではSpring Data JPA(Hibernate)を、クエリ(参照系処理)ではjOOQを採用しました。 結果としてそれぞれのORMの良いところを生かした組み合わせのアーキテクチャが構築できたので、その経緯と得られた知見についてお話ししたいと思います。 以下のようなトピックを考えています。 ・CQRSの定義とメリットデメリット ・DDD,CQRSを検討するにあたってのORMの選定ポイント ・構築したアーキテクチャ
経験0からデザインをする上で大事なこと5選 - LIFULL Creators Blog
こんにちは。ネクストのデザイナー新卒1年目のおおしだです。 タイトルにもありますが、私自身がっつりデザインを学んできた！というわけではなく、大学は技術寄り、学生時代のアルバイトではコーディングを主にやっており、デザインに関しては独学で少し手をつけたことがある…という程度でした。 （すでにデザイナーとして働いている、すでに学んできている！という方に対しては知ってるよそんなこと！という内容かもしれませんが確認がてらお付き合いください！） 入社してから早いもので6ヶ月…デザインをするにはどのようなことが大事なのか等々、これまで学んだことをご紹介したいと思います！ 1. 優先順位をつける 入社以来、私がこれまで行ってきたものはWebページの改修やポスター制作等でしたが、どれにもテキストや画像ありきのものです。 一言にテキストと言っても、場所や大きさは見せたいもの、ことによって変わってきます。そんな
Material Design Lite
COMPONENTS Material Design Lite (MDL) is a library of components for web developers based on Google's Material Design Philosophy: "A visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science." Understanding the goals and principles of Material Design is critical to the proper use of the Material Design Lite co
30 Examples of Material Design Palette Color Usage
Easily find the best Material color for your projects. Here is 30 color combination based on material design color palette. By clicking color sample bar, You can check usage example in material design UI. Each of color combinations consists of following three kinds of colors. (1) Main (2) Optional (3) Accent For details, see Google Guideline. Contents
営業・運用を支える "気付ける" 管理画面
広告が邪魔なのでspeakderdeckにも上げました https://speakerdeck.com/brtriver/ying-ye-yun-yong-wozhi-eru-qi-fu-keru-guan-li-hua-mian 動画: https://youtu.be/CqMILKp3Ens?t=3h53m39s PHPカンファレンス2015での講演資料。 データを管理するだけが管理画面じゃない。サービスの質を向上させていくことができる最強の管理画面を開発運用していて意識していることを4つの工夫を軸にまとめています joind.in: https://joind.in/15322Read less
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
目的と抽象化の関係性から分かる、システムの設計精度を高める考え方 / purpose abstraction design
データベースオブジェクトの命名規約 - Qiita
ドキュメントルート配下に全てのPHPファイルが置かれていた環境をindex.phpだけにした話 / document root - Speaker Deck
コードをどまんなかに据えた設計アプローチ - Speaker Deck
「SEO×SNS×ブログ」で作る最効率化収益システム｜うきだいらブログβ
:: Sorry, this page not found :: | WIRED.jp