アプリ・ゲーム・ツールを作りながら残している記録。
Kanana Studio で公開しているアプリ・ゲーム・Webツールについて、機能追加の経緯、設計で判断したこと、改善してきた内容を記録しています。
QRコード生成ツールにCSV一括生成機能を追加した経緯
QRコードを1件ずつ手入力で生成することはできても、複数のURLや商品コードをまとめて処理したいという用途があることに気づき、CSV読み込みによる一括生成機能を追加しました。CSVを読み込んで複数のQRコードをまとめて生成し、ZIPファイルとしてまとめてダウンロードできる仕組みです。
このツールの基本方針として、入力内容を外部サーバーに送信しないことを最初から決めていました。QRコードの元になるURLや文字列には個人情報が含まれることがあるため、すべての処理をブラウザ内で完結させています。一括生成もサーバーサイドの処理を使わず、ブラウザのJavaScriptだけで動くように実装しています。
PDF結合ツールにページ回転・テキスト追記を追加した判断
PDF結合ツールはもともと「複数のPDFをひとつにまとめる」機能だけを想定していましたが、使っている中でページの向きが混在するPDFを扱うケースが出てきました。スキャンしたドキュメントを結合すると、ページごとに縦横が揃っていないことがあるためです。そのためページ回転機能を追加しました。
テキスト追記については、結合後のPDFに簡単な注釈を書き込みたいという用途を考えて加えました。いずれの機能もブラウザ内で処理が完結しており、アップロードしたPDFのデータは外部に送信されません。
ブラウザゲームをAndroidアプリとして公開した手順
Kanana Studio のゲームはもともとブラウザで動くHTMLとJavaScriptで作られています。これをAndroidアプリとして Google Play に公開するにあたり、Capacitorというフレームワークを採用しました。Capacitorを使うと、既存のWebアプリをほぼそのままAndroidアプリのパッケージとして変換できます。
注意が必要だったのは、ブラウザでは問題なく動いていた処理がAndroidのWebView上では挙動が変わる場合があることです。特にタッチイベントの処理やスクリーンサイズの取得は、実機で確認しながら調整が必要でした。また、Google Play に提出するためのプライバシーポリシーの記載、スクリーンショットの準備、ターゲットAPIレベルの設定なども確認しながら進めました。こうした手順の詳細は note にまとめています。
プライバシーポリシーを1ページに集約した理由
Kanana Studio では、アプリ・ゲーム・Webツールのプライバシーポリシーを kanana-studio.com/privacy.html の1ページにまとめています。サービスごとに別々のページを持つ構成も考えましたが、個人開発でページ数が増えると内容が分散して古くなりやすいという問題があります。
1ページに集約することで、アクセス解析の扱い、広告、問い合わせ時に受け取る情報の扱いなど、共通する内容を一元管理できます。各サービスのページからは共通ページへのリンクを設置し、どこからでも確認できるようにしています。アプリのGoogle Play掲載ページに記載するプライバシーポリシーのURLも、同じページを指しています。
こども向けページで広告を置かない設計にした背景
Kanana Kids のゲームページでは、現在広告を置いていません。子ども向けコンテンツに広告を配置する場合、広告の内容が子ども向けとして適切かどうかを確認・管理する責任が生じます。子どもが予期しないコンテンツに誘導される可能性を避けるため、広告なしの構成を選んでいます。
外部へのリンクも最小限にしており、保護者の方が安心してお子さんに画面を渡せる状態を目指しています。プライバシーポリシーと問い合わせ先は、Kanana Kids のページ内からすぐ確認できるようにしてあります。
案内ページを整理してどこから来ても迷わないようにした
Kanana Studio のコンテンツはアプリ、ゲーム、Webツール、子ども向けゲームと種類が異なるため、はじめて訪れた方がどこを見ればよいか分かりにくいという問題がありました。トップページからの案内構成を整理し、目的に応じてページを選べるようにしました。
アプリに関する情報（Google Play・更新履歴・サポート）は Kanana Studio Home に集約しています。Webツールは Kanana Soft、子ども向けゲームは Kanana Kids という構成で、それぞれ独立したURLに整理しています。作品ごとの読みやすい紹介は Showcase を優先し、問い合わせ先とプライバシーポリシーは kanana-studio.com から確認できます。