@Blog

検索する

Vue.jsにウェブサービスの大半を移行しました.

2025.09.24

Logging

おはようございます.Vue.js（ビュー）にウェブサービスの大半を移行しました.最初は自分で直していたんだけど、途中からGeminiCLI（ジェミナイ）に指示（プロンプト）して対応しました.

もともと動いていたものを他の言語やフレームワークに移行する際には、ほぼバグ無しで移行出来るという事を実感しています.なので、一度自分で手を動かしてコードを書いて挙動を作った上でCLI（シーエルアイ）で変換するというのもありかな.

二度手間と思うかも知れないけど、正確にコードを書き換えてくれるし指示によれば改善もしてくれるので良いかも知れないと.

因みに、以前作ったidrawサービスがCLIの力によって改善されたものになりました.パソコンのスペックが悪いと若干重いかもですが、今どきのパソコンなら難なく動くと思います.

なお、Vue.jsで直していない部分のサービスもあります、直さなかった理由は直すほどのコード量じゃないかと判断したのとSEO的に現状維持の方が良いと判断したという2つの理由があります.

それ以外はVue.jsにコードを変換しました.

明日へ続く

タグ

cli, GeminiCLI, iDraw, SEO, Vuejs, ウェブサービス, コード, サービス, シーエルアイ, ジェミナイ, スペック, それ, バグ, パソコン, ビュー, フレーム, プロンプト, もの, ワーク, 今どき, 以前, 以外, 判断, 変換, 大半, 実感, 対応, 手間, 指示, 挙動, 改善, 明日, 最初, 正確, 無し, 現状, 理由, 移行, 維持, 自分, 若干, 言語, 途中, 部分,

QiitaのCLIで思うことは一つだけ。

2023.08.10

Logging

おはようございます、QiitaのCLIのベータ版がリリースされてから少し時間が経ちましたが、まだ試せてはいないものの、これは大量に記事をUPする人には適しているように思えます。

自分としてはマークダウンファイルをアップロードをGUIで付けて欲しいなって思っています、そうすればCLIの設定ができない人でもお手軽にGithubやGitLabのREADMEをUPすることなどが可能かなと思っています。

そのうち、そういう機能も追加されると思います。Qiitaはどこまで作り込むのだろうか？ユーザーさんのご意見等も取り入れながら機能の追加などをされていると思いますが、そろそろ基本的なところは完成形になっているような気がします。

そして生成AIにより恐らくQiitaもアクセス数は以前より減ったのではないでしょうか？そう思うと新たな収入源をQiitaの中の人は模索しているのかも知れません。

プラットフォームとサーバーの話。

プラットフォームは認知されひとが集まりだしたら強いですよねぇ。ひとが集まりだしたら普通のサーバーでは捌き切れなくなるのでどうしてもAWSなどに移行しないといけないと思いますが、最初はVPSなどで初めて人を集客出来たら、移行するというのがベストかなって思っています。特に個人で開発しているものをAWSで運用しても恐らくサーバー費が嵩んでマイナスになると思うので、最初は小さく初めて上手くいきそうだったら、変更していくというのがベストだと思います。

そういう訳もあり近々、あるWEBサービスを今のサーバーから切り離そうと思っています、いつ頃になるかは未定ですが、そういう思案があります。そのあるWEBサービス、ほっといても集客出来だしたので正直不安ですね(・・;)。

タグ

AWS, cli, github, gitlab, GUI, qiita, README, VPS, いつ頃, うち, サーバー, サーバー費, ひと, プラットフォーム, ベータ版, マークダウンファイル, 収入源, 思案, 生成AI, 訳,

ブラウザのプッシュ通知が簡単にできちゃうFirebase

2020.03.20

Logging

ブラウザのプッシュ通知が簡単にできちゃうFirebaseのでやり方を簡略的に記載します。

1. Firebaseにプロジェクトを作成する（グーグルのアカウントが必要）。
2. firebase cliというパッケージソフトをOSにダウンロードしそのソフトを任意のフォルダの中に移動させて起動させる。Node.jsはインストール済みとする（※手順）。
3. 試しにホスティングしてみる。ホスティングはプロジェクトの左側の項目よりホスティングをクリックすると手順の説明通り行うと出来ます。
4. URLより確認し表示されているか確認する。
5. Cloud Messagingの設定よりFCM でウェブ認証情報を設定するからメッセージング オブジェクトを取得するまでをブラウザで操作し設定を行う。
6. ローカルに下記のURLよりファイルをダウンロードする。ダウンロードするファイルはfirebase-messaging-sw.js, firebase-logo.png, index.html, main.cssになります。動かない場合は再設定が必要。
   https://github.com/firebase/quickstart-js/tree/f76b14ca00cca48dbfca5c787c0a4ca73eb9857d/messaging
7. ダウンロードしたファイルはpublicか自分が決めたフォルダに入れる。
8. index.htmlソースの中に ‘<YOUR_PUBLIC_VAPID_KEY_HERE>’ と記載している部分があるので変更する。
9. firebase cli より『 firebase deploy』する。
10. ページを再読み込みして通知を許可する。
11. Cloud Messagingから送信してみる。
12. 通知が届くことを確認する。
    ※今回はブラウザのプッシュ通知なのでアプリを追加する際はWEB（</>）を選んでください。

ではでは?健闘を祈る?

タグ

cli, Cloud, FCM, Firebase, firebase-logo, firebase-messaging-sw, index, JS, Messaging, node, OS, png, url, アカウント, インストール, ウェブ, オブジェクト, グーグル, クリック, ソフト, ダウンロード, パッケージ, ファイル, フォルダ, プッシュ, ブラウザ, プロジェクト, ホスティング, メッセージング, やり方, ローカル, 下記, 中, 任意, 作成, 取得, 左側, 必要, 情報, 手順, 操作, 確認, 移動, 簡単, 簡略, 表示, 記載, 設定, 認証, 説明, 起動, 通知, 項目,