🥌 🏂 🛀🏼 私の単純なGithubプロジェクトがどのように口コミで広まったか 🍉 🖥️ 🔺

先月、私はさまざまな技術コミュニティやソーシャルメディアに広がる簡単なプロジェクトを作成しました。Githubでは、彼は7日間で0から4000の星と200以上のフォークを受け取りました。Githubは、約5日間、「日のトレンドリポジトリ」セクションで宣伝しています。

クローンウォーズ

70以上のオープンソースクローン、またはAirbnb、Amazon、Instagram、Netflix、Tiktokなどの人気サイトの代替。このリストには、ソースコード、デモリンク、テクノロジースタック、GitHubスターが含まれています。

プロジェクトへのリンクGithub への

リンク

Githubのトレンド-2021年3月13日

このプロジェクトを作成する動機は何ですか

私は技術者であり、他の開発者が作成して新しいJSフレームワークについて学んでいることに続いて、r / webdev、r / reactjsなどの人気のあるRedditコミュニティによく座っています。多くの開発者がInstagram、Trello、Spotifyなどの人気のあるサイトのクローンを作成してコーディングを学び、他の人と共有してコードの品質と推奨事項に関するフィードバックを得ることに気づきました。

開発者はr / reactjsでプロジェクトを共有します

。これらのクローンは多くのコミュニティに散在しています。だから私は、ブックマークして将来戻ってくることができるこれらすべてのクローンの一般的なリストを作成してみませんかと思いました。正直なところ、そのようなリストが他の人に役立つかどうかは当時はわかりませんでした。自分で作って知る機会がありました！

リストの作り方

1.Redditのスクレイピング

キーワード「clone」を含むすべての投稿を検索したかったのです。最初は、標準のReddit検索を使用しました:(reddit.com/r/reactjs/search/?q=clone&source=recent&restrict_sr=1&sort=new

これは、キーワード「clone」を使用してsubreddit内のすべての投稿を検索しreactjs

、最新のもので並べ替えることを意味 します）。このリクエストでは、評価が0の低品質の投稿、サービスのクローンを作成する方法に関する質問など、すべての投稿が返されました。このダンプから適切なクローンプロジェクトを見つけるのは難しいでしょう。そこで、redditsearch.ioにアクセスしました。これは、特定の時間枠内に公開された少なくとも10個の「いいね」を含む投稿を返すなど、Redditの高度なフィルタリング機能を提供します。

次に、これらすべてのクローン、それらのGithubリポジトリ、デモリンク、テクノロジースタックのリストを作成しました。すべて手作業で行われました。

また、「オープンソースの代替案」をグーグルで検索したところ、Slack、Airtable、Bit.ly、Evernote、Googleアナリティクスなどの完全に機能するクローンがいくつか見つかりました。また、それらをリストに追加しました。

したがって、リストには2つのタイプのプロジェクトがあります。前者は（UIの観点から）非常に似ていますが、完全には機能していません。後者は完全に機能していますが、UIが異なります（著作権の問題などを回避するため）。

プロジェクトの名前を思い付く

私は2008年のテレビアニメシリーズ「スターウォーズクローンウォーズ」にちなんでプロジェクトに名前を付け、同様の配色を維持しました。

アニメーションシリーズスターウォーズ：クローンウォーズ

クローンウォーズGithubプロジェクト

2.テーブルの素敵な表示

以前にマークダウンを使用したことがありますが、マークダウンテーブルを作成するのはこれが初めてであり、プロジェクトのGithubページのテーブルがひどいように見えることがわかりました。特に、列が多い長いテーブルの場合。私はそれをより美しくしたかった（タイトルが常に一番上にぶら下がっている）、つまり、プロジェクトは別の場所に展開する必要がありました。ただし、他の人が便利に操作できるように、Github上に配置する必要がありました。私はそれを私の個人的なウェブサイトhttps://gourav.ioでホストすることに決めました。

私のサイトはNextJSで構築されており、すでにマークダウン（mdx）を使用して投稿を書き込んでいるので、マークダウンファイルをGithubプロジェクトから新しいページhttps://gourav.io/clone-warsにコピーして貼り付けるだけで十分でした。..。さらに、テーブルやその他のテキストの読みやすさを向上させるために、「タイポグラフィ」プラグインとともにTailwindCSSを使用しました。

自動化を次のレベルに引き上げることを考えていました。たとえば、Githubプロジェクトに変更を加えたり、プルリクエスト（PR）をマージしたりすると、自分のサイトhttps://gourav.io/cloneのテーブルを更新できるようになります。 -戦争。しかし、変更はそれほど頻繁ではなかったので、システムを過度に複雑にしないことにしました。

プロジェクトを口コミで広める

私は2〜3のサブレディットに投稿を投稿し、それが始まりました。

reddit.com/r/reactjs

reddit.com/r/webdev

効果

プロジェクトがある程度人気を博した後、多くの開発者がPRを使用してプロジェクトのリストにクローンを追加し始めました。プロジェクトを始めたときは約75のクローンがありましたが、現在は120を超えており、新しいPRを取得することがよくあります。

プロジェクトがReactニュースレターに掲載されたことを友人から知りました。非常に予想外で楽しい瞬間。

人々はクローンウォーズについてツイートし始めました。@nickbulljsは、仕事を探している開発者にアイデアを提供しました。

採用担当者は、天気予報アプリや経費計算機にうんざりしています。

よりスマートな開発アイデアは次のとおりです。

以下のリンクから、Netflix、Instagramなどの人気サイトの70を超えるオープンソースクローンから1つのサイトを選択してください。

コードベースを調べます。

独自のクローンを作成します。

gourav.io/clone-wars