大切な何かのブログ

わたしの考えた最強のWebアプリ構築(6)〜①ユースケース定義書〜

Sat, 20 Aug 2016 10:37:13 +0900

こんにちは

大切な何かです。

最近は仕事が忙しく、マイクラも楽しいため更新が空いてしました。

ごめんなさい

今回は「わたしの考えた最強のWebアプリ構築（５）」で触れた

①ユースケース定義書を作成していこうと思います。

簡単にユースケースのことについて説明を書いてみます。

もしあなたが、IT系の方であるならばUMLのお勉強をしたときに少しかじってるかもしれませんがそのユースケースの根本的な役割について意識合わせとなれば幸いです。

ところでユースケースって？

ユースケースっていうのは・・・

ユースケース（Use Case）とは、ソフトウェア工学やシステム工学でシステム（あるいはシステムのシステム）の機能的要求を把握するための技法である。各ユースケースは、何らかのビジネス目標/機能に関するシナリオでのアクター(actor)と呼ばれるユーザーとシステムのやりとりを描いたものである。ユースケースのアクターはエンドユーザーの場合もあるし、別のシステムの場合もある。ユースケースでは技術専門用語をなるべく使わず、エンドユーザーやそのビジネスの専門家に分かり易い用語を用いる。ユースケースの作成は、ビジネスアナリストとエンドユーザーが共同で行うことが多い。ユースケースとユースケース図は厳密には区別されるべきものである。
引用：wikipedia

はい、やっぱりよくわかりませんねウィキペディア。

間違いを恐れずに私見と偏見で書かせていただきますと

ユースケースを作るということは、「アプリの使われ方を想定する」ことです。

ユーザーがこのアプリで何をするのか、何ができるのかアプリの使用シナリオを考えることです。

ちなみに今回作るのはユースケース図ではなく、ユースケースです。

何が違うのかというと、図か図じゃないかってことです。

ユースケースって必要？

なんでそんなもの作る必要があるの？って思ったそこのあなた

アプリの使われ方を考えたところでどうなるんだ、そんなもの作る暇があったらさっさと作り始めてしまえって思いますよね

でも作ります。大企業の人たちも、世界中のシステムコンサルやプロジェクトマネージャーもみんな作ってます。

なぜなのか・・？

「ユースケースを作りこむことはそのアプリの使いやすさに直結する。」

はっきり言ってプログラマー視点で作ったアプリは使いづらいんです。

なぜかって、作ってる側の都合で作ってるから良く分からない用語がたくさん出てきたり、面倒な確認だったり入力を求めらたり、、、

ユーザーからすると分かりづらい、面倒くさい、操作性が悪い、etc...

そんなアプリになってしまわないように、一度ユーザー視点に立つのです。

ユーザー視点で、「何かをしたいときにどうするのか」を考えるのです。

そのあとにプログラマー視点でその実現性を確認すればいいのです。

なんども言いますがアプリを作るときに最も優先すべきは使う人の気持ちを考えることです。

その一つの方法がユースケースなのです。

実際に作ってみた。

はい、実際に作ってみたとか書いてますが、今考えながら書いてます。

ユーザーがアイデアとして

プレイヤーが飛行機を操作して、出てくる障害物を避けたり敵を倒したりしながら進むゲームを思いついたことを仮定します。

①　飛行機ゲームのアイデアを思いついた！

ツリーポットのサイトにアクセスする。
新しいツリーポットを作成する。
idea trunkに「飛行機ゲーム」と書き込む

②　飛行機のカスタマイズするゲーム要素を思いついた！

ツリーポットを選択する
idea trunk（飛行機ゲーム）を選択する
思いついたアイデア要素を書き込む

③　カスタマイズできる武器の種類を思いついた！

アイデアリーフ（飛行機のカスタマイズ）を選択する
武器のアイデアを書き込む

このような感じで作ってみました。

他にも、削除、変更などなどあります。今回はここらで

次回は③画面遷移図について書いておきます

わたしの考えた最強のWebアプリ構築(5)〜設計〜

Fri, 01 Jul 2016 10:04:03 +0900

こんばんは
ここのところ暑さにバテてます
まだ梅雨明けもしてないのにこの暑さ、、

さて今回は設計をやります。
目的で分けて、何本かのドキュメントを
作っていこうと思います。

