OJapp Dev Log

PWA LABを作った理由｜仕様だけでは分からないPWAの本当の挙動を確かめる場所

PWA LABを作った理由を、iPhone Safari、Android Chrome、Service Worker、manifest、キャッシュ挙動の実験からやさしく解説します。

【実録】パスワードを忘れて始末書を書く人を、1枚のPWAで救った話

【実録】パスワードを忘れて始末書を書くリスナーを、1枚のPWAで救済した話   私のゲーム配信に遊びに来てくれるリスナーさんから、ある日こんな悲痛な叫びが届きました。 「会社で3ヶ月に一度パスワード変更を強制されるんですが、10個もあって覚えきれず、忘れるたびに始末書を書かされています……」 連絡先も知らない彼を、今この場で救うにはどうすればいいか。 その答えが、インストール不要で即座に […]

iOSでホーム画面に追加したURLが勝手に変わる?原因と対策（PWA・manifestの罠）

iOSでホーム画面に追加したURLが勝手に変わる原因と対策（PWA・manifestの罠） Webアプリをホーム画面に追加したとき、「開いているURLと違うURLが保存される」という現象に遭遇したことはありませんか？ 実際に、/petal/{token} を開いているのに、ホーム画面には /petal/@username が保存されてしまう問題が発生しました。 結論から言うと、原因は manife […]

SNS疲れたら見ないべき？“やめない”ための新しい使い方【2026年版】

  SNS疲れたら見ないべき？“やめない”ための新しい使い方 SNSに疲れたとき、よく言われるのが「スマホを見ない」という対処法です。 確かに一度距離を置くことで、気持ちが軽くなることもあります。 しかし実際には、「見ないことで逆に不安になる」と感じたことはないでしょうか。 SNSを見ないと、置いていかれる感覚 SNSを閉じると、情報から切り離されます。 それによって一時的に楽になる反面 […]

ホーム画面名刺とは？新しいつながり方「Petal」の考え方と使い方

ホーム画面名刺とは？新しいつながり方「Petal」の考え方と使い方 名刺といえば、紙で渡して終わるもの。 交換したあと、どこかにしまわれて、そのまま見返すことはほとんどありません。 でも今は、スマホが常に手元にある時代。 もし名刺が「ホーム画面」に残るとしたら、どうでしょうか。 それが、ホーム画面名刺という新しい考え方です。 ホーム画面名刺とは ホーム画面名刺とは、 自分の名刺をスマホのホーム画面 […]

Petal名刺とは？ホーム画面でつながる新しい名刺の形

Petal名刺とは？ホーム画面でつながる新しい名刺の形 名刺といえば、紙で渡すもの。 名前、会社名、肩書き、連絡先が書かれていて、会った相手に手渡す。 それ自体は今でも大切な文化です。 でも、交換した名刺をあとから何度も見返すかというと、実際にはそうでもありません。 財布や名刺入れに入ったままになったり、写真だけ撮って終わったり、気づけばどこに置いたか分からなくなることもあります。 一方で、今の時 […]

OJapp Splitter活用術：スマホだけで写真をキレイに分割する方法【正方形・3:4対応】

OJapp Splitter活用術：スマホだけで写真をキレイに分割する方法【正方形・3:4対応】 OJapp Splitter は、スマホで「正方形」と「3:4」の2種類の比率に特化して写真を分割できるシンプルなWebツールです。 アプリ不要・インストール不要で、スマホだけでサクッと分割できるため、 SNS投稿・壁紙作り・写真整理など幅広い場面で活躍します。 OJapp Splitter の魅力は […]

Petal開発記録：GitHub Pages を卒業して Worker + R2 に移行した理由

Petal開発記録：GitHub Pages を卒業して Worker + R2 に移行した理由 OJapp Petal を作り始めて 3か月。最初は GitHub Pages を使って開発していました。 「無料で使える」「簡単に公開できる」「静的サイトなら十分」──そう思っていたけど、Petal の機能が増えていくほど、GitHub Pages の限界に何度もぶつかるようになりました。 この記事 […]

OJapp 裏側の技術スタックを語る（2026年版）｜個人開発3ヶ月で辿り着いた最適解

OJapp の裏で使われている技術スタックを語る（2026年版）｜個人開発3ヶ月で辿り着いた最適解 OJapp を作り始めて、実はまだ 3ヶ月 しか経っていません。 それでも今では OJapp / OJapp Card / OJ-Pass / PastCamera など、小さな Web ツールが次々と生まれています。 この記事では、その裏側で実際に動いている技術と、なぜその選択に至ったかを “日記 […]