Download to read offline
Recommended
More Related Content
Viewers also liked
Similar to 150310 flash001 プログラムとは
More from elephancube
150310 flash001 プログラムとは
- 1.
- 2.© 株式会社エレファンキューブ目次1. プログラムとは？2.プログラムを設計するとは？3. ヌケ・モレ・矛盾がおきない設計をする4. いきなりコードではなく、日本語で考える5. 基本１：プログラムは順番に動く6. 基本２：それがいつ動くかで考える7. 基本３：ＵＩ設計と一心同体8. 結論：スマートなロジックが組めるか2
- 3.© 株式会社エレファンキューブ1.プログラムとは 1•次から、FLASHで説明しますが、今回は、汎用的な内容です• プログラム＝コンピューターへの命令• コンピューター：頭の回転は速い。言われたことしかできない。• プログラムするって？• 最小単位まで細分化して考える3
- 4.© 株式会社エレファンキューブ1.プログラムとは 2•例１「朝起きて9：00までに出社する」• 起きる → ベッドから出る → 顔を洗う → 歯を磨く → 着替える → 朝食を食べる→ 駅まで歩く → 電車に乗る → 乗り換える → 江戸川橋駅で降りる → 会社まで歩く → 出社• これではコンピューターは動けない！• 例２「ボタン押したら、文字が光る」• どのボタン？• どの文字？• 光るって？ 色を変える？ 点滅する？• もう１回おしたらどうなるの？• そもそも、光らせる意図は？ 指示なの？警告なの？インジケーターなの？4
- 5.© 株式会社エレファンキューブ1.プログラムとは 3•トリガーがあって、何かしらの動作をする5トリガー○○したとき、動作○○する！
- 6.© 株式会社エレファンキューブ2.プログラムを設計するとは？• 何をするプログラムなのか？を定義する［音楽プレイヤー］• どんなUI（ユーザーインターフェイス）ですか？• どこをどう操作したらどうなりますか？• ユーザーアクション以外のトリガーないですか？ 例：再生がおわったら• 前提は？曲のデータはどこにあるの？• 要するに、全体から細部へブレークダウンしていく。UIから入るでよい。6
- 7.© 株式会社エレファンキューブ3.ヌケ・モレ・矛盾がおきない設計をする• コンピューターは、いわれたことしかできない。•ヌケ・モレ（想定外）があると意図しない動作＝バグ• 例：一時停止中に次の曲ボタン 再生？停止？ボタンの見栄え？• 矛盾がおきていないか？• これもバグ• 例：再生終わったのに「一時停止」ボタン表示のまま• 人は、意味不明なことをする。• これも想定しなければならない7
- 8.© 株式会社エレファンキューブ4.いきなりコードではなく、日本語で考える• 単発機能の実証は、いきなりコードでもOK•全体設計では、まず日本語で、自分が分かるように。• 手書きでもPowerPointでもなんでも。• 人に見せても伝わるように。• 開発者向けには、UMLというものもある。（詳細わからん）http://www.itmedia.co.jp/im/articles/0206/12/news001.html8
- 9.
- 10.© 株式会社エレファンキューブ6.基本2：それがいつ動くかで考える• トリガーと動作。•トリガーは１つではない。動作も１つとは限らない。• 例：ボタンおしたら再生する• 例：再生中は、時間を1秒ごとに更新する• 例：再生がおわったら次の曲を再生する• 複数同時に発生しうる＝矛盾のないように。• ハードウェア依存の動作も考えておく。スマホだとBack、Homeとか。バッテリー低下とか。10
- 11.© 株式会社エレファンキューブ7.基本3：UI設計と一心同体• まずは、UIから考えるでOK。（大きい組織開発、業態は違うかも）•例外やエラーまでふくめてすべてのUIを想定する• 例：ファイルがなかったらエラー画面だす• というか、UIのほうが重要です。いかに分かりやすいか。ユーザーニーズにマッチしているか？• 参考：UX（ユーザーエクスペリエンス）http://blog.excite.co.jp/spdesign/19566265/11
- 12.© 株式会社エレファンキューブ8.結論：スマートなロジックがくめるか• 動かすのはできる•いかにバグの起きないスマートなロジックがくめるか？ がポイント。• 具体例は追々の勉強会で。• プログラムの完成度をきめるのは、設計が７割、プログラムのコードが３割。12