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つの段階に分け、それぞれの効果や注意点を説明します。ソフ
すぐに役に立つものはすぐに陳腐化してしまうから方法ではなく設計の本を読む - API Design Patterns の読書感想文 - じゃあ、おうちで学べる
あなたがさっきまで読んでいた技術的に役立つ記事は、10年後も使えるでしょうか？ほとんどの場合でいいえ はじめに 短期的に効果的な手法や知識は、ソフトウェア開発の分野において、急速に価値を失う傾向があります。この現象は、私たちが何を重点的に学ぶべきかを示唆しています。最も重要なのは、第一に基本的な原理・原則、そして第二に方法論です。特定の状況にのみ適用可能な知識や即座に結果を出すテクニックは、長期的には有用性を失う可能性が高いです。これは、技術や手法が時間とともに進化し、変化していくためです。 learning.oreilly.com 「API Design Patterns」は、このような考え方を体現した書籍です。しかも480 ページもあります。本書は単なる手法の列挙ではなく、Web APIデザインの根幹をなす原則と哲学を探求しています。著者のJJ Geewax氏は、APIを「コンピュータ
運用設計における設計項目の体系化 / 20240207-ssmjp-operation-design-items
ssmjp ssmonline #38 "第四回はたのさん祭 オンライン"( https://ssmjp.connpass.com/event/307397/ )での発表資料です。 (運用設計ラボ合同会社 波田野裕一)
あの演出はそういう名前だったのか！ 「明日から使える！海外文献に頻出するLevel Design用語の紹介」で13用語を学ぼう［CEDEC 2024］
あの演出はそういう名前だったのか！ 「明日から使える！海外文献に頻出するLevel Design用語の紹介」で13用語を学ぼう［CEDEC 2024］ ライター：わさび 2024年8月21日，ゲーム開発者向けカンファレンス「CEDEC 2024」で，ゲームデザイナーの知久 温氏によるセッション「明日から使える！海外文献に頻出するLevel Design用語の紹介」が行われた。 本セッションは開発者向けに行われたものではあるが，実例を交えてやさしめに解説されていたため，「あのゲームで使われていた演出はこういう名前だったのか！」と，ゲーマー目線でも楽しめる内容だった。レベルデザイナーの目線で見るゲームの世界をのぞいてみません？ 知久氏は，ハクスラSTGや対戦TPSといったジャンルでレベルデザイン業務を経験した実績を持つフリーのゲームデザイナー。副業としてゲーム開発の研究家としても活動している
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はアーキテクチャに関する議論の過程と結果を述べる上で必要十分なフォー
個人的におすすめしたい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デザインチームの役割定義は、チームのミッション達成のために存在します。私たちのチームのミッションは、”メルカリの
No one is an island. Learnings from fostering a developers community.
見えないものに着目すると上手くいく、モデリングの勘所 / invisible-driven-design
こちらのイベントの登壇発表資料です。 アーキテクチャを突き詰める Online Conference https://findy.connpass.com/event/314782/
デザインシステムとコンポーネント指向によるフロントエンド開発プロセスの革新 / Innovation in Frontend Development Processes through Design Systems and Component-Oriented Architecture
フロントエンドカンファレンス北海道でお話ししたスライドです Proposal: https://fortee.jp/frontend-conf-hokkaido-2024/proposal/ebd98e0a-241c-4443-aa98-300af113b40d # URL YouTube…
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型のディレクトリ構造に移行していこうと思います😌 参考: ソフトウェアアーキテクチャの基礎 なぜ移行したか な
デザインをゼロから学びたいなら必見！ 多摩美術大学が聴講無料の「Tama Design High School」を展開 多摩美術大学は、東京ミッドタウン・デザインハブ（東京都港区赤坂9-7-1 ミッドタウン・タワー 5F）で「Tama Design High School 〜ゼロから学ぶはじめてのデザイン〜」を開催する。約1カ月にわたり、誰でも無料で聴講できるデザイン講義と企画展を実施。講義の参加⽅法には、会場での参加（要申込／無料）のほかに、オンライン参加（申込不要）もある。
「Agentic Design Patterns」と呼ばれるLLMベースのAIエージェント（以下、LLMエージェント）の4つのデザインパターンについて紹介します。 まず、「Agenticワークフロー」について説明し、続いて4つのデザインパターンを説明します 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エージェントについての説明は省略しているため、エージェントについて初見の方は以下記事をお勧
Software Designの2018～2023年度にかけてのバックナンバーを一挙に収録した総集編です。 付属のDVD-ROMおよび同梱の電子版ダウンロードコードから，バックナンバーをダウンロードできます。これ1冊で，この数年におけるコンテナ技術の台頭や，AI・機械学習の発展など，まさに激動とも言えるIT技術の移り変わりを俯瞰できます。 さらに「生成AI時代を生き抜くITエンジニアの生きる技術」という新規書き下ろし記事を収録。生成AIがもたらした影響と今後のITエンジニアに求められるスキルについて，プログラミング，設計，運用，テスト，Web，セキュリティ，そして機械学習に至るまで，各分野で一線級の方々に考察していただきます。ITエンジニアはこの先，生成AIとどのように向き合っていけばよいのか，きっとそのヒントが得られるはずです。 こんな方におすすめ ITエンジニア，プログラマー，インフラ
UX デザインとは何だったのか / What Was UX Design All About?
Session by： 山下 一樹 / 株式会社インパス Kazuki Yamashita / IMPATH Inc. Spectrum Tokyo Design Fest 2023 Day 2 (2023/12/03)
Software Design 2024年8月号 連載「レガシーシステム攻略のプロセス」第4回 ZOZOTOWNリプレイスにおけるマスタDBの移行 - ZOZO TECH BLOG
はじめに 技術評論社様より発刊されているSoftware Designの2024年5月号より「レガシーシステム攻略のプロセス」と題した全8回の連載が始まりました。 ZOZOTOWNリプレイスプロジェクトで採用したマイクロサービス化のアプローチでは、安全かつ整合性のとれたデータ移行が必須となりました。第4回では、このマスタDBの移行について紹介します。 目次 はじめに 目次 はじめに マスタDB移行 マスタDB移行について 要件と課題 テーブル構成を再設計したうえでデータ移行を実施する ダウンタイムなしでデータ移行を実施する 方針 異なるDBおよびデータスキーマ間で移行を実施するためEmbulkを使用する ダブルライトをリリースし、データ移行中に発生するDBへの書き込みを両DBにアトミックに実施する データを一時DBに格納し、一時DBから移行先DBにデータを移行する BulkloadとBac
ロジカルなUIデザイン 考え方と関わり方 / A Logical Approach to UI Design, How to Think and Engage
「ロジカルなUIデザイン 考え方と関わり方」 ソフトウェアエンジニアリングの視点から、UIデザインの考え方や関わり方の事例を紹介します。また、役割や職種の異なるエンジニア／デザイナー同士の共通言語の持ち方や、協業の仕方について考えます。 Offe…
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.
プロダクト開発の貢献をアピールするための目標設計や認知活動 / Goal design and recognition activities to promote product development contributions.
エンジニア組織の成果を伝えたい！経営層や非エンジニア組織との会話、どうしてる？ https://d-plus.connpass.com/event/331345/
モーショングラフィックス文化とTVアニメのクレジットシーケンス｜ARTICLES｜The Graphic Design Review
2000年代以降、日本のTVアニメにおけるクレジットアニメーションは単なる世界観のプレゼンテーションに留まらない映像表現を見せている。その背景には映像制作のデジタル化はもちろん、動画プラットフォームのコミュニティから輩出されたモーショングラファーがグラフィックとセルアニメを高度に統合したクレジットアニメーションを制作するようになった状況がある。本稿ではこれらのTVアニメのクレジットアニメーションがどのような歴史文脈の上にあるのか考察してみたい。 バナー画像：Oskar Fischinger, An Optical Poem, 1938 ◎モーショングラフィックスとは そもそも「モーショングラフィックス」という言葉を最初に用い始めたのは、CGアニメーションの父と呼ばれるジョン・ホイットニーだ。ホイットニーは第二次世界大戦後、爆撃や対空砲火の照準装置のメカニズムを応用したアニメーション装置によ
グラフィックデザインとオンライン・アーカイブ｜ARTICLES｜The Graphic Design Review
デジタル情報によるデータベースはコンピュータの黎明期から構想されてきた。現代では演算能力の向上やネットワーク環境の発達を背景に、世界各地にさまざまなテーマのオンライン・アーカイブが構築、公開されている。 グラフィックデザインやタイポグラフィも例外ではない。とくに2010年代以降は20世紀のグラフィックデザインに対する歴史的な関心の高まりを受け、多種多彩なイメージアーカイブが構築されている。 そこで本記事では筆者の独断に基づいてデザイナーや学生に向け、グラフィックデザイン関係のオンライン・アーカイブを、古き良きインターネットの伝統であるリンク集というかたちで紹介していきたい。 グラフィックデザインのアーカイブは対象とするリソースの蓄積や環境という側面から、アメリカやヨーロッパの団体、機関による取り組みが先行してきた。しかし、2010年代以降には、個人や任意団体によるインディペンデントなアーカ
この記事は、『Software Design 2024年6月号』（2024年5月17日発売）の第1特集「SQLチューニングする前に知っておきたい 実行計画＆インデックスのしくみ」の連動企画です。ぜひ本誌特集1もお読みください。 適切なインデックスを設計する インデックスの調整によるクエリの高速化は、RDBMSを使用する際の数あるチューニングテクニックの中でも最もお手軽なものです。テーブルのカラムの定義を変えるわけではないので、クエリの結果に違いが生じず、アプリケーションを変更する必要性がないからです。適切なインデックスを付与するだけでチューニングが済むというのは極めて効率的です。それでは適切なインデックスとはどのようなものでしょうか。本記事では、まずインデックスを設計する際に重要なポイントを解説します。 インデックスとSQL構文 「どのカラムの組み合わせに対してインデックスを作成すべきか」
社外にも公開しているSmartHR Design Systemは、ライティングに関するガイドラインも充実しています。この記事では、UI文言を検討したいと思ったときにそれらのガイドラインをどのように活用するとよいのか、おすすめの参照方法を紹介します！ チェックリスト的に参照したいライティングスタイル ライティングスタイルには、UI文言に限らずヘルプページやリリースノートなどにも適応したいガイドラインがまとまっています。 基本的かつ具体的な内容で、数も多くないので都度チェックリスト的に参照するのがおすすめです！ヘルプページやリリースノートも含めて、開発に関わる文言や文章を書く機会に参照すると、自然と頭に入っていきます。 迷ったときに参照したい用字用語
abtest.design
Curated collection of A/B test results from best-in-class apps Powered by
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)
フロントエンドカンファレンス北海道2024 https://www.frontend-conf.jp/ X https://twitter.com/__sakito__
はじめまして！ 株式会社MIXI デザイン本部 プロダクトデザイン室 コミュニケーションデザイングループの滝山です。 先日、ViViViT主催のイベント「ポートフォリオの法則 UIデザイン編」に登壇させていただきました。 イベントでお話した内容を当日の資料とともにお伝えしたいと思います。 自己紹介2016年に新卒デザイナーとしてミクシィ（現：MIXI）に入社し、モンスターストライク等のエンタメ事業を中心にWEBサイト制作を担当していました。2018年末から1年半ほど育休と産休を頂き、復帰後は全社横断組織のデザイン本部に所属しています。現在はWEBサイト制作のほか、新規事業のUIデザインにも携わっています。 昨年から新卒採用のポートフォリオ選考や現場面接官を担当しています。 選考官として沢山のポートフォリオを見てきた中で、良いポートフォリオの共通点や、作り方のコツをお伝えしたいと思います。
DENTSU DESIRE DESIGN、人間の消費行動に影響を与える「11の欲望」2024年版を発表 - News（ニュース） - 電通ウェブサイト
News Release 2024年03月22日 事業・サービス DENTSU DESIRE DESIGN、人間の消費行動に影響を与える「11の欲望」2024年版を発表 「心が動く消費調査」をもとに分析、6つの「欲望」の内容が変化 株式会社電通（本社：東京都港区、代表取締役 社長執行役員：佐野 傑）のプロジェクトチーム「DENTSUDESIRE DESIGN（デンツウ・デザイア・デザイン）」（以下DDD）※1は、2021年から実施している「心が動く消費調査」※2の最新結果をもとに、人間の消費行動に強く影響を及ぼすドライバーとなる感情を分析した「11の欲望」※3を更新しました。分析の結果、「11の欲望」のうち、6つの欲望の内容に変化がありました。 ＜人間の消費行動を駆り立てる「11の欲望」＞ 今回の更新では、「現代の価値観」に関する質問を新たに30項目加えて分析することで、43項目の普遍的な
Create unique & custom logos without relying on stock designs. Start with a sketch or a prompt & control every aspect of your logo design process. Create unique & custom logos without relying on stock designs. Start with a sketch or a prompt & control every aspect of your logo design process.
デザインコラボレーションツールを手掛ける米Figmaは7月2日（現地時間）、年次イベント「Config」で発表した「Figma AI」の機能の1つ「Make Design」を無効化すると発表した。 Make Designはデザインタスク合理化ツールの1つで、テキストプロンプトでアプリなどのデザインを行えるというもの。 アプリ開発者のアンディ・アレン氏が、この機能を使って生成したという天気アプリをAppleの天気アプリと比較する画像をXにポストし、「Figma AIは既存のアプリでかなり高度にトレーニングされているようだ」と報告した。画像を見ると、アプリのデザインはかなり似ている。 これに対し、Figmaの共同創業者でCEOのディラン・フィールド氏は、「Make Design機能はFigmaのコンテンツ、コミュニティファイル、アプリデザインに基づいてはいない。つまり、このツイートにおけるデー
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
デザインをゼロから学びたいなら必見！ 多摩美術大学が聴講無料の「Tama Design High School」を展開
LLMエージェントのデザインパターン、Agentic Design Patternsを理解する
Software Design総集編【2018～2023】
-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オンラインストア｜ゼンリン
Component-Driven Design & Development
MIXIデザイナーが思う良いポートフォリオの共通点｜MIXI DESIGN
Design A.I logos in seconds | Logo Diffusion
Figma、新AI機能「Make Design」停止 Appleのアプリに酷似結果を受け