質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.51%

  • C

    3691questions

    C言語は、1972年にAT&Tベル研究所の、デニス・リッチーが主体となって作成したプログラミング言語です。 B言語の後継言語として開発されたことからC言語と命名。そのため、表記法などはB言語やALGOLに近いとされています。 Cの拡張版であるC++言語とともに、現在世界中でもっとも普及されているプログラミング言語です。

ソフトの外観の定義を保存する方法

解決済

回答 3

投稿

  • 評価
  • クリップ 3
  • VIEW 411

BeatStar

score 1015

趣味でプログラミングをやっています。

ソフトを GUI で作成するとします。

その場合、外観を整える必要がありますね。

すぐにできる場合は そのまま着手すればいいですが、

手元にコンパイラがない場合や、(内部処理で必要な)情報を取得してからやる場合

などがありますよね。

その場合に 頭の中にあるイメージ ( ソフトの外観について ) をどうやって記録しますか?

できれば PC でできる範囲がいいのですが。

たとえばですが、 Excel の VBE で フォームモジュール を使って 大体のイメージを組んで、

画像キャプチャソフト ( フリーソフト ) 等で 画像として保存。

みたいな感じです。

ウィンドウが一個だけで、画像一枚で済む範囲ならいいですが、

たとえば

「この Button1 をクリックしたら UserForm2 を呼び出して...」という感じで、

別のウィンドウ ( ユーザフォーム ) を呼び出したり、行う処理を指定する場合

です。

この場合はどうやって記録しますか?

ウィンドウの外観の記録なので、言語は問いません。

ソフトを使う場合は、ソフト名か、そのURL, またはキーワードでいいので 宜しくお願い致します。

( キーワードさえわかれば自分で調べることができるのですが... )

例1:

「私なら Excel の フォームモジュール で 必要なウィンドウの外観をすべてやって、それを画像として保存。
その画像を Excel で読み込んで貼り付け。矢印を使って関係性を記述して、これを 画像として保存。」

例2:

「そういう場合なら ○○というソフトが使えますよ。このソフトはウィンドウの外観表示と関係性を明示できます。
キーワードは "●●●" で調べると似たようなソフトが見つかるはず。」

宜しくお願い致します。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 3

checkベストアンサー

+1

プロトタイプを作れたら作る感じですかね…
下記は趣味ではなく仕事ですが…


1.デザインだけ作る
WPFやASP.NETではハリボテを先に作って中身を後で実装することができます。

画面は画面で作って後から中身を実装する、またはその逆というのが常に進行しているので、無駄にはなりにくいです。うちの会社の場合、デザイナーの子が要件を絵にして、外観ベースで話をします。
で、その子が絵のレイヤーをそれぞれの部品にしていく、という作業をします。それをUIを担当するプログラマーがフロントエンドに変換、中身担当の私がバックエンドに変換、くっつけます。

この手順はWPFでもASP.NETでも同じです。なのでまずデザイン画を上げます。

2.紙
打ち合わせ向きでソフトよりも便利なことが多いです。
短期的な記憶にしか使えませんが、例えば
「ここらへんにナビゲート用のボタンを配置するつもりです」
「このボタンから この画面を呼び出そうと思います」
なんて時に1枚1画面で構成すると良いです。

デザイナーの子は本当にデザイン画を作っているので、これを印刷してシミュレーションします。
紙に触ってもらって紙を交換していけばエミュレーションもできます。
※デザイナーの子に依頼するために、一旦鉛筆で書いたものを見せてそれを渡すこともあります

打ち合わせた内容を元に、画像による画面遷移を繋ぎ合わせていき、それを最終プロトタイプにします。
最近はWebアプリならこれをやってくれるWebサービスなんかも沢山あります。
https://ferret-plus.com/4476

※うちは現在フロントエンドの子がハリボテを作っていますが、昔はこれらのツールを使っていました

3.ドキュメントを完成させる
1~2でデザイン画があるので、後はこれを使って仕様書類のドキュメントを完成させます。
機能が多い場合は、機能の概要書や設計書が先にあって、そこからデザイン画を作るので、元の資料に画面をはめ込んでいく形になります。
機能量が多い場合中身は先行して作っている場合が多いですが、中身がUIと直接結合しないようにコーディングしているので、中身が無くて画面が作れない、とかその逆、というのはあまり置きません。

画面の繋がりは一番外側だけに関係する部分なので、いつでも入れ替わるもの、と考えてそもそもの機能概要書には画面遷移はメモ程度にしか書かれてないですね。うちがそこまで大きなプログラム作ってないことにも起因してると思いますが。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/02/02 17:30

    あー、惜しいです。
    書くの忘れましたが、私はソフトを想定していました。

    基本的にオフラインなので オンラインでのサービスは利用できないのです...

    キャンセル

0

画面のデザインを考える時はまずは紙に書いてますが、Visioを使えば近いイメージをPC上で作成することが出来ます。
WordやExcelに貼り付けも簡単にできるので、構想設計などのドキュメントづくりにもいいかと思います。
色々な部品が揃っているので便利ですよ。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.51%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • C

    3691questions

    C言語は、1972年にAT&Tベル研究所の、デニス・リッチーが主体となって作成したプログラミング言語です。 B言語の後継言語として開発されたことからC言語と命名。そのため、表記法などはB言語やALGOLに近いとされています。 Cの拡張版であるC++言語とともに、現在世界中でもっとも普及されているプログラミング言語です。