【TBStenの独り言】僕がティッシュ配りのように自作フローチャートをタダで配る理由その2 ～高校の思い出に想いを馳せる～
【TBStenの独り言】シリーズは完全にTBSten得で、ただ単に話したい事を話すだけのクソつまらないシリーズです。たぶん読むのも途中からめんどくさくなるので適当に読み飛ばしてもらってOK！
第2回は、「僕がフローチャートを配る理由パート2」です。
僕がフローチャートを配る理由を2パートに分けてしゃべり倒していこうと思います！
※⚠⚠⚠⚠⚠⚠⚠⚠⚠※ 今回の記事は普段の倍以上分量があるとてつもなく長い記事です。 適当なところで要約を入れたので要約だけでも呼んでください！ ※⚠⚠⚠⚠⚠⚠⚠⚠⚠※
前回の復習をしておくと...
- フローチャート作りは大変で面倒
- それでも作っているのは「高校時代の苦労を次の世代に味わってほしくないから」
中学から高校入学まで
（要約：自称のび太が高校で情報処理勉強したくなったよー）
まず僕の高校時代は何があったのかというのを簡潔に話しますと、
僕は小さいころから正真正銘の陰キャラで、ドラえもん的に言うとのび太みたいなキャラでした。いわゆる何にもとりえがない系人間でした。
そんな僕は中学時代に情報処理を学びたいと志し、高校は商業の情報処理科、部活はコンピュータ部（コンピュータのお勉強するところ）に所属しようと入学前から決めてました。
なんで情報処理学びたかったかとか、もっと詳しい話はまた別の機会に話したいと思います。（よっしゃ、ネタが増えた）
高校時代
（要約：コンピュータ部 頑張ってたけど10分で流れ図は無理でしょ笑）
特に自分が力を入れたのは部活。顧問の先生が情報処理のスペシャリストともいえる頼もしい方だったので、コンピュータ関連の国家試験とか、情報処理の大会とかに出てました。
国家試験とか大会とかって部活が厳しかったのもあったけど、高校生からしたら結構難しい話や問題が多かった覚えがあります。
僕が今回話したい苦労したポイントは、「大会」でした。
自分が出てた情報処理の大会って大体1部と2部の2部門構成になってて、1部は用語や計算、データベース（わからない言葉は読み飛ばしてね）の問題が4問、2部は表計算と流れ図で4問みたいな感じです。流れ図とかはゲームのプログラムとかが出てくることも結構ありました。
大抵の人は2部がチンプンカンプンで白紙なんてこともざらにあります。なにが難しいって時間が40分から60分しかないのに4問もあるから1問当たり10から15分しか当てられないのに、流れ図とか当ブログで配るもののレベルもしくはそれ以上の空欄が1問につき小問として5問も出てくるので時間が圧倒的に足りないわけです。（もちろん記号問題もありますが）そのくせしてきたない読み取りずらい流れ図を追うわけだから、もう無理だよね。解くの。はい、無理でした。自分も当時は2部で撃沈してました。
足かせになったもの
（要約：流れ図の練習したいけど問題なさすぎぃぃぃ！）
僕もバカじゃないので苦手な流れ図を克服しようと、流れ図の練習に取り掛かりました。
そこで問題が起きます。
問題がない！
国家試験や全商検定（商業高校向けの検定）はネットに過去問が山のように転がっています。ですが大会は県内もしくは前項から選ばれた数校が小規模で戦う場なので問題がないんですよね。検定の問題は簡単すぎるし、そもそも大会とはタイプが違う（検定にはゲームのプログラムなんて出てきません）ので練習にはならないわけです。じゃあネットにないかなって思って探すんですけど、
皆無...
ほんっとうに1件もないんです。そもそも「ゲーム 流れ図」とかでも大会っぽい流れ図はGoogleの手をもってしても1件も見つかりません。
「苦労したこと」といいましたが、実際には「苦労どころか問題がなくて困った」といったほうが正しいかもしれません。幸い、私の部活は古くから大会に出てた高校だったので過去問が多少はあったのですが、2年生の終わりくらいにはほとんど解いたことがあるか、問題形式が大幅に違うものしかなく、圧倒的に問題不足と思いました。何もしないわけにはいかないのでとりあえず解いたことあるのを数回解くのですが、それでは分かったことの確認で、正直練習の意味を見出せないと思っていました。
後輩は？
（要約：後輩困らんかな？）
自分のコンピュータ部は先輩後輩は仲良くやってたのですが、引退間近になって後輩への引継ぎを考えていた時に、「彼らも僕と同じ道をあゆむのではないか」と心配でした。いや、こうやって困るのはきっと僕らだけじゃないはず。全国にもこうやって流れ図に飢えた高校生がきっとたくさんいるはずだ。そう思いました（今も）。
ゴールが決まる
（要約：流れ図作ろう！そのために新しいことに挑戦しました。そして今に至る）
時は流れ、卒業前日。後輩がぼくら卒業生に祝いの花束を渡してくれました。いろいろな気持ちが入り混じる中、後輩たちが、次の世代が同じ思いをしないように、流れ図不足にならないために自分ができることは...
流れ図を作る。
そんな答えに至りました。
答えを出してからはいろいろな勉強をしました。何度も挫折しました。流れ図を公開するために作った、もう更新してないサイトやサービス・プロジェクトは山のようにあります。
それらを経て今僕はこの記事をはてなブログというプラットフォームで書いています。
長々と話してきましたが、これがぼくが流れ図を無償で配っている理由です。ただの自己満足であることは十分承知しています。どんな批判やアンチを連れまわそうが構いません。流れ図を求めてWebの海に身を投げ出したルーキーの海賊が情報処理のゴールド・ロジャーになれることができればそれ以上に嬉しいものはありません。
まだまだ駆け出しの未熟な僕では「たかが1人が読者になってくれた」「スターを押してくれた」ただそれだけですごく嬉しいです。でも僕のゴールは「スターをたくさん押してもらう」ことではありません。
あくまでもゴールは一つ。
こんなどうでもいいなっがーーーーーーーーーーーい話を最後まで読んでくれてありがとうございます！
良かったら☆スター☆を押してね！
↑↑↑さっきスターをたくさん押してもらうことじゃないって言ってたじゃん笑↑↑↑
【TBStenの独り言】僕がティッシュ配りのように自作フローチャートをタダで配る理由その1 ～そもそもフローチャート作りってどんなもんなのよ？～
【TBStenの独り言】シリーズは完全にTBSten得で、ただ単に話したい事を話すだけのクソつまらないシリーズです。たぶん読むのも途中からめんどくさくなるので適当に読み飛ばしてもらってOK！
第1回は、「僕がフローチャートを配る理由パート1」です。
僕がフローチャートを配る理由を2パートに分けてしゃべり倒していこうと思います！
まず、これを読んでいるそこのあなたに分かっていただきたいのは、フローチャート作りは手軽じゃない作業ってこと。
自分はフローチャートを公開するときは、基本的に次の流れで作っています。
フローチャートどう作ってるの？
（要約:いろんなファイルを順番に作ってます）
- 作りたいプログラムのアイデアを練って企画する。
- Javaでふわっと書いてみる。（もちろんデバッグも。バグがあったら嫌だから先にJavaで組んで試しておきます）
- jarファイル出力
- draw.ioで処理条件を書き出す
- snipping toolで実行例をスクショ→処理条件の最後につける
- Javaのコードを見ながら流れ図を作る
- PNG,PDF,HTMLで出力
- ファイルをまとめて、zipファイルに
- Googleドライブにアップ
- ブログ書く
- リンクとか貼る
- 最終確認
- 公開
- Twitter（気が向いたらInstagramにも）などで拡散
- お品書きにリンクを張る
何が大変？
-スーパー苦労アピールタイムはじまり-
（要約：面倒で大変なんです）
はい。長いです。実に面倒。しかもJavaでプログラム組む時なんてバグだらけだったり、配列の.length使わないようにしたり、大変。（そこら辺の苦労はまた別の記事で語っていこうと思います。）
とにかく大変なんです。全部空いてる一日に一から作っても終わるころには夕方か、深夜になってることも普通にあります。
-スーパー苦労アピールタイム終わり-
はい、また出ましたスーパー苦労アピールタイム。苦労するのはいいことだけど、苦労をアピールするのはよくないよ！ 皆さんはやめましょうね！
そうまでしてなぜ僕がフローチャートを配っているのかというと、「高校時代の苦悩を次の世代に味わってほしくないから」です。
今回はここまで。次回、高校時代あったこと、そして僕が今思っていることをお話していきたいと思います。
...べ、べつに「ここで終わらせればいいやつみたい って思われるかも」 とか思ってないし！
こんなどうでもいい話を最後まで読んでくれてありがとうございます！
良かったら☆スター☆を押してね！
【フローチャート】テニスゲーム
今回はテニスゲームを作りました！
いわゆるシンプルゲームと言ったらって感じがするこのゲーム。前回サボりにサボったので今回こそはと張り切ってみたら条件分岐の "※" 印の多いこと。多いこと。作ったはいいものの自分で読もうとか絶対思えない一作になりました。
フローチャートセットの使い方２---実行---
前回
フローチャートセットの使い方１ ---各ファイルの説明--- - プログラミング食堂
前回、フローチャートセットのダウンロードのしかたや各ファイルの紹介をしました。この記事ではダウンロードしたフローチャートセットの実行のしかたを紹介します。
注意
実行のしかたは主にOSによって違います。 またこのプログラムはJavaで動いているので、JDKと呼ばれるファイルが必要になります。JDKをインストールしていない方は「Javaのインストール」へ、インストールされている方は「いよいよ実行」へ進んでください。
Javaのインストール
この記事ではJavaのインストール方法は割愛させていただきます。 次のサイトがとても分かりやすいのでそちらを参照ください。
Windowsの方はこちらwww.javadrive.jp Macの方はこちら digitalmania.info それ以外のOSの方 ご自身で「OpenJDKインストール 【OSの名前】」と検索してインストールしてください。
いよいよ実行（Windows）
この章はWindowsの方向けです。MacやLinuxなどほかのOSの方は「いよいよ実行（Windows以外のOS）」へ進んでください。 作者がもともとWindowsユーザなのでWindowsでは他のOSよりも実行しやすくなっています。
ダブルクリックだけ
ダウンロードしたフォルダの中に、「○○.bat」というバッチファイルが入っているので、そのファイルをダブルクリックするだけで実行できます。
いよいよ実行（Windows以外のOS）
作者がWindowsユーザなので、きちんと実行できるかわかりませんが、おおよそ以下の手順で実行できるはずです。
ターミナル（コマンドを実行する画面）を開く
各OSにはターミナルと呼ばれるコマンドを実行するためのソフトが入っています。そのターミナルを開きます。
ターミナルでダウンロードしたフォルダへ移動する
ターミナルを開いたら、以下のコマンドを実行します。【フォルダのパス】には解凍したフォルダのパスを入力します。
フォルダを移動するコマンド␣【フォルダのパス】
（␣は半角スペース）
Macでは次のようになります。
cd␣【フォルダのパス】
ターミナルで実行する
いよいよ実行します。【JARファイルの名前】には解凍したフォルダの中にある「○○.jar」を入れてください。
java␣-jar␣【JARファイルの名前】
これで実行することができます。
フローチャートセットの使い方１ ---各ファイルの説明---
当ブログで配布しているフローチャートセットの使い方を紹介します。
この記事ではOSはWindows、解凍ソフトはLhaplusを使用していますが、そのほかの環境でも大きな違いはない（はず）です。
記事からダウンロードする
各記事のダウンロードリンクをクリックします。
すると作者のGoogleドライブに繋がるので、そのページのダウンロードボタンをクリックします。
ダウンロードできるまで少し待ちます。
ダウンロード出来たらダウンロードフォルダ（Windowsならデフォルトで「ダウンロード」フォルダにダウンロードされます）を開きます。
解凍する
ファイルをWinZipや Lhaplusなどの解凍ソフトを使って、解凍します。（回答のしかたは各ソフトの説明書などに従ってください）
各ファイルを使用する
解凍すると原則以下のファイルが解凍したフォルダにあります。
（ないものがあるときもあるので、欲しいときはコメントなどでリクエストしてください。）
【実行したい人はこちら】
- ReadMeファイル(ReadMe.txt)
- バッチファイル(～.bat)
- JARファイル(～.jar)
- 画像ファイル(～.png)
- PDFファイル(～.pdf)
- draw.ioファイル(～.drawio)
- HTMLファイル(～.html)
ReadMeファイル(ReadMe.txt)
各フローチャートセットの説明書です。各ファイルの説明が書かれています。使用の前に確認してください。
バッチファイル(～.bat)
Windowsの人はダブルクリックすることですぐに起動することができます。
JARファイル(～.jar)
Javaで作られた実行用のファイルがまとめられたファイルです。フローチャートに基本準拠して作られたプログラムが入っています。実行に使うほか、jarファイルを解凍して、中のソースコード(～.javaというファイル)などを改変する事もできます。
画像ファイル(～.png)
フローチャートの内容を確認できるファイルです。記事に載っている画像ファイルと同じものです。印刷することもできますが、印刷するのは次のPDFファイルをお勧めします。
PDFファイル(～.pdf)
フローチャートの内容を確認できるファイルです。印刷する際などにご利用ください。
draw.ioファイル(～.drawio)
draw.ioというソフトで作られたフローチャートのファイルです。draw.ioとは無料でオープンソースの作図ソフトです。「draw.io」で検索すると面倒なインストールなしに使えるブラウザ版があるので、そこにインポートするなどして、改変するためなどに利用してください。
HTMLファイル(～.html)
ホームページの作成に使われるHTMLのファイルです。特に使用用途は考えていませんが、もし使う機会があればどうぞ。
基本的には以上のファイルが入っていますが、フローチャートによっては実行用のCSVファイルが入っていたりすることがあったりするので分からないことはその都度コメントなどで質問してください！
また合わせて利用規約もご覧ください。
使用報告・改変の報告などは必須ではありませんが、コメントなどで報告していただけるととても励みになります！どうぞよろしくお願いします。
