디자인 클린 아키텍처의 Presenter를 이해하기 어려운 것은 MVC 2가 아니기 때문에 클린 아키텍처에는 구체적인 클래스 구성 예를 보여주는 다음 그림이 있습니다. 이 그림 중에서 Presenter와 Output Boundary(Presenter의 인터페이스)만 구체 구현을 이미지하는 것이 매우 어렵다고 생각합니다. 이것에 감히 만지지 않은 이유는 MVC 프레임워크와의 궁합이 나쁘기 때문입니다. 라고 쓰고 나서, MVC 프레임워크와의 공존 방법에 접하고 있습니다. 따라서 MVC... 객체 지향디자인mvcCleanArchitecture아키텍처 Sketch로 깨끗한 SVG 파일을 출력하는 방법 Sketch를 사용하면 간편하게 SVG 형식의 아이콘이나 그래픽을 내보낼 수 있지만 내보낸 데이터를 잘 살펴보면 데이터가 상상 이상으로 무겁거나 불필요한 태그가 붙거나 얼룩이 발생하는 경우가 있습니다 . 이 기사에서는 Sketch로 가능한 한 쓸데없는 깨끗한 SVG를 출력하는 방법을 소개합니다. 아트보드가 아닌 아이콘을 그룹화하여 그룹만 내보내면 언뜻 보통으로 내보낼 수 있지만, viewBo... 디자인최적화스케치SVG작은 재료 컴포지션간에 연관성이 복잡해지는 클래스 다이어그램을 간단히 작성하고 싶습니다. 다음과 같은 클래스 다이어그램을 작성하고 싶습니다. 드론 시스템 하나는 리모컨과 드론을 여러 컴포지션으로 가지고 있습니다. 리모컨과 무인 항공기는 일대일 관계에 있습니다 1을 표현하기 위해 다음과 같이 클래스 다이어그램을 작성합니다. 2를 표현하기 위해 다음과 같이 클래스 다이어그램을 작성합니다. 이 두 가지를 맞추면 다음과 같은 클래스 다이어그램이 됩니다. 그러나 이러한 글을 쓰면 리모컨이... 객체 지향디자인객체 지향 설계uml PlantUML에서 출력하는 UML 다이어그램을 세련되고 흑백 디자인으로 만듭니다. PlantUML은 텍스트 기반으로 UML을 만들 수 있는 매우 유용한 도구입니다. 그러나 디폴트 디자인은 약간 까다롭습니다. (디자인을 결정한 분 죄송합니다.) 그래서 이번에는 간단한 코드로 UML 다이어그램을 세련된 흑백 디자인으로 변경하는 방법을 소개합니다. 에서 소개한 클래스 다이어그램의 스킨을 흑백으로 변경해 봅니다. !include 에서 다른 PlantUML 파일을 로드할 수 있습니... 디자인Macuml장난plantuml PlatntUML을 사용하여 Markdown에서 API 문서 만들기 PlantUML을 사용하면 API 문서를 효율적으로 게시할 수 있음을 알 수 있습니다. 이번에는 PlantUML을 사용하여 API 문서를 작성하는 흐름을 기록해 두고 싶습니다. brew를 사용하면 쉽게 설치할 수 있으므로 사전에 brew를 설치해 두십시오. plantuml에서 다음과 같은 체크섬 오류가 발생했습니다. 내 환경의 경우 brew upgrade를 수행하면 문제가 발생하지 않습니다.... GitLabGitHubuml디자인 javascript 게임 디자인 패턴 소개 데모 모든 게임은 "이미지를 일정 간격으로 그리기"로 OK 편지지 코드 간단한 흐름도 포인트가 되는 부분 마지막으로 계기 과거 javascript로 게임을 만들 기회가 많았습니다. 베이스가 되는 부분마저 억제해 버리면 코딩은 간단하고, 후에는 아이디어 승부인 느낌이 듭니다. 대략 어떤 게임도 기본은 같기 때문에, 여기저기서 자신을 위해서 정리해 두고 싶다고 생각해, 투고합니다. 여담 이... 자바스크립트게임 제작디자인 엔지니어도 의식하면 좋은 디자인의 포인트 3개 요즘은 프런트 엔드의 기술이 발전해, 엔지니어가 약간의 디자인 작업을 실시할 기회도 늘어 온 것이 아닐까 생각하고 있습니다. 디자인의 포인트를 전하는 것으로, 이하가 촉진되면이라고 생각 투고합니다. 엔지니어가 설계 작업을 수행하는 것에 대한 장애물을 낮추십시오. 엔지니어와 디자이너 간의 좋은 관계가 구축되어야 한다. ※어디까지나 개인적인 주장을 포함한 기사이므로, 양해 바랍니다. 시스템 개발... 디자인우이 qiita의 tags 페이지의 페이지 네이션이 미묘하다고 느꼈기 때문에 향후의 UI 디자인의 반면 교사로 했을 때의 메모 이번은, qiita로 기사를 쓰기에 있어서 자신이 가지고 있는 기술에 대해 현재 무엇이 qiita로 받고 있는지 사전에 해당 기술의 태그의 일람(예: )을 조사하고 나서 그리기 시작하지만, 이 일람의 페이지 전환이 다루기 어려웠기 때문에, 자신이 개발 운영하고 있는 서비스의 UI 개선 등에 활용할 수 있도록 메모를 공유한다 위에서 설명한 것처럼 다음 페이지를 누르면 뒤로 링크가 나타나고 페이... 디자인CSS3flexbox우이 [jQuery] 플러그인으로 이미지 업로드 UI를 쉽게 구현 ※데모 파일에서는 아이콘 부분 FontAwsome으로 하고 있습니다 다운로드 후 "dist"폴더의 js, css 파일을 가져옵니다. 단지 이것만으로, 드래그＆드롭할 수 있는 UI를 만들 수 버립니다. 「js/dropify.js」나 「css/dropify.css」도 자유롭게 꼬집기 때문에 사용자 정의도 쉽게 할 수 있기 때문에 매우 편리합니다. jQuery를 넣어야하므로 여기를 참조하십시오.... 디자인jQuery플러그인우이 라면집 메뉴 카탈로그 앱 라면 가게 메뉴 카탈로그 앱은 나와 후 혼자 친구와 함께 처음 개발한 모바일 앱입니다.이 프로젝트에서 나는 UI의 디사인과 와이어 프레임 후 개발 담당했습니다. 에서이 응용 프로그램의 목적은 방문하는 고객을위한 요리 메뉴를 표시합니다. 표시 언어는 현재 영어와 일본어를 전환할 수 있습니다. (1) 메뉴 타입 선택 화면 (Menu Type) 앱이 시작된 후 표시되는 첫 번째 화면입니다. 사용자... Angular디자인ionicMobile안드로이드 디자이너를 위한 GoogleMap 스타일 지정 방법 GoogleMap의 스타일 지정 방법이 조금 알기 어렵게 느꼈기 때문에, 나름대로 해석해 보았습니다. featureType (스타일을 적용하는 대상) elementType (대상을 구성하는 디자인 요소) stylers (스타일) 라는 세 세트를 JSON 형식으로 지정합니다. ↓ 같은 느낌입니다. 세 세트 중 스타일러스는 어쩐지 상상할 수 있지만 featureType, elementType은 ... 디자인GoogleMapsAPI
클린 아키텍처의 Presenter를 이해하기 어려운 것은 MVC 2가 아니기 때문에 클린 아키텍처에는 구체적인 클래스 구성 예를 보여주는 다음 그림이 있습니다. 이 그림 중에서 Presenter와 Output Boundary(Presenter의 인터페이스)만 구체 구현을 이미지하는 것이 매우 어렵다고 생각합니다. 이것에 감히 만지지 않은 이유는 MVC 프레임워크와의 궁합이 나쁘기 때문입니다. 라고 쓰고 나서, MVC 프레임워크와의 공존 방법에 접하고 있습니다. 따라서 MVC... 객체 지향디자인mvcCleanArchitecture아키텍처 Sketch로 깨끗한 SVG 파일을 출력하는 방법 Sketch를 사용하면 간편하게 SVG 형식의 아이콘이나 그래픽을 내보낼 수 있지만 내보낸 데이터를 잘 살펴보면 데이터가 상상 이상으로 무겁거나 불필요한 태그가 붙거나 얼룩이 발생하는 경우가 있습니다 . 이 기사에서는 Sketch로 가능한 한 쓸데없는 깨끗한 SVG를 출력하는 방법을 소개합니다. 아트보드가 아닌 아이콘을 그룹화하여 그룹만 내보내면 언뜻 보통으로 내보낼 수 있지만, viewBo... 디자인최적화스케치SVG작은 재료 컴포지션간에 연관성이 복잡해지는 클래스 다이어그램을 간단히 작성하고 싶습니다. 다음과 같은 클래스 다이어그램을 작성하고 싶습니다. 드론 시스템 하나는 리모컨과 드론을 여러 컴포지션으로 가지고 있습니다. 리모컨과 무인 항공기는 일대일 관계에 있습니다 1을 표현하기 위해 다음과 같이 클래스 다이어그램을 작성합니다. 2를 표현하기 위해 다음과 같이 클래스 다이어그램을 작성합니다. 이 두 가지를 맞추면 다음과 같은 클래스 다이어그램이 됩니다. 그러나 이러한 글을 쓰면 리모컨이... 객체 지향디자인객체 지향 설계uml PlantUML에서 출력하는 UML 다이어그램을 세련되고 흑백 디자인으로 만듭니다. PlantUML은 텍스트 기반으로 UML을 만들 수 있는 매우 유용한 도구입니다. 그러나 디폴트 디자인은 약간 까다롭습니다. (디자인을 결정한 분 죄송합니다.) 그래서 이번에는 간단한 코드로 UML 다이어그램을 세련된 흑백 디자인으로 변경하는 방법을 소개합니다. 에서 소개한 클래스 다이어그램의 스킨을 흑백으로 변경해 봅니다. !include 에서 다른 PlantUML 파일을 로드할 수 있습니... 디자인Macuml장난plantuml PlatntUML을 사용하여 Markdown에서 API 문서 만들기 PlantUML을 사용하면 API 문서를 효율적으로 게시할 수 있음을 알 수 있습니다. 이번에는 PlantUML을 사용하여 API 문서를 작성하는 흐름을 기록해 두고 싶습니다. brew를 사용하면 쉽게 설치할 수 있으므로 사전에 brew를 설치해 두십시오. plantuml에서 다음과 같은 체크섬 오류가 발생했습니다. 내 환경의 경우 brew upgrade를 수행하면 문제가 발생하지 않습니다.... GitLabGitHubuml디자인 javascript 게임 디자인 패턴 소개 데모 모든 게임은 "이미지를 일정 간격으로 그리기"로 OK 편지지 코드 간단한 흐름도 포인트가 되는 부분 마지막으로 계기 과거 javascript로 게임을 만들 기회가 많았습니다. 베이스가 되는 부분마저 억제해 버리면 코딩은 간단하고, 후에는 아이디어 승부인 느낌이 듭니다. 대략 어떤 게임도 기본은 같기 때문에, 여기저기서 자신을 위해서 정리해 두고 싶다고 생각해, 투고합니다. 여담 이... 자바스크립트게임 제작디자인 엔지니어도 의식하면 좋은 디자인의 포인트 3개 요즘은 프런트 엔드의 기술이 발전해, 엔지니어가 약간의 디자인 작업을 실시할 기회도 늘어 온 것이 아닐까 생각하고 있습니다. 디자인의 포인트를 전하는 것으로, 이하가 촉진되면이라고 생각 투고합니다. 엔지니어가 설계 작업을 수행하는 것에 대한 장애물을 낮추십시오. 엔지니어와 디자이너 간의 좋은 관계가 구축되어야 한다. ※어디까지나 개인적인 주장을 포함한 기사이므로, 양해 바랍니다. 시스템 개발... 디자인우이 qiita의 tags 페이지의 페이지 네이션이 미묘하다고 느꼈기 때문에 향후의 UI 디자인의 반면 교사로 했을 때의 메모 이번은, qiita로 기사를 쓰기에 있어서 자신이 가지고 있는 기술에 대해 현재 무엇이 qiita로 받고 있는지 사전에 해당 기술의 태그의 일람(예: )을 조사하고 나서 그리기 시작하지만, 이 일람의 페이지 전환이 다루기 어려웠기 때문에, 자신이 개발 운영하고 있는 서비스의 UI 개선 등에 활용할 수 있도록 메모를 공유한다 위에서 설명한 것처럼 다음 페이지를 누르면 뒤로 링크가 나타나고 페이... 디자인CSS3flexbox우이 [jQuery] 플러그인으로 이미지 업로드 UI를 쉽게 구현 ※데모 파일에서는 아이콘 부분 FontAwsome으로 하고 있습니다 다운로드 후 "dist"폴더의 js, css 파일을 가져옵니다. 단지 이것만으로, 드래그＆드롭할 수 있는 UI를 만들 수 버립니다. 「js/dropify.js」나 「css/dropify.css」도 자유롭게 꼬집기 때문에 사용자 정의도 쉽게 할 수 있기 때문에 매우 편리합니다. jQuery를 넣어야하므로 여기를 참조하십시오.... 디자인jQuery플러그인우이 라면집 메뉴 카탈로그 앱 라면 가게 메뉴 카탈로그 앱은 나와 후 혼자 친구와 함께 처음 개발한 모바일 앱입니다.이 프로젝트에서 나는 UI의 디사인과 와이어 프레임 후 개발 담당했습니다. 에서이 응용 프로그램의 목적은 방문하는 고객을위한 요리 메뉴를 표시합니다. 표시 언어는 현재 영어와 일본어를 전환할 수 있습니다. (1) 메뉴 타입 선택 화면 (Menu Type) 앱이 시작된 후 표시되는 첫 번째 화면입니다. 사용자... Angular디자인ionicMobile안드로이드 디자이너를 위한 GoogleMap 스타일 지정 방법 GoogleMap의 스타일 지정 방법이 조금 알기 어렵게 느꼈기 때문에, 나름대로 해석해 보았습니다. featureType (스타일을 적용하는 대상) elementType (대상을 구성하는 디자인 요소) stylers (스타일) 라는 세 세트를 JSON 형식으로 지정합니다. ↓ 같은 느낌입니다. 세 세트 중 스타일러스는 어쩐지 상상할 수 있지만 featureType, elementType은 ... 디자인GoogleMapsAPI