Autonomy Online: IndieWeb의 사례

Web 2.0은 기술과 지식에 관계없이 모든 사람이 웹에 기여할 수 있다는 아이디어를 축하했습니다. 주요 기능에는 자체 출판 플랫폼, 소셜 네트워킹 웹 사이트, "태깅", "좋아요" 및 북마크가 포함됩니다.

많은 개인과 회사가 이러한 플랫폼을 만들기 시작하여 코딩을 배울 수 있는 특권을 가진 사람뿐만 아니라 누구나 웹에 기여할 수 있습니다. 사실, 웹에 대한 우리의 공헌을 인정하기 위해 "우리"는 2006년 타임지의 올해의 인물로 선정되었습니다.

요즘에는 웹에서 콘텐츠를 소비하거나 공유할 때 큰 웹사이트를 통해 콘텐츠를 공유할 가능성이 높습니다. Twitter, Youtube 또는 Facebook 소유 서비스가 인기 있는 예입니다. 이것은 우리에게 거의 금전적 비용 없이 더 큰 대화에 참여할 수 있다는 이점을 제공하지만, 과거에 일어났던 것처럼 회사가 문을 닫으면 잠재적으로 모든 콘텐츠를 잃을 수 있다는 단점도 있습니다.

지난 몇 년 동안, 나는 내가 온라인 생활에 대한 통제력을 잃고 있다는 것을 알아차리기 시작했습니다. 다음은 IndieWeb이 개인 개발, 콘텐츠 소유권 확보, 개인 웹 사이트 구축을 통한 학습을 ​​위한 좋은 기회인 이유입니다.

"기업 웹"에서 학습

수년간 끝없는 성장과 인수 끝에 우리는 전체 온라인 신원, 데이터 및 개인 정보를 제어하는 ​​소수의 대형 웹사이트를 갖게 되었습니다. 많은 사람들이 웹에서 주로 참여하는 방식은 광고주에게 판매하기 위해 데이터를 소유해야 하는 주요 웹 기업을 통한 것입니다. 이것은 많은 사람들이 사용자가 제품이고 참여가 왕인 기업 웹이라고 부르는 것이 되었습니다.

기업 웹을 통해 가족과 친구, 기술 수준이 낮은 모든 사람이 웹 존재를 개발하고 디지털 세계에 액세스할 수 있습니다. 누구나 소수의 소셜 미디어 웹사이트에 가입하고 사람들이 공유하는 내용을 보고 상호작용할 수 있습니다. 특히 물리적 거리가 있을 때 그렇습니다.

그러나 온라인에서 진정한 무료는 없습니다. 이러한 웹사이트의 대부분은 수입을 광고 수익에 의존합니다. 결과적으로 이러한 웹 사이트는 사용자가 떠나지 않도록 참여를 유지하기 위해 많이 변경해야 합니다. 이것이 항상 그것을 사용하는 사람들에게 최선의 이익이 되는 것은 아닙니다.

기업 웹 탐색

소셜 미디어 웹사이트를 통해 업계 동료를 찾고 연결할 수 있었습니다. 웹 개발자로 처음 일을 시작했을 때 가장 먼저 한 일은 인기 있는 소셜 미디어 웹사이트에 가입하고 업계에서 일하는 사람들의 업데이트를 구독하는 것이었습니다. 그들 중 일부는 내가 개인적으로 알고 있었지만 나머지는 알고리즘 자체에 의해 나에게 추천되었고 몇 년 동안 내 구독 목록을 조정할 것입니다.

기사나 SNS 글을 통해 공유되든, 내가 배운 많은 것은 누군가가 그것에 대해 썼고 나는 그것을 무료로 읽을 수 있었기 때문입니다. 그리고 내가 약혼했을 때 나는 잠재적으로 집에서 전문적인 네트워크를 구축하고 있었습니다. 이 모든 것이 무료입니다! 얼마나 멋진가요?

