🧑‍💻

ノーコードで有料のオンラインサロンを作ってみた

2025/01/22に公開

試しにやってみたらできた?

Next.jsを使用して有料のオンラインサロンのサービスを作ろうとしたがなかなか進まずノーコードでできないかなと考えていた💦

今だと便利なSaasとか出てきてるのでそれぽいのがあった!
Reactで開発されたと思われるYOORというサービスですね。

作った初日にメンテナンスしてる表示が出てた?
1/23と書いてあったな。明日か。今日は1/22だ。

https://share.yoor.jp/door/YoorID_0106

ところで、俺ちゃんって何って話ですが元ネタはデッドプールって映画の主人公が自分のことを俺ちゃんと言ってたので気に入って私も自分のことを俺ちゃんっていってます。それが名前の由来で俺ちゃんサロンと名付けました。

オンラインサロンが作れるサービス

なんと5分もあれば作ることができる。本当かと思って試してみたらできた。まだ実感ないですが。これが、Saasなんですかね。

この作ってみたオンラインサロンの目的ですが、私が普段知人たちと運営している無料のITコミュティがあるのですが、それの有料版ですね。無料のコミュニティもこれから継続しますが良いコンテンツを作ろうと思うと最近お金がかかることに気づきました💦

優秀な方に技術面でサポートをしてもらったり、イベントを開催するとなると「ピザ代ぐらいは出しますが。。。」やはり活動には会費も必要かなと思いました。
他には、有料のサービスを使おうとなるとやはりコストがかかる。

有料だからこそできることがあったりします。クラウドであったり生成AIですね。

今後やっていきたい活動

Kotlin Multiplatformを最近キャッチアップしていて、クラスプラットフォームにはない魅力があり今後は流行るだろうと思いITコミュニティの中で使っていきたいと思っております。

https://www.jetbrains.com/ja-jp/kotlin-multiplatform/

ktorなるものを使うとHTTP通信するコードも書きやすいので気に入ってますね。
https://ktor.io/

でもKMPは、iOSとAndroidでロジックは共通化できるが、状態管理はiOS側は、SwiftUIを使いAndroid側は、Jetpack Composeを使用するので両方のOSへの理解は必要ですね。初心者向けではなさそう。
私は、FlutterやExpoでアプリを作ろうと思えばできるのですが、片方のOSしか作らず、動きが綺麗でパフォーマンスがいいアプリを作りたいときは、Swift/Kotlinで個人アプリを作っております。クロスプラットフォームを使うより早く機能が実装できることも。。。

SwiftとKotlinの知識は必要なのでこちらの技術はキャッチアップしていきたいですね。最近は、SwiftUIで新しいアプリ作りましたね。クロスプラットフォームにはない感覚が好きだった🍏

https://developer.apple.com/jp/xcode/swiftui/

https://developer.android.com/compose

普段は、Flutterで開発してますが、SwiftUIの経験は仕事で少し経験があり、Jetpack Composeもclass modifiersの概念は同じところがあったので学習コストは下げることができましたね。

Webに力を入れたい

Go言語にも力を入れていきたいと思ってます。たまに個人で生成AIと組み合わせて質問を返してもらうAPI作ったりしましたね。私の感覚ですが、Javaよりは簡単かなと思ってます。ポインターは難しいですが💦

https://go.dev/

FastAPIというフレームワークにも最近興味があります。業務では、Flaskの経験があるのでコードが似ていることもありキャッチアップはしやすかったですね。Go以外のバックエンドの言語を試したいときは、Pythonを選択することが多いので、WebAPIの開発をするときは最近は、FastAPIを使いますね。これの何がいいかというと、Swagger UIを自動生成してくれるので他のフレームワークと違い、yamlのファイルを書いて、OpenAPIのドキュメントを生成しなく良いのでyamlを書かずに済むのが楽でしたね。音声の音のテンポを解析するWebAPIも作ったことがありますね。

https://fastapi.tiangolo.com/ja/

フロントエンドの方はどうなるかわからないですね。今のところは、Next.js使ってますが、Nuxt3やSvelteKitにも良いところはあるので、1個のフレームワークには依存したくないですね。可能性は欲しい。
https://nextjs.org/
https://nuxt.com/
https://svelte.jp/

生成AIに力を入れる

生成AIは短な存在になりましたね。今の案件先のベンチャー企業はAIの会社なので、積極的に導入してますね。

私は最近は、Figma AIとWindserf Editorを活用して個人開発やデザインの作成に活用してますね。AIがなんでもやってくれるわけではないので、人間が設計やデザインを考えるのはこれからも続くでしょうね。
プロトタイプを作りたい時によく使ってますね。土台作りに最適かも。以前は補助的なツールのイメージがありましたが、計算とか単純な作業は得意ですね。算数苦手なのでありがたい💦

https://www.figma.com/ja-jp/ai/

https://codeium.com/windsurf

Cloudを活用したい

コストはかかりそうですが、クラウドインフラを使わないと作りたいものが作れないことあるので、予算があれば積極的に使いたいですね。Google Cloud Platformは友人のSREとプロダクトを作るときに使ってますね。
私は最近は、AWSの資格取りたいなと思い勉強してますが、やることが多くて時間が確保できないこともありますね。Sakura VPSなんてものを仕事で使ったことありますが、AWSとTerraform使えばすぐにインフラ構築できますよね。クラウドとIacは素晴らしい技術だなと思いました。

https://aws.amazon.com/jp/free/?gclid=Cj0KCQiAy8K8BhCZARIsAKJ8sfSWYKP6hbedRfaU-Iq_h8814HLM_9KuOOABrdzUH-_iISh4zwxAvecaAv2cEALw_wcB&trk=94c18984-27d1-4395-8dae-cdbf523f1ae5&sc_channel=ps&ef_id=Cj0KCQiAy8K8BhCZARIsAKJ8sfSWYKP6hbedRfaU-Iq_h8814HLM_9KuOOABrdzUH-_iISh4zwxAvecaAv2cEALw_wcB:G:s&s_kwcid=AL!4422!3!568105078079!e!!g!!aws!11775789002!119752658852&all-free-tier.sort-by=item.additionalFields.SortRank&all-free-tier.sort-order=asc&awsf.Free Tier Types=*all&awsf.Free Tier Categories=*all

https://cloud.google.com/free?utm_source=google&utm_medium=cpc&utm_campaign=japac-JP-all-ja-dr-BKWS-all-core-trial-EXA-dr-1605216&utm_content=text-ad-none-none-DEV_c-CRE_602341359562-ADGP_Hybrid+|+BKWS+-+EXA+|+Txt+-GCP-General-core+brand-main-KWID_43700071566406795-kwd-6458750523&userloc_1009301-network_g&utm_term=KW_google+cloud&gad_source=1&gclid=Cj0KCQiAy8K8BhCZARIsAKJ8sfRnj-L5muz9b6Z53aHT8iNPEUgx1LFBVwKcGSaqHFVKqJCv7k0Ea-caAj0PEALw_wcB&gclsrc=aw.ds

https://www.terraform.io/

最後に

普段はフリーランスやりながら時間のあるときに、小さなイベントやったり個人開発してますがもっと幅を広げたいと思い有料コミュニティを作ってみました。技術好きの人を集めてこの国のIT業界を盛り上げる活動をしたり、エンジニアさんが社会で素晴らしい職業だと思ってもらえる存在になれるように社会貢献するのが目的ですね。

モダンな技術好き、個人開発好き、キーボード好きなエンジニアさん。学生エンジニアの方いたらぜひ入会してください。

Discussion