投稿

3月, 2021の投稿を表示しています

Google Chartsを使ってデータの可視化

イメージ
1.概要 企業などでは、これまでの事業活動の中で大量に蓄積されたデータがあります。また、日々、増え続けています。 筆者も以前は、会社でイントラネットでグラフライブラリ等を利用して社内で共有する進捗状況や予算方針などの 経営諸数値をグラフ化して掲載していました。現在は、BIツールやAIなどを導入したため、手作りのものは利用する ことがなくなりました。個人的な研究や調査結果などでの利用範囲となりました。Web上で掲載する機会も少ない のですが、見える化の一環として便利なものですので良く利用されるグラフをテンプレート(サンプル)として作成して見ました。 2.良く利用するグラフのテンプレート 無料で使えるJavaScriptのグラフライブラリとしては、Chart.js、Chartist.js、Google Chartsなどが良く利用されていますが、 今回は、Google Chartsを利用して見ることにしました。ただ少し心配な点は、Googleのサービスなので、いつサービスが 廃止されるかわからない点があります。練習用ということで、良く利用される代表的なグラフから10種類を選択して、 データ数値やタイトル、要素名などを変更すれば簡単に利用できると思います。 下記のデモをクリックするとサンプルを確認できます。どんなグラフライブラリでも同じですが、デザインやレイアウトに拘り 過ぎるとコードがごちゃごちゃして分かりにくくなりますので、注意が必要です。 DEMO    Google Chartsグラフテンプレート 3.ソースコード ソースコードは、下記の通りです。ほとんど、公式サイトのギャラリーにあるサンプルをベースにカスタマイズしたものです。 Googleグラフ公式サイト URL: https://developers.google.com/chart 作成したテンプレートのグラフは、次の10種類です。 ・縦棒グラフ ・3D円グラフ ・積み上げ縦棒グラフ ・複数折れ線グラフ ・ドーナツグラフ(パイチャート) ・折れ線グラフ ・横棒グラフ ・積み上げ(100%)横棒グラフ ・縦棒グラフ(比較) ・面(100%)積み上げグラフ テキストのフォント( textStyle )、タイトルのフォント( titleTextSty

HSPでコマンドプロンプトを制御する

イメージ
1.概要 最近は、Excel VBAやPythonなどによる自動化というキーワードを良く耳にしますが、昔からある自動化で最も安定性が あり、比較的単純な手順の記述とコマンド発行といったコマンドプロンプトによる操作およびバッチファイルによる自動処理 があります。システムの運用管理者やネットワーク管理者の人達も多く利用されています。 筆者も一時期は、良く利用していましたがGUIの操作に慣れ過ぎて最近は利用する機会も減ってきています。 今回は、HSP言語によるコマンドプロンプトを操作して外部から文字列(コマンド)を送信する方法を模索して見たいと思います。 2.コマンドプロンプトに文字列送信 コマンドプロンプトにGUI画面上からキー入力された文字列を送信する方法について説明します。 まず、概略の処理の流れを整理します。 (1) コマンドプロンプトを起動させる。 ただし、環境依存を無くすため環境変数 'comspec' より取得したパス名を、 exec 命令のp1パラメータとして渡す。 (2) 入力ボックス等より入力したコマンド( テキスト文字列 )をクリップボードにコピーする。 (3) コマンドプロンプト画面をアクティブにする。 (4) クリップボードよりコマンドを貼り付ける。 整理すると、これらの処理を実現させるためには、 ・環境変数'comspec'よりパス名を取得する処理 ・クリップボードにテキスト文字列をコピーする処理 ・任意の画面をアクティブにする処理 ・クリップボードよりテキスト文字列を貼り付ける処理 となります。ここで、一番難しいのはコンソールに対してクリップボードよりテキスト文字列を貼り付ける処理です。 [ ALT ]+[ SP ]+[ e ]+[ p ]+[ Enter ] キーという操作を keybd_event APIを 利用 して送り、貼り付け処理をしても良いのですが、メニューの操作をエミュレートするので、 [ ALT ]+[ SP ] で メニュー がポップアップし、次に [ e ] で編集がクリックされ、更に [ p ]+[ Enter ] キーといった流れとなって メニューの 操作が丸見えとなります。もちろん、動作的にも遅くスマートではありません。 コマンド

HSPにおける正規表現の利用

