↓↓クリックして頂けると励みになります。
フリーランスの方が仕事を売るために利用できるさまざまなウェブサイトがあります。
以下は、その中でよく知られているいくつかのプラットフォームです。
- Upwork (アップワーク): グローバルで最大級のフリーランスプラットフォームの一つで、さまざまなスキルセットのフリーランサーがプロジェクトを見つけ、クライアントと協力できます。
- Freelancer (フリーランサー): 世界中のフリーランサーとクライアントがプロジェクトに参加できるプラットフォームです。仕事の種類は多岐にわたります。
- Fiverr (ファイバー): フリーランサーが自分のスキルやサービスを提供し、クライアントがそれを購入できる独自の形式を持つプラットフォームです。
- Toptal (トプタル): 高度な技術スキルを持つフリーランサーと企業をマッチングするプラットフォームです。エンジニアやデザイナーなどが参加しています。
- 99designs (ナインティナインデザインズ): デザイナー向けのプラットフォームで、クライアントはデザインのコンペを開催し、最も気に入ったものを選ぶことができます。
- クラウドワークス: 日本発のプラットフォームで、日本国内のクライアントとフリーランサーが仕事を進めることができます。
これらのプラットフォームは、フリーランスとして活動する人々にとって仕事を見つける手段として一般的です。
このようなプラットフォームを作成するために必要なノウハウをチュートリアルにまとめてみました。
開発ははMacで進めましたが、Windowsでの作成も可能です。
バージョンを揃えれば動作に大きな支障はないと思います。
是非、開発にチャレンジしてみてください。
スタイリッシュなホームページ
検索機能を兼ね備えています。
デザインはBootstrap5.3で書いています。
PWA
ホームページ(ウェブサイト)のPWA(Progressive Web App)とは、従来のウェブサイトよりも優れたユーザーエクスペリエンスを提供するために設計されたウェブアプリケーションの形態です。
PWAは、ウェブ技術を使用してネイティブアプリケーションのような機能と性能を実現し、以下の特徴を持っています。
ログイン機能
deviseを利用したログイン機能を実装しています。
また、GoogleやFaceBookによる認証も実装しています。
ダッシュボード
仕事の登録やアバターの管理を行えるダッシュボード機能を実装しています。
写真アップロード
ドラッグ&ドロップによる写真のアップロード機能を実装しています。
AmazonS3を利用したクラウドアップロードにも対応しています。
検索機能
カテゴリーや各種条件による検索機能を実装しています。
クレジットカード決済
Stripeを利用したクレジットカード決済を実装しています。
Stripeコネクトを利用してフリーランサーに自動で送金できる仕組みも組み込んでいます。
メッセージ
LINEのように会話形式でメッセージを送信する仕組みを組み込んでいます。
カレンダー
フルカレンダーを利用して、購入された仕事をカレンダー管理できるよう実装しています。
レビュー機能
星付きのレビュー機能を実装しています。
デプロイ
実際に作成したアプリケーションを公開するまでの手順を解説しています。