2019.02.07アクティビティ図のフローチャートは、プログラミングの設計図です。条件分岐や繰り返し処理のタイミングなどが書き込まれており、いわばプログラミングの設計図といえます。スクラッチ(Scratch)でプログラミングをするときにも役立つものです。記事では「アクティビティ図」という言葉を初めて聞いたという初心者向けに、「アクティビティ図とはなにか」「アクティビティ図のフローチャートはどのように読み、書くのか」「スクラッチ(Scratch)のプログラミングとはどう関わるのか」などを解説します。スポンサードリンクスポンサードリンク目次スクラッチ(Scratch)におけるアクティビティ図とはアクティビティ図を「UML」で書く001_スクリプトがスタート002_赤い恐竜が15度傾く003_赤い恐竜から緑の恐竜にメッセージ送られる004_緑の恐竜、1秒待ってから15度傾く005_緑の恐竜から赤い恐竜にメッセージが返される006_赤い恐竜は1秒待つ007_5回繰り返す008_スクリプトを終了するUMLを作成する無料ツール「draw.io」アクティビティ図はプログラミングの設計図スクラッチ(Scratch)におけるアクティビティ図とはアクティビティ図には、プログラミングの処理の順番や条件分岐などのフローチャートが記されています。フローチャートとは、流れを図式化したものです。好きな子に告白するフローチャートも作れます。実際の仕事では、アクティビティ図を頼りにプログラミングをします。スクラッチ(Scratch)でも、他のプログラミング言語と同様にアクティビティ図を用いることがあります。アクティビティ図はプログラミングの道しるべとなる大事なもの。プロジェクトやシステムの全体像をひと目で確認できる点がメリットです。Languageの略であり、日本語では「統一モデリング言語」といいます。モデリングという言葉から、プラモデルを連想する人もいるでしょう。意味的に通じるところもあり「模型を組み立てる」「立体的に組み立てる」というとイメージがわきます。プログラミングを立体的に組み立てるイメージです。UMLは、オブジェクト指向の構築や分析に役立ちます。スクラッチ(Scratch)はオブジェクト指向のプログラミング学習環境なのでマッチします。スクラッチ(Scratch)でプログラミングをする際には、アクティビティ図を用意しておくと作業がはかどるでしょう。UMLで書いたアクティビティ図をもとに、スクラッチ(Scratch)でプログラミングします。上記のアクティビティ図を参考にして、スクラッチ(Scratch)でプログラミングしたプロジェクトが以下です。clock赤い恐竜と緑の恐竜が、メッセージをやり取りして、順番に少しずつ回転するプロジェクトのアクティビティ図とスクリプトを見比べながら、フローチャートを1つずつ解説します。001_スクリプトがスタートまず、緑の旗が押されてスクリプトがスタートします。002_赤い恐竜が15度傾くすると最初に赤い恐竜が「15度回転」を実行します。スポンサードリンクスポンサードリンク003_赤い恐竜から緑の恐竜にメッセージ送られる次に赤い恐竜から「メッセージ1を送って待つ」が送られます。緑の恐竜が「メッセージを受け取ったとき」で受けます。004_緑の恐竜、1秒待ってから15度傾くメッセージを受け取った緑の恐竜は、「1秒待つ」と「15度回転」を実行します。005_緑の恐竜から赤い恐竜にメッセージが返される緑の恐竜から赤い恐竜へ、メッセージが返されます。赤い恐竜は、緑の恐竜からメッセージが返ってくるまで、処理を止めて待っていた形になります。スポンサードリンク006_赤い恐竜は1秒待つメッセージを受け取った赤い恐竜は、「1秒待つ」を実行します。待つことで、2頭の恐竜の動く間隔を等しくします。007_5回繰り返す「5回繰り返す」でここまでの動作を5回繰り返します。全体で約10秒のプロジェクトです。008_スクリプトを終了する繰り返しを終えると、終了します。今回のUMLは「draw.io」で作成しました。○は、無料で使えるフリーツールです。フォーマットが用意されていたり、画像やHTMLファイルでエクスポートできたり、Googleドライブと同期できたりと、使い勝手の良いのでオススメです。外部サイト:draw.ioのchromeウェブストアアクティビティ図はプログラミングの設計図プロジェクトが大きくなるほど、プログラミングも複雑になるもの。そのためプログラミング作業の途中には指針となる設計図が必要です。アクティビティ図のフローチャートは、その役目を果たします。プログラマーには、アクティビティ図を正確に読み、書けるスキルも必要なのです。)トラックバックは利用できません。この記事へのコメントはありません。返信をキャンセルする。