サービス
サービスを探す
プロ人材を探す
仕事を探す
ブログを探す
サービス
サービスを探す
プロ人材を探す
仕事を探す
ブログを探す
購入・発注したい方
サービスを探す
プロ人材を探す
ノウハウ・素材を探す
ブログを探す
仕事・求人を投稿して募集
エージェントに人材を紹介してもらう
受注・働きたい方
出品する
単発の仕事を探す
継続 (時給/月給) の仕事を探す
エージェントに仕事を紹介してもらう
カテゴリ一覧
イラスト作成・漫画制作
デザイン制作
Web制作・HP作成・EC構築
動画編集・映像制作
集客・マーケティング相談
NEW
ビジネス代行・事務代行
音楽制作・ナレーション
IT相談・システム開発
ライティング・翻訳
コンサルティング・士業
生成AI活用・開発・制作
占い
悩み相談・カウンセリング
学習指導・資格・キャリア相談
住まい・美容・生活相談
オンラインレッスン・習い事
ハンドメイド制作
出張撮影・出張サービス
資産運用・副業の相談
NEW
弁護士検索・法律Q&A(法律相談)
サポート
はじめての方へ
ご利用ガイド
お困りのときは
ログイン
会員登録
サービスを探す
イラスト作成・漫画制作
>
デザイン制作
>
Web制作・HP作成・EC構築
>
動画編集・映像制作
>
集客・マーケティング相談
NEW
>
ビジネス代行・事務代行
>
音楽制作・ナレーション
>
IT相談・システム開発
>
ライティング・翻訳
>
コンサルティング・士業
>
生成AI活用・開発・制作
>
占い
>
悩み相談・カウンセリング
>
学習指導・資格・キャリア相談
>
住まい・美容・生活相談
>
オンラインレッスン・習い事
>
ハンドメイド制作
>
出張撮影・出張サービス
>
資産運用・副業の相談
NEW
>
>
プロ人材を探す
>
ノウハウ・素材を探す
ブログを探す
>
求人募集を投稿する
人材を紹介してもらう
仕事を探す
出品する
仕事を探す
仕事を紹介してもらう
出品する
仕事を紹介してもらう
求人募集を投稿する
人材を紹介してもらう
ブログを投稿
会員登録で10%割引クーポンを獲得!
会員登録で10%割引クーポンを獲得!
ココナラブログ
ホーム
ブログトップ
ブログ
IT・テクノロジー
約二か月でここまで来た・・・。
記事
IT・テクノロジー
Nitttaku
2026/04/01 14:55
毎度様でした。お久しぶりです。(旧名Taxintianです。)
前回ブログを書いたのは1/28。
そこから約2ヶ月、地に足つけて積み上げた結果、
クラウド同期付きのWebアプリを作れるようになりました。
その名も、「人生クエスト」!!!
ネーミングセンスがベタすぎるって?
まあまあ、そこは大目に見てくださいw
今回作ったのは、
習慣を「
クエスト
」として管理するWebアプリです。
やるべきことをゲーム感覚でこなしていくことで、
自然と継続できるように設計しました。
僕、今まで継続して何かをこなしていくっていうことが
とても苦手だったんです。
地味だし、なかなか成長してきた実感は
可視化されるものじゃないし。
ただ、毎日少しずつでもクエスト消化して、
それを
継続していくこと
によって、
Expゲージを少しずつ伸ばしていけるUIを見て、
「あぁ、成長したな!」
って少しでも思えるようになったらいいんじゃないかな?
って思ったんです。
それで作り始めたのが、この「人生クエスト」でした。
↓経験値ゲージが、水が流れるように動くUIにも凝りました^ω^
また、今回行ったアップデートで、
ただのローカル管理アプリから、
「クラウド同期できるアプリ」
へ進化しました。
・Googleアカウントを使ってログインできる機能
・自動でクラウド同期できる機能
などを実装することが出来ました。
正直、一番苦戦したのは
「ローカルとクラウドの扱い」でした。
どのタイミングで保存するか、
どうすれば自然に同期されるか、
ここをかなり試行錯誤しましたね。
特に意識したのは、
「ユーザーが不安にならないこと」です。
・同期中の表示
・最終同期時刻の表示
などを入れることで、
「ちゃんと保存されている安心感」を作りました。
地に足つけて、一歩ずつ。
目の前のことを積む。
これ最近考えた座右の銘みたいなものなのですが、
目の前のことを積み上げた結果
、
ここまで来ることができました。
まだまだ改善したい点はありますが、
まずはここまで形にできました。
次は、別端末でも自然に使えるような仕組みを作っていきます。
デモはこちら。
「人生クエスト github」
で検索してみてね!
P.S. この文章を書きながら自分で、
ブログ更新も積み上げろよ!サボんなよ!
ってツッコんじゃったのは内緒ですよ^^;)
#WEB開発
#JavaScript
#Firebase
#アプリ開発
JavaScriptのタブ&アコーディオンUIを理...
一覧に戻る
このブログを見た人にオススメ
ノーコードで作ったアプリを再開発することになる理由
記事
IT・テクノロジー
畑井駿佑 アプリ開発
2026/08/13 15:31
FlutterFlowとFlutter、どちらで開発すべき?
記事
IT・テクノロジー
畑井駿佑 アプリ開発
2026/08/13 15:03
アプリ開発を依頼する前に決めておきたい7項目
記事
IT・テクノロジー
畑井駿佑 アプリ開発
2026/08/13 13:40
50万円でどこまで作れる?小規模アプリの機能と費用
記事
IT・テクノロジー
畑井駿佑 アプリ開発
2026/08/13 13:00
アプリ開発の見積金額が会社によって違う理由
記事
IT・テクノロジー
畑井駿佑 アプリ開発
2026/08/13 13:54