01
PROBLEM
情報が、いろんな場所に散らばる。
案件はメモ、収支は別の場所、やることは頭の中。 管理する場所が増えるほど、管理そのものが面倒になっていました。
webアプリ制作
ADPRISM / WEB APP
APP / 01
WEB APPLICATION
BUILD / SYSTEM
Webを、
使えるものへ。
見るだけのサイトから、
仕事や暮らしで動くWebへ。
管理、記録、共有、自動計算。
「こんなのあったら便利」を、Webアプリとして形にします。
Webアプリを見る
EXPLORE APPLICATIONS
↓
APP STATUS
ONLINE
WEB APP / 01
Webでできること
01
管理する
MANAGEMENT
02
記録する
RECORD
03
計算する
CALCULATE
04
共有する
SHARE
PHP / DATABASE / UI
READY
STATUS
APP CHANNEL ACTIVE
ADPRISM WEB APP / 01
「これ、面倒だな」を、
Webで仕組みにする。
毎回同じことを入力する。情報があちこちに散らばる。
計算や管理に時間がかかる。
そんな小さな面倒から、Webアプリは始められます。
APP SYSTEM
WEB APPLICATION / CONTROL PANEL
SYSTEM ONLINE
01 / MANAGEMENT
OVERVIEW
情報を、ひとつにまとめる。
進行中
08
ACTIVE
確認待ち
03
WAITING
完了
24
DONE
PROJECT ACTIVITY
M
T
W
T
F
S
S
TODAY
サイト修正
10:30
DONE
資料確認
13:00
NOW
打ち合わせ
16:00
WAIT
02 / CUSTOMER
CUSTOMER DATA
顧客情報を、探さなくていい状態へ。
顧客を検索
SEARCH
NAME
TYPE
STATUS
UPDATE
株式会社 A
WEB
進行中
10.01
B PROJECT
APP
確認待ち
09.28
C STORE
MEDIA
完了
09.24
D OFFICE
WEB
進行中
09.21
03 / SHARE
LIVE SHARE
必要な情報を、その場で共有する。
TODAY / SCHEDULE
スタッフ集合
MAIN AREA
イベント開始
ALL AREA
進行確認
STAFF ONLY
終了・撤収
ALL AREA
LIVE NOTICE
UPDATE
進行情報を
リアルタイムで共有。
リアルタイムで共有。
紙を配り直さなくても、
更新した内容を同じURLから確認できます。
ONLINE / 18
04 / RECORD
RECORD / CALC
入力したら、あとは自動で。
NEW RECORD
AUTO CALCULATION
TOTAL
¥ 428,000
CURRENT MONTH
05 / ORIGINAL
CUSTOM BUILD
必要な機能だけで、専用につくる。
APP
顧客管理
案件管理
収支管理
情報共有
NEXT / 03
実際につくってみた。
次を見る
↓
自分用の管理アプリ LIFE//OS を例に、
Webアプリが形になるところを見ていきます。
実際につくってみた。
面倒だったから、
自分用のアプリをつくった。
案件、収支、タスク、目標。
バラバラに管理するのが面倒だったので、
必要なものをひとつにまとめました。
PERSONAL MANAGEMENT SYSTEM
PHP / MySQL
WHY I BUILT IT
始まりは、
始まりは、
ただの「面倒くさい」。
02
IDEA
だったら、全部ひとつにすればいい。
必要だったのは、多機能な既製サービスではなく、 自分が本当に使う機能だけがまとまった画面でした。
03
BUILD
必要な機能から、そのまま形にする。
画面構成からデータの保存、計算まで、 実際に自分で使えるWebアプリとして組み上げました。
04
RESULT
3日後、LIFE//OSになった。
「こんなのが欲しい」から始まったものが、 ブラウザからいつでも使える自分専用の管理ツールになりました。
INSIDE LIFE//OS
必要だったものだけ。
使わない機能を増やすのではなく、
自分の管理に必要なものから設計。
01
案件管理
進行中の仕事や案件情報を、 一か所で確認。
PROJECT
02
収支管理
収入や経費を記録して、 数字をまとめて確認。
FINANCE
03
タスク管理
今やることを整理して、 進行状況を見える状態に。
TASK
04
データ保存
MySQLを使い、 必要な情報をWeb上で管理。
DATABASE
03
FROM PROBLEM TO PRODUCT
ひとつ減らすものでもいい。
Webアプリは、
大げさなシステムじゃなくてもいい。
ひとつ減らすものでもいい。
NEXT / 04
Webアプリは、どうつくる？
次を見る
↓
アイデアから実際に動く形になるまで。
Webアプリができるまで
最初に考えるのは、
機能じゃなくて「面倒」のこと。
「どんなシステムを作りますか？」からではなく、
「今、何が面倒ですか？」から考える。
必要なものを整理して、使える形へ組み立てていきます。
APP BUILDER
PROJECT / NEW APPLICATION
BUILD STATUS
READY
BUILD PROCESS
BUILD
16%
STEP 01 / PROBLEM
INPUT
まず、「面倒」を見つける。
QUESTION
今、どんなことに
時間がかかっていますか？
01
案件の情報が
バラバラになっている
02
毎回同じ内容を
手入力している
03
最新情報を
共有するのが大変
04
計算や集計に
時間がかかる
STEP 02 / ORGANIZE
ANALYZE
何が必要なのか、整理する。
BEFORE
メモ
Excel
LINE
紙
頭の中
→
AFTER
ONE APP
必要な情報をひとつに
STEP 03 / FUNCTION
DEFINE
必要な機能だけを決める。
✓
登録
必要な情報を入力して保存。
✓
一覧
保存した情報をまとめて確認。
✓
検索
必要なデータをすぐに探す。
+
自動計算
必要なら計算も自動化。
+
共有
複数人で同じ情報を確認。
+
その他
用途に合わせて機能を追加。
STEP 04 / UI DESIGN
DESIGN
使いやすい画面にする。
SELECT
TEXT
BOX
DATA
UI
STEP 05 / BUILD
DEVELOPMENT
デザインを、動く仕組みへ。
01
02
03
04
05
06
07
08
SYSTEM
Database connected.
Application running.
READY_
STEP 06 / USE
LIVE
完成してから、実際に使う。
your-app.com
LIVE
APPLICATION
使える状態になりました。
DATA
128
ACTIVE
24
STATUS
OK
WEB APPLICATION BUILD SYSTEM
ADPRISM / APP / 04
NEXT / 05
「こんなの作れる？」から。
次を見る
↓
まだ仕様が決まっていなくても大丈夫です。
最後に
「これ、Webでできる？」
そのくらいからで大丈夫です。
まだ機能も、仕様も、画面も決まっていない。
でも「こうなったら楽なのに」はある。
そこから、必要な形を一緒に考えます。
NEW IDEA
ADPRISM / APP / 05
STATUS / WAITING
?
YOUR IDEA
今、どんなことが
今、どんなことが
面倒ですか？
きれいに説明できなくても大丈夫です。
今やっている作業や、困っていることから整理できます。
FOR EXAMPLE
例えば
01
毎回、同じ内容を入力している。
入力・計算・集計などを、 もっと簡単にできるかもしれません。
02
情報がいろんな場所に散らばっている。
必要な情報をひとつの画面に まとめられるかもしれません。
03
チームで最新情報を共有したい。
ブラウザから同じ情報を 確認できる仕組みにできるかもしれません。
04
自分専用の管理ツールが欲しい。
既製サービスに合わせるのではなく、 必要なものから作る方法もあります。
IDEA
APP
POSSIBLE
Webアプリに
できるかもしれない。
できるかもしれない。
まずは、できるかどうかから。
WHAT CAN WE BUILD?
例えば、こんなもの。
これはほんの一例です。
用途に合わせて必要な機能を考えます。
顧客情報や対応履歴などを、 ひとつの場所で管理。
CUSTOMER案件情報や進行状況を、 分かりやすくまとめる。
PROJECTスタッフやチームで、 最新情報をWebから確認。
SHARE手作業の計算や集計を、 できる範囲から自動化。
AUTOMATION
FROM PROBLEM TO PRODUCT
面倒なことを、
面倒なことを、
面倒なままにしない。
Webサイトだけではなく、
仕事や日常の中で使える仕組みもつくれます。
WEB APPLICATION PRODUCTION
whatEVer.
実際のWebアプリ制作やご相談は、
whatEVer.で承っています。
ADPRISM / WEB APPLICATION
05 / END