2023-11-21 技術的負債に向き合う Online Conference https://findy.connpass.com/event/297813/
ソフトウェアの内部品質に生じる様々な問題は組織設計にその原因があることも多い / Internal Quality Issues Caused by Organizational Design
2023-11-21 技術的負債に向き合う Online Conference https://findy.connpass.com/event/297813/
保守しやすく変化に強いソフトウェアを支える柱 自動テストとテスト駆動開発、その全体像 ～Software Design 2022年3月号「そろそろはじめるテスト駆動開発」より 今回、Software Design 2022年3月号 第2特集「そろそろはじめるテスト駆動開発 JavaScriptでテストファーストに挑戦」の第1章「保守しやすく変化に強いソフトウェアを支える柱 自動テストとテスト駆動開発、その全体像」を本サイトに掲載します。第2章以降については、本誌『Software Design 2022年3月号』電子版（Gihyo Digital Publishing、Amazon Kindle）をご購読いただければ幸いです。 第1章では、混同されることの多い自動テスト関係の概念を、自動テスト、テストファースト、テスト駆動開発の3つの段階に分け、それぞれの効果や注意点を説明します。ソフ
運用設計における設計項目の体系化 / 20240207-ssmjp-operation-design-items
ssmjp ssmonline #38 "第四回はたのさん祭 オンライン"( https://ssmjp.connpass.com/event/307397/ )での発表資料です。 (運用設計ラボ合同会社 波田野裕一)
たのしいドメイン駆動設計: 序 / Enjoy domain driven design : ZYO
自分の開発に対する姿勢を根本的に変えたドメイン駆動設計(DDD)。ぜひみんなにもその面白さを知ってもらいたい！と思い社内向け資料を作成、さらにSpeakerDeckにて公開としました。 たのしんでご覧ください！ 関連note記事はこちら：https://note.com/jgc_parallel/n/n17db4b63affe
GitHub - ByteByteGoHq/system-design-101: Explain complex systems using visuals and simple terms. Help you prepare for system design interviews.
Architecture styles define how different components of an application programming interface (API) interact with one another. As a result, they ensure efficiency, reliability, and ease of integration with other systems by providing a standard approach to designing and building APIs. Here are the most used styles: SOAP: Mature, comprehensive, XML-based Best for enterprise applications RESTful: Popul
2024/06/12 16:16 結論を追記 2024/06/12 20:29 より記事の内容を分かりやすく理解頂くため、タイトルを「PRDやDesign Docを書かなくなった」から変更 2024/06/13 20:39 結論にフロー情報・ストック情報に関する意見を追記 結論 この記事では、「様々な観点を考慮して網羅的にドキュメントを書いて、それを関係者にレビューしてもらう」のではなく、関係者と同期的に対話しながら、観点や選択肢やそのトレードオフを洗い出すことで、少ない手数でより良い答えが見つけられると主張する。 ただし、対話のために必要なドキュメントは事前に書いておくべきだし、対話した結果はドキュメントに残すことが望ましい。そして、そのドキュメントのフォーマットはPRDやDesign Doc以外でも良い。例えば、ADRはアーキテクチャに関する議論の過程と結果を述べる上で必要十分なフォー
モジュラモノリスにおけるトランザクション設計の考え方 / transaction design on modular monolith
モジュラモノリスにおいてトランザクションはどうあるべきなのかについて整理している資料が少ない気付きがあったので「簡易的に」整理しました
個人的におすすめしたいFeature-Sliced Designというフロントエンドアーキテクチャ設計方法論
Feature-Sliced Designというフロントエンドアーキテクチャ設計方法論をプロジェクトに導入してみたところ、 個人的には良いと感じているので、どのような設計方法論なのか、具体的にどのような部分が良いと感じたかを紹介していきたいと思います。 Feature-Sliced Designとは？ Feature-Sliced Designは、フロントエンドアプリケーションを対象としたアーキテクチャ設計方法論です。公式サイトでは、「コードを整理するためのルールと規約の集大成」と記載されています。 Feature-Sliced Designの設計方法論 Feature-Sliced Designでは、プロジェクトはLayerで構成され、各LayerはSliceで構成され、各SliceはSegmentで構成されます。 Layer Feature-Sliced Designの第一階層をLay
Design Skill Map - メルカリUXデザインチームの専門スキル｜Mercari Design Blog
UX Designチームのasakomです。今回はデザイナーの役割定義の活動の一つとして作成した、”Design Skill Map”についてお話しします。 このSkill Mapは、メルカリUX Designチームで求めるデザイナーの専門スキルを整理したものです。以前紹介したDesign Ladderは、メルカリの行動指針に基づいて作成した、デザイナーに求める態度やマインドセット。今回は専門職としてのデザイナーに必要な技術や知識をSkill Mapとしてまとめました。 UXデザイナーの役割定義や、個人の目標設定、採用の基準作りなど、チームの運用に関わる人や、メルカリのUXデザインチームが求める人材に興味のある方に、ぜひ読んでいただきたいです なぜSkill Mapを作ったかUXデザインチームの役割定義は、チームのミッション達成のために存在します。私たちのチームのミッションは、”メルカリの
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
見えないものに着目すると上手くいく、モデリングの勘所 / invisible-driven-design
こちらのイベントの登壇発表資料です。 アーキテクチャを突き詰める Online Conference https://findy.connpass.com/event/314782/
GitHub - drawdb-io/drawdb: Free, simple, and intuitive online database design tool and SQL generator.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Software Design 2024年5月号 連載「レガシーシステム攻略のプロセス」第1回 ZOZOTOWNリプレイスプロジェクトの全体アーキテクチャと組織設計 - ZOZO TECH BLOG
はじめに 技術評論社様より発刊されているSoftware Designの2024年5月号より「レガシーシステム攻略のプロセス」と題した全8回の連載が始まりました。 本連載では、ZOZOTOWNリプレイスプロジェクトについて紹介します。2017年に始まったリプレイスプロジェクトにおいて、ZOZO がどのような意図で、どのように取り組んできたのか、読者のみなさんに有益な情報をお伝えしていければと思いますので、ご期待ください。第1回目のテーマは、「ZOZOTOWNリプレイスプロジェクトの全体アーキテクチャと組織設計」です。 目次 はじめに 目次 ZOZOTOWNリプレイスの背景、目的 背景 目的 柔軟なシステム 開発生産性 技術のモダン化 採用強化 ZOZOTOWNリプレイスの歴史とアーキテクチャの変遷 アーキテクチャの変遷 2004年〜2017年：オンプレミス（リプレイス前） 2017年〜20
設計カンファレンス extends OOCの発表資料です。
はじめに この記事は、業務でフロントエンドのディレクトリ設計思想を変更した際の作業をまとめた記事です📕 それなりの規模のプロジェクトでの移行作業のため、新規機能実装などに影響が出にくいようにリファクタリングを進めてきました。そこでの進め方や感想も含めてお伝えできればと思います。 前提 6年ほど運用しているReact Nativeのプロジェクトでの移行作業のお話です。 従来のディレクトリ設計思想はAtomic Designを採用していました。しかし、organismsのコンポーネントが300個近くにも及び、プロジェクトの規模が大きくなるにつれて様々な課題が浮き彫りになりました。これを機に設計思想の移行を決めました。 Layer型のAtomic DesignからFeature型のディレクトリ構造に移行していこうと思います😌 参考: ソフトウェアアーキテクチャの基礎 なぜ移行したか なぜ移行
日本のデジタル社会実現の司令塔として、デジタル庁は政府内において、データと根拠に基づいた政策判断・効果の可視化の推進を先導する役割を担っていきます。その一環として、政策に関わるデータを「政策データダッシュボード」として公開しています。本プロジェクトを主管しているファクト＆データユニット長の樫田とデザイナーの志水が政策に関わるデータを公開する意図やダッシュボードの開発プロセスを紹介します。 政策データダッシュボード： https://www.digital.go.jp/resources/govdashboard
デザインをゼロから学びたいなら必見！ 多摩美術大学が聴講無料の「Tama Design High School」を展開 多摩美術大学は、東京ミッドタウン・デザインハブ（東京都港区赤坂9-7-1 ミッドタウン・タワー 5F）で「Tama Design High School 〜ゼロから学ぶはじめてのデザイン〜」を開催する。約1カ月にわたり、誰でも無料で聴講できるデザイン講義と企画展を実施。講義の参加⽅法には、会場での参加（要申込／無料）のほかに、オンライン参加（申込不要）もある。
「Agentic Design Patterns」と呼ばれるLLMベースのAIエージェント（以下、LLMエージェント）の4つのデザインパターンについて紹介します。 まず、「Agenticワークフロー」について説明し、続いて4つのデザインパターンを説明します (Part5の前に公開してしまったので、後追いで更新予定です) Agentic Design Patterns Part 1 Agentic Design Patterns Part 2, Reflection Agentic Design Patterns Part 3, Tool Use Agentic Design Patterns Part 4, Planning Agentic Design Patterns Part 5, Multi-Agent Collaboration 動画もあります。 LLMエージェントについての説明
UX デザインとは何だったのか / What Was UX Design All About?
Session by： 山下 一樹 / 株式会社インパス Kazuki Yamashita / IMPATH Inc. Spectrum Tokyo Design Fest 2023 Day 2 (2023/12/03)
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
グラフィックデザインとオンライン・アーカイブ｜ARTICLES｜The Graphic Design Review
デジタル情報によるデータベースはコンピュータの黎明期から構想されてきた。現代では演算能力の向上やネットワーク環境の発達を背景に、世界各地にさまざまなテーマのオンライン・アーカイブが構築、公開されている。 グラフィックデザインやタイポグラフィも例外ではない。とくに2010年代以降は20世紀のグラフィックデザインに対する歴史的な関心の高まりを受け、多種多彩なイメージアーカイブが構築されている。 そこで本記事では筆者の独断に基づいてデザイナーや学生に向け、グラフィックデザイン関係のオンライン・アーカイブを、古き良きインターネットの伝統であるリンク集というかたちで紹介していきたい。 グラフィックデザインのアーカイブは対象とするリソースの蓄積や環境という側面から、アメリカやヨーロッパの団体、機関による取り組みが先行してきた。しかし、2010年代以降には、個人や任意団体によるインディペンデントなアーカ
モーショングラフィックス文化とTVアニメのクレジットシーケンス｜ARTICLES｜The Graphic Design Review
2000年代以降、日本のTVアニメにおけるクレジットアニメーションは単なる世界観のプレゼンテーションに留まらない映像表現を見せている。その背景には映像制作のデジタル化はもちろん、動画プラットフォームのコミュニティから輩出されたモーショングラファーがグラフィックとセルアニメを高度に統合したクレジットアニメーションを制作するようになった状況がある。本稿ではこれらのTVアニメのクレジットアニメーションがどのような歴史文脈の上にあるのか考察してみたい。 バナー画像：Oskar Fischinger, An Optical Poem, 1938 ◎モーショングラフィックスとは そもそも「モーショングラフィックス」という言葉を最初に用い始めたのは、CGアニメーションの父と呼ばれるジョン・ホイットニーだ。ホイットニーは第二次世界大戦後、爆撃や対空砲火の照準装置のメカニズムを応用したアニメーション装置によ
この記事は、『Software Design 2024年6月号』（2024年5月17日発売）の第1特集「SQLチューニングする前に知っておきたい 実行計画＆インデックスのしくみ」の連動企画です。ぜひ本誌特集1もお読みください。 適切なインデックスを設計する インデックスの調整によるクエリの高速化は、RDBMSを使用する際の数あるチューニングテクニックの中でも最もお手軽なものです。テーブルのカラムの定義を変えるわけではないので、クエリの結果に違いが生じず、アプリケーションを変更する必要性がないからです。適切なインデックスを付与するだけでチューニングが済むというのは極めて効率的です。それでは適切なインデックスとはどのようなものでしょうか。本記事では、まずインデックスを設計する際に重要なポイントを解説します。 インデックスとSQL構文 「どのカラムの組み合わせに対してインデックスを作成すべきか」
2023年9月：デザインの参考にしたい魅力的なWebサイト12選 | Web Design Trends
2023年9月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つかったりするなど、得られるものがたくさんあります。ぜひ自身のデザインの参考になるような素晴らしいWebサイトを探してみてください。 Webデザインのおすすめギャラリーサイト23個まとめ【2022年最新】 様々なインスピレーションを与えてくれるデザインの優れたWebサイトをチェックするには、国内、海外の最新Webサイトの情報が日々更新されているWebデザインのギャラリーサイトがおすすめです。 ギャラリー... Web Design Trends
社外にも公開しているSmartHR Design Systemは、ライティングに関するガイドラインも充実しています。この記事では、UI文言を検討したいと思ったときにそれらのガイドラインをどのように活用するとよいのか、おすすめの参照方法を紹介します！ チェックリスト的に参照したいライティングスタイル ライティングスタイルには、UI文言に限らずヘルプページやリリースノートなどにも適応したいガイドラインがまとまっています。 基本的かつ具体的な内容で、数も多くないので都度チェックリスト的に参照するのがおすすめです！ヘルプページやリリースノートも含めて、開発に関わる文言や文章を書く機会に参照すると、自然と頭に入っていきます。 迷ったときに参照したい用字用語
Social LoginSocial login boosts conversion since users can easily join your platform. Then, it's a good practice to put your social login on top of the page and place the email password authentication below. Beware that privacy-oriented people prefer not to use social login then it's always good to have another option for them.
Command-line interface tool design / PHPerKaigi 2024
https://fortee.jp/phperkaigi-2024/proposal/39710935-b617-466a-8ceb-1677cb42fa04
日頃は、デザインフェスタをご愛顧いただきありがとうございます。 この度、一部報道もされております通り、２０２３年１１月１１・１２日に開催されましたデザインフェスタｖｏｌ.５８において、フードエリア出展者の販売した飲食物を召し上がられた方から、体調不良が発生する事態となりました。 お騒がせして、大変に申し訳ございません。 今回の件で体調を崩された皆様には、１日も早いご回復を心からお祈り申し上げます。 フードエリアで提供された商品をご試食・ご購入された方で、体調に異変がある方は、ご出展者が加入されている保険での対応も含め、ご購入されました出展者へお問い合わせいただければと思います。 デザインフェスタにおけるフードエリアへの出展条件は、次の通りです。 ・開催両日出店可能であること ・食品衛生責任者の資格を取得されていること ・生産物賠償責任保険（食中毒や異物混入などで賠償が補償されるPL保険）に
三重県 (1) 京都府 (1) 佐賀県 (1) 兵庫県 (1) 北海道 (1) 千葉県 (1) 埼玉県 (1) 大分県 (1) 大阪府 (1) 奈良県 (1) 宮城県 (1) 宮崎県 (1) 富山県 (1) 山口県 (1) 山形県 (1) 山梨県 (1) 岐阜県 (1) 岡山県 (1) 岩手県 (1) 島根県 (1) 広島県 (1) 徳島県 (1) 愛媛県 (1) 愛知県 (1) 新潟県 (1) 東京都 (1) 栃木県 (1) 沖縄県 (1) 滋賀県 (1) 熊本県 (1) 石川県 (1) 福井県 (1) 福岡県 (1) 福島県 (1) 秋田県 (1) 群馬県 (1) 茨城県 (1) 長崎県 (1) 長野県 (1) 青森県 (1) 静岡県 (1) 香川県 (1) 高知県 (1) 鳥取県 (1) 和歌山県 (1) 神奈川県 (1) 鹿児島県 (1)
This repository contains a set of design patterns illustrating how to effectively build Agentic solutions powered by LLMs (Large Language Models) in Azure. Agentic AI systems are designed to autonomously pursue complex goals and workflows with limited direct human supervision. These systems act as independent agents, making decisions and performing tasks autonomously. The main capabilities of Agen
はじめまして！ 株式会社MIXI デザイン本部 プロダクトデザイン室 コミュニケーションデザイングループの滝山です。 先日、ViViViT主催のイベント「ポートフォリオの法則 UIデザイン編」に登壇させていただきました。 イベントでお話した内容を当日の資料とともにお伝えしたいと思います。 自己紹介2016年に新卒デザイナーとしてミクシィ（現：MIXI）に入社し、モンスターストライク等のエンタメ事業を中心にWEBサイト制作を担当していました。2018年末から1年半ほど育休と産休を頂き、復帰後は全社横断組織のデザイン本部に所属しています。現在はWEBサイト制作のほか、新規事業のUIデザインにも携わっています。 昨年から新卒採用のポートフォリオ選考や現場面接官を担当しています。 選考官として沢山のポートフォリオを見てきた中で、良いポートフォリオの共通点や、作り方のコツをお伝えしたいと思います。
DENTSU DESIRE DESIGN、人間の消費行動に影響を与える「11の欲望」2024年版を発表 - News（ニュース） - 電通ウェブサイト
News Release business 2024年03月22日 事業・サービス DENTSU DESIRE DESIGN、人間の消費行動に影響を与える「11の欲望」2024年版を発表 「心が動く消費調査」をもとに分析、6つの「欲望」の内容が変化 株式会社電通（本社：東京都港区、代表取締役 社長執行役員：佐野 傑）のプロジェクトチーム「DENTSUDESIRE DESIGN（デンツウ・デザイア・デザイン）」（以下DDD）※1は、2021年から実施している「心が動く消費調査」※2の最新結果をもとに、人間の消費行動に強く影響を及ぼすドライバーとなる感情を分析した「11の欲望」※3を更新しました。分析の結果、「11の欲望」のうち、6つの欲望の内容に変化がありました。 ＜人間の消費行動を駆り立てる「11の欲望」＞ 今回の更新では、「現代の価値観」に関する質問を新たに30項目加えて分析することで、
100. A Philosophy of Software Design (1/3) w/ twada | fukabori.fm
MP3ファイルをダウンロード 内容紹介 twadaさんをゲストに、A Philosophy of Software Designをテーマに色々と語っていただいたエピソードです。 出演者 話したネタ 書籍：A Philosophy of Software Design, 2nd Edition 資料：“A Philosophy of Software Design” を30分でざっと理解する 記事：ソフトウェア設計についてtwada技術顧問と話してみた 〜 A Philosophy of Software Design をベースに 〜 記事：【続】ソフトウェア設計についてtwada技術顧問と話してみた 〜 A Philosophy of Software Design をベースに 〜 本書籍の翻訳は出ない？ Working Code isn’t Enough ストラテジックアプローチ と タ
デザインコラボレーションツールを手掛ける米Figmaは7月2日（現地時間）、年次イベント「Config」で発表した「Figma AI」の機能の1つ「Make Design」を無効化すると発表した。 Make Designはデザインタスク合理化ツールの1つで、テキストプロンプトでアプリなどのデザインを行えるというもの。 アプリ開発者のアンディ・アレン氏が、この機能を使って生成したという天気アプリをAppleの天気アプリと比較する画像をXにポストし、「Figma AIは既存のアプリでかなり高度にトレーニングされているようだ」と報告した。画像を見ると、アプリのデザインはかなり似ている。 これに対し、Figmaの共同創業者でCEOのディラン・フィールド氏は、「Make Design機能はFigmaのコンテンツ、コミュニティファイル、アプリデザインに基づいてはいない。つまり、このツイートにおけるデー
Tama Design High School開催 - Tama Art University Bureau｜多摩美術大学 TUB
多摩美術⼤学は、東京ミッドタウン・デザインハブにて、2023年11⽉27⽇(⽉)より、誰でも無料で聴講可能なデザイン講義シリーズを中⼼としたイベント「Tama Design High School」を開催します。 誰もが参加できる学びの機会として、第⼀線で活躍するクリエイター、教育関係者、デザイン研究者、実務家らによる講義プログラムを開催します。⾼校の授業のようなスタイルで、「初学者向けのデザインのお話」をテーマに、様々な切り⼝からデザインを学べる機会を提供します。 多摩美術⼤学は、新しいデザインのヴァーチャル⼤学「Tama Design University」を2021年に開催しました。今回はその第三弾として、ゼロから学ぶデザインにフォーカスします。会場での講義だけでなくYouTube LIVEによる配信も⾏います。 講義プログラム実施期間中には、東京ミッドタウン・デザインハブの会場内に
How Spotify’s Design System Goes Beyond Platforms | Figma Blog
Design Manager Juli Sombat sheds light on how a need for more cohesion led Spotify’s design systems team to take a cross-platform approach to components. In 2019, when our leadership at Spotify unveiled their ambition to make audio content available and consistent to anyone on any device, our design team faced a significant challenge: Spotify would now be available across 45 unique platforms, and
Top Website Accessibility Testing Tools For Inclusive Web Design
In an increasingly digital age, the internet serves as a vital resource for information, communication, commerce, and entertainment. However, for the millions of people living with disabilities, navigating the web can present significant challenges. Web accessibility addresses these challenges by ensuring that websites, tools, and technologies are designed and developed to be usable by everyone, r
トップ - IKYU Design Guideline
IKYU Design Guidelineは「一休らしいデザイン」のガイドラインを定義します。一休のプロダクトは、これに基づいてデザインし、一貫した体験提供を目指しています。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
保守しやすく変化に強いソフトウェアを支える柱 自動テストとテスト駆動開発、その全体像 ～Software Design 2022年3月号「そろそろはじめるテスト駆動開発」より | gihyo.jp
網羅的なPRDやDesign Docを書かなくなった - kosui
Design Docs を活用して効果的にプロダクト改善
無料デザインツールの新鋭「Adobe Express」は試す価値あり！ 生成AIの可能性は「Firefly Design Model」でさらに広がるか／AIが編集可能なデザインテンプレートを生成する新機能を試してみた【特集・集中企画】
ログラスを支える設計標準について / loglass-design-standards
フロントエンドのディレクトリ設計を移行した話 | Atomic Design → Feature
Data, Design and Government
デザインをゼロから学びたいなら必見！ 多摩美術大学が聴講無料の「Tama Design High School」を展開
LLMエージェントのデザインパターン、Agentic Design Patternsを理解する
-design-REST-APIs)
How to (and how not to) design REST APIs
［Software Design連動企画］ 実践クエリチューニング | gihyo.jp
「Gmail」が誕生から20周年！ 当時の姿、覚えていますか？／Webサイトの古いデザインを収集する「Web Design Museum」で当時を偲ぶ【やじうまの杜】
UI文言を検討するときのSmartHR Design Systemの歩き方｜稲葉志奈
UI & UX Design Tips by Jim Raptis.
デザインフェスタvol.58フードエリアにつきまして | DESIGN FESTA
「47palette」カラーピンズ｜Map Design GALLERYオンラインストア｜ゼンリン
GitHub - microsoft/azure-genai-design-patterns
MIXIデザイナーが思う良いポートフォリオの共通点｜MIXI DESIGN
Figma、新AI機能「Make Design」停止 Appleのアプリに酷似結果を受け