그러나 시간이 지남에 따라 보고 싶은 것과 보고 싶은 것에 대한 통제력을 잃기 시작했습니다. 참여를 늘리기 위해 많은 소셜 미디어 웹사이트에서 알고리즘을 사용하여 내가 보고 싶다고 생각하는 내용을 지시하고 실제로 구독하지 않은 내용도 보여주기 시작했습니다. 지금은 합리화할 수 있지만, 그때는 막 업계에 입문했기 때문에 모든 것을 따라잡아야 하는 사람이라고 생각했습니다.

소셜 미디어는 휴식을 취하지 않지만, 내 인생의 어느 시점에서 소셜 미디어에서 휴식이 필요했고, 그로 인해 내 개인 발전이 어려울 것이라는 것을 깨달았습니다. 나는 또한 내가 오프라인일 때 공유된 모든 것을 보기 위해 전체 타임라인을 스크롤할 수 없다는 것을 알고 있었기 때문에 놓칠 수 있다는 이상한 불안을 경험하기 시작했습니다. 몇 주 전에 내가 흘끗 보았던 것을 검색하고 찾는 것이 정말 어려워졌습니다.

기업 웹에서 물건 만들기

지금까지 콘텐츠 소비에 대해 이야기했지만 공유하고 싶었습니다. 사람들은 항상 그들의 기술을 지속적으로 개선하고 싶어할 수도 있지만, 저는 고용 가능하고 내가 만난 적이 없는 사람들에게 깊은 인상을 주기 위해 트렌드를 따르고 최신 반짝이는 것을 사용하여 물건을 만들어야 한다는 강한 압박을 느꼈습니다. 많은 사람들에게 즉시 도달하는 내용을 공유하는 것조차도 내가 구축하지 않은 플랫폼을 사용하기 때문에 한계가 따릅니다.

가장 중요한 것은 거주 지역의 지정학적 제한으로 인해 특정 기업 웹사이트에 가입조차 할 수 없는 전체 그룹의 사람들에게 해를 끼치고 있다는 것입니다. 회사에서 규칙을 위반했다고 판단하면 언제든지 계정(및 콘텐츠)이 제거될 가능성이 있습니다.

접근성, 글자 수 제한, 중재 또는 피드백을 받지 않는 옵션이든지 간에 여러 번 환영받지 못하고 위협적으로 느껴졌습니다. 종종 나는 마치 내가 마치 끝없는 마라톤을 달리는 것처럼 사기꾼처럼 느껴졌습니다.

나는 “누구를 위해 이 일을 하고 있는가?”라고 스스로에게 묻기 시작했습니다. "기업 웹"이 개인 개발을 방해하는 "기업 가치"를 표면으로 가져오고 있습니까?

인디웹이란?

귀하의 사회적 신분이 도난당하거나 회사에서 다른 사람에게 재할당하면 어떻게 되는지 궁금하십니까? 아니면 앞서 언급했듯이 이 큰 웹사이트가 문을 닫고 당신이 만든 모든 콘텐츠가 사라진다면? 기업 웹사이트는 사용자가 만든 콘텐츠에 액세스할 수 있는 사람, 시기, 경우 및 위치를 제어합니다.

저는 2017년까지 이러한 사항에 대해 궁금해하지 않았습니다. "IndieWeb의 구성 요소"라는 IndieWeb을 소개한 Jeremy Keith의 강연을 ViewSource에서 보았습니다. IndieWeb은 기업 웹에 대한 대안으로 이어지는 원칙으로 연결된 개별 개인 웹 사이트의 커뮤니티입니다.

IndieWebCamps는 내 개인 웹사이트 블로그에서 작업하고 도움을 요청할 수 있는 기회입니다. Julie Anne Noyingurce의 사진.

IndieWeb 커뮤니티는 문서화 또는 도구 생성을 통해 개인 웹사이트를 만들거나 개선하는 동시에 다른 사람들이 웹사이트를 구축할 수 있도록 돕습니다. 기업 웹에 대한 대안을 만들기 위해 IndieWeb 커뮤니티의 구성원은 개인 웹 사이트 간의 상호 작용 및 커뮤니티 구축을 돕는 개인 웹 사이트에서 누구나 사용할 수 있는 도구를 구축했습니다.

