오픈소스모음

포럼이나 게시판라는 시스템은 인터넷 초창기부터 존재합니다. BBS 라든지, 방명록라고했을 때도 있습니다 (방명록은 양방향 아닐지도 모르지만). 지금도 인터넷에서의 의사 소통의 기본이 되어 있습니다. 이번에는 PHP로 만들어진 포럼, Natika을 소개합니다. 특히 개발자를 위해서 만들어져 있다는 것입니다. Natika 사용법 톱 페이지입니다. 블랙이 기본입니다. 먼저 카테고리가 정렬됩니다. 스레드의 목록입니다. 마지막으로 스레드의 세부 사항입니다. 여기에서 스레드에 대해 코멘트하고 있습니다. Natika 간단한 제작 문자도 선명하고 코드를 올려 놓거나 이미지 붙여 넣기 쉽게 할 수 있도록되어 있습니다. 개발하고있는 내용을 질문하고 그 대답을하는 등 개발자에게 적합한 시스템이라고 할 수 있습니다. Nati..

인터넷에 다양한 커뮤니케이션 수단이 많습니다. 그 중 메일은 아직도 꾸준한 인기가 있습니다. 특히 구독 할 것도없는 것이지만 서비스를 출시하는 등의 업데이트가 있으면 알고 싶은 경우에 유용합니다. 그런 뉴스 레터 시스템을 구축 할 수있는 것이 mailtrain입니다. MailChimp컨셉의 시스템으로되어 있습니다. mailtrain 사용법 톱 페이지입니다. 먼저 로그인합니다. mailtrain 설정 화면입니다. 우선 목록을 등록합니다. 목록 아래에 회원이 붙습니다. 이용자가 사용하는 등록 양식입니다. 메일 템플릿 기능. 이름 등은 변수화되어 있습니다. 캠페인을 만들어 효과 측정도 할 수 있습니다. mailtrain 스스로 자신의 뉴스 레터 시스템을 구축 할 수 있습니다. 스팸을 보내거나 목적 외의 이용은..

최근 Markdown이 인기를 얻고 있습니다. 그 효과로 콘텐츠가 증가하거나 관련 도구도 많이 나오고 있습니다. 특히 Markdown 편집기에 대해서는 일단 Wiki과 같이 다수의 언어로 구현되도록되어 있습니다. 이번에 소개하는 Editor도 그 하나이지만, 혼자 움직이는 것이 아니라 Web 사이트에 포함시켜 사용하는 타입의 Markdown 편집기입니다. Editor의 사용법 Editor의 톱 페이지입니다. 일본어도 문제없이 쓸 수 있지만 변환 후보가 표시되지 않았습니다. 이미지의 포함은  이 나타날뿐이었습니다. 미리보기입니다. 전환 애니메이션이 근사합니다. Editor는 사이트의 이용자에 Markdown 콘텐츠를 만들어달라고 할 때 유용하게 사용할 수있을 것이다. Markdown의..

애니메이션 GIF를 만드는 방법은 몇가지가 있지만 대부분의 경우는 동영상을 준비하여 그것을 변환하여 작성합니다. 이미 동영상이 있으면 좋지만, 처음부터 만들 때 스마트 폰을 사용하거나 하면 매우 번거롭습니다. 무엇보다 스마트 폰은 고화질이기 때문에 동영상의 크기가 커져 버립니다. 그래서 사용해보고 싶은 것이 face to gif입니다. Web 카메라를 사용하는 것으로 매우 간단하게 애니메이션 GIF를 만들 수 있습니다. face to gif 사용법 face to gif를 표시 한 곳입니다. Chrome 등 getUserMedia에 대응 한 브라우저이어야합니다. 레코드 버튼을 눌러 멈 추면 애니메이션 GIF가 생성됩니다. face to gif는 외부 이미지 공유 서비스에 게시 할 수 있습니다. Web 카메..

Web 기술이 진보하고있는 것도 있고, 특히 UI 나 JavaScript와 연계한 움직임의 제어는 어려움이 따릅니다. 그래서 사용해보고 싶은 것이 CrossUI JavaScript 용 RAD 툴입니다. CrossUI 사용법 CrossUI에서는 풍부한 UI를 가진 Web 응용 프로그램을 쉽게 개발할 수 있습니다. 이러한 D & D에서 화면 설계 할 수있는 도구도 있습니다. 또한 이미지 편집 소프트웨어. Outlook 스타일 UI. 주문 관리 시스템. 데이터베이스 관리자. 순서도. 표 계산. CrossUI 조금 고풍 (YUI 느낌)의 UI가 되고 있습니다만, 비즈니스 애플리케이션으로는 충분한 디자인입니다. 그 동안 스프레드 시트를 표시하거나 Windows 응용 프로그램의 편리한 화면을 재현 할 수 있습니다...

