포트폴리오 개인 앱 개발 일기 #5 우선, 무엇이든 실행 커피의 감상을 투고하는 앱이므로, 모델명이나, 컨트롤러명을 coffee로 하고 싶었습니다만, coffee는 불가산 명사이므로, 가능한 한 피하는 것이 현명. 라고 하는 일로 drink라고 명명했습니다,,,! 이미지도 게시하고 싶기 때문에 터미널에서 실행 라는 gem을 install 목록 화면에 표시하는 게시물의 정보에는 사용자 정보도 붙어 표시됩니다. 이 경우 게시물에 ... 포트폴리오루비Rails개인 개발 포트폴리오를 만들기 시작하고 무료로 공개 (Babel 타워) 의 계속입니다. 아직 포트폴리오의 내용이 아무것도 만들 수 없습니다만, 지금의 곳 이런 느낌. 어쨌든 퍼스트 뷰의 곳만, 끊임없이 고뇨고 하고 있어, 좀처럼 진행되지 않습니다. 뭐, 내용은 쓸 수 있는 내용이 그다지 없기 때문에, 스카스카의 예정이니까 따로 좋지만. 패럴랙스 사이트로 하는 것은, scrollmagic 넣어 보니, 비교적 간단하게 할 수 있을 것 같았다. 일단 조금만 손을 붙여... babel자바스크립트포트폴리오HTML5webpack 디자인 서투른 초학자가 Vue.js에서 포트폴리오 사이트를 만들어 보았습니다. 평상시는, 독학으로 개발을 하고 있는 초학자입니다. 지금까지 주로 Rails를 사용하여 개발을 하고 있었지만, 작성한 Web페이지의 센스가 괴멸적이었으므로, 자신에 대해 정리한 포트폴리오 사이트를 작성해 보았습니다. URL : 사용 언어: Vue.js FW: Vuetify 톱 페이지는 이런 느낌 우선은 「포트폴리오 사이트」에서 검색해, 여러가지 사이트를 보고 공부했습니다. 그리고 자신의 포트... 포트폴리오Vue.jsVuetify프런트 엔드 자신의 포트폴리오를 설명하기만 하면 전직 활동용으로 자기 소개 페이지를 만들었습니다. 다만, 배경이 시끄러움과 중요한 자기 소개를 읽을 때에 매우 신경이 쓰인다고 생각하기 때문에, 멈출 수 있도록 했습니다. 오른쪽 상단의 카메라 아이콘에서 드래그하거나 스크롤하려고하면 시점을 변경하여 볼 수 있습니다. 왼쪽 상단에 로그인 버튼이 있습니다만, 로그인하면 나의 본명이나 경력이나에 액세스 할 수 버리기 때문에 채용 담당자의 사람 이외... FirebaseTypeScriptnuxt.jsthree.js포트폴리오 우리의 간단한 포트폴리오를 만드는 방법 GitHub을 사용하여 다음과 같은 포트폴리오를 만드는 방법입니다. 1. Git/GitHub에 계정 등록을 합니다. GitHub의 사용법은 또한 터미널이 아닌 시각적으로 사용하고 싶다면 SourceTree를 설치합니다. 2. 텍스트 편집기를 설치합니다. Windows: 디폴트의 「메모장」으로 OK입니다. 기본 메모장은 사용하지 않는 것이 좋습니다. 3. 다음 사이트에서 템플릿을 다운로드합니다... GitHub초보자포트폴리오SourceTreeGit 【CRUD】【Django】Python 프레임워크 Django를 사용해 CRUD 사이트를 작성한다～3～ 장고는 일반 뷰를 제공합니다. CreateView, UpdateView, DeleteView, ListView, DetailView 등이 존재합니다. 이번에는 ListView를 사용하여 목록 페이지를 만듭니다. /crud/blog/view.py view.py에 지정된 html 파일을 만듭니다. posts(Post 클래스내의 레코드군)를 for로 1 레코드 꺼내, 타이틀·내용·저자·투고일을 표... 포트폴리오파이썬장고crud 【CRUD】【Django】Python 프레임워크 Django를 사용해 CRUD 사이트를 작성한다～2～ 장고에는 ORM (객체 관계 매핑)이 있습니다. ORM은 프로그램의 소스 코드와 데이터베이스의 데이터를 상호 변환하는 기능을 말합니다. Django의 경우 modele.py에 Pythn으로 작성합니다. 그럼, Post(포스트 기능의) 모델을 써 갑니다. /crud/blog/models.py 다음 파일이 자동으로 생성됩니다. 편집할 필요가 없습니다. /crud/blog/migrations/00... 포트폴리오파이썬장고crud GitHub의 README에 데모 동영상과 이미지를 삽입하는 방법 프로그래밍 학습을 해 나가는 가운데, 뭔가 어플리케이션을 개발하는 것은 자주 있다고 생각합니다. README에 개발 배경이나, 사용 기술, 실장 기능 등 기재할 뿐만 아니라 실제로 그 어플리케이션을 움직이고 있는 데모 동영상이 있으면 어떤 어플리케이션인가 이미지가 붙는 것이 좋지요. 자신은 지금까지 Wantedly에서만 데모 동영상을 싣고 있지 않고 GitHub의 README상에는 게재하지 ... 포트폴리오프로그래밍 학습GitHubReadme 【CRUD】【Django】Python 프레임워크 Django를 사용해 CRUD 사이트를 작성한다～1～ Create(등록), Read(참조), Update(업데이트), Delete(삭제) 기능을 의미합니다. 이러한 기능을 Dango로 구현합니다. 블로그 사이트를 만들고 싶습니다. 설계도 등은 생각중입니다만, 주요한 기능을 이하에 들 수 있습니다. 블로그 기능 기사투고(Create) 기사 참조(Read) 기사 업데이트(Update) 기사 삭제(Delete) 사용자 관리 기능 사용자 로그인 사용자... 포트폴리오파이썬장고crud 자기 소개 포트폴리오를 만들고 싶다 #0 손을 붙이기 시작한 계기부터 완성까지 써 남기고 싶습니다. 뭔가를 시작해야 할 생각이지만 어디에서 손을 넣으면 좋을까 ... SES1년 조금 사내 엔지니어 2년 반 정도를 거쳐 2020년부터 프리랜서 엔지니어가 된 사람입니다. 에이전트에 등록하고 있는 기업에서 1년 정도 일하고 있습니다만 다음의 상담으로 보여지는 것이 없는 것을 눈치챌 어쩐지 프리랜서같지 않다···어쩐지 다사··· 라는 것으... 자기소개포트폴리오초보자 스크롤시 글로벌 메뉴 고정 포트폴리오에 글로벌 메뉴를 도입했습니다. JS에서 #global-nav를 얻는 부분이 <nav id="global-nav">입니다. 글로벌 메뉴가 화면에 도달하면 .m_fixed가 부여됩니다..m_fixed 가 부여되었을 때, position: fixed; 로 고정한다. #global-nav 를 취득해, if문으로 글로벌 메뉴가 화면 상부에 도달했을 때, m_fixed 클래스의 추가. 도달하... 포트폴리오자바스크립트jQuery PHP를 통한 간단한 도서 관리 시스템 작성 (제작 중) 독학에 의해 PHP에 관해서 한가지의 학습이 종료되었으므로, 복습도 과연 간이적인 도서 관리 시스템을 작성했습니다. github에서 제작 과정을 공개 중입니다 현재는 유저 정보 및 도서의 등록, 편집, 삭제까지 실장되었습니다. (4월 28일 시점) PHP와 데이터베이스를 구사한 서비스로서 전통적인 것이 없을까 생각해, 이번은 일반적인 시민 도서관등에서 사용되고 있는 것 같은 시스템을 작성해 ... 포트폴리오PHP - 앞으로 포트폴리오를 만드는 분에게 - 설계도 작성방법 : 후반 요전날의 기사에 이어, 후반을 정리해 갑니다. 떠나는 사이트 맵과 와이어 프레임입니다. 이 근처를 정리하는 것은, Ui/UX에 연결되는 부분입니다. 백엔드 엔지니어를 목표로 하는 분은, 프런트 분야에 대해서 고도의 기술은 요구되지 않습니다만, UI/UX는 평가되는 포인트이므로 고집하는 것을 추천합니다. 사이트 맵·와이어 프레임 작성시는 이쪽을 참고로 했습니다. 포트폴리오 사이트의 만드는 방법... 포트폴리오루비RailsCacoo - 앞으로 포트폴리오를 만드는 분에게 - 설계도 작성방법 : 전반 포트폴리오를 작성할 때에, 무엇으로부터 시작하면 좋은지 모르는···라고 하는 분을 향해. 첫걸음으로 설계도를 작성하는 것을 강하게 추천합니다. 이유는 다음과 같습니다. · 자신이 지금 어떤 부분을 구현하고 있는지 파악하기 쉽기 때문에 길을 잃지 않습니다 ・조금씩 목표에 가깝게 감각을 가시화할 수 있어 동기 부여의 유지에 연결된다 이를 위해 어떤 도구를 사용하고 어떤 것을 만들면 좋은지 정리했... 포트폴리오루비RailsCacoo Laravel에서 크래프트 맥주 정리 사이트 만들어 보았다. (포트폴리오) ・톱 페이지 ・리뷰 투고 페이지 ・리뷰 상세 페이지 · 리뷰 편집 페이지 · 프로필 페이지 · 사용자 목록 페이지 (프로필 이미지 업로드 기능은 구현되지 않음) · 오류 페이지 세세한 것 올리면 깔끔하고 개선할 수 있는 부분도, 사실이면 사용자 편집 기능이나 정렬 기능 등 구현하고 싶은 기능도 아직도 있습니다. 그리고 실은, Xserver에 배포하고 있습니다만, 로컬 환경이라고 액세스할 수 ... PHP라라벨포트폴리오웹 애플리케이션xserver 개인 포트폴리오 재구축 시작 오늘은 다시 시작한 것의 홍보입니다. 적용 범위가 "스즈에 개인"입니다 (SES에 가까운 업무가 5 년 이상 있습니다) 만들기 시작한 계기 "계약 사정"으로 인해 표에 공개 할 수없는 작업이 증가했습니다. 자신이 판매할 때 지식적인 재고를 겸하여 회사원이나 전직, 유사한 사례의 설명으로 사용할 수 있도록 → 2020/02/27 시점에서는 프리로서 활동하고 있습니다 참가한 공부회에 대한 감상등... portfolio포트폴리오 firebase 푸시 알림 adventcalender 2019-12-07 웹 서비스 인 기능이지만 포트폴리오에 푸시 알림 샘플 데모 같은 것이 없다고 생각하고 만들기로 결정했습니다. 프론트 페이지 firebase 백엔드 google cloud platform SDK 버전 8.6.3 이번에는 GCP 내에 사이트를 배치하고 GCP 기능으로 전송하도록했습니다. 기본으로는 다음 공식 사이트를 보면서 진행합니다. 완성형 디렉토리 구성 이번에는 백그라운드에서 알림을 받는 부... 푸시 알림Firebase포트폴리오 Vue.js + Firebase를 사용하여 포트폴리오를 만들었습니다. 평상시는 Web제작회사에서 코더의 아르바이트를 하고 있는 대학 4회생입니다. 내정처의 회사에서 Vue.js를 사용하고 있다는 것도 있어, Vue.js로 간단하게 무엇인가 작성해 보려고 생각해 포트폴리오를 작성했습니다. 이번에는 Vue.js + Vuetify + Vue Router를 사용하여 SPA 포트폴리오를 만들고 Firebase에 호스팅했기 때문에 그 흐름 등에 대해 씁니다! 실제로 만든... FirebaseVuetifyVue.jsFirebaseFunctions포트폴리오 자신의 포트폴리오를 만들어 보았다. 드디어! 나카노의 포트폴리오가 완성되었습니다! 안녕하세요. 포트폴리오의 가을이 온 것 같아서, 자신의 포트폴리오를 만들었습니다. 내면서 멋지게 생겼다고 생각합니다. (자화 자찬) 그래서 코드 소개입니다. 고집한 곳 이번에 이것을 만드는 데 있어서, 조심한 것은 여백 설정입니다. 지금까지 사이트를 만들 때는 거의 여백의 "padding""margin"을 사용하지 않고, 아무래도 아이 같은 살 ... HTMLCSS포트폴리오 미경험이 매칭 앱을 만들어 본 이야기 【Rails】 많은 시골에 있기 때문에, 도쿄도 비교해 버리면 커뮤니티가 적습니다. 그래서 엔지니어를 위한 매칭 앱이 있다면 이 문제를 해결할 수 있을까요? 라는 목소리가 들립니다만, Twitter에서는 그 사람의 특기인 기술이나 좋아하는 분야를 조사하지 않으면 안됩니다. 이 서비스에서는 '태그 기능'이 있으며, 그 사람이 좋아하는 분야를 즉시 알 수 있습니다. Engineer Link는 엔지니어와 엔지니... RailsCircleCI미경험포트폴리오루비 【Docker】Docker+Rails 컨테이너 구축시의 MYSQL 에러 안녕하세요! 포트폴리오 작성에 있어서, Docker+Railsコンテナ構築時にUnknown MySQL server host ‘mysql’エラー 가 발생해 좀처럼 해결하지 않았기 때문에 비망으로. DOCKER+RAILS 컨테이너 구축시 UNKNOWN MYSQL SERVER HOST ‘MYSQL’오류 너무 세심한 Docker-compose에 의한 rails + MySQL on Docker의 환경 ... MySQLRails오류포트폴리오도커 【Rails】 코멘트 기능의 구현 소개 블로그 같은 웹 서비스에 코멘트 기능을 추가해 보았습니다. 자신의 메모용, 그리고 같은 기능을 구현하려고 하는 초학자 분의 참고가 되면 다행입니다! Ruby : 2.6.4 Rails : 5.2.3 사용자 인증에 devise를 사용하고 있습니다. User 모델의 사용자가 Post 모델에 주석을 달 수 있도록 합니다. 구현 방법으로서는, 팔로우 기능과 같이 중간 테이블을 준비해, 그 중간 ... 포트폴리오초학자루비Rails Nuxt.js+Tailwind CSS에서 포트폴리오 사이트를 만들고 Netlify에서 공개 마지막 달부터 프리랜서 엔지니어로서 일하고 있습니다만, 일단 포트폴리오 사이트적인 것을 만들어 두는 편이 좋을까~라고 생각해 만들었습니다. 타이틀에도 있듯이, 과 를 사용해 개발해, 로 공개하고 있습니다. 이번은 간단하게, 사이트를 만드는데 있어서 이용한 기술에 대해 소개할까라고 생각합니다. Nuxt는 create-nuxt-app로 시작할 수 있으므로 편리합니다. 자신은 색 구성표에 을 사용... 포트폴리오Netlifynuxt.jstailwindcss Vue.js에서 포트폴리오 사이트를 만들어 보았습니다. 아직 큰 내용을 할 수는 없지만, 최소한의 페이지를 작성했으므로, 공개합니다. GitHub Pages에서 공개했습니다. GitHub : 이것은 Vue.js용 머티리얼 디자인 프레임워크입니다. vue 프로젝트의 디렉토리로 이동한 후 다음 명령으로 도입할 수 있습니다. ※이하의 소스는 어느 정도 생략하고 있습니다. src/router.js 에 페이지를 기재합니다. 예를 들면 다음과 같이 기재합니... 포트폴리오Vue.js 포트폴리오를 만든 이야기. 포트폴리오를 만들었습니다. 여기 → 크게 3개. 그 1：옆에 늘어놓는 문제 우선 inline-block에서 침착했다. 가로폭 문제(?)로 width 49% 지정으로 대응. 하지만 과제 있음. (후술) 그 2: 바닥글 문제(가로 스크롤 바) 최초의 쪽, 바닥글의 폭 때문에 옆 스크롤 바가 나왔다→일단 99%로 해 대응하고 있었지만, 들어가는 문제를 대처할 때 어느새 해결. 하지만 추가로 과제가... 포트폴리오HTML5CSS3 프런트 엔드 미경험 SE가 포트폴리오를 만들어 보았습니다. 평상시는 SE로서 Java로 백엔드의 개발을 실시하고 있습니다만, 최근 프런트 엔드의 학습을 시작했습니다. 학습의 일환으로 자신의 포트폴리오를 만들었습니다! 나와 같이 프런트 엔드의 경험이 얕은 쪽으로, 뭔가 만들어 보고 싶다고 생각하고 있는 쪽의 참고가 되면 다행입니다. 아래의 기사를 참고로 템플릿 베이스에 작성을 실시했습니다! ↓ 템플릿은 이쪽 편집한 것은 html( index.html ... portfolioHTML자바스크립트CSS포트폴리오 【GitHub Pages】로 간이 웹 사이트 만들기 GitHub Pages를 사용하여 쉽게 정적 (HTML, CSS, js) 포트폴리오 사이트를 만들고 싶습니다! 라고 생각했기 때문에 만들었습니다. HTML 파일을 서버에 표시시킬 때까지가 목적을 위해 외형은 무시합니다만, 앞으로 대응하므로 그 때마다 기사를 갱신합니다. 처음으로 Qiita에 투고하기 때문에, 뭔가 있으면 지적해 주시면 고맙습니다. 무료로 사이트를 만들 수 있습니다. ※무료 유... HTML포트폴리오GitHubgithub-pages
개인 앱 개발 일기 #5 우선, 무엇이든 실행 커피의 감상을 투고하는 앱이므로, 모델명이나, 컨트롤러명을 coffee로 하고 싶었습니다만, coffee는 불가산 명사이므로, 가능한 한 피하는 것이 현명. 라고 하는 일로 drink라고 명명했습니다,,,! 이미지도 게시하고 싶기 때문에 터미널에서 실행 라는 gem을 install 목록 화면에 표시하는 게시물의 정보에는 사용자 정보도 붙어 표시됩니다. 이 경우 게시물에 ... 포트폴리오루비Rails개인 개발 포트폴리오를 만들기 시작하고 무료로 공개 (Babel 타워) 의 계속입니다. 아직 포트폴리오의 내용이 아무것도 만들 수 없습니다만, 지금의 곳 이런 느낌. 어쨌든 퍼스트 뷰의 곳만, 끊임없이 고뇨고 하고 있어, 좀처럼 진행되지 않습니다. 뭐, 내용은 쓸 수 있는 내용이 그다지 없기 때문에, 스카스카의 예정이니까 따로 좋지만. 패럴랙스 사이트로 하는 것은, scrollmagic 넣어 보니, 비교적 간단하게 할 수 있을 것 같았다. 일단 조금만 손을 붙여... babel자바스크립트포트폴리오HTML5webpack 디자인 서투른 초학자가 Vue.js에서 포트폴리오 사이트를 만들어 보았습니다. 평상시는, 독학으로 개발을 하고 있는 초학자입니다. 지금까지 주로 Rails를 사용하여 개발을 하고 있었지만, 작성한 Web페이지의 센스가 괴멸적이었으므로, 자신에 대해 정리한 포트폴리오 사이트를 작성해 보았습니다. URL : 사용 언어: Vue.js FW: Vuetify 톱 페이지는 이런 느낌 우선은 「포트폴리오 사이트」에서 검색해, 여러가지 사이트를 보고 공부했습니다. 그리고 자신의 포트... 포트폴리오Vue.jsVuetify프런트 엔드 자신의 포트폴리오를 설명하기만 하면 전직 활동용으로 자기 소개 페이지를 만들었습니다. 다만, 배경이 시끄러움과 중요한 자기 소개를 읽을 때에 매우 신경이 쓰인다고 생각하기 때문에, 멈출 수 있도록 했습니다. 오른쪽 상단의 카메라 아이콘에서 드래그하거나 스크롤하려고하면 시점을 변경하여 볼 수 있습니다. 왼쪽 상단에 로그인 버튼이 있습니다만, 로그인하면 나의 본명이나 경력이나에 액세스 할 수 버리기 때문에 채용 담당자의 사람 이외... FirebaseTypeScriptnuxt.jsthree.js포트폴리오 우리의 간단한 포트폴리오를 만드는 방법 GitHub을 사용하여 다음과 같은 포트폴리오를 만드는 방법입니다. 1. Git/GitHub에 계정 등록을 합니다. GitHub의 사용법은 또한 터미널이 아닌 시각적으로 사용하고 싶다면 SourceTree를 설치합니다. 2. 텍스트 편집기를 설치합니다. Windows: 디폴트의 「메모장」으로 OK입니다. 기본 메모장은 사용하지 않는 것이 좋습니다. 3. 다음 사이트에서 템플릿을 다운로드합니다... GitHub초보자포트폴리오SourceTreeGit 【CRUD】【Django】Python 프레임워크 Django를 사용해 CRUD 사이트를 작성한다～3～ 장고는 일반 뷰를 제공합니다. CreateView, UpdateView, DeleteView, ListView, DetailView 등이 존재합니다. 이번에는 ListView를 사용하여 목록 페이지를 만듭니다. /crud/blog/view.py view.py에 지정된 html 파일을 만듭니다. posts(Post 클래스내의 레코드군)를 for로 1 레코드 꺼내, 타이틀·내용·저자·투고일을 표... 포트폴리오파이썬장고crud 【CRUD】【Django】Python 프레임워크 Django를 사용해 CRUD 사이트를 작성한다～2～ 장고에는 ORM (객체 관계 매핑)이 있습니다. ORM은 프로그램의 소스 코드와 데이터베이스의 데이터를 상호 변환하는 기능을 말합니다. Django의 경우 modele.py에 Pythn으로 작성합니다. 그럼, Post(포스트 기능의) 모델을 써 갑니다. /crud/blog/models.py 다음 파일이 자동으로 생성됩니다. 편집할 필요가 없습니다. /crud/blog/migrations/00... 포트폴리오파이썬장고crud GitHub의 README에 데모 동영상과 이미지를 삽입하는 방법 프로그래밍 학습을 해 나가는 가운데, 뭔가 어플리케이션을 개발하는 것은 자주 있다고 생각합니다. README에 개발 배경이나, 사용 기술, 실장 기능 등 기재할 뿐만 아니라 실제로 그 어플리케이션을 움직이고 있는 데모 동영상이 있으면 어떤 어플리케이션인가 이미지가 붙는 것이 좋지요. 자신은 지금까지 Wantedly에서만 데모 동영상을 싣고 있지 않고 GitHub의 README상에는 게재하지 ... 포트폴리오프로그래밍 학습GitHubReadme 【CRUD】【Django】Python 프레임워크 Django를 사용해 CRUD 사이트를 작성한다～1～ Create(등록), Read(참조), Update(업데이트), Delete(삭제) 기능을 의미합니다. 이러한 기능을 Dango로 구현합니다. 블로그 사이트를 만들고 싶습니다. 설계도 등은 생각중입니다만, 주요한 기능을 이하에 들 수 있습니다. 블로그 기능 기사투고(Create) 기사 참조(Read) 기사 업데이트(Update) 기사 삭제(Delete) 사용자 관리 기능 사용자 로그인 사용자... 포트폴리오파이썬장고crud 자기 소개 포트폴리오를 만들고 싶다 #0 손을 붙이기 시작한 계기부터 완성까지 써 남기고 싶습니다. 뭔가를 시작해야 할 생각이지만 어디에서 손을 넣으면 좋을까 ... SES1년 조금 사내 엔지니어 2년 반 정도를 거쳐 2020년부터 프리랜서 엔지니어가 된 사람입니다. 에이전트에 등록하고 있는 기업에서 1년 정도 일하고 있습니다만 다음의 상담으로 보여지는 것이 없는 것을 눈치챌 어쩐지 프리랜서같지 않다···어쩐지 다사··· 라는 것으... 자기소개포트폴리오초보자 스크롤시 글로벌 메뉴 고정 포트폴리오에 글로벌 메뉴를 도입했습니다. JS에서 #global-nav를 얻는 부분이 <nav id="global-nav">입니다. 글로벌 메뉴가 화면에 도달하면 .m_fixed가 부여됩니다..m_fixed 가 부여되었을 때, position: fixed; 로 고정한다. #global-nav 를 취득해, if문으로 글로벌 메뉴가 화면 상부에 도달했을 때, m_fixed 클래스의 추가. 도달하... 포트폴리오자바스크립트jQuery PHP를 통한 간단한 도서 관리 시스템 작성 (제작 중) 독학에 의해 PHP에 관해서 한가지의 학습이 종료되었으므로, 복습도 과연 간이적인 도서 관리 시스템을 작성했습니다. github에서 제작 과정을 공개 중입니다 현재는 유저 정보 및 도서의 등록, 편집, 삭제까지 실장되었습니다. (4월 28일 시점) PHP와 데이터베이스를 구사한 서비스로서 전통적인 것이 없을까 생각해, 이번은 일반적인 시민 도서관등에서 사용되고 있는 것 같은 시스템을 작성해 ... 포트폴리오PHP - 앞으로 포트폴리오를 만드는 분에게 - 설계도 작성방법 : 후반 요전날의 기사에 이어, 후반을 정리해 갑니다. 떠나는 사이트 맵과 와이어 프레임입니다. 이 근처를 정리하는 것은, Ui/UX에 연결되는 부분입니다. 백엔드 엔지니어를 목표로 하는 분은, 프런트 분야에 대해서 고도의 기술은 요구되지 않습니다만, UI/UX는 평가되는 포인트이므로 고집하는 것을 추천합니다. 사이트 맵·와이어 프레임 작성시는 이쪽을 참고로 했습니다. 포트폴리오 사이트의 만드는 방법... 포트폴리오루비RailsCacoo - 앞으로 포트폴리오를 만드는 분에게 - 설계도 작성방법 : 전반 포트폴리오를 작성할 때에, 무엇으로부터 시작하면 좋은지 모르는···라고 하는 분을 향해. 첫걸음으로 설계도를 작성하는 것을 강하게 추천합니다. 이유는 다음과 같습니다. · 자신이 지금 어떤 부분을 구현하고 있는지 파악하기 쉽기 때문에 길을 잃지 않습니다 ・조금씩 목표에 가깝게 감각을 가시화할 수 있어 동기 부여의 유지에 연결된다 이를 위해 어떤 도구를 사용하고 어떤 것을 만들면 좋은지 정리했... 포트폴리오루비RailsCacoo Laravel에서 크래프트 맥주 정리 사이트 만들어 보았다. (포트폴리오) ・톱 페이지 ・리뷰 투고 페이지 ・리뷰 상세 페이지 · 리뷰 편집 페이지 · 프로필 페이지 · 사용자 목록 페이지 (프로필 이미지 업로드 기능은 구현되지 않음) · 오류 페이지 세세한 것 올리면 깔끔하고 개선할 수 있는 부분도, 사실이면 사용자 편집 기능이나 정렬 기능 등 구현하고 싶은 기능도 아직도 있습니다. 그리고 실은, Xserver에 배포하고 있습니다만, 로컬 환경이라고 액세스할 수 ... PHP라라벨포트폴리오웹 애플리케이션xserver 개인 포트폴리오 재구축 시작 오늘은 다시 시작한 것의 홍보입니다. 적용 범위가 "스즈에 개인"입니다 (SES에 가까운 업무가 5 년 이상 있습니다) 만들기 시작한 계기 "계약 사정"으로 인해 표에 공개 할 수없는 작업이 증가했습니다. 자신이 판매할 때 지식적인 재고를 겸하여 회사원이나 전직, 유사한 사례의 설명으로 사용할 수 있도록 → 2020/02/27 시점에서는 프리로서 활동하고 있습니다 참가한 공부회에 대한 감상등... portfolio포트폴리오 firebase 푸시 알림 adventcalender 2019-12-07 웹 서비스 인 기능이지만 포트폴리오에 푸시 알림 샘플 데모 같은 것이 없다고 생각하고 만들기로 결정했습니다. 프론트 페이지 firebase 백엔드 google cloud platform SDK 버전 8.6.3 이번에는 GCP 내에 사이트를 배치하고 GCP 기능으로 전송하도록했습니다. 기본으로는 다음 공식 사이트를 보면서 진행합니다. 완성형 디렉토리 구성 이번에는 백그라운드에서 알림을 받는 부... 푸시 알림Firebase포트폴리오 Vue.js + Firebase를 사용하여 포트폴리오를 만들었습니다. 평상시는 Web제작회사에서 코더의 아르바이트를 하고 있는 대학 4회생입니다. 내정처의 회사에서 Vue.js를 사용하고 있다는 것도 있어, Vue.js로 간단하게 무엇인가 작성해 보려고 생각해 포트폴리오를 작성했습니다. 이번에는 Vue.js + Vuetify + Vue Router를 사용하여 SPA 포트폴리오를 만들고 Firebase에 호스팅했기 때문에 그 흐름 등에 대해 씁니다! 실제로 만든... FirebaseVuetifyVue.jsFirebaseFunctions포트폴리오 자신의 포트폴리오를 만들어 보았다. 드디어! 나카노의 포트폴리오가 완성되었습니다! 안녕하세요. 포트폴리오의 가을이 온 것 같아서, 자신의 포트폴리오를 만들었습니다. 내면서 멋지게 생겼다고 생각합니다. (자화 자찬) 그래서 코드 소개입니다. 고집한 곳 이번에 이것을 만드는 데 있어서, 조심한 것은 여백 설정입니다. 지금까지 사이트를 만들 때는 거의 여백의 "padding""margin"을 사용하지 않고, 아무래도 아이 같은 살 ... HTMLCSS포트폴리오 미경험이 매칭 앱을 만들어 본 이야기 【Rails】 많은 시골에 있기 때문에, 도쿄도 비교해 버리면 커뮤니티가 적습니다. 그래서 엔지니어를 위한 매칭 앱이 있다면 이 문제를 해결할 수 있을까요? 라는 목소리가 들립니다만, Twitter에서는 그 사람의 특기인 기술이나 좋아하는 분야를 조사하지 않으면 안됩니다. 이 서비스에서는 '태그 기능'이 있으며, 그 사람이 좋아하는 분야를 즉시 알 수 있습니다. Engineer Link는 엔지니어와 엔지니... RailsCircleCI미경험포트폴리오루비 【Docker】Docker+Rails 컨테이너 구축시의 MYSQL 에러 안녕하세요! 포트폴리오 작성에 있어서, Docker+Railsコンテナ構築時にUnknown MySQL server host ‘mysql’エラー 가 발생해 좀처럼 해결하지 않았기 때문에 비망으로. DOCKER+RAILS 컨테이너 구축시 UNKNOWN MYSQL SERVER HOST ‘MYSQL’오류 너무 세심한 Docker-compose에 의한 rails + MySQL on Docker의 환경 ... MySQLRails오류포트폴리오도커 【Rails】 코멘트 기능의 구현 소개 블로그 같은 웹 서비스에 코멘트 기능을 추가해 보았습니다. 자신의 메모용, 그리고 같은 기능을 구현하려고 하는 초학자 분의 참고가 되면 다행입니다! Ruby : 2.6.4 Rails : 5.2.3 사용자 인증에 devise를 사용하고 있습니다. User 모델의 사용자가 Post 모델에 주석을 달 수 있도록 합니다. 구현 방법으로서는, 팔로우 기능과 같이 중간 테이블을 준비해, 그 중간 ... 포트폴리오초학자루비Rails Nuxt.js+Tailwind CSS에서 포트폴리오 사이트를 만들고 Netlify에서 공개 마지막 달부터 프리랜서 엔지니어로서 일하고 있습니다만, 일단 포트폴리오 사이트적인 것을 만들어 두는 편이 좋을까~라고 생각해 만들었습니다. 타이틀에도 있듯이, 과 를 사용해 개발해, 로 공개하고 있습니다. 이번은 간단하게, 사이트를 만드는데 있어서 이용한 기술에 대해 소개할까라고 생각합니다. Nuxt는 create-nuxt-app로 시작할 수 있으므로 편리합니다. 자신은 색 구성표에 을 사용... 포트폴리오Netlifynuxt.jstailwindcss Vue.js에서 포트폴리오 사이트를 만들어 보았습니다. 아직 큰 내용을 할 수는 없지만, 최소한의 페이지를 작성했으므로, 공개합니다. GitHub Pages에서 공개했습니다. GitHub : 이것은 Vue.js용 머티리얼 디자인 프레임워크입니다. vue 프로젝트의 디렉토리로 이동한 후 다음 명령으로 도입할 수 있습니다. ※이하의 소스는 어느 정도 생략하고 있습니다. src/router.js 에 페이지를 기재합니다. 예를 들면 다음과 같이 기재합니... 포트폴리오Vue.js 포트폴리오를 만든 이야기. 포트폴리오를 만들었습니다. 여기 → 크게 3개. 그 1：옆에 늘어놓는 문제 우선 inline-block에서 침착했다. 가로폭 문제(?)로 width 49% 지정으로 대응. 하지만 과제 있음. (후술) 그 2: 바닥글 문제(가로 스크롤 바) 최초의 쪽, 바닥글의 폭 때문에 옆 스크롤 바가 나왔다→일단 99%로 해 대응하고 있었지만, 들어가는 문제를 대처할 때 어느새 해결. 하지만 추가로 과제가... 포트폴리오HTML5CSS3 프런트 엔드 미경험 SE가 포트폴리오를 만들어 보았습니다. 평상시는 SE로서 Java로 백엔드의 개발을 실시하고 있습니다만, 최근 프런트 엔드의 학습을 시작했습니다. 학습의 일환으로 자신의 포트폴리오를 만들었습니다! 나와 같이 프런트 엔드의 경험이 얕은 쪽으로, 뭔가 만들어 보고 싶다고 생각하고 있는 쪽의 참고가 되면 다행입니다. 아래의 기사를 참고로 템플릿 베이스에 작성을 실시했습니다! ↓ 템플릿은 이쪽 편집한 것은 html( index.html ... portfolioHTML자바스크립트CSS포트폴리오 【GitHub Pages】로 간이 웹 사이트 만들기 GitHub Pages를 사용하여 쉽게 정적 (HTML, CSS, js) 포트폴리오 사이트를 만들고 싶습니다! 라고 생각했기 때문에 만들었습니다. HTML 파일을 서버에 표시시킬 때까지가 목적을 위해 외형은 무시합니다만, 앞으로 대응하므로 그 때마다 기사를 갱신합니다. 처음으로 Qiita에 투고하기 때문에, 뭔가 있으면 지적해 주시면 고맙습니다. 무료로 사이트를 만들 수 있습니다. ※무료 유... HTML포트폴리오GitHubgithub-pages