技術ブログ

(技術系中心)基本自分用備忘録なので、あくまで参考程度でお願いします。

個人開発

TablePlusの書き方(sshトンネルで接続したい時)

TablePlusの書き方(sshトンネルで接続したい時) ■ ダウンロードする TablePlus | Modern, Native Tool for Database Management ■ こちらの記事を参考にsshトンネルで接続してみる TablePlusの書き方(sshトンネルで接続したい時) - Qiita

Docker環境のRails7をherokuにデプロイした時にハマった現象まとめ

Docker環境のRails7をherokuにデプロイした時にハマった現象まとめ 1. Heroku Stackの設定 Docker コンテナを Heroku で使用する為にheroku stack:set containerコマンドを叩く必要があります。 このコマンドを叩くことで、Heroku が Dockerfile を使用して…

Vue3を開発する時のVsCodeのおすすめプラグイン設定

Vue3を開発する時のVsCodeのおすすめプラグイン設定 おすすめ拡張機能紹介 1. Volar Volar は Vue.js の開発をサポートする VS Code の拡張機能です。.vue ファイルのシンタックスハイライトやインテリセンスによる補完ができるようになります。詳細は、Vola…

マネタイズ方法まとめ

マネタイズ方法まとめ WEBサービスでマネタイズするパターンをそれぞれ記載します 1. 機能絞り込み 機能を絞り込み、人気機能を利用するには有料プランに以降を促す 例) - Pairs - openwork ■ メリット ユーザーが気軽にサービス利用できる ■ デメリット 魅…

Nuxt3でvalidationする方法

Nuxt3でvalidationする方法 インストール npm i vee-validate @vee-validate/i18n @vee-validate/rules vee-validate -> veeValidate @vee-validate/i18n -> バリデーションエラーメッセージに日本語化 @vee-validate/rules -> バリデーションルールを利用す…

Nuxt3とfirebase9で認証機能設定する方法

Nuxt3とfirebase9で認証機能設定する方法 各バージョン Nuxt: 3.0.0-rc.11 Firebase: 9.13.0 インストール npm install firebaseでpackage.jsonにfirebaseが追加されればOK Firebaseの初期設定 ■ plugins/firebase.client.ts import { initializeApp } from …

Nuxt3にtailwindを導入する

Nuxt3にtailwindを導入する 導入手順 インストール npm install -D @nuxtjs/tailwindcss tailwindcss@latest postcss@latest autoprefixer@latest @nuxtjs/tailwindcss → Nuxt3でTailwindCSSを利用するためのモジュール tailwindcss@latest → Tailwindの最新…

Nuxt3にEslintとprettierを導入する

Nuxt3にEslintとprettierを導入する ESLintとPrettierはどちらもソースコードの品質を高めるツールになります。 ESLint:静的解析ツール。バグの可能性がある書き方を指摘する。 Prettier:コードフォーマッター。インデント、改行などを自動整形してくれる…

個人開発ドキュメントまとめ

アイデア 自分の問題にフォーカスする 自分と同じ悩みを持つ人は他にもたくさんいる 本ではなく自分の経験から考える 問題からまずは考える、解決はその後 ニッチから始めよう アイデアは人に話しても問題ない。アイデアが同じでも人によってアウトプットが…

個人開発でサービス名を決めるときに考慮すべきポイントまとめ

個人開発でサービス名を決めるときに考慮すべきポイントまとめ 個人開発でサービス名を決めるときに事前に考慮すべきポイント 既に同じような名前のサービスが存在しない 検索したときに強すぎるSEOサイトが存在しない 検索したときに問題のある(エロ系とか…

個人開発のおすすめ無料素材

1. Adobe Stock Adobe Stock(アドビ ストック)は、商用利用可能な1億点を超える素材(写真、イラスト、ベクター画像)を提供するストックフォトサービスです。 商用利用も可能です。 使い方はこちらを参考にできます。 公式サイト:Adobe Stock 無料コレク…

個人開発でしくじったポイントまとめ

個人開発でしくじったポイントまとめ 今年初めに「DoubleWorker」という副業口コミサイトを作成しました。 リリースはしたのですが、結局途中でモチベーションが下がりやめてしまいました。 次の個人開発ではより良いサービスを開発するためにも、今回の開発…

マネタイズで稼げ!

マネタイズ 個人開発をする上でマネタイズ方法を考えるのは必須です。 マネタイズ方法を紹介します。 Limit features to paid users You make your app with every feature you want in it, launch it, then see what people use extensively and which feat…