CSS3를 이용하면 놀라운 기능을 제공합니다. JavaScript는 브라우저에서 해제 될 수 있지만, CSS는 대부분 해제되지 않습니다. 따라서 JavaScript를 사용하지 않아도 움직인다는 것은 큰 장점이 있습니다. 이번에 소개하는 오픈 소스 소프트웨어는 CalcSS3, CSS3로 만든 iPhone 계산기 바람 응용 프로그램입니다. CalcSS3 사용법 CalcSS3의 화면입니다. 바로 그대로입니다. 단순히 외형을 재현했을뿐 아니라 실제로 계산을 할 수 있습니다. 버튼을 누르면 계산이 가능합니다. 그것도 JavaScript를 전혀 사용하지 않고 있습니다. 이것은 대단한 것이 아닐까요. 꼭보세요. CalcSS3는 HTML5 / CSS3 만든 오픈 소스 소프트웨어 (MIT License)입니다. PitP..

Web 사이트의 기념적인 항목이나 페이지를 만들 때 세로로 만든 타임 라인이 자주 사용됩니다. Web 페이지는 세로로 스크롤되는 것이 많기 때문에 , 스크롤 할 때마다 경과 시간을 나타낼 수 있습니다. 그런 사이트를 만들 때 사용할 수있는 것이 Blueprint : Vertical Timeline입니다. 센스있는 타임 라인 페이지를 만들 수있을 것입니다. Blueprint : Vertical Timeline 사용법 Blueprint : Vertical Timeline의 데모입니다. 일시 및 콘텐츠 아이콘이 함께 표시되어 있습니다. 리스판시브 대응입니다. 스마트 폰 크기로도 쉽게 볼 수 있습니다. Blueprint : Vertical Timeline은 심플한 디자인이지만 그만큼보기 쉬운 것이 아닐까요. 세..

React의 개발은 데이터의 상태가 중요하고, 저장해 두지 않으면 다시 로드하면 원래대로 돌아갑니다. 이제 상태가 변화하는 가운데에서 개발할 때는 이상합니다. 그렇다고이를 위해 데이터를 변경하는 것도 귀찮은입니다. 그래서 사용해보고 싶은 것이 React Storybook입니다. 스토리라는 단위를 사용하여 데이터의 상태를 나누어 관리 할 수​​ 있습니다. React Storybook 사용법 데모 Todo 어플입니다. 데이터를 추가하면 그것이 로거에 표시됩니다. 왼쪽의 메뉴에서 선택하면 데이터가 표시되어있는 버전을 선택할 수있었습니다. 또한 미완료 작업보기를 선택했습니다. 여기에는 두 가지의 작업 상태 필터링 기능이 붙은 화면입니다 지우기가 있는 버전입니다 React Storybook를 사용하면 UI 구성 ..

Bootstrap이 가장 많이 사용되는 것은 개인의 Web 서비스, 그리고 기업의 관리 화면에서는 아닐까요. 그런 Bootstrap을 사용한 관리 화면 템플릿 Bootstrap Clean Dashboard Theme를 소개합니다. 정보가 한 곳에 집중되어 있는 대시 보드를 만드는 것이 가능합니다. Bootstrap Clean Dashboard Theme 사용법 데모 화면입니다. 대부분의 버튼은 작동하지 않습니다. 그래프도 있습니다. 각 콘텐츠는 상자에 들어 있습니다. 상자를 클릭 할 때까지 접어 두는 등 표시도 할 수 있습니다. 양식. 주소록 형태 로그인. Bootstrap Clean Dashboard Theme 은 대시 보드이므로 관리 화면에 많은 정보를보기 쉽게 배치하는 것이 요구됩니다. 아이콘을 결..

액세스 해석을 사용하면 사용자가 어떻게 방문하고 있는지 알 수 있습니다. 그러나 페이지에서 어떤 식으로 움직이는 지 모릅니다. 거기에 뭔가 문제가있어 페이지를 닫아 버리고있는 가능성도 있습니다. 그런 사용자의 작업을 기록, 재현 해주는 것이 Spy입니다. 액세스 해석과 함께 사용해 보면 재미있을 것입니다. Spy 사용법 Spy의 움직임입니다. 자신이 한 마우스 조작이 그대로 재현됩니다. Spy 페이지를 표시하는 순간부터 기록이 이루어지고 있습니다. 그리고 데이터를 순차적으로 업로드 할 수 있습니다. 이 데이터를 합쳐서 사용자가 수행 한 작업 (클릭 스토 등)을 재현 할 수있는 구조입니다. 프라이버시에 대한 배려는 필요하지만, Web 사이트의 테스트와 함께 사용해도 좋을 것입니다. Spy는 JavaScri..