슬림 font-awesome-sass 사용 [rails, slim, FontAwesome] Rails에서 FontAwesome 사용 ( ) gem 'font-awesome-rails'는 최신 버전을 지원하지 않습니다 ... 대신 font-awesome-sass를 사용합시다! FontAwesome::Sass ( ) Get vector icons and social logos on your website with Font Awesome, the web's most popular ico... 초보자FontAwesomeRails슬림 PHP 무료 평가판 서버를 찾으면 AzureAppService에 도착한 메모 PHP의 slim 프레임 워크를 조금 시도하고 싶다고 생각하고 무료 서버를 찾았지만, 검색 상위의 환경은 노이미미 HTTPS화할 수 없었다. MySQL 사용하지 않아도 좋다, PHP 공부중인 사람. 조사하거나 공부하는 수고보다 유료 플랜으로 해 무료 SSL 일발 적용이 코스파 좋다고 생각한다. PHP 운영 환경 최근에는 HTTP로는 사용할 수 없는 javascript api도 있거나 하기 때... AzurePHPAzureAppService슬림 Tailwind의 Flexbox 조견표 flexboxRailstailwindcss슬림 Phoenix를 Slim으로 더 읽기 쉽게 저는 평소 웹 앱이나 사이트를 만들 때 Nuxt.js를 사용하는 경우가 많습니다. 하지만 좋아하는 언어는 Elixir이므로 이제 LiveView 를 사용한 프런트 개발에도 손을 내려고 생각하고, 이번은 LiveView에 Slim을 조합한 것을 시도해 보았습니다. HTML 태그를 짧고 간결하게 쓸 수 있는 템플릿 엔진입니다. 나는 Nuxt를 쓸 때 HTML이 읽히기 어려워 버릴 수 있으므로 S... LivevieElixir슬림 【Rails】link_to로 format 지정 타이틀대로, link_to 메소드로 포맷을 지정하는 방법에 대해서입니다 꽤 쉽지만, 의외로 기사가 히트하지 않았기 때문에 비망록적으로 남겨 둡니다. 출력 형식입니다. 일반적으로 HTML 형식으로 HTML 파일이 렌더링됩니다. 그 외에도 json 형식이나 pdf, csv 등이 있습니다. 이번에는 PDF의 출력을 상정해 보겠습니다. path 인수에 format을 지정하기만 하면 됩니다! 슬림 파... 루비Rails슬림 Ruby on Rails에서 Slim을 사용할 때 form_with에서 "undefined local variable or method `f' for " Ruby: v2.5.7 Rails: v5.2.4.4 gem slim: v4.1.0 이번에 Ruby on Rails의 Gem의 하나인 slim를 도입했는데 조속히 에러에 걸렸습니다. 내용은 NameErrorundefined local variable or method f' for #<#<Class:0x00007fef406b53c8>:0x00007fef35880668> 지정하고 있는 f 가 정의... form_withRails슬림 초보자가 Slim을 설치해 보았습니다! Laravel에서 몇 가지 애플리케이션을 만들었으므로, 또 하나 정도 프레임워크를 만져 보려고 Slim을 도입해 보았습니다. Slim은 경량 프레임워크(마이크로프레임워크)의 일종으로, 어플리케이션이 움직이는데 필요한 기능을 최소한만 겸비한 프레임워크입니다. 덧붙여서, Laravel이나 CakePHP등 많은 기능을 겸비한 프레임워크는 풀 스택 프레임워크라고 하고, 마이크로프레임워크와는 대조적인... PHP슬림초보자도입 절차프레임워크 [Rails] Devise에서 gem 'html2slim'을 사용할 때의 오류 정보 Devise를 사용할 때 "$ rails g devise : views"를 실행 한 후,$ bundle exec erb2slim app/views/devise -d 를 실행했습니다. 그 후, 「localhost:3000/users/sign_up」에 날 때에 에러 발생. app/views/devise/shared/_error_messages.html.slim 잘 보면 slim 구문이 잘못되었습... 슬림Railsdevise (초보자용)【Rails】시단 테크! 슬림의 도입 방법과 사용법 Ruby 템플릿 엔진 slim 도입 방법과 사용법을 설명합니다. Rails에서는 html.erb 라는 파일로 html을 쓰지만 <h1></h1>나 <% %> 를 매번 기입하는 것이 조금 번거롭습니다.slim 를 사용하면 html을 보다 간결하게 작성할 수 있으므로 개발에 드는 수고를 줄일 수 있습니다. ※ erb란? embedded Ruby. View 파일에서 원하는 곳에서 Ruby 코드를 ... HTML루비Rails슬림 【Rails】 Slim에서 kaminari를 도입하고 디자인을 변경하는 방법 · Ruby : 2.5.7 ·Rails: 5.2.4 ·Vagrant: 2.2.7 · VirtualBox : 6.1 · OS : macOS Catalina 하기 실장 완료. 1.Gem 도입 Gemfile 터미널 2. 페이지 네이션 설정 ①컨트롤러로 설정하는 경우 books_controller.rb.page(params[:page])➡︎ 페이지 네이션의 페이지 수를 지정합니다. .per(5)➡︎... Rails슬림Bootstrap3루비번개 chart.js를 사용하여 그래프를 작성해 보았습니다. 루비 2.5.0p0 Rails 5.2.4.2 슬림 이런 그래프가 간단하게 완성됩니다. gem 설치 chart.js 설치 package.json //= require Chart.min 추가 hoge/app/assets/javascripts/application.js view측 app/views/hoge/index.html.slim hoge/app/assets/javascripts/hoge.co... 루비Rails슬림 Slim이란? Rails에서 사용할 수있는 템플릿 엔진 Slim 외에 Haml 등이 있지만, Slim 쪽이 기술 방법이 간단. HTML을 태그가 아닌 계층 구조(들여쓰기)로 나타낸다. 닫기 태그는 생략 가능. MVC 프레임워크에서 Controller에서 정의한 변수를 view에서 사용할 수 있게 하는 구조. Rails에서는 표준으로 ERB가 채용되고 있다. "/" 코멘트 아웃 test.slim 출력 tes... 루비Rails슬림 【Rails6】DEPRECATION WARNING: Single arity template handlers are deprecated. Template handlers must now accept two parameters, the view object and the source for the view object. Rails6 업데이트 후, rails 기동시에 다음의 Warning을 토하게 되어 버린 것을 조사·해결한 메모입니다. 에서 해결. Ruby: 2.6.3 Rails: 5.2.4.1 => 6.0.2.1로 업데이트 우선 메시지의 내용을 살펴 보겠습니다.template handler 주위의 인터페이스에 변경이 들어가, Single arity template handlers 가 비추천이 된 것 같습니... Rails6사원Rails슬림 【Rails】 쉽게 Datetimepicker를 사용하는 방법 개인적으로 추천하는 Datetimepicker에 대해 소개하겠습니다. 도입이 엄청 간단합니다. 이런 식으로 날짜와 시간을 선택하면 구현할 수 있습니다. 개인적으로이 datetimepicker가 우수하다고 느끼는 점은 다음과 같습니다. 처음부터 캘린더와 시간이 표시됩니다 버튼을 클릭하는 횟수를 두 번 입력 할 수 있습니다 다른 datetimepicker라면, 일자를 클릭하지 않으면 시간의 란이... Rails슬림jQueryDatetimePicker루비 Rails에서 「Raty」를 사용한 별 기능을 붙인다 유저가 입소문 투고할 수 있는 기능을 작성, 별에 의한 평가 기능이 있으면 좋다고 생각했으므로 구현. 비슷한 기사는 다른 것도 있지만, slim으로 쓰여진 기사가 없었기 때문에 쓰기. · Rails에서 "Raty"를 사용하여 별의 기능을 만들고 싶은 사람 · slim을 사용하고 있습니다. · Rails 5.2.4 · 별 표시 · User 모델 ・Food 모델 · Review 모델 이번에는 "... 프로그래밍 초보자RailsjQuery슬림 pukiwiki 문법을 markdown 문법으로 변환하는 pukiwiki2markdown이라는 도구를 공개했습니다. 그렇다고는 해도, 1년전 정도에 쓴 툴입니다만, 「그러고 보니 Qiita에 어떻게 구현했는지, 라든지 쓰지 않았어―」 라고 생각했기 때문에 공양이 테라 기사했습니다. (∩´∀`)∩ 화면을 향해 왼쪽의 input 에 pukiwiki 의 문장을 넣으면 오른쪽에 변환 결과가 표시됩니다. 변환 결과를 클립보드에 복사할 수도 있습니다. 다음 명령을 실행하여 pukiwiki 문법에서 markdown 형... PHPReact슬림Slim3SlimFramework 【Rails】자신의 활동 일람을 표시한다【통지 기능의 응용】 안녕하세요! 고양이 조카 ( )라고합니다. 요 전날, 처음부터 독학으로 공부하고, 웹 서비스 「 」를 시작했습니다. 이 서비스는 다음과 같은 알림 기능을 구현합니다. 이 기능을 응용하여 자신이 「좋아요, 코멘트, 팔로우」한 이력을 「액티비티」로서 일람으로 보는 기능을 만들었습니다. 역시, 누구에게 좋네요를 했다든가, 누구에게 무슨 코멘트를 했다든지는 일람으로 볼 수 있는 편이 좋네요. 그런 ... 프로그래밍Rails슬림 【Rails】 form_with를 Slim으로 쓰고 CheckBox를 가로로 정렬했습니다. 소개 Rails에서 템플릿에 slim을 사용한 form_with의 구현으로 약간 고전했으므로, 정리해 보았습니다! 이번에는 CSS 프레임 워크에 Spectre를 사용하고 있습니다. (Bootstrap에서도 똑같이 할 수 있다고 생각합니다.) Slim에 좀처럼 익숙하지 않습니다 ... 환경 Ruby 2.6.3 Rails 5.2.3 일반 form_with를 작성하는 방법 hoge.html.sli... SpectreRails5슬림HTML5루비 [Rails6.0]Action Text로 작성한 내용을 slim으로 표시 Rails6에서 Action Text가 추가되어 매우 쉽게 리치 텍스트 편집기를 구현할 수 있습니다. 도입에 관해서는 많은 분이 기사로되어 있으므로 여기에서는 할애하겠습니다. 이 Action Text는 has_rich_text 메서드에 지정된 열에 ActionText::RichText 객체를 저장합니다. 예를 들면 다음과 같은 모델이 있었을 때, app/model/article.rb 저장된 ... Rails6이스케이프Rails슬림 Slim에서 JSON을 반환 할 때까지 메모 PHP의 경량 프레임 워크인 Slim을 만져 보았으므로 메모. WebAPI를 구현하고 응답으로 JSON을 반환하는 곳까지. macOS 10.13.6 PHP 7.1.23 composer 1.8.0 Slim 4.0.0 에 나와 있는 절차에 따라 설치를 진행합니다. 이것으로 최소 설치가 완료됩니다. 현재의 디렉토리 구성은 아래와 같이 되어 있을 것이므로, slim-test 이하에 public 디렉... PHP슬림 【Rails】Slim으로 중첩되어 있는 요소의 부모 태그만을 분기시킨다 Slim에서 중첩된 자식 태그는 그대로, 부모 태그만 전환하고 싶은 경우를 쓰는 방법으로 빠져서 메모. 구체적으로는 이런 느낌의 HTML을 출력하고 싶을 때입니다. 요청하는 HTML 직관적으로는 이렇게 쓰고 싶은 곳입니다만, slim에는 end 가 없기 때문에 이것이라고 에러가 되어 버립니다. 슬림 가장 소박하게 하면 이렇게 된다고 생각합니다. 슬림 이것은 중첩 태그를 2회 쓰고 있어 중복이... Rails슬림 제품을 게시할 때 파일 제출 양식을 아이콘으로 만드는 방법 html (이번, slim으로 쓰고 있습니다) scss 이 UI에서 ... 이쪽의 UI같이 장식을 해 사용하기 쉽게 하고 싶다. (그레이 어디서 눌러도 반응한다) example.html.slim html(slim)에서는 label과 input(file_field)를 기술하고 있습니다. example.scss 너무 오래 쓰고 있지만,해야 할 일은 input (file_field)을 displa... HTMLCSS슬림 slim을 erb로 대체 변환 제목이 남아 있지만 과도한 기대는하지 마십시오 erb 메인 프로젝트에서 웹상의 slim 형식의 파일을 복사하여 erb 파일에 사용하고 싶다는 의식이 낮은 앱입니다. . 라고 말하면서 개인적으로는 상당히 편리하게 사용하고 있습니다. 코피페로 싹둑 개요 잡으면 편리하고. erb로 변환이라고 하지만 Slim이 덧붙이는 erb의 부분은 이스케이프 표기가 들어갑니다. 후술하는 동작 동영상을 봐 주시면... Rails5erb슬림 slim template의 파이프로 개행하고 싶을 때 계측계의 서비스로 「스크립트를 그대로 붙여 주세요」같은 의뢰가 있을 때에 필요하므로 메모. 아무것도 생각하지 않고 파이프 ( | )로 빨리 대응하면, sample.slim 변환시, 개행이 모두 없어져 버린다. 출력 결과 그래서 파이프는 첫 번째 행 하나에 삽입하고 들여 쓰기를 정돈하고 외형대로 변환됩니다. sample.slim 슬림 사양이지만 수수께끼에 몰랐던 녀석 이런 쓰는 방법도 할 수 ... HTML슬림 Instagram의 소셜 플러그인을 Rails에서 Facebook이나 Twitter의 소셜 플러그인은 유명합니다만, 의외로 일본어 정보가 없는 것이 Instagram이 아닐까요? Instagram의 개발자 사이트에도 쓰지 않고 Wordpress 플러그인 정보와 얼마 안됩니다. 그러나 사실 다른 플러그인처럼 쉽게 붙여 넣을 수 있습니다. 일반 설치 방법과 비교하는 형태로 Rails-slim에서의 설정 방법을 기재합니다. 자세한 것은 이쪽에 실... InstagramRails슬림jQuery루비 【Rails】 셀렉트 태그의 선택은 확인할 수 있지만, 선택하지 않게 한다. 선택 상자 생성 배열 해시에서 선택 사항 생성 ⇦ 선택 상자가 있습니다. ⇦ 선택은 볼 수 있지만 선택은 할 수 없다 별도로 전부 선택할 수 없게 할 필요가 없다고 해도 조금 손을 가하면 일부만 선택할 수 없다든가라도 할 수 있다. erb라도 좋지만 최근 slim으로 쓸 기회가 많아요 ... 문서에는 :selected 를 지정할 수 있는 것은 써 있습니다만:disabled 하지만 지정할 수 ... Rails슬림 acts-as-taggable-on을 checkbox로 조작 Rails에서 태그를 만드는 데 유용한 acts-as-taggable-on이라는 Gem이 있습니다. 그러나 기본적으로 이런 손으로 입력하는 필드에 박는 장면을 상정하여 사용하고 있다고 생각합니다. 이것이, 이런 식으로 입력할 수 있으면 편리하죠? 인터넷에 정보가 많지 않고 본가의 젬 사이트 에도 나오지 않았기 때문에 여기에 방법을 올려 둡니다. 기본적으로 Gem을 Bundle하여 테이블을 만... 루비Rails슬림 background-image 자주 사용하는 패턴 메모 background-image에서 자주 사용하는 패턴 메모 슬림 sass 슬림 sass 슬림 sass... HTMLCSSSass슬림 border로 둘러싸인 버튼 여러 테두리로 둘러싸인 디자인의 버튼을 만들고 싶습니다. 슬림 scss... HTMLCSSscss슬림 이전 기사 보기
font-awesome-sass 사용 [rails, slim, FontAwesome] Rails에서 FontAwesome 사용 ( ) gem 'font-awesome-rails'는 최신 버전을 지원하지 않습니다 ... 대신 font-awesome-sass를 사용합시다! FontAwesome::Sass ( ) Get vector icons and social logos on your website with Font Awesome, the web's most popular ico... 초보자FontAwesomeRails슬림 PHP 무료 평가판 서버를 찾으면 AzureAppService에 도착한 메모 PHP의 slim 프레임 워크를 조금 시도하고 싶다고 생각하고 무료 서버를 찾았지만, 검색 상위의 환경은 노이미미 HTTPS화할 수 없었다. MySQL 사용하지 않아도 좋다, PHP 공부중인 사람. 조사하거나 공부하는 수고보다 유료 플랜으로 해 무료 SSL 일발 적용이 코스파 좋다고 생각한다. PHP 운영 환경 최근에는 HTTP로는 사용할 수 없는 javascript api도 있거나 하기 때... AzurePHPAzureAppService슬림 Tailwind의 Flexbox 조견표 flexboxRailstailwindcss슬림 Phoenix를 Slim으로 더 읽기 쉽게 저는 평소 웹 앱이나 사이트를 만들 때 Nuxt.js를 사용하는 경우가 많습니다. 하지만 좋아하는 언어는 Elixir이므로 이제 LiveView 를 사용한 프런트 개발에도 손을 내려고 생각하고, 이번은 LiveView에 Slim을 조합한 것을 시도해 보았습니다. HTML 태그를 짧고 간결하게 쓸 수 있는 템플릿 엔진입니다. 나는 Nuxt를 쓸 때 HTML이 읽히기 어려워 버릴 수 있으므로 S... LivevieElixir슬림 【Rails】link_to로 format 지정 타이틀대로, link_to 메소드로 포맷을 지정하는 방법에 대해서입니다 꽤 쉽지만, 의외로 기사가 히트하지 않았기 때문에 비망록적으로 남겨 둡니다. 출력 형식입니다. 일반적으로 HTML 형식으로 HTML 파일이 렌더링됩니다. 그 외에도 json 형식이나 pdf, csv 등이 있습니다. 이번에는 PDF의 출력을 상정해 보겠습니다. path 인수에 format을 지정하기만 하면 됩니다! 슬림 파... 루비Rails슬림 Ruby on Rails에서 Slim을 사용할 때 form_with에서 "undefined local variable or method `f' for " Ruby: v2.5.7 Rails: v5.2.4.4 gem slim: v4.1.0 이번에 Ruby on Rails의 Gem의 하나인 slim를 도입했는데 조속히 에러에 걸렸습니다. 내용은 NameErrorundefined local variable or method f' for #<#<Class:0x00007fef406b53c8>:0x00007fef35880668> 지정하고 있는 f 가 정의... form_withRails슬림 초보자가 Slim을 설치해 보았습니다! Laravel에서 몇 가지 애플리케이션을 만들었으므로, 또 하나 정도 프레임워크를 만져 보려고 Slim을 도입해 보았습니다. Slim은 경량 프레임워크(마이크로프레임워크)의 일종으로, 어플리케이션이 움직이는데 필요한 기능을 최소한만 겸비한 프레임워크입니다. 덧붙여서, Laravel이나 CakePHP등 많은 기능을 겸비한 프레임워크는 풀 스택 프레임워크라고 하고, 마이크로프레임워크와는 대조적인... PHP슬림초보자도입 절차프레임워크 [Rails] Devise에서 gem 'html2slim'을 사용할 때의 오류 정보 Devise를 사용할 때 "$ rails g devise : views"를 실행 한 후,$ bundle exec erb2slim app/views/devise -d 를 실행했습니다. 그 후, 「localhost:3000/users/sign_up」에 날 때에 에러 발생. app/views/devise/shared/_error_messages.html.slim 잘 보면 slim 구문이 잘못되었습... 슬림Railsdevise (초보자용)【Rails】시단 테크! 슬림의 도입 방법과 사용법 Ruby 템플릿 엔진 slim 도입 방법과 사용법을 설명합니다. Rails에서는 html.erb 라는 파일로 html을 쓰지만 <h1></h1>나 <% %> 를 매번 기입하는 것이 조금 번거롭습니다.slim 를 사용하면 html을 보다 간결하게 작성할 수 있으므로 개발에 드는 수고를 줄일 수 있습니다. ※ erb란? embedded Ruby. View 파일에서 원하는 곳에서 Ruby 코드를 ... HTML루비Rails슬림 【Rails】 Slim에서 kaminari를 도입하고 디자인을 변경하는 방법 · Ruby : 2.5.7 ·Rails: 5.2.4 ·Vagrant: 2.2.7 · VirtualBox : 6.1 · OS : macOS Catalina 하기 실장 완료. 1.Gem 도입 Gemfile 터미널 2. 페이지 네이션 설정 ①컨트롤러로 설정하는 경우 books_controller.rb.page(params[:page])➡︎ 페이지 네이션의 페이지 수를 지정합니다. .per(5)➡︎... Rails슬림Bootstrap3루비번개 chart.js를 사용하여 그래프를 작성해 보았습니다. 루비 2.5.0p0 Rails 5.2.4.2 슬림 이런 그래프가 간단하게 완성됩니다. gem 설치 chart.js 설치 package.json //= require Chart.min 추가 hoge/app/assets/javascripts/application.js view측 app/views/hoge/index.html.slim hoge/app/assets/javascripts/hoge.co... 루비Rails슬림 Slim이란? Rails에서 사용할 수있는 템플릿 엔진 Slim 외에 Haml 등이 있지만, Slim 쪽이 기술 방법이 간단. HTML을 태그가 아닌 계층 구조(들여쓰기)로 나타낸다. 닫기 태그는 생략 가능. MVC 프레임워크에서 Controller에서 정의한 변수를 view에서 사용할 수 있게 하는 구조. Rails에서는 표준으로 ERB가 채용되고 있다. "/" 코멘트 아웃 test.slim 출력 tes... 루비Rails슬림 【Rails6】DEPRECATION WARNING: Single arity template handlers are deprecated. Template handlers must now accept two parameters, the view object and the source for the view object. Rails6 업데이트 후, rails 기동시에 다음의 Warning을 토하게 되어 버린 것을 조사·해결한 메모입니다. 에서 해결. Ruby: 2.6.3 Rails: 5.2.4.1 => 6.0.2.1로 업데이트 우선 메시지의 내용을 살펴 보겠습니다.template handler 주위의 인터페이스에 변경이 들어가, Single arity template handlers 가 비추천이 된 것 같습니... Rails6사원Rails슬림 【Rails】 쉽게 Datetimepicker를 사용하는 방법 개인적으로 추천하는 Datetimepicker에 대해 소개하겠습니다. 도입이 엄청 간단합니다. 이런 식으로 날짜와 시간을 선택하면 구현할 수 있습니다. 개인적으로이 datetimepicker가 우수하다고 느끼는 점은 다음과 같습니다. 처음부터 캘린더와 시간이 표시됩니다 버튼을 클릭하는 횟수를 두 번 입력 할 수 있습니다 다른 datetimepicker라면, 일자를 클릭하지 않으면 시간의 란이... Rails슬림jQueryDatetimePicker루비 Rails에서 「Raty」를 사용한 별 기능을 붙인다 유저가 입소문 투고할 수 있는 기능을 작성, 별에 의한 평가 기능이 있으면 좋다고 생각했으므로 구현. 비슷한 기사는 다른 것도 있지만, slim으로 쓰여진 기사가 없었기 때문에 쓰기. · Rails에서 "Raty"를 사용하여 별의 기능을 만들고 싶은 사람 · slim을 사용하고 있습니다. · Rails 5.2.4 · 별 표시 · User 모델 ・Food 모델 · Review 모델 이번에는 "... 프로그래밍 초보자RailsjQuery슬림 pukiwiki 문법을 markdown 문법으로 변환하는 pukiwiki2markdown이라는 도구를 공개했습니다. 그렇다고는 해도, 1년전 정도에 쓴 툴입니다만, 「그러고 보니 Qiita에 어떻게 구현했는지, 라든지 쓰지 않았어―」 라고 생각했기 때문에 공양이 테라 기사했습니다. (∩´∀`)∩ 화면을 향해 왼쪽의 input 에 pukiwiki 의 문장을 넣으면 오른쪽에 변환 결과가 표시됩니다. 변환 결과를 클립보드에 복사할 수도 있습니다. 다음 명령을 실행하여 pukiwiki 문법에서 markdown 형... PHPReact슬림Slim3SlimFramework 【Rails】자신의 활동 일람을 표시한다【통지 기능의 응용】 안녕하세요! 고양이 조카 ( )라고합니다. 요 전날, 처음부터 독학으로 공부하고, 웹 서비스 「 」를 시작했습니다. 이 서비스는 다음과 같은 알림 기능을 구현합니다. 이 기능을 응용하여 자신이 「좋아요, 코멘트, 팔로우」한 이력을 「액티비티」로서 일람으로 보는 기능을 만들었습니다. 역시, 누구에게 좋네요를 했다든가, 누구에게 무슨 코멘트를 했다든지는 일람으로 볼 수 있는 편이 좋네요. 그런 ... 프로그래밍Rails슬림 【Rails】 form_with를 Slim으로 쓰고 CheckBox를 가로로 정렬했습니다. 소개 Rails에서 템플릿에 slim을 사용한 form_with의 구현으로 약간 고전했으므로, 정리해 보았습니다! 이번에는 CSS 프레임 워크에 Spectre를 사용하고 있습니다. (Bootstrap에서도 똑같이 할 수 있다고 생각합니다.) Slim에 좀처럼 익숙하지 않습니다 ... 환경 Ruby 2.6.3 Rails 5.2.3 일반 form_with를 작성하는 방법 hoge.html.sli... SpectreRails5슬림HTML5루비 [Rails6.0]Action Text로 작성한 내용을 slim으로 표시 Rails6에서 Action Text가 추가되어 매우 쉽게 리치 텍스트 편집기를 구현할 수 있습니다. 도입에 관해서는 많은 분이 기사로되어 있으므로 여기에서는 할애하겠습니다. 이 Action Text는 has_rich_text 메서드에 지정된 열에 ActionText::RichText 객체를 저장합니다. 예를 들면 다음과 같은 모델이 있었을 때, app/model/article.rb 저장된 ... Rails6이스케이프Rails슬림 Slim에서 JSON을 반환 할 때까지 메모 PHP의 경량 프레임 워크인 Slim을 만져 보았으므로 메모. WebAPI를 구현하고 응답으로 JSON을 반환하는 곳까지. macOS 10.13.6 PHP 7.1.23 composer 1.8.0 Slim 4.0.0 에 나와 있는 절차에 따라 설치를 진행합니다. 이것으로 최소 설치가 완료됩니다. 현재의 디렉토리 구성은 아래와 같이 되어 있을 것이므로, slim-test 이하에 public 디렉... PHP슬림 【Rails】Slim으로 중첩되어 있는 요소의 부모 태그만을 분기시킨다 Slim에서 중첩된 자식 태그는 그대로, 부모 태그만 전환하고 싶은 경우를 쓰는 방법으로 빠져서 메모. 구체적으로는 이런 느낌의 HTML을 출력하고 싶을 때입니다. 요청하는 HTML 직관적으로는 이렇게 쓰고 싶은 곳입니다만, slim에는 end 가 없기 때문에 이것이라고 에러가 되어 버립니다. 슬림 가장 소박하게 하면 이렇게 된다고 생각합니다. 슬림 이것은 중첩 태그를 2회 쓰고 있어 중복이... Rails슬림 제품을 게시할 때 파일 제출 양식을 아이콘으로 만드는 방법 html (이번, slim으로 쓰고 있습니다) scss 이 UI에서 ... 이쪽의 UI같이 장식을 해 사용하기 쉽게 하고 싶다. (그레이 어디서 눌러도 반응한다) example.html.slim html(slim)에서는 label과 input(file_field)를 기술하고 있습니다. example.scss 너무 오래 쓰고 있지만,해야 할 일은 input (file_field)을 displa... HTMLCSS슬림 slim을 erb로 대체 변환 제목이 남아 있지만 과도한 기대는하지 마십시오 erb 메인 프로젝트에서 웹상의 slim 형식의 파일을 복사하여 erb 파일에 사용하고 싶다는 의식이 낮은 앱입니다. . 라고 말하면서 개인적으로는 상당히 편리하게 사용하고 있습니다. 코피페로 싹둑 개요 잡으면 편리하고. erb로 변환이라고 하지만 Slim이 덧붙이는 erb의 부분은 이스케이프 표기가 들어갑니다. 후술하는 동작 동영상을 봐 주시면... Rails5erb슬림 slim template의 파이프로 개행하고 싶을 때 계측계의 서비스로 「스크립트를 그대로 붙여 주세요」같은 의뢰가 있을 때에 필요하므로 메모. 아무것도 생각하지 않고 파이프 ( | )로 빨리 대응하면, sample.slim 변환시, 개행이 모두 없어져 버린다. 출력 결과 그래서 파이프는 첫 번째 행 하나에 삽입하고 들여 쓰기를 정돈하고 외형대로 변환됩니다. sample.slim 슬림 사양이지만 수수께끼에 몰랐던 녀석 이런 쓰는 방법도 할 수 ... HTML슬림 Instagram의 소셜 플러그인을 Rails에서 Facebook이나 Twitter의 소셜 플러그인은 유명합니다만, 의외로 일본어 정보가 없는 것이 Instagram이 아닐까요? Instagram의 개발자 사이트에도 쓰지 않고 Wordpress 플러그인 정보와 얼마 안됩니다. 그러나 사실 다른 플러그인처럼 쉽게 붙여 넣을 수 있습니다. 일반 설치 방법과 비교하는 형태로 Rails-slim에서의 설정 방법을 기재합니다. 자세한 것은 이쪽에 실... InstagramRails슬림jQuery루비 【Rails】 셀렉트 태그의 선택은 확인할 수 있지만, 선택하지 않게 한다. 선택 상자 생성 배열 해시에서 선택 사항 생성 ⇦ 선택 상자가 있습니다. ⇦ 선택은 볼 수 있지만 선택은 할 수 없다 별도로 전부 선택할 수 없게 할 필요가 없다고 해도 조금 손을 가하면 일부만 선택할 수 없다든가라도 할 수 있다. erb라도 좋지만 최근 slim으로 쓸 기회가 많아요 ... 문서에는 :selected 를 지정할 수 있는 것은 써 있습니다만:disabled 하지만 지정할 수 ... Rails슬림 acts-as-taggable-on을 checkbox로 조작 Rails에서 태그를 만드는 데 유용한 acts-as-taggable-on이라는 Gem이 있습니다. 그러나 기본적으로 이런 손으로 입력하는 필드에 박는 장면을 상정하여 사용하고 있다고 생각합니다. 이것이, 이런 식으로 입력할 수 있으면 편리하죠? 인터넷에 정보가 많지 않고 본가의 젬 사이트 에도 나오지 않았기 때문에 여기에 방법을 올려 둡니다. 기본적으로 Gem을 Bundle하여 테이블을 만... 루비Rails슬림 background-image 자주 사용하는 패턴 메모 background-image에서 자주 사용하는 패턴 메모 슬림 sass 슬림 sass 슬림 sass... HTMLCSSSass슬림 border로 둘러싸인 버튼 여러 테두리로 둘러싸인 디자인의 버튼을 만들고 싶습니다. 슬림 scss... HTMLCSSscss슬림 이전 기사 보기