イメージ
1.概要 正規表現(せいきひょうげん、regular expression) とは、文字列の検索・置換 を行なうときに 利用される文字列の集合を一つの文字列で表現する方法の一つであると定義されています。 通常の文字と、 メタキャラクタと呼ばれる特別な意味を持った記号を組み合わせて正規表現パターンとして 記号化して表現 するものです。著名なテキストエディタでは、検索・置換の機能の中で、正規表現が利用できるように なっています。また、 多くのプログラム言語からも利用可能 です。Perl、PHP、JavaScript、 VBScript、Ruby等で 機能が内蔵されています。 しかし、いざプログラム上での利用やテキストエディタから正規表現を利用しょうと思っても、 言語やエディタに 搭載されているエンジンの違いにより、基本的な記号の組み合わせは同じでも言語間での 表記方法や特有の機能 により、素人には記号の組み合わせは難解で覚えられません。 覚えられないと言うより、 むしろ、意図した通りの動作をするパターンを作る事の難しい点が挙げられます。 2.正規表現のパターンサンプル ここでは、複雑なテキストなどの検索や置換を目的とはしておらず、正規表現をHSPからほんの少し便利に 使えたら と考え、正規表現パターンのサンプル集を作成して見ました。パターンの検証は、COM操作関連命令の 利用による VBScript の RegExp を利用することにしました。 尚、正規表現用のdllとしては、BREGEXP.dllやjre32.dllをHSPのAPI呼び出しを利用してモジュール化した ものもネットを検索すると公開されていますが、それらの dllを利用したものには、ここで公開している ターンは正常 に動作致しませんので利用に際しては、注意が必要です。 ¥dや¥sと言った特殊文字(メタキャラクタ)の場合、'¥'を認識させるためには、¥d → ¥¥d や ¥s → ¥¥s と 記述します。また、 ダブルクォートをパターンの中に含めて記述する場合も、前後に ¥ が必要となりますので 注意して下さい。 各種パターンを組み合わせて、いろいろ検証して見ましたが、何故か、行頭の ^ や行末の $ がうまく認識して くれないため、正規表現パターン例も限定された範囲

キーボードのキーコードの一覧表

イメージ
1.概要 HSPやExcel VBAなどを利用していて、キーボードのキー定数が知りたい場合があります。その都度、ネットで調べているのが手間なので、 一覧表にして見ました。このキーコードは、 Win32API の keybd_event 関数等を利用して送信することができるコードです。 プログラム上からキーコードを送信する場合は、誤操作防止のため十分なウェイトを入れるなりの工夫が必要です。 2.キーボードのキーコード一覧表 キーボードのキーコード一覧表です。全部で127個あります。 キーボードのキーコード一覧表 No. 記号定数名 値 ( HEX ) 値 ( DEC ) 意味 ( 該当するキー ) 1  VK_LBUTTON $01 01 2  VK_RBUTTON $02 02 3  VK_CANCEL $03 03  Cancel([Ctrl]+[Break]) 4  VK_MBUTTON $04 04 5  VK_BACK $08 08  [BackSpace] 6  VK_TAB $09 09  [Tab] 7  VK_CLEAR $0C 12 8  VK_RETURN $0D 13  [Enter] 9  VK_SHIFT $10 16  [Shift] 10  VK_CONTROL $11 17  [Ctrl] 11  VK_MENU $12 18  [Alt] 12  VK_PAUSE $13 19  [Pause] 13  VK_CAPITAL $14 20  [CapsLock] 14  VK_ESCAPE $1B 27  [Esc] 15  VK_SPACE $20 32  [スペースキー] 16  VK_PRIOR $21 33  [PageUp] 17  VK_NEXT $22 34  [PageDown] 18  VK_END $23 35  [PageDown] 19  VK_HOME $24 36  [Home] 20

日本の代表的な伝統色(近似色)の色見本

イメージ
1.概要 日本の代表的な伝統色(近似色)の色見本を表示するサンプルを作成して見ました。実際には、約400色あるようです。 和の呼び名の響きと素朴さを感じる色彩は何とも言えません。尚、表示している色については、近似色ですので実際の色とは多少異なります。 2.色見本コード一覧 色見本コードの一覧表です。全部で191色を掲載しています。 日本の代表的な伝統色(近似色)の色見本コード一覧表 No. 伝統色 コード 日本語名 読み No. 伝統色 コード 日本語名 読み 1 #d6c6af 亜麻色 あまいろ 2 #b7282e 茜 あかね 3 #deb068 飴色 あめいろ 4 #00552e 暗紅 あんこう 5 #928c36 鴬色 うぐいすいろ 6 #715c1f 鴬茶 うぐいすちゃ 7 #d0b000 黄 き 8 #e6b422 黄金 こがね 9 #765c47 黄枯茶 きがらちゃ 10 #ee7948 黄丹 おうに 11 #c39143 黄土色 おうどいろ 12 #b68d4c 黄橡 きつるばみ 13 #d66a35 黄櫨染 こうろぜん 14 #fef263 黄檗色 きはだいろ 15 #d8a373 伽羅色 きゃらいろ 16 #4d5aaf 花色 はないろ 17 #824880 茄子紺 なすこん 18 #726d40 海松色 みるいろ 19 #7d7d7d 灰色 はいいろ 20 #e9e4d4 灰白 かいはくしょく 21 #ed6d3d 柿色 かきいろ 22 #475950 革色 かわいろ 23 #4d4c61 褐色 かちいろ 24 #8a3b00 褐色 かっしょく 25 #203744 褐返 かちかえし 26 #cd5e3c 樺色 かばいろ 27 #726250 樺茶色 かばちゃいろ 28 #f8b862 萱草色 かんぞういろ 29 #f6ad49 柑子色 こうじいろ

TOP