その前に今回のWebアプリの名前を考えてきました。
「ツリーポット(Tree pot)」です。

調子に乗ってロゴみたいのつくってみました(照)

1つの小さなアイデアという種から次々と枝が別れ葉をつけて木になる。
それを植えるためのポットとなるようなアプリにしたいというコンセプトです。

ということでTree potの設計書を考えていきます。
設計書の種類ですが何本か書くということで、目的ごとにあげてみます。

①ユースケース定義書
　ユーザーが実際に使う時の状況や
　具体的な操作方法を書きます。

③画面遷移図
　画面がどのように
　切り替わっていくかを書きます。

④画面設計書
　細かな画面の設計図です。

⑤機能設計書
　機能の細かな仕様などを書きます。

このくらいですかね、
今回はこれくらいにしておきます。
次回からそれぞれの設計書を書いていきます。

わたしの考えた最強のWebアプリ構築(4)〜イメージ作成〜

Fri, 03 Jun 2016 23:10:24 +0900

こんにちは間が空いてしまってごめんなさい
コンビニはファミマ派でしたが、最近はローソンかセブンかで揺らいでいます。
大切な何か。です。

さて前回はアイデアと目的が決定しましたね。
今回は具体的なイメージを作ります。

イメージを作るにあたってまずはアイデアをメモするためにどんな機能が必要なのか考えてみます。

①アイデアについてテキストで書き込む
アイデアを管理する方法として、テキストやボイスメモ、画像などがありますが、基本的にはテキストベースが良いと思ったので、テキストでの管理とします。

②アイデアから産まれたアイデアを書き込む
アイデアって連鎖的にひらめきますよね
なので、アイデアからアイデアから産まれていく過程や依存関係がわかるといいなってところです

③いつでもどこでもメモ出来る
アイデアは突発的に降ってくる気がします
なのでいつでもどこでもメモ出来るといいですよね

④他人に見られない
メモしたアイデアが他人に見られるのはなんだか恥ずかしい気がするので、他の人には見れないようにする工夫がほしいです

⑤アイデアを保管する
書き込んだアイデアを保管して管理できる仕組みが欲しいですね

これくらいでしょうか、
これらを要件と言ったりします
要件を決めることを要件定義と言います

これらの要件を満たすような仕組みを実現するために、マインドマップというものに着目しました。マインドマップとは簡単に言うと相関図です。
それっぽくかいてみました。
みなさんもどこかで見たことがあるようなフォーマットだと思います。
アイデアをメモする方法として、小さなアイデアを相関図のように繋げて書き込んでいけるようにしようと考えています。

如何でしょうか？
次回からは設計をやろうと思います。

もっとこうした方がいいよ！
というアイデアがある方はぜひコメントをいただければと思います。

今回の記事は以上です。

わたしの考えた最強のWebアプリ構築(3)〜始動〜

Wed, 01 Jun 2016 15:40:29 +0900

こんにちは。
昨日はアサシンクリードって言うゲームの実写版動画を見てて更新しそこねてしまいました。
ごめんなさい。(書き溜めないと、、)
大切な何か。です。こんにちは。

表題の通り、今回から始動します！

あ、そもそもWebアプリってなに？って思った方もいるかもしれません。
簡単にいうとウェブサイトのことです。
じゃあなんでウェブサイトって書かないでWebアプリとか難しい言葉使ってんの？って思った方も居るかもしれませんね。プログラマとしては別物ですので使い分けさせていただいております。

というかんじで、前置きが長くなりましたが、どんなウェブサイトを作るのか書いていきます。

始動

これから作ろうと考えているのは
アイデアをメモするサイトです！
何か思いついた時、紙にメモしたりスマホのメモアプリに書き込むのも良いのですが
少し複雑になると文字だけでは書ききれない～
ってことありませんか？
そんな悩みを解決するアイデアをメモするためのノートのように使えるサイトを作りたいと考えてます。

はい。これで目的が決まりました。
とても抽象的で、だれもイメージがつきませんね。
でもアイデア段階ではこんなものでいいと思います。
ここから段階を踏んで具体的なイメージにしていきます。

