자바스크립트 Hyperloop 모듈 사용하기 (2) 이동해 봅시다. 이어서 이번에는 간단한 기능을 추가하여 Hyperloop 모듈을 움직여 보겠습니다. 프로젝트를 만든 시점의 병아리에서 app/controllers/index.js를 편집합니다. 빌드하고 버튼을 클릭하면 훌륭하게 화면이 새빨갛게 되어 아무것도 할 수 없게 됩니다. 성공입니다. 빌드 시간도 그다지 변하지 않습니다. 왼쪽 모서리에 빨간색 사각형을 표시합니다. Titanium에서 그대로 한 것이 훨... 안드로이드iOS자바스크립트Titanium iOS 모듈을 64bit 대응하는 방법 이 기사는 20일에 기사가 늦지 않아. 위험하다 ~라고 생각하면, Titanium의 거인으로부터 재촉이 왔습니다 w 내년은 늦지 않고 쓰도록 하겠습니다! 라고 생각했습니다. 네! 모듈이 64bit 대응되어 있지 않을 때의 에러입니다. 이 에러라면 「 」의 모듈이 64bit에 대응할 수 없어요! 라고 말합니다. 이번에는 모듈의 64bit 대응 방법을 쓰고 싶습니다. 굉장히 간단합니다만, 이외와... iOS자바스크립트Titanium Titanium의 비즈니스 로직을 Node.js로 개발 1. 규모가 커져도 취급하기 쉽고, 변경에 강하다 2. 비즈니스 로직 부분을 Node로 개발할 수 있으면 개발 속도 빨라진다 (규모가 작을 때는 로 만들어 도망치는 것도 선택사항 중 하나입니다.) 비즈니스 로직으로 격리. (이것을 깨끗이 잘라내는 것이 힘들지만 그 이야기는 할애...) 예를 들어 MBaaS (Mobile Backend as a Service, 데이터의 지속성에 관한 RESTf... DDD자바스크립트Titanium 카카시 소개 우선은 이쪽의 비디오를 봐 주세요(Qiita는 a태그에 target 지정할 수 없는 것일까?). 왠지, 좋네요! 자사 개발의 소형 모니터링 디바이스가 설치된 농장으로부터, 기온이나 습도, 토양 외에 화상등의 정보가 근처의 휴대 단말에 Bluetooth 경유로 송신되어, 서버를 경유해 다양한 단말과 공유하는 것이 수 있습니다. 또 생산자와 소비자는 서로 농작물이나 그 이용등을 서로 공유하는 것... 자바스크립트startupTitaniumIoT안드로이드 [iOS·Android]Alloy에서 타이틀바를 템플릿화하여 작업량 감소 제목 표시 줄의 코드가 각 화면의 코드에 기록되면, 화면수가 3화면이라면 좋지만, 5화면이나 10화면 등 화면수가 늘어난 경우에, 제목 표시 줄의 사양을 변경하면 모든 화면의 코드를 변경하는 것이 매우 어렵습니다. 그리고 절대로 고쳐 잊어버리거나 해서 동기 부여다 하락입니다. 그렇게하지 않으려면 제목 표시 줄을 각 화면의 코드와 분리하여 즐겁게하십시오. 타이틀 바의 뷰를 다음과 같이 작성합니... iOS자바스크립트Titanium안드로이드Alloy Titanium에서 Android ActionBar의 모양을 사용자 정의 Titanium SDK 3.3.0부터 Android의 Theme이 AppCompat가 되었습니까? 이제 이것이 고민하지 않고 ActionBar의 외관을 커스터마이즈 할 수 있습니다. 방법은 간단하며 맞춤 테마를 만들고 앱의 기본 액티비티에 그 곳을 사용한다고 선언하기 만하면됩니다. 먼저 맞춤 테마를 만드세요. 할 수 있었습니까? … 할 수 없어요? 그럴 때 유용한 도구가 있습니다. 「 」로 ... 자바스크립트Titanium Titanium에서 Gunosy 스타일 UI 구현 블로그에서도 썼습니다. 소스 코드 ⇢ (github) 화면을 옆으로 스 와이프하면 탭도 움직이는 UI를 만들고 싶었습니다. 여기를 보았다. 기본적으로 상기 참고 링크처의 코드를 코피페로 좋지만, 주의가 1점. Nexus5와 같은 높은 dpi 터미널에서 사용하는 경우, 그리고 case 문을 추가합니다. 결국 이런 느낌이 되었다.... Alloy자바스크립트Titanium Android에서 소프트웨어 키보드를 표시하면 View 객체가 올라갑니다. Titanium에는 훌륭한 서포트 사이트( )가 있기 때문에, 지금까지 Qiita에는 아무것도 투고하고 있지 않았습니다만, 요전날의 유저회에서 이대로는 너무 수수하고 세상으로부터 잊혀져 버릴 것 같은 우려가 제출되었으므로 게시해 보겠습니다. 그래서, 표제의 건입니다만. 예를 들어 WebView를 표시하고 뒤로 버튼과 같은 컨트롤에 대한 View를 바닥글 부분에 표시한다고 가정합니다. foot... 자바스크립트Titanium Titanium의 ListView에 Android 지원 PullView가 없었기 때문에 만들었습니다. PullView라고 하는 것은 테이블을 아래로 당겨 갱신하고 있다고 하는 것이 표시되는 아레군요. 역시 갱신 처리는 지금 PullView 사용하지 않는다고 생각하고 있었습니다만, Titanium의 ListView는 Android에서 pullView를 사용할 수 없습니다. 지금은 iOS 전용입니다. 몇 가지 Widget도 있었지만 이번에는 스스로 만들어 보았습니다. 샘플이라는 것으로 ListV... 안드로이드iOS자바스크립트Titanium Alloy&ACS로 「폭속」&「무료」로 서버 대응 iOS・Android 앱을 만든다 [유저 등록] 이전에 이라는 기사에서 샘플을 시작하기까지했습니다. 그러나 불행히도 샘플은 Classic으로 작성되었습니다. 샘플 사용자 등록 코드를 기반으로 ACS를 사용하여 간단한 사용자 등록의 Alloy 버전 코드를 게시합니다. 필요한 정보가 등록되어 있고 Create를 눌렀을 때 사용자를 ACS 서버에 등록합니다. 모든 정보가 등록되지 않았거나 암호와 확인 암호가 일치하지 않으면 사용자 이름이 이미 ... iOS자바스크립트Titanium안드로이드Alloy Facebook의 GraphApi 취득 방법 Facebook 정보를 얻으려면 facebook developers를 사용하십시오. URL은 여기 Tools에서 Graph API Explorer를 엽니다. 검색 바에서 취득하고 싶은 정보를 조사할 수 있다. 실제로 기술한 것은 이쪽 facebook Garaph API는, 버전이 업 했을 때에 팔로우 되고 있는 친구의 정보를 입수할 수 없게 되어 있는 모양인 것 같습니다. 자신의 status... 자바스크립트Titanium 프로젝트의 지속 시간과 프레임 속도를 지정하고 함께 변경 Adobe ExtendScript를 사용하여 프로젝트의 지속 시간과 프레임 속도를 지정하고 함께 변경합니다. 어떤 움직임을 할 것인가는 코멘트를 읽으면 알 수 있다고 생각합니다 Ae로 제작하는 루프 소재의 딜레이션을 변경하는데 편리합니다. 관련 기사 참고 자료 After Effects 스크립트 참조 참고서적 After Effects 자동화 샘플 프로그램 After Effects 자동화 샘플 ... adobeAfterEffects자바스크립트extendscript 현대적인 디자인으로 가벼운 자바 스크립트 컨텍스트 메뉴 라이브러리를 만들었습니다. Fluent Design의 영향을 받은 현대적이고 아름답고 가벼운 JavaScript 컨텍스트 메뉴 라이브러리를 만들었습니다. 컨텍스트 메뉴가 표시되면 제대로 애니메이션도 붙어 있습니다! 그리고 어두운 모드를 지원합니다. 브라우저가 어두운 모드로 설정되어 있으면 자동으로 검정색을 기조로 한 디자인으로 전환됩니다. 그물에서 컨텍스트 메뉴의 라이브러리를 찾으면 많이 나오는 것의 오래된 디자인의 ... MaterialDesignFluentDesign자바스크립트컨텍스트 메뉴도서관 Angular에서 앱 테마 관리 세상에 어두운 모드가 유행하고 있는 가운데, 어두운 모드를 구현하는 방법은 여러 가지가 있지만 이번에는 Angular에서 앱 테마(배경, 색)를 관리해 보았다. 이번 앱에 사용한 것은 이런 느낌입니다. Angular 9 Angular Material 9.2.1 Angular Material의 설치와 설정이 끝나면, 먼저 테마 작성용 scss 파일을 작성한다. 처음에는 Angular Mater... Angular자바스크립트MaterialDesign Vuetify 2.2의 새로운 기능 Presets 2020/01/02 에 릴리스된 Vuetify 2.2 로부터 추가된 Presets 기능이 꽤 좋았기 때문에, 기사로 해 보았습니다. 은 , , 등 보다 구체적인 어플리케이션의 디자인 예와 함께, 그 디자인의 이론적 근거나 컴퍼넌트 선택에 대해 상세히 설명한, Material Design 을 배우는데 매우 유용 콘텐츠가되고 있습니다. Preset은 Vue CLI의 플러그인으로 구현되므로 Vue... Vue.jsMaterialDesign자바스크립트Vuetify WebComponents만으로 앱의 골격을 만들어 봅니다. WebComponents, 무엇이 좋은가 하면 브라우저에서 네이티브에 대응하고 있는 것이군요. 이제 본가, 3rd 파티도 라이브러리가 충실해 왔고, Vue라든지 React라든지의 프레임워크를 사용하지 않고 WebComponents만으로 갈 수 있을 것 같은 느낌이 되어 왔으므로, 우선 아래와 같은 앱의 골격을 만들어 검증해 봐. 공식 의 material-components-android ma... MaterialDesign자바스크립트DashBoardWebComponentsNode.js Material UI에서 Shadow를 완전히 끄는 방법(React) 버튼 재정의 그렇게하면 꺼질 수 있다고 생각 했지만 눌렀을 때 나타나는 그림자는 지울 수없는 것으로 판명되었으므로 조금 더 추가하기로 결정했습니다. 누르기 전 누를 때 이것만 none을 붙이는 방법에 주목 「이 화면에서는, 나는 리플 이펙트만을 원해! 그렇다면 시도해보십시오.... MaterialDesignReact자바스크립트CSSmaterial-ui 서버 측 엔지니어가 Vuetify에서 좋은 느낌의 포트폴리오를 만들어 보았습니다. 평소에는 서버 측을 중심으로 업무를 수행하고 있으며, Python과 Go를 중심으로 사용하고 있습니다. 클라우드를 사랑하고 디자인이 서투른 Bootstrap에 의존하는 타입입니다. 당돌에 포트폴리오를 만들고 싶어졌기 때문에 어떻게 만들까 생각했습니다. CSS는 가능한 한 쓰지 않는 방향으로 가고 싶습니다 ... (덧붙여서 Qiita 투고는 2년만 정도) 있었습니다. Vuetify라는 Mate... Vue.jsMaterialDesign자바스크립트Vuetify Vue Cli 3으로 만든 컴포넌트 라이브러리를 npm으로 공개 Vue.js, TypeScript, Serverless, Cordova 등이 있습니다. Vue.js에서 Material Design하고 싶어서 Vuetify나 Vue Material이나 라이브러리를 만져 보았지만, npm 공개 작업은 상당히 쉽게 할 수 있었으므로 npm publish의 방법을 공유합니다. Material Design을 위한 Vue.js 컴포넌트 라이브러리. Vue CLI 3... Vue.jsnpm자바스크립트MaterialDesign 네리마 구의 신형 코로나 바이러스 백신 예약 효율성 이 기사에서 소개하는 방법은 불법적인 수단이나 무단 액세스를 권장하지 않습니다. 반드시 자신의 접종권 번호와 비밀번호로 로그인하십시오. 에리어・희망일을 폼으로 선택하고 검색 버튼을 클릭하는 방식입니다. 회장에 빈 공간이 있으면, 폼으로 선택한 접종 희망일 이외도 검색 결과에 표시되는 것 같습니다. 여기에서 가장 짧은 날짜 (기사 게시 시점의 내일)를 선택했습니다. 여유가 없으면 이미지와 같은... 자바스크립트COVID-19 '텔레워크'와 '신형 코로나'에는 상관성이 있는지 확인해 보았다. 이 기사는 5일 전에 프로그래밍을 공부하기 시작한 초보자의 첫 Qiita 게시물입니다. 그래서 정기적으로 출력해 나가면 좋겠다고 생각합니다. "Qiita상에서 "텔레워크"라는 워드가 포함된 기사의 수를 일별로 추출해, 신형 코로나의 감염자수와의 상관성을 본다" 작년까지는, "텔레워크"라는 말은 IT 업계나 벤처 세계에서 당연히 들었지만, 세상 일반에서는 아직 마이너리티한 일이었던 것 같습니다... 자바스크립트초보자COVID-19Node.js텔레워크 Node.js의 라우팅 이야기 (MVC 구현까지) node.js커녕 웹계 거의 초보자 지식밖에 없었는데, 집중적으로 2개월 정도 독학으로 배워왔기 때문에 알게 된 것을 쓰자. 이번에는 라우팅 이야기입니다. 이번에는 프레임 워크에 Express를 사용하고 있습니다. 기본적으로 app.js는 모든 처리를 지시합니다. app.js -> router -> Model(View) 같은 느낌으로 처리를 나눌 수도 있습니다. 라고 할까, 그것이 기본입니다... 라우터Express자바스크립트mvcNode.js MVC의 심연 를 보면 Trygve Reenskaug씨가 고안했다고 쓰여 있다. 뷰에 조작 오브젝트가 있는 경우와, 단순히 키보드나 마우스의 상태를 픽업하는 것을 고려하는 예이다. 그러나 잘 생각하면 이상하다. 예를 들어 키보드에서 입력한 문자를 화면에 표시하고 있는 것은 누구일까? 인간의 인식에서는 뷰와 컨트롤러가 같은 장소에 있는 것처럼 보이지만, 모델에서 보면 완전히 별개이다. 실은 모델이 당신의 배... 웹server자바스크립트mvc인프라 도카벤 OP를 html/css/js에서 재현해 보았다 아무래도 매번 익숙한 나카노입니다. (아직 2번째의 투고) 이번에는 「도카벤의 오프닝의 문자가 떠오르는 녀석」을 만들었습니다. index.html style.css script.js 기본은, setInterval(function(){~},200) 로 1회씩 ID를 변경해 움직이고 있는 것처럼 보이고 있을 뿐입니다. 단시간에 생각한 스크립트이므로, 구조는 간단합니다. 모두 변경하고 놀자! 다른... 작은 재료CSS자바스크립트도카벤 「2==1==0 → true」와이「!?」 우선 처음 두 항에 주목하겠습니다.2==1 는 false 네요. 그렇다고 하는 것은, 실제로는 false==0 를 평가하게 됩니다. JS == 는 암시적 형식 변환을 수행하므로 false와 0은 등가이고 최종 결과는 true입니다. 그래서 아래 그림과 같이 왼쪽의 식을 얼마나 길게 하자, 결과는 true입니다. 10==9==8==7==6==5==4==3==2==1 는 false이므로 결국 f... 작은 재료신인 프로그래머 응원자바스크립트 JavaScript는 비교 연산자 "도"추이 관계가 성립되지 않은 건 ※이 투고는 2010/07/21 에 에 투고한 기사의 전재입니다. 추이 관계(transitive relation)라고 하는 것은, 「바람이 불면 먼지가 타츠」 「먼지가 가라바(약) 야마가 돈다」이기 때문에 「바람이 불으면 가게가 벌어진다」라고 하는 3단론법 같은 녀석 네요. 일반적으로 관계 R이 어떤 조합의 a, b, c에 대해 아래와 같이 말할 때 R은 전이적이라고합니다. 수치의 대소 비교... 작은 재료자바스크립트 ros2-web-bridge를 사용해 보았습니다. 을 사용할 기회가 있었으므로 사용법 단계를 공유합니다. Ubuntu20.04 ROS2 foxy 우선은 아래의 순서로 진행해 주세요. npm 설치 단계에서 node-gyp 관련 오류가 발생하면 아래 명령을 실행하십시오. gyp을 설치해도 자신의 경우에는 node 버전이 맞지 않는다고 들었습니다. 그러므로, 그 경우는 를 참고로 node 를 업데이트해 주세요. npm install이 성공적으로 ... C++ROS2ROS파이썬자바스크립트 【JavaScript】 해외 Teck계 YouTuber를 모방해 보았다! (part 1) BookList 앱 | No Frameworks 이 기사는 해외 Teck계 YouTuber의 동영상을 참고로 같은 프로젝트를 작성해 본 것이 됩니다! 간단하지만 동영상을 통해 배운 기술과 지식을 정리했습니다! ➡ 는 JavaScript로 ToDoList를 만듭니다 완성품은, 아래와 같이 실려 있습니다 Frameworks를 사용하지 않고 BookList를 만들 수있었습니다! 주로, ①클래스 작성 ② static 메소드를 만드는 방법과 사용법... bootswatch영어자바스크립트FontAwesome js.erb에서 쉽게 비동기 통신 이미지 삭제 FontAweSome에서 삭제 아이콘 도입 qiita.rb xxx.html.erb photos_controller.rb photos/destroy.js.erb... 자바스크립트아약스RailsFontAwesome 이전 기사 보기
Hyperloop 모듈 사용하기 (2) 이동해 봅시다. 이어서 이번에는 간단한 기능을 추가하여 Hyperloop 모듈을 움직여 보겠습니다. 프로젝트를 만든 시점의 병아리에서 app/controllers/index.js를 편집합니다. 빌드하고 버튼을 클릭하면 훌륭하게 화면이 새빨갛게 되어 아무것도 할 수 없게 됩니다. 성공입니다. 빌드 시간도 그다지 변하지 않습니다. 왼쪽 모서리에 빨간색 사각형을 표시합니다. Titanium에서 그대로 한 것이 훨... 안드로이드iOS자바스크립트Titanium iOS 모듈을 64bit 대응하는 방법 이 기사는 20일에 기사가 늦지 않아. 위험하다 ~라고 생각하면, Titanium의 거인으로부터 재촉이 왔습니다 w 내년은 늦지 않고 쓰도록 하겠습니다! 라고 생각했습니다. 네! 모듈이 64bit 대응되어 있지 않을 때의 에러입니다. 이 에러라면 「 」의 모듈이 64bit에 대응할 수 없어요! 라고 말합니다. 이번에는 모듈의 64bit 대응 방법을 쓰고 싶습니다. 굉장히 간단합니다만, 이외와... iOS자바스크립트Titanium Titanium의 비즈니스 로직을 Node.js로 개발 1. 규모가 커져도 취급하기 쉽고, 변경에 강하다 2. 비즈니스 로직 부분을 Node로 개발할 수 있으면 개발 속도 빨라진다 (규모가 작을 때는 로 만들어 도망치는 것도 선택사항 중 하나입니다.) 비즈니스 로직으로 격리. (이것을 깨끗이 잘라내는 것이 힘들지만 그 이야기는 할애...) 예를 들어 MBaaS (Mobile Backend as a Service, 데이터의 지속성에 관한 RESTf... DDD자바스크립트Titanium 카카시 소개 우선은 이쪽의 비디오를 봐 주세요(Qiita는 a태그에 target 지정할 수 없는 것일까?). 왠지, 좋네요! 자사 개발의 소형 모니터링 디바이스가 설치된 농장으로부터, 기온이나 습도, 토양 외에 화상등의 정보가 근처의 휴대 단말에 Bluetooth 경유로 송신되어, 서버를 경유해 다양한 단말과 공유하는 것이 수 있습니다. 또 생산자와 소비자는 서로 농작물이나 그 이용등을 서로 공유하는 것... 자바스크립트startupTitaniumIoT안드로이드 [iOS·Android]Alloy에서 타이틀바를 템플릿화하여 작업량 감소 제목 표시 줄의 코드가 각 화면의 코드에 기록되면, 화면수가 3화면이라면 좋지만, 5화면이나 10화면 등 화면수가 늘어난 경우에, 제목 표시 줄의 사양을 변경하면 모든 화면의 코드를 변경하는 것이 매우 어렵습니다. 그리고 절대로 고쳐 잊어버리거나 해서 동기 부여다 하락입니다. 그렇게하지 않으려면 제목 표시 줄을 각 화면의 코드와 분리하여 즐겁게하십시오. 타이틀 바의 뷰를 다음과 같이 작성합니... iOS자바스크립트Titanium안드로이드Alloy Titanium에서 Android ActionBar의 모양을 사용자 정의 Titanium SDK 3.3.0부터 Android의 Theme이 AppCompat가 되었습니까? 이제 이것이 고민하지 않고 ActionBar의 외관을 커스터마이즈 할 수 있습니다. 방법은 간단하며 맞춤 테마를 만들고 앱의 기본 액티비티에 그 곳을 사용한다고 선언하기 만하면됩니다. 먼저 맞춤 테마를 만드세요. 할 수 있었습니까? … 할 수 없어요? 그럴 때 유용한 도구가 있습니다. 「 」로 ... 자바스크립트Titanium Titanium에서 Gunosy 스타일 UI 구현 블로그에서도 썼습니다. 소스 코드 ⇢ (github) 화면을 옆으로 스 와이프하면 탭도 움직이는 UI를 만들고 싶었습니다. 여기를 보았다. 기본적으로 상기 참고 링크처의 코드를 코피페로 좋지만, 주의가 1점. Nexus5와 같은 높은 dpi 터미널에서 사용하는 경우, 그리고 case 문을 추가합니다. 결국 이런 느낌이 되었다.... Alloy자바스크립트Titanium Android에서 소프트웨어 키보드를 표시하면 View 객체가 올라갑니다. Titanium에는 훌륭한 서포트 사이트( )가 있기 때문에, 지금까지 Qiita에는 아무것도 투고하고 있지 않았습니다만, 요전날의 유저회에서 이대로는 너무 수수하고 세상으로부터 잊혀져 버릴 것 같은 우려가 제출되었으므로 게시해 보겠습니다. 그래서, 표제의 건입니다만. 예를 들어 WebView를 표시하고 뒤로 버튼과 같은 컨트롤에 대한 View를 바닥글 부분에 표시한다고 가정합니다. foot... 자바스크립트Titanium Titanium의 ListView에 Android 지원 PullView가 없었기 때문에 만들었습니다. PullView라고 하는 것은 테이블을 아래로 당겨 갱신하고 있다고 하는 것이 표시되는 아레군요. 역시 갱신 처리는 지금 PullView 사용하지 않는다고 생각하고 있었습니다만, Titanium의 ListView는 Android에서 pullView를 사용할 수 없습니다. 지금은 iOS 전용입니다. 몇 가지 Widget도 있었지만 이번에는 스스로 만들어 보았습니다. 샘플이라는 것으로 ListV... 안드로이드iOS자바스크립트Titanium Alloy&ACS로 「폭속」&「무료」로 서버 대응 iOS・Android 앱을 만든다 [유저 등록] 이전에 이라는 기사에서 샘플을 시작하기까지했습니다. 그러나 불행히도 샘플은 Classic으로 작성되었습니다. 샘플 사용자 등록 코드를 기반으로 ACS를 사용하여 간단한 사용자 등록의 Alloy 버전 코드를 게시합니다. 필요한 정보가 등록되어 있고 Create를 눌렀을 때 사용자를 ACS 서버에 등록합니다. 모든 정보가 등록되지 않았거나 암호와 확인 암호가 일치하지 않으면 사용자 이름이 이미 ... iOS자바스크립트Titanium안드로이드Alloy Facebook의 GraphApi 취득 방법 Facebook 정보를 얻으려면 facebook developers를 사용하십시오. URL은 여기 Tools에서 Graph API Explorer를 엽니다. 검색 바에서 취득하고 싶은 정보를 조사할 수 있다. 실제로 기술한 것은 이쪽 facebook Garaph API는, 버전이 업 했을 때에 팔로우 되고 있는 친구의 정보를 입수할 수 없게 되어 있는 모양인 것 같습니다. 자신의 status... 자바스크립트Titanium 프로젝트의 지속 시간과 프레임 속도를 지정하고 함께 변경 Adobe ExtendScript를 사용하여 프로젝트의 지속 시간과 프레임 속도를 지정하고 함께 변경합니다. 어떤 움직임을 할 것인가는 코멘트를 읽으면 알 수 있다고 생각합니다 Ae로 제작하는 루프 소재의 딜레이션을 변경하는데 편리합니다. 관련 기사 참고 자료 After Effects 스크립트 참조 참고서적 After Effects 자동화 샘플 프로그램 After Effects 자동화 샘플 ... adobeAfterEffects자바스크립트extendscript 현대적인 디자인으로 가벼운 자바 스크립트 컨텍스트 메뉴 라이브러리를 만들었습니다. Fluent Design의 영향을 받은 현대적이고 아름답고 가벼운 JavaScript 컨텍스트 메뉴 라이브러리를 만들었습니다. 컨텍스트 메뉴가 표시되면 제대로 애니메이션도 붙어 있습니다! 그리고 어두운 모드를 지원합니다. 브라우저가 어두운 모드로 설정되어 있으면 자동으로 검정색을 기조로 한 디자인으로 전환됩니다. 그물에서 컨텍스트 메뉴의 라이브러리를 찾으면 많이 나오는 것의 오래된 디자인의 ... MaterialDesignFluentDesign자바스크립트컨텍스트 메뉴도서관 Angular에서 앱 테마 관리 세상에 어두운 모드가 유행하고 있는 가운데, 어두운 모드를 구현하는 방법은 여러 가지가 있지만 이번에는 Angular에서 앱 테마(배경, 색)를 관리해 보았다. 이번 앱에 사용한 것은 이런 느낌입니다. Angular 9 Angular Material 9.2.1 Angular Material의 설치와 설정이 끝나면, 먼저 테마 작성용 scss 파일을 작성한다. 처음에는 Angular Mater... Angular자바스크립트MaterialDesign Vuetify 2.2의 새로운 기능 Presets 2020/01/02 에 릴리스된 Vuetify 2.2 로부터 추가된 Presets 기능이 꽤 좋았기 때문에, 기사로 해 보았습니다. 은 , , 등 보다 구체적인 어플리케이션의 디자인 예와 함께, 그 디자인의 이론적 근거나 컴퍼넌트 선택에 대해 상세히 설명한, Material Design 을 배우는데 매우 유용 콘텐츠가되고 있습니다. Preset은 Vue CLI의 플러그인으로 구현되므로 Vue... Vue.jsMaterialDesign자바스크립트Vuetify WebComponents만으로 앱의 골격을 만들어 봅니다. WebComponents, 무엇이 좋은가 하면 브라우저에서 네이티브에 대응하고 있는 것이군요. 이제 본가, 3rd 파티도 라이브러리가 충실해 왔고, Vue라든지 React라든지의 프레임워크를 사용하지 않고 WebComponents만으로 갈 수 있을 것 같은 느낌이 되어 왔으므로, 우선 아래와 같은 앱의 골격을 만들어 검증해 봐. 공식 의 material-components-android ma... MaterialDesign자바스크립트DashBoardWebComponentsNode.js Material UI에서 Shadow를 완전히 끄는 방법(React) 버튼 재정의 그렇게하면 꺼질 수 있다고 생각 했지만 눌렀을 때 나타나는 그림자는 지울 수없는 것으로 판명되었으므로 조금 더 추가하기로 결정했습니다. 누르기 전 누를 때 이것만 none을 붙이는 방법에 주목 「이 화면에서는, 나는 리플 이펙트만을 원해! 그렇다면 시도해보십시오.... MaterialDesignReact자바스크립트CSSmaterial-ui 서버 측 엔지니어가 Vuetify에서 좋은 느낌의 포트폴리오를 만들어 보았습니다. 평소에는 서버 측을 중심으로 업무를 수행하고 있으며, Python과 Go를 중심으로 사용하고 있습니다. 클라우드를 사랑하고 디자인이 서투른 Bootstrap에 의존하는 타입입니다. 당돌에 포트폴리오를 만들고 싶어졌기 때문에 어떻게 만들까 생각했습니다. CSS는 가능한 한 쓰지 않는 방향으로 가고 싶습니다 ... (덧붙여서 Qiita 투고는 2년만 정도) 있었습니다. Vuetify라는 Mate... Vue.jsMaterialDesign자바스크립트Vuetify Vue Cli 3으로 만든 컴포넌트 라이브러리를 npm으로 공개 Vue.js, TypeScript, Serverless, Cordova 등이 있습니다. Vue.js에서 Material Design하고 싶어서 Vuetify나 Vue Material이나 라이브러리를 만져 보았지만, npm 공개 작업은 상당히 쉽게 할 수 있었으므로 npm publish의 방법을 공유합니다. Material Design을 위한 Vue.js 컴포넌트 라이브러리. Vue CLI 3... Vue.jsnpm자바스크립트MaterialDesign 네리마 구의 신형 코로나 바이러스 백신 예약 효율성 이 기사에서 소개하는 방법은 불법적인 수단이나 무단 액세스를 권장하지 않습니다. 반드시 자신의 접종권 번호와 비밀번호로 로그인하십시오. 에리어・희망일을 폼으로 선택하고 검색 버튼을 클릭하는 방식입니다. 회장에 빈 공간이 있으면, 폼으로 선택한 접종 희망일 이외도 검색 결과에 표시되는 것 같습니다. 여기에서 가장 짧은 날짜 (기사 게시 시점의 내일)를 선택했습니다. 여유가 없으면 이미지와 같은... 자바스크립트COVID-19 '텔레워크'와 '신형 코로나'에는 상관성이 있는지 확인해 보았다. 이 기사는 5일 전에 프로그래밍을 공부하기 시작한 초보자의 첫 Qiita 게시물입니다. 그래서 정기적으로 출력해 나가면 좋겠다고 생각합니다. "Qiita상에서 "텔레워크"라는 워드가 포함된 기사의 수를 일별로 추출해, 신형 코로나의 감염자수와의 상관성을 본다" 작년까지는, "텔레워크"라는 말은 IT 업계나 벤처 세계에서 당연히 들었지만, 세상 일반에서는 아직 마이너리티한 일이었던 것 같습니다... 자바스크립트초보자COVID-19Node.js텔레워크 Node.js의 라우팅 이야기 (MVC 구현까지) node.js커녕 웹계 거의 초보자 지식밖에 없었는데, 집중적으로 2개월 정도 독학으로 배워왔기 때문에 알게 된 것을 쓰자. 이번에는 라우팅 이야기입니다. 이번에는 프레임 워크에 Express를 사용하고 있습니다. 기본적으로 app.js는 모든 처리를 지시합니다. app.js -> router -> Model(View) 같은 느낌으로 처리를 나눌 수도 있습니다. 라고 할까, 그것이 기본입니다... 라우터Express자바스크립트mvcNode.js MVC의 심연 를 보면 Trygve Reenskaug씨가 고안했다고 쓰여 있다. 뷰에 조작 오브젝트가 있는 경우와, 단순히 키보드나 마우스의 상태를 픽업하는 것을 고려하는 예이다. 그러나 잘 생각하면 이상하다. 예를 들어 키보드에서 입력한 문자를 화면에 표시하고 있는 것은 누구일까? 인간의 인식에서는 뷰와 컨트롤러가 같은 장소에 있는 것처럼 보이지만, 모델에서 보면 완전히 별개이다. 실은 모델이 당신의 배... 웹server자바스크립트mvc인프라 도카벤 OP를 html/css/js에서 재현해 보았다 아무래도 매번 익숙한 나카노입니다. (아직 2번째의 투고) 이번에는 「도카벤의 오프닝의 문자가 떠오르는 녀석」을 만들었습니다. index.html style.css script.js 기본은, setInterval(function(){~},200) 로 1회씩 ID를 변경해 움직이고 있는 것처럼 보이고 있을 뿐입니다. 단시간에 생각한 스크립트이므로, 구조는 간단합니다. 모두 변경하고 놀자! 다른... 작은 재료CSS자바스크립트도카벤 「2==1==0 → true」와이「!?」 우선 처음 두 항에 주목하겠습니다.2==1 는 false 네요. 그렇다고 하는 것은, 실제로는 false==0 를 평가하게 됩니다. JS == 는 암시적 형식 변환을 수행하므로 false와 0은 등가이고 최종 결과는 true입니다. 그래서 아래 그림과 같이 왼쪽의 식을 얼마나 길게 하자, 결과는 true입니다. 10==9==8==7==6==5==4==3==2==1 는 false이므로 결국 f... 작은 재료신인 프로그래머 응원자바스크립트 JavaScript는 비교 연산자 "도"추이 관계가 성립되지 않은 건 ※이 투고는 2010/07/21 에 에 투고한 기사의 전재입니다. 추이 관계(transitive relation)라고 하는 것은, 「바람이 불면 먼지가 타츠」 「먼지가 가라바(약) 야마가 돈다」이기 때문에 「바람이 불으면 가게가 벌어진다」라고 하는 3단론법 같은 녀석 네요. 일반적으로 관계 R이 어떤 조합의 a, b, c에 대해 아래와 같이 말할 때 R은 전이적이라고합니다. 수치의 대소 비교... 작은 재료자바스크립트 ros2-web-bridge를 사용해 보았습니다. 을 사용할 기회가 있었으므로 사용법 단계를 공유합니다. Ubuntu20.04 ROS2 foxy 우선은 아래의 순서로 진행해 주세요. npm 설치 단계에서 node-gyp 관련 오류가 발생하면 아래 명령을 실행하십시오. gyp을 설치해도 자신의 경우에는 node 버전이 맞지 않는다고 들었습니다. 그러므로, 그 경우는 를 참고로 node 를 업데이트해 주세요. npm install이 성공적으로 ... C++ROS2ROS파이썬자바스크립트 【JavaScript】 해외 Teck계 YouTuber를 모방해 보았다! (part 1) BookList 앱 | No Frameworks 이 기사는 해외 Teck계 YouTuber의 동영상을 참고로 같은 프로젝트를 작성해 본 것이 됩니다! 간단하지만 동영상을 통해 배운 기술과 지식을 정리했습니다! ➡ 는 JavaScript로 ToDoList를 만듭니다 완성품은, 아래와 같이 실려 있습니다 Frameworks를 사용하지 않고 BookList를 만들 수있었습니다! 주로, ①클래스 작성 ② static 메소드를 만드는 방법과 사용법... bootswatch영어자바스크립트FontAwesome js.erb에서 쉽게 비동기 통신 이미지 삭제 FontAweSome에서 삭제 아이콘 도입 qiita.rb xxx.html.erb photos_controller.rb photos/destroy.js.erb... 자바스크립트아약스RailsFontAwesome 이전 기사 보기