フロントエンドの地獄スマートフォン用の表示で見るフロントエンドの地獄みせてやりますよ。本当の地獄ってやつをね。Webサービス開発Tweetこんにちは渡邊です。2019年始まって早くも1月が終わろうとしています😱みなさんいかがお過ごしでしょうか。Playの両方に出す事ができました🎉パチパチパチ〜それがこちらのtabmemoというメモアプリです。withアプリーチtabmemoとはtabmemoはこんな風に”タブでカテゴリーごとにメモを分けて管理出来るメモアプリ"です。2019Webブラウザのタブの着想をそのままメモアプリに引き継いで、ささっと切り替えられたら楽で使いやすいものが出来るんじゃないかと思ったので作りました。Playでは全体の新着有料アプリランキングで9位まで、それぞれ"観測"上一番上でした!いえい✌️みなさまのおかげです🙏(これ自動でランキングの集計とかしてくれてるサービスで、おすすめとかあったら教えてください)なぜ作ったのかの話みなさんメモってとってますか?1月はメモの魔力という本も話題になっていましたね。見る前田さんは紙メモ派らしいですが。私も結構メモるのですが、紙のメモは面倒でUIの絵コンテ書く時とかしか使ってません。私のメモのとり方について基本的にはスマホアプリでメモを取っていまして、日頃のメモではためておきたいメモ書き捨てたいメモの2つがあると思って、それぞれ使い分けています。ためておきたいメモは後々からじっくり見返す事もあるであろうログとしてのメモ。書捨てたいメモは、その場でまとめない内容やTODOを記録して、終わったら消してしまうメモ。それぞれの2つのメモの役割の違いがあって、私はためるメモはevernoteにためていますが、アプリが重くて書捨てるメモには使っていません。noteというアプリが起動が早くて気に入っているんですが、カテゴリを分けるのにいちいちtagを入力するのが面倒なのでざっくばらんに入れておいてなにかあったら検索機能で検索していました。そんなわけで、カテゴリー分けの機能が欲しいは欲しいんですが、書捨てメモには詳細なカテゴリー分けは必要としていなくて、せいぜい5個か6個のカテゴリーがあれば十分だと思っています。そんな思想をアプリに落とし込んだのが、今回開発したtabmemoです。カテゴリーをタブとして、ササッと切り替えて、メモを追加するボタンを押したらすぐにメモの編集が始められます。機能自体は非常にシンプルで迷わずに使えるようにしています。今後もコアな機能は大きく変えずに進めていこうと考えています。Nativeを利用してiOSとAndroidでワンソースで開発しております。Nativeでの開発において便利なツール群がまとまったexpoというものを利用して開発しています。Nativeで開発を進める上で、色々と環境の準備や事前知識が必要な場面が多いです。Nativeで開発していて特に困るポイントとして、それぞれのネイティブ部分でエラーが出た際にネイティブアプリ開発の知識と経験が必要になってきます。Nativeの知識React.js及び周辺ライブラリの知識が必要になります。これはなかなか大変です。expoを利用して開発を始めると、ネイティブ側の実装はすべてexpoに隠蔽された状態で始められるのです!そのためネイティブ側を意識せずにJavaScriptファイルだけを書いて進められるため、先程の4項目の下2つだけで進められます。そのかわりに逆にexpoがカバーしていない範囲のAPIが利用できない制約があります。(ネイティブSDKの利用など)とはいえ最近のexpoの利用出来る範囲がどんどん広がっており、今回のような汎用的ユーティリティアプリや、SNSのようなアプリを開発する上で必要な機能は概ね揃っています。(ペーパーバック)この商品を含むブログを見るこちらの本私もレビュアーとして参加したんですが、Instagramのようなアプリの基礎部分をざっと作ってみるハンズオン本となっていて、何が作れるかわかりやすい&ここから本格的なアプリ開発を始められます。Native単品での開発は先程も記載したようにネイティブの知識がそれぞれ必要になってきます。肌感ですが、両OSの開発工数をiOSを1、Androidを1とするとReactNativeでの開発は差分吸収なネイティブ部分の実装に時間がかかるため1.5〜1.8ほどになって、そこまで工数を削減出来るかと言われると微妙です。それでいてクオリティや拡張性は確実にネイティブのほうが良くなると思います。Expoを利用すると差分吸収がかなり縮小されるので1.2〜1.5くらいまで縮まるんじゃないかな〜と思っています。Nativeプロジェクトに落とす事)になるので、ejectしないで(もしくはしても影響範囲を最小に収めて)進められるような体制であればおすすめできます。React.js自体の学習コストがあるのも考慮する必要がありますが、逆にWebフロント出身の私のようなエンジニアなら学習コストも少なく、割とすぐ始められます。端末間データ共有機能開発PC版の開発evernoteへのエクスポートなどの追加機能開発がマイルストーンです。他の仕事もあるので時期は決めていません。現状2まで終わったので、Androidでの不具合の調整などが落ち着いたら3に進みます。tabmemoアカウントはGoogleログインで、Firebaseを利用してデータを保持しようと思います。4か5のあたりでアプリの料金は今の120円から240円に、6の公開作業が終わったタイミングで360円に設定する予定です。PC版は無料で、スマホ版と同期するために有料のスマホアプリを購入していただくという形にして行こうと思っています。その後基本機能以外の追加機能を開発していく上で、その利用にいくらかのサブスクリプション(月額課金)の導入も考えています。料金を徐々に上げていく事について「最終的に360円のアプリにするなら最初からその値段に設定するべきでは?」という意見もあると思います。現状まだバックアップ機能もないので、機能に対して360円では見合っていないと思っています。金額は固定せず機能に合わせて流動的に変化させていくことが、ユーザーに対して誠実だと考えて今は低い値段で購入していただく形にしています。初期ユーザーのみなさんは値段とともに徐々にtabmemoが育っていくのを温かく見守っていただければと思います!逆に後から購入するユーザーはある程度機能が出揃った状態で使っていただくので、多少値段が高くてもいいのかなと。サービスとしてのマネタイズに答えがあるわけではないため、このあたりは試行錯誤していければと思っています。そのため予定が変わっていく可能性があるのはご了承ください!まとめ今後もサクッと使いやすいメモアプリとして発展させてWebサービスとして進化させていくつもりですので、みなさんよろしくお願いします。会社辞めてからは上司もいないのでダラダラと過ごしがち。»プロフィール妻と二人で株式会社クリモという会社をやっています。インプレスR&Dから出版しているVue.jsとFirebaseでwebサービス作れる本をこちらで、「ゼロから始めるNetlify」をこちらで売ってますのでよかったらどうぞ。月別アーカイブリンクプロフィールお問い合わせプライバシーポリシーや広告掲載について関連記事はてなブログをはじめよう!tatsuaki_wさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。