Webアプリ開発記録

Webアプリ開発記録

アプリ作成 用語集(保存版)用語集

全体・概念まわり用語意味(超要約)作るときの文脈アプリケーション特定の目的を持つプログラム全体「このアプリは〜をする」システム複数の要素が連携した仕組みフロント+サーバ+DB要件作りたいものの条件何ができれば完成か仕様要件を具体化した設計内...
Webアプリ開発記録

【第13話】初心者が404で詰んだ全パターン|実は全部“見ている場所”が違っていただけの話

初心者が404で詰んだ全パターン実は全部「見ている場所」が違っていただけの話Xserverにファイルを置いたのに、何度開いても「404 Not Found」。public_html も触っていない。フォルダ構成もいじっていない。難しい設定も...
Webアプリ開発記録

【第12話】なぜスマホだけ保存できなかったのか|最大の原因はここでした

保存できるようになったはずなのに、パソコンでは動くのに、スマホだけ、なぜか保存できない。何回やってもダメ。写真を入れてもダメ。写真なしでもダメ。エラーも出ない。本当に意味が分からなくて、かなり長い時間ここで止まりました。でも、原因はとてもシ...
Webアプリ開発記録

【第11話】なぜこのWebアプリは「保存できる」ようになったのか|PHPを置いたら世界が変わった話

前回の記事で、スマホで何度「保存」を押しても記録がどこにも残らない地獄の話を書きました。パソコンでは動くのに、スマホでは消える。写真を入れるとさらに保存できない。正直、意味が分かりませんでした。でも、ChatGPTに聞き続けるうちに、ある言...
Webアプリ開発記録

【第10話】スマホだけ保存できない原因は、PHPでもサーバーでもなかった話。たった4行のコードで全部直った

この記事は初心者が試行錯誤した記録です。セキュリティや設計は未熟な部分があります。実運用・公開用途ではそのまま使わないでください。スマホで保存ができない。何回やっても、記録が残らない。パソコンでは動くのに、スマホでは動かない。写真があると保...
Webアプリ開発記録

【第9話】Xserverで404エラー地獄。原因は「拡張子」でした。初心者が本気で詰んだ実話

Xserverにファイルを置いたのに、何度開いても「404 Not Found」。public_html も触っていない。フォルダ構成もいじっていない。難しい設定も何もしていない。それでも、ずっと404。正直、このとき本気で思いました。「も...
Webアプリ開発記録

【第8話】「え、これインストールできるの?」Webアプリが本当にアプリになった日(PWA化)

保存もできる。編集もできる。削除もできる。写真も入る。見た目も、もう完全にアプリ。でもこれは、ただのWebページ。URLを開かないと使えない。このとき私は、こう思っていました。これ、ホーム画面に出せたら完璧なのに…そこでChatGPTに聞き...
Webアプリ開発記録

【第7話】「保存できる」から「使えるアプリ」になった日

PHPで保存できるようになったとき、私はかなり満足していました。「もうアプリじゃん」そう思っていました。でも、しばらく使っていて気づきます。めちゃくちゃ使いにくい。一度保存したら、直せない入力ミスをしたら終わり。消したい記録があっても消せな...
Webアプリ開発記録

【第6話】「保存」できるようになった日。PHPがやっていた本当の仕事

アプリの見た目は、かなり早い段階で完成していました。入力欄があって、ボタンがあって、スマホでも操作できる。でも、ずっとおかしかったことがあります。保存を押すと、消える。何回やっても、消える。入力したはずの記録が、どこにも残らない。このときの...
Webアプリ開発記録

【第5話】スマホのホーム画面に、自分のアプリが現れた日(PWA化の瞬間)

ここまで来たとき、私はこう思っていました。「もう十分すごいものができた」保存できる。削除できる。編集できる。写真も残せる。見た目も、もう完全にアプリ。でも、ChatGPTにこう言われます。「これ、ホーム画面に出せますよ」正直、意味が分かりま...