IndieWeb의 원칙 중 하나는 콘텐츠를 소유하고 그 원칙만으로 위에서 언급한 주요 문제 중 하나를 해결할 수 있다는 것입니다. 기타 교리는 다음과 같습니다.

• 귀하의 신원에 대한 소유권.
  나는 이 시점까지 여러 웹사이트에 여러 계정이 분산되어 있는 대신 온라인에서 "하나의 진정한 버전"을 갖는 것이 얼마나 의미가 있는지 깨닫지 못했습니다.
• 직접 만든 도구를 사용합니다.
  어느 순간 내가 지은 것의 가치는 그것을 사용할 수 있는 사람의 수와 관련이 있다고 생각했습니다. IndieWeb은 나를 위해 무언가를 만들고 적극적으로 사용한다는 아이디어를 장려합니다.
• 여행을 문서화합니다.
  저는 활동적인 블로거였으며 개발자로 일하기 시작했을 때 그만두었습니다. 그 당시 나는 초보자에게 친숙한 콘텐츠를 작성하는 것이 두려웠고 이 원칙은 내가 공유하고 싶은 모든 부분을 수용하는 데 도움이 되었습니다.
• 오픈 소스에 기여합니다.
  IndieWeb 커뮤니티에 합류하기 전에 저는 아무데도 기여할 것이 없다고 느꼈습니다. 태어나서 처음으로 위키 페이지를 편집하고, GitHub에서 이슈를 만들고, 모임을 조직하고, 강연을 하기 시작했습니다. 오픈 소스에 기여할 뿐만 아니라 커뮤니티에 기여한 모든 예가 있습니다.

IndieWeb에 대해 더 많이 알게 되면서, 특히 복수의 원칙과 자신이 만든 것을 사용하는 것에 대해 읽으면서 지지와 격려를 받았습니다. 그 때 나는 나 자신을 위해 무언가를 만들 수 있는 자유와 허락을 찾았습니다. 그것이 나에게만 도움이 되고 이미 다른 사람이 지었다 하더라도 말입니다.

개인 웹사이트 생성 및 학습

직장에서 처음부터 웹사이트를 구축할 기회가 몇 번이나 있습니까? 정말 큰 회사에 취직할 때 "기본 코드"라고 생각하는 모든 것을 변경하는 것은 믿을 수 없을 정도로 관료적인 프로세스입니다. 특히 특정 프레임워크를 선택하는 방법은 더욱 그렇습니다. <head> 태그 안에 멋진 모든 것을 작성하게 되어 너무 기뻤습니다! 나는 내가 만들 실제 "제품"이 있었을 때 평생 동안 얼마나 많은 "Hello worlds"를 만들고 저장했는지 세어보지 못했습니다.

IndieWeb 블로그를 갖고자 하는 탐구를 시작했을 때 저는 거의 모든 것을 처음부터 구축하기로 선택했지만 이것이 반드시 유일한 옵션은 아닙니다. 코딩이 필요 없는 본격적인 인디 웹사이트를 원하는 경우 IndieWeb(예: Micro.blog)과 WordPress와 같은 알려진 CMS를 지원하는 서비스가 있습니다.

당시 저는 일상 업무에서 주로 자바스크립트를 작성하고 있었기 때문에 조금 다른 일을 할 수 있는 기회라고 느꼈습니다. 저는 정적 웹사이트 생성기를 사용하던 몇 개의 IndieWeb 웹사이트를 팔로우하기 시작했고 지금은 Eleventy를 사용하고 있습니다. 내 결정은 이 특정 정적 웹 사이트 생성기를 사용하고 Github에서 코드를 찾는 내가 좋아하는 IndieWeb 블로그를 방문하는 것을 기반으로 했습니다. 여기에는 옳고 그른 답이 없습니다.

내 개인 웹사이트와 블로그를 처음부터 구축하면서 HTML, 접근성, CSS 지식을 새로 고쳐야 했습니다. 스스로 IndieWebify를 시작하면서 새로운 것을 많이 배웠습니다! 예를 들어:

• Jamstack(웹 서버에 의존하지 않는 정적 코드를 생성하는 스택);
• Microformats(HTML 확장자는 사람, 위치, 블로그 게시물 등과 같이 일반적으로 게시되는 항목을 나타냅니다. 웹사이트의 정보에 대한 API를 제공합니다.)
• Micropub(웹사이트에서 콘텐츠를 만들기 위한 표준 API)
• Microsub(리더 앱이 피드와 상호 작용할 수 있는 표준화된 방법 제공)
• Webmentions(다른 사이트와 상호 작용했음을 다른 사이트에 알릴 수 있는 표준)
• 웹 로그인/IndieAuth(자신의 도메인을 사용하여 다른 사이트 및 서비스에 로그인할 수 있도록 하는 웹 로그인용 연합 로그인 프로토콜)

내 콘텐츠를 소유하면서 기존 "기업 웹사이트"의 API에 연결하고, 가능한 경우 무언가를 공유할 때(POSSE라고도 함) 신디케이션 프로세스를 자동화하고 싶었습니다.

이제 IndieWeb은 이 프로세스를 자동화할 필요가 없습니다. 귀하는 이미 자신의 도메인에 게시하고 원본에 대한 링크를 수동으로 공유함으로써 이 아이디어를 고수하고 있습니다(예: Twitter)! 그러나 이 프로세스를 자동화할 수 있는 가능성도 존재하며 이는 훌륭한 실험입니다. "자신의 웹사이트를 구축하려면 무엇을 사용해야 하는지"와 마찬가지로 작동하는 한 정답은 없습니다.

이것이 어떻게 작동하는지 탐구하면서 나는 IFTTT와 같은 서비스를 사용하여 내 RSS 피드를 내 트위터 계정에 연결하는 실험을 하게 되었습니다. 다른 경우에는 GitHub에서 다른 사람들이 웹사이트에서 소셜 미디어에 자동으로 게시하기 위해 자체 서비스를 구축한 방법을 확인하기 위해 몇 시간 동안 탐색했습니다.

아직 만들고 싶고 배우고 싶은 것이 많다. 예를 들어 회사 웹사이트에서 내 서버로 콘텐츠를 가져올 수 있게 되자 해당 출력을 최적화하려는 욕구가 커져 배포 빌드를 변경하기 시작했습니다. 이것은 직장에서 일어날 수 없는 일이거나 영감을 얻지 못하거나 다른 것을 구축할 필요가 없을 수도 있습니다.

POSSE 및 IndieWeb 게시물의 스냅샷입니다. 흐름은 상호 작용이 원래 블로그 게시물에 백피드되는 소셜 미디어에 신디케이트된 개인 웹사이트에서 시작됩니다. 원래 블로그 게시물은 Webmentions를 통해 다른 블로그의 상호 작용을 수신하고 표시할 수도 있습니다.

내 개인 웹사이트와 블로그를 놀이터에 구축하는 것이 내가 가장 많이 배운 곳입니다. 검열이나 제한 없이 실험하고, 쓰고, 만들고, 시도하고, 배울 수 있는 곳입니다.

예상치 못한 결과는 소셜 미디어보다 블로그에 글을 쓰는 데 더 자신감이 생겼다는 것입니다. 대규모 무대 제작을 허용하지만 그곳에서 원하는 사람들에게만 공연하는 제 블로그에 비해 소셜 미디어는 대규모 청중을 가진 작은 무대처럼 느껴집니다. 누구와 상호작용할 수 있는지(댓글을 사용할 수 없음) 제어할 수 있으며 내가 하는 일을 검열하지 않고도 나를 표현할 수 있는 충분한 여지가 있습니다.

그래서 나도 블로그를 더 많이 하기 시작했고 블로그 후에 소셜 미디어에 공유합니다. 그러면 두 가지 장점을 모두 누릴 수 있기 때문입니다. 내 콘텐츠는 소셜 미디어의 알고리즘에 의해 묻힐 수 있지만 내 개인 웹사이트에서는 절대 일어날 수 없습니다.

Webmentions 및 게시자 서비스를 사용하여 내 블로그 게시물이 일부 소셜 미디어 웹사이트에서 어떤 상호작용을 했는지 확인할 수 있습니다. Webmention을 받으려면 Webmention 엔드포인트가 있어야 합니다. 운 좋게도 많은 사람들이 구축 방법을 공유했습니다. 아직 감히 처음부터 내 것을 만들지는 못했지만 Webmentio.io라는 서비스를 사용하여 Webmentions를 받을 수 있도록 내 끝점을 만들고 호스팅했습니다. 보낼 때는 Telegraph를 사용하여 수동으로 하는 경우도 있지만 최근에는 Webmention.app을 사용하여 해당 프로세스를 자동화하는 방법도 시도했습니다.

Bridgy와 같은 다른 훌륭한 서비스는 Twitter와 같은 일부 소셜 미디어 웹사이트에서 댓글/답변, 좋아요 및 재게시를 위해 Webmentions를 전송하여 상호 작용을 원래 게시물로 "백피드"하는 프로세스를 돕습니다. 처음부터 모든 것을 구축하는 것은 다소 압도적일 수 있으므로 기존 서비스를 실험하는 것이 좋습니다.

기업 웹에 대한 대안을 천천히 만들어냄으로써 문서화하고 공유할 수 있는 한 장소, 즉 누구나 필요할 때 언제든지 돌아갈 수 있는 고정된 장소를 가질 수 있습니다. 이 모든 것은 기업 웹이 매우 개인화된 터치의 보너스와 함께 제공하는 모든 좋은 것들에 대한 문을 열어 두는 동안입니다.

현재 내 웹사이트는 계속 진행 중인 작업이지만 아카이브를 스크롤할 때 많은 기쁨을 느낍니다. 나는 항상 그것을 개선하고 새로운 것을 시도하는 것에 흥분합니다. 나는 그것을 부수고 내 자신의 속도로 고칠 수 있고 기한이 없습니다. 나의 안전한 공간입니다.

시작 위치

IndieWeb 커뮤니티는 누구에게나 열려 있습니다. 도메인 이름을 구입하고 홈페이지를 구축하여 오늘 시작할 수 있습니다. 이 한 단계만 거치면 이미 전 세계 모든 사람이 방문하여 연락할 수 있는 한 곳을 갖게 됩니다.

커뮤니티에 합류한 이후로 저는 이벤트에 참여하고 조직하고, 훌륭한 크리에이터를 만나고, 코드뿐만 아니라 개인 정보 보호 및 윤리와 같은 주제에 대해 도전했습니다. 나는 소셜 미디어를 통해 찾을 수 없었고 우리 업계에서 끊임없이 배우는 이 여정에서 덜 외로웠던 새롭고 환상적인 개인 웹사이트와 블로그를 발견했습니다.

위에서 말한 것과 관련이 있고 시작하고 싶다면 더 자세히 설명하는 페이지가 있습니다. IndieWeb 커뮤니티의 다른 구성원과 연결하여 자신의 경험을 공유하고 질문에 답할 수 있는 온라인 채팅방과 주간 커뮤니티 모임이 있습니다.

IndieWebify.me 및 IndieWeb Guides와 같은 커뮤니티 회원(누구나 기여할 수 있음)이 만든 환영 가이드를 바로 살펴보세요. 또한 개인 웹사이트에서 IndieWeb 소개가 포함된 블로그 게시물을 찾아보는 것이 좋습니다. 개인 웹사이트는 모두 귀하의 학습 방식과 일치할 수 있는 다른 목소리를 가지고 있기 때문입니다.

IndieWeb 커뮤니티의 멋진 점은 자신에게 맞는 일을 할 수 있다는 것입니다. 트렌드를 따라가는 것이 아니라 물건을 만드는 '올바른 방법'이 하나뿐인 것이 아닙니다. 바로 당신의 방식입니다.

유용한 프론트엔드 및 UX 비트, 일주일에 한 번 제공됩니다.

작업을 더 잘 수행하는 데 도움이 되는 도구가 있습니다. 이메일을 통해 Vitaly의 스마트 인터페이스 디자인 체크리스트 PDF 를 구독하고 받으십시오.

당신의 (스매싱) 이메일

프론트엔드 및 UX에서. 190,000명의 사람들이 신뢰합니다.