アイデアを思いついて企画してからそれを実現するまでの工程をプロジェクトと言ったりします。
まずはプロジェクトを進めるにあたって何を考えなければいけないかを考えます。
これは、道のない場所を闇雲に進むのではなく、あらかたの大きな方向を決めてあげることで迷わずに進むことが出来るのです。
5W1Hなんて言うもので、まとめてみたりするとわかりやすいかもしれません。

いつ
　　期間のことです。本来はいつまでに
　　作って公開するかを決めます
　　今回は「今日から」

誰が
　　そのままの意味です。
　　今回は「わたしが」

誰のために
　　ターゲットと言ってどんな人に
　　使ってもらうかを想定します
　　「アイデアをメモしたい人のために」

何を
　　「Webアプリを」

どうする
　　「作るって公開する！」

ジャーン！！
これで迷わずにWebアプリを作ることができます！

次回は具体的なイメージを作っていこうと思います。

わたしの考えた最強のWebアプリ構築(2)〜目次〜

Wed, 01 Jun 2016 08:53:27 +0900

こんにちは。
大切な何か。です。

このページでは「わたしの考えた最強のWebアプリ構築」シリーズの目次として随時更新する形で使おうと思います。
リンクっていう機能があるようなので、~~別タブで開けるようにしておきます。~~できませんでした。涙

目次

大切な何か。初ブログナウ2

Tue, 31 May 2016 18:04:00 +0900

こんにちは。
大切か何か。です。

昨日からブログを始めました。
機能とかいろいろわからないことだらけなので、
こうした方がいいよ、とか
ありましたらご教授いただければ幸いです。

ブログのことに関してなのですが、
テーマ別でいろいろ書いていこうと思います。
そんなことはブログ界では当たり前のことなのかわかりませんが、一応わたしの中のルールとしてここに書いておきます。

こんなテーマでも書いて欲しいなんて方がいらっしゃいましたら、リクエストとしてコメントをいただければ検討するかもしれませんです。

わたしの考えた最強のWebアプリ構築(1)〜まえがき〜

Mon, 30 May 2016 14:55:27 +0900

こんにちは
最近は疲労で左目がピクピクしてます。
大切か何か。です。

連載企画的なノリで始めようと思います。
ちゃんとしたWebアプリを作るのはわたし自身、初めてのことなので一緒に四苦八苦していただければ幸いです。

まえがき

さて早速ですが、皆さんはこんなことってありませんか？

便利な仕組みを思いついた！とか、
面白いゲームを考えた！とか、、

でもそれを、実践するのは大変そうだし
何から初めていいかわからない。。
このブログではわたしが考えた最強のWebアプリの構築を通して、皆さんの持っているアイデアを現実のものにするために何をすればいいのかを考え、そして実践するためのきっかけになればいいなと思っております。

それでは次回より
わたしの考えた最強のWebアプリについての概要と計画について発表させていただこうと思います。

大切な何か。初ブログナウ

Mon, 30 May 2016 11:31:32 +0900

こんにちは
最近半身浴にはまっています。
大切な何か。です。

ブログって初めてだし、読んだこともないし、
よくわからないけど、趣味のことについて書いていこうかなって思います。
コメントとかリクエストとかあったら、お応えしてみたいなとかも思ってます。

さて今回は、わたくしの自己紹介を書いていきます。

自己紹介。

大切か何か。と申します。
音楽活動とかやってます。

◆趣味
音楽活動
初音ミク等を使用した楽曲および動画制作をしております。
気になる方はニコニコ動画とかYouTubeにアップロードしていますので、聞いてみてくれると嬉しいです。「大切か何か。」って検索すると何件かヒットすると思います。

プログラミング
お仕事もプログラムを書いたりするのですが、
趣味でもやっています。
あまり詳しいことを書くと引かれそうなので割愛しますが、ざっくり言うとWeb系とよばれる分類にあたるものが好きでやってます。Web系って要はウェブサイトを作るんです。

◆仕事
現職はシステムエンジニアです。
システムエンジニアってパソコンとか、スマートフォンとか、いろいろなモノで使える便利なアプリとか仕組みを作るお仕事です。
たとえば電車もバスもPASMOとか、世の中を便利にする仕組み(システム)を作ってる人がシステムエンジニアの方々なのです。(わたしはPASMO作ってません。)

自己紹介は以上です。
次は、趣味事情の中期計画をかければいいなと思いますので、考えておきます。