blog-hero-img

アプリの機能はたった4つだけ

pen-icon2025.8.3

この記事は約1分で読めます

Profile Pic

この記事の筆者:三好アキ


🟢 専門用語なしでプログラミングを教えるメソッドに定評があり、1200人以上のビギナーを、最新のフロントエンド開発入門に成功させる。
🟢『はじめてつくるReactアプリ with TypeScript』、『動かして学ぶ!Next.js/React開発入門(翔泳社/*韓国でも出版)』著者。


▼ Amazon著者ページはこちら
amazon.co.jp/stores/author/B099Z51QF2



4つことしかしないアプリ

私たちは毎日なんらかのアプリを使っています。

身近なのはスマホ内のアプリです。

メッセージアプリ、スケジュールアプリ、買い物アプリ、メモアプリ、天気アプリなど、さまざまな機能を持ったものがあります。

しかし実はそのどれも、根本的には次の4つの操作から成り立っているのです。


•(データを)作成する

•(データを)読み取る

•(データを)修正する

•(データを)削除する

本当に4つか確認

たとえばあなたが、あるカフェの口コミを調べたいとします。

Googleマップではお店のレビューも確認できるので、Googleマップを開きましょう。

カフェを選んでレビュー欄をタップすると、口コミが表示されます。

まずこれが「読み取る」という操作です。

アプリがデータベースからデータを読み取って、画面に表示しているのです。


さて、好意的な口コミが多かったので、あなたも実際にカフェに行ってみます。

噂通りの心地よいカフェです。

なので、あなたもその感想をレビューとして投稿します。

これは、レビューというデータを「作成した」ということです。


しかし投稿後に読み返してみると、変換ミスの漢字がありました。

なので「編集ボタン」を押し、誤字を直します。

ここでしていることは、データの「修正」です。

そしてもし、このように投稿したレビューを消したくなったら、それは「削除」という操作を実行することになります。


このようにアプリが実行している操作は、実は「読み取り」「作成」「修正」「削除」の4つを組み合わせたものなのです。

CRUDとHTTPメソッド

この4つの操作の総称を、頭文字を取ってCRUDと呼びます。

操作 CRUD
読み取り Read
作成 Create
修正 Update
削除 Delete

この「CRUD」は、コンピューターやソフトウェア開発全般で広く使われる言葉です

ウェブアプリ開発の分野においては、CRUDの代わりに「HTTPメソッド」という総称もよく耳にします。

CRUDとHTTPメソッドの対応関係は次のようになっています。

HTTPメソッド 操作 CRUD
GET 読み取り Read
POST 作成 Create
PUT 修正 Update
DELETE 削除 Delete

もちろん、アプリにはCRUDに分類できない操作もあります。

たとえばAIやゲームアプリが実行する予測や推論、学習機能、物理演算等です。

しかし大半のアプリは、上記4つの操作の組み合わせで成り立っています。

ウェブ開発初心者の方は、自分が普段使っているアプリが、どの操作をどのように組み合わせてあるのかを考えてみましょう。

将来自分でアプリを設計するときのいい練習になります。

image

▼【無料フロントエンド・ガイド】は下記ページで受け取れます。

https://monotein.com/present-for-readers

Profile Pic

🟩 フロントエンド開発者入門ガイド【無料配布中】


最初にこれが知りたかった!
フロントエンド初心者が必ず押さえておきたい ― 『挫折しない勉強法』とその具体的ステップ、無料配布中。
(*名前不要・メールアドレスだけで受け取り可能です)