WEB・モバイル専門 人材派遣・紹介(関東/関西/東海)
WEBデザイナー、ディレクター、ネットショップ運営スタッフなどWEBモバイル業務専門の求人情報サイト
職種別 求人情報
Webディレクター
Webデザイナー
htmlコーダー
ネットショップ運営
リスティング運営業務
携帯サイト運営
WEB系一般事務
その他
特集




Profile
ひさやん
プログラム暦25年。現在32歳。

飲んで騒いでがスキなばかりに、完全なるヲタクになりそこねたオトコ。
ファミコンの代わりにPC-8001、MSXと一緒に育つ。

MCSE,ORACLE MASTER Platinum と数々の業界系資格をもつ。

座右の銘は「やっぱり細部に神は宿る」。

プログラマとかSEよりも、実はアーキテクトと呼ばれたい。
「ロジック美」を追及したい。
みなさまのお役にたてるようがんばります。

最新の記事
特定電子メールの送信等に関するガイドライン
フルFlashサイトにはProgression
Flashも検索エンジンの対象に!
Ajaxに強力ライバル出現!?
専門用語のカタカナ英語は難しい
イベントドリブン を覚えましょう
流れ図(フローチャート)が逆流するとき
流れ図(フローチャート)の主な記号
Excelで流れ図(フローチャート)を作ってみよう
手順といえば流れ図。それってロジカルシンキング?
これからの時代は LL でいこう!
全ての記事を見る

スタッフ紹介

スタッフコラム

ノウハウコラム


ネットショップに役立つプログラミングを楽しく伝授
Excelで流れ図(フローチャート)を作ってみよう

では、流れ図のいろいろと具体例を・・・の前に、流れ図(フローチャート)の描き方を簡単にご紹介しておきます。

流れ図を描くには、昔は(いまもそういうスタイルの方もいらっしゃるかと思いますが、ご容赦ください)、製図用シャープペンシル(0.3mmの芯のやつ)、細かく消せる砂消しゴムのようなもの、ぺらっぺらの方眼紙、テンプレート定規などを用いました。

今では、もちろんパソコンで書くようになってきています。
流れ図を書くための、専門的なソフトウェアもいくつか用意されています。


が、さくさくっと流れ図を書くのには、Excel で十分です。

Excelで流れ図を各方法について、簡単にご紹介しましょう。


まず、Excelを方眼紙として使うことをご想像ください。

そうです。ひとつひとつのセルを、そうですね。5mm×5mmくらいのの方眼とするのが使いやすいでしょう。

厳密には、5mmではないのですが、おおむね 20ピクセル〜21ピクセルのセルを作るのがいいでしょう。

#21ピクセルだと、印刷したときにかなり5mmに近くなります。なんとなく21ピクセルの端数感覚がイヤなかたは、20ピクセルにしても差し支えないでしょう。

(1) シートの全体を選択するために、矢印の箇所をクリックします。

webtant_user_14_1178207273.gif

(2) すると、全体が選択されます。

webtant_user_14_1178207279.gif

(3) AとBの間の線をドラッグし、21ピクセルになるよう調整します。

webtant_user_14_1178207285.gif

(4) すると、すべてのセルの横幅が、21ピクセルになります。

webtant_user_14_1178207289.gif

(5) 次は、高さを調整します。1と2の間の線をドラッグして21ピクセルに調整します。

webtant_user_14_1178207293.gif

(6) はい、これで 高さ(縦)幅(横)21ピクセル(約5mm)の方眼紙のようなエクセルシートが完成しました。

webtant_user_14_1178207296.gif

(7) 次に「オートシェイプ」というものをつかっていくのですが、その「オートシェイプ」が方眼紙にぴったりと吸い付くような設定を行います。
 左下の[オートシェイプの調整]→[位置合わせ]→[グリッド]を選びます。

webtant_user_14_1178207300.gif

(8) この[グリッド]という表示は、On/Offの切り替えになっています。アイコンの表示が、下のように、押されたような状態になっていることを確認してください。

webtant_user_14_1178207304.gif

(9) さて、いよいよなにかオートシェイプをおいてみましょう。オートシェイプの意味は、またおいおい紹介していきますが、とりあえず [オートシェイプ]→[フローチャート]→[処理]をえらんでください。

webtant_user_14_1178207308.gif

(10) その後、シートの適当なところにドラッグしてみてください。四角い箱が描かれます。そして、(7)の[位置合わせ]→[グリッド]が正しく設定できていたら、方眼のマス目にそろうようなかたちで、箱が描かれます。うまくいかなかったかたは、(7)(8)の手順を見直してください。

webtant_user_14_1178207312.gif

(11) では、ここになにか書き込んでみましょう。この四角い箱「処理のオートシェイプ」を右クリックするとポップアップメニューが表示されますので、[テキストの追加]を選んでください。

webtant_user_14_1178207315.gif

(12) ためしに「風が吹く」と入力してみます。

webtant_user_14_1178207319.gif

(13) テキストが左上に表示されました。真ん中に表示されたほうが、きれいにみえるので、テキストを真ん中にしてみましょう。箱の上を右クリックして[オートシェイプの書式設定]を選んでください。

webtant_user_14_1178207323.gif


(14) オートシェイプの書式設定ダイアログが開きます。
※このとき「テキスト編集モード」だと、うまく「書式設定のダイアログ」が開かない場合があります。[フォント]タブしか表示されていないようでしたら、やり直してみてください。
フォントはやや小さいほうが、収まりがよいため、9ポイントに設定してみましょう。

webtant_user_14_1177934362.gif


(15) つづけて[配置]を選び、文字の配置で、横位置も縦位置も、中央揃えを選んで、OKをクリックしましょう。

webtant_user_14_1177934375.gif

(16) 「風が吹く」の文字がひとまわり小さくなって、中央揃えで表示されます。

webtant_user_14_1178207330.gif

(17) さて、つぎの処理を追加します。「風が吹く」の箱を選んで、コピー&ペーストしましょう。

webtant_user_14_1178207333.gif

(18) テキストを、「埃が舞う」に変えてみてください。

webtant_user_14_1178207337.gif

(19) この2つの箱をつなぎます。[オートシェイプ]→[コネクタ]→[直線コネクタ]を選んでください。

webtant_user_14_1178207340.gif

(20) 上の箱から下の箱に、ドラッグします。すると・・・

webtant_user_14_1178207344.gif

(21) 上下の箱をつなぐような線が描けます。

webtant_user_14_1178207347.gif

画面をキャプチャして、貼り付けて・・・で、21ステップにもなってしまいました。
まだ、流れ図とよぶには、程遠いですが、Excelで流れ図を作る方法は・・・

 [オートシェイプ]→[フローチャート]から、適切な記号を選んで、方眼紙の上におき、テキストを追加して、それらをコネクタでつなぐ。

概ねこの手順の繰り返しとなります。


ちょっとだらだらとした感じの説明になりましたが、ご想像いただけましたでしょうか?


今回ご紹介した、Excelを方眼紙っぽく使う方法は、実は、技術者仲間の間では、好き嫌いが激しく分かれるところだったりします。

表計算ソフトは、表計算するためにあるのだ。それが美しい使い方であって、図面を描くために作られたソフトではない。

データ(流れ図の意味する本質を構成する要素)と見た目(レイアウト)は、システムを生業にしている技術者としては、分離して扱うべきだ。

Excelで書いてしまうと情報として処理するなどの応用力に欠けてしまう・・・云々・・・いろいろその道やこだわりには深いなにかがあるようです。


Excelを方眼紙に使うと、定規とシャーペンで紙に書くよりも、きれいに図面を作ることができますし、もちろん修正もしやすいです。

ですから、流れ図に限らず、オフィスの間取り図を書くときや、ちょっとした地図を描くときなどに、使ってみられてはいかがでしょうか。


☆今回つかった、便利なツール。「FastStone Caputure」

画面イメージを GIF画像にするのにとっても便利なツール。
たとえば、ブラウザでたてになが〜い画面を、「一気にスクロールしながらキャプチャする」という機能がついていて、とっても便利です。

http://www.forest.impress.co.jp/article/2006/10/02/fscapture.html

お仕事を探す
東京神奈川埼玉千葉 大阪京都奈良兵庫 愛知静岡岐阜

スタッフ登録する
  非公開案件も多数あります。
  登録後にお仕事を探される場合は、まずは登録面接会予約をしてください。
 登録面接会予約 登録から契約までの流れ 派遣スタッフ登録特典

お仕事ランキング

直近のWEBデザイナー


→スケジュール一覧はこちら

新着情報

2012/05/04

コラム更新−【トントンのネットショップ運営繁盛講座】【コンバージョンUP】動画の検討

2012/04/04

コラム更新−【トントンのネットショップ運営繁盛講座】【顧客維持】顧客とネットショップとの人間関係の構築

2012/03/30

コラム更新−【目指せイラストレーターマスターっ!】【チラシに使う写真作成方法:グラデーション】

2012/03/02

コラム更新−【トントンのネットショップ運営繁盛講座】【顧客導線】新たな用途に着目する

2012/02/29

コラム更新−【目指せイラストレーターマスターっ!】【スタンプ風画像を作ってみよう!】

2012/02/06

コラム更新−【トントンのネットショップ運営繁盛講座】【コンテンツ】キーワードの本質

2012/01/31

コラム更新−【目指せイラストレーターマスターっ!】【円グラフを作ろう!】

2012/01/06

コラム更新−【トントンのネットショップ運営繁盛講座】【顧客間コミュニケーション術】

2011/12/29

コラム更新−【目指せイラストレーターマスターっ!】【円グラフを作ろう★】

2011/12/02

コラム更新−【トントンのネットショップ運営繁盛講座】【集客】広告対象の考察

2011/11/30

コラム更新−【目指せイラストレーターマスターっ!】【ラスタライズ】→【モザイク】をやってみよう!

2011/11/04

コラム更新−【トントンのネットショップ運営繁盛講座】【コンテンツ】キーワードの本質

2011/10/31

コラム更新−【目指せイラストレーターマスターっ!】 簡単!線路を作ろう♪

2011/10/08

コラム更新−【トントンのネットショップ運営繁盛講座】【集客】ネットショップYouTube支店

2011/09/02

コラム更新−【トントンのネットショップ運営繁盛講座】【新展開】成熟期における新展開法

2011/08/01

コラム更新−【トントンのネットショップ運営繁盛講座】【選ばれる】Google+1

2011/07/30

コラム更新−【目指せイラストレーターマスターっ!】 【3D効果】立体的なマーブル・ボタン♪

2011/07/01

コラム更新−【トントンのネットショップ運営繁盛講座】スタッフ紹介ページの重要性

2011/06/30

コラム更新−【目指せイラストレーターマスターっ!】葉っぱを使ったデザイン

ご気軽にお問い合わせください。QRコードには、サポタントのTEL/FAX/E-Mailが入っています

/ プライバシーマーク:17000123(03)

サポタント株式会社は、2006年11月、プライバシーマーク使用許諾事業者として認定されました。