したらばTOP ■掲示板に戻る■ 全部 1-100 最新50 | |

研究日誌

1：管理人：2013/09/29(日) 22:34:59
HVCｰ500Z研究所の研究日誌です。
237：名無しさん：2014/06/12(木) 07:46:22
【共通】付与・カットツール修正

既存のツール「付与・カットツール」をHTML化しよう
と修正テスト中です。

付与・カットツールは元々グラフィックモードで作成
しており以下のような画面です。

【元々の付与カットツールメイン画面】
https://www.dropbox.com/s/f2kjj0n9rjt07kl/Screenshot_2014-05-01-18-43-00.png

もともと、CH-AND7000用でつくったので８００×４００
の画面を意識して作成したので現在のkobo arc7で表示
するとかなり余白の多い画面になっています。

なにより、縦持ちに持ち替えても画面は横のままという
使いづらさがありました。

満員電車の中では縦持ちの方が操作しやすいのでなんとか
したいと思っていました。

まずは、HTMLモードで使用するHTMLファイルを作成。

【元のHTMLファイル】
https://www.dropbox.com/s/rsi3kr6rua1tjl7/kotei.html

作成したHTMLのレイアウトを確認するためにesファイル
エクスプローラーでファイルをタップしてプリインアプリ
のHTMLビューワーで表示

【雛形HTMLをタップした時の選択画面】
https://www.dropbox.com/s/xzh92vexf7w1cpj/Screenshot_2014-05-01-18-45-15.png

実際の表示した結果は以下です。

【HTMLビューワーでの表示 横持ち状態】
https://www.dropbox.com/s/d83i89xqs2u27k5/Screenshot_2014-05-01-18-44-26.png

【HTMLビューワーでの表示 縦持ち状態】
https://www.dropbox.com/s/l1gjmj78kg7lq63/Screenshot_2014-05-01-18-44-36.png

次に元のHTMLファイルをインプットにしてプログラムで
使えるように文字型変数に変換するツールを実行しました。

【HTML→文字型変数変換ツール】
https://www.dropbox.com/s/5xzfavkt7agqtzq/t-htmlhen.bas.txt

【文字型変数への変換結果】
https://www.dropbox.com/s/lacwp3m2t476t2h/htmlhen.txt

次に変換結果を元に外部関数を作成しました。

【付与・カットツールのHTML画面表示用外部関数】
https://www.dropbox.com/s/8q4htim54iotegk/t-htmlpnlk1.bas.txt

次に既存の付与・カットツールを修正してグラフィック
モードの表示部分やタップした後の判定処理をカット。

さらにHTMLモードで動くように判定処理を作り直し
ました。

【付与・カットツールの修正テストプログラム】
https://www.dropbox.com/s/gm6p8l9csamprg1/t-kotei4bk3.bas.txt

修正テストプログラムを実行した場合のHTMLモードの
画面の表示は以下です。

【BASIC!画面での表示 横持ち状態】
https://www.dropbox.com/s/00a9glq3sfpa5w7/Screenshot_2014-05-01-18-46-25.png

【BASIC!画面での表示 縦持ち状態】
https://www.dropbox.com/s/9d3ltne5s3xus2g/Screenshot_2014-05-01-18-46-34.png

HTMLビューワーで表示した場合と縦持ち状態での表示
が異なっていますが、BASIC!実行時に表示される画面の
方が好ましいので問題はありませんでした。

これで縦持ち画面でも操作可能になりました。

まだ、もう少しHTMLモード化したい部分があるので
引き続きテストしています。

◆◆◆最後に◆◆◆

HTMLモードは非常に使い勝手が良く、おすすめの機能
だと思います。

HTMLを文字変数化するのは、変換ツールを作成すれば
簡単にできます。

使いまわすことを考えて外部変数化すると便利です。





2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

238：名無しさん：2014/06/13(金) 09:21:30
【共通】付与・カットツール修正２

先日より修正テストしていた付与・カットツールのHTMLモード化
ですがとりあえず終了しましたので本番利用を始めました。

本当は、もう少し修正したほうがいいのかもしれませんが
主目的である縦持ちでの操作はできているので良しとしています。

先日の修正に引き続いて修正したのは、固定文言を付与する
為の固定文言を選択する画面です。

元々の選択画面はただ、コンソール画面にprint文で表示していた
だけでした。

【元々の固定文言選択画面】
https://www.dropbox.com/s/0q4ftef26t5hhlz/Screenshot_2014-05-02-06-19-16.png

選択画面を５秒間表示後、入力ダイアログを表示していました。

【元々の固定文言選択画面ー５秒表示後、入力ダイアログ】
https://www.dropbox.com/s/z7g5j0xud0p0vzq/Screenshot_2014-05-02-06-19-31.png

入力ダイアログが画面中央にでてしまうと後ろの画面が
見づらくなります。
そこでこれを上部テンキー固定の一覧HTML画面に変更しました。

【上部テンキー固定の修正後画面、縦持ち画面】
https://www.dropbox.com/s/b3jyxdftdjpb482/Screenshot_2014-05-02-06-20-48.png
【上部テンキー固定の修正後画面、横持ち画面】
https://www.dropbox.com/s/m2fejlt9iq2udmv/Screenshot_2014-05-02-06-22-17.png

HTMLモードなので縦持ち、横持ちとも問題なく表示できます。

テンキー付一覧画面は、メモデータベースで利用していた外部関数
をそのまま使おうとしていましたが、一部あわない箇所があったので
流用して別関数を作成しました。

共通化すればいいのですが・・・・手抜きしてます。

【ソースプログラム・メイン＆外部関数】
https://www.dropbox.com/s/vtr25d2jyjd14j8/a-kotei4.bas.txt
https://www.dropbox.com/s/jwddlj73sa7uc15/a-htmlpnlk1.bas.txt

◆◆◆最後に◆◆◆
上部にテンキーを固定する一覧画面のメリット
・数字を入力時にソフトウェアキーボードが有効化されない。
・一覧をスクロールしてもテンキーは画面上部に常に表示
特にソフトウェアキーボードは画面半分ちかくを占めたりするので
操作性の向上に有効だと思います。




2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

239：名無しさん：2014/06/14(土) 23:48:26
【その他】ネットの記事0614

◆JavaScriptでAndroidアプリを開発！ Macでも動くAndroidScript
http://weekly.ascii.jp/elem/000/000/230/230040/

面白そう。ちょっと気になります。

◆ GroovyがAndroid上で実行可能に
http://www.infoq.com/jp/news/2014/06/groovy-android

これもプログラム言語の話。タブレット環境で開発できる
という意味だと思います。

◆Firefox OS用のOpen Web AppsがAndroidのネイティブアプリとしても利用可能に
http://getnews.jp/archives/598881

これも開発ネタですが、Firefox OSやOpenWebAppsの
普及促進策でしょうか。

◆OSライセンス無償のタブレット、「Windows 8.1 with Bing」
http://www.nikkeibp.co.jp/article/matome/20140611/402213/

あんまり使わないwindows機。安いに越したことは
ありません。

◆教育現場でタブレット活用拡大　アップルとＭＳ、シェア争い激化
http://www.sankeibiz.jp/business/news/140614/bsc1406140500004-n1.htm

Androidはその自由なカオスがだめなんですかね？
AOSPなら良さそうなのに

◆アップルは新しいプログラミング言語「Swift」が開発者に気に入られることを望んでいるが、そう上手くいくだろうか？
http://ascii.jp/elem/000/000/903/903703/

ネガティブな記事かなと思いましたが、本当に
心配しているようです。




2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

240：名無しさん：2014/06/16(月) 07:44:37
【arc7】３台のキーボード

やはり、私はキーボードを重視しているようです。

kobo arc7が我が家に来てしばらく経ちますが、
そこそこの性能のこのタブレットのいい点としては
ともかく、キーボードとの相性がいいです。

実際、私は状況によって３台のキーボードを使い
分けていますが、kobo arc7との相性はバッチリです。

【３台のキーボード】
https://www.dropbox.com/s/ajobha4dk4wdmpw/20140504_220339.jpg

写真は、右の１台が上海問屋で昔買ったUSBキー
ボードで左上部がバッファローの超小型bluetoothキー
ボードTK-GMFBP029、左下部がイオシスで買った
小型bluetoothキーボードKB-1303です。

USBキーボードは、もともとCH-AND7000用、超小型
bluetoothキーボードは、SC-03E用に買ったものです。

CH-AND7000は、相性問題はなく普通に使えましたが
SC-03Eは、キー暴走する現象があり、相性問題が
ありました。

arc7 とは、３台とも問題なく使えますし、bluetoothで
の接続も早いです。

今では、通常の通勤時にはカバンの中にUSBキーボード
カバー、自宅では小型Bluetoothキーボード。

超小型Bluetoothキーボードは荷物が多い通勤時にエマー
ジェンシーで利用しています。

ちょっと試してみたくて以下の写真のような強引な接続
を試してみました。

【arc7とハブとUSBキーボードとマウス】
https://www.dropbox.com/s/8z3tgppzo2ot35a/20140504_101522.jpg

キーボードもマウスも問題なく使えました。

◆◆◆最後に◆◆◆
kobo arc7とキーボードの相性は秀逸だと思います。

キーボードをAndroidタブレットで多く使いたい方は、
arc7は、かなり有力候補になると思います。




2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

241：名無しさん：2014/06/17(火) 07:58:57
【共通】HTMLモードの実験

少しBASIC!のHTMLモードの実験をしていました。
結果は良好だったので少しまとめます。
地味でディープな内容ですが、実験内容は以下です。

「HTMLモードでFORMタグを使わずにテキスト
ボックスに入力された日本語をBASIC!プログラムに受け渡せるか」

あまり私の自作ツールでは、HTMLモードでinput
タグを使っていませんが、どうしても必要な場合もあります。

その場合、formタグでsubmit時にget形式で送信して
BASIC!側の処理に受け渡していました。

今回は、formタグを取り外して、別の方法で日本語が
文字化けせず受け渡せるかどうかテストしました。

今回テストで使用したのは自作ツール「置換ツール」で
利用しているHTMLファイルです。
変更前の概要は以下です。

----- 変更前 -----

<form id='main' method='get' action='FORM'> →フォームタグ利用
<p>
置換前文字列<input type="text" name="mae" size="30" value="@@1"> →テキストボックス
</p>
<p>
置換後文字列<input type="text" name="ato" size="30" value="@@2"> →テキストボックス
</p>
（中略）
<p>
<input type="submit" value="　送　信　"> →送信ボタン
</p>
</form> →formタグの終了
<p>

<input type="button" value="　終　了　" onClick="doDataLink('Exit')" /> →終了ボタン

----- 変更前（終わり） -----

ごく、一般的なフォームタグを利用しており、送信
ボタンを押すとget形式のフォーマットでBASIC!側に送られます。

get形式なので日本語は、URLエンコードされて
BASIC!側に送られます。

BASIC!には標準でURLデコードする関数はありません。
過去にこの辺あたりの事を記事にしてます。

【共通】HTML命令 その４
http://kdiary1.fc2.com/cgi-bin/d.cgi/hvc-500z/?dt=20130902

けっこうややこしい話ですが、フォームからデータが
get形式で送られた場合の挙動について書いています。

結果としてURLデコードされて日本語として処理はできます。

2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

242：名無しさん：2014/06/17(火) 08:04:26
「前の日誌が行数が多すぎの為に分割」

続いて、変更のHTMLの概要が以下です。

----- 変更後 -----

置換前文字列<input type="text" name="mae" size="30" id="in1" value="@@1"> →ID名を追加
</p>
<p>
置換後文字列<input type="text" name="ato" size="30" id="in2" value="@@2"> →ID名を追加
</p>
（中略）
<p>
<input type="submit" value="　送　信　" onclick="doDataLink(document.getElementById('in1').value+'%%##%%'+document.getElementById('in2').value)"> →送信ボタン
</p>
<p>
<input type="button" value="　終　了　" onClick="doDataLink('Exit')" /> →終了ボタン

----- 変更後（終わり） -----

変更後は、formタグがなくなり、送信ボタンを押したときに
document.getElementByIdでテキストボックスの内容を取得し
そのまま、doDataLink関数を呼び出してBASIC!側にURL
エンコードなしで受け渡す形です。

変更後の画面は以下です。ちょっと改行が正しくありませんが
今回のテストには影響ないのでそのままテストしました

【テスト用に作成したHTML画面】
https://www.dropbox.com/s/itfxqv0atfaiyla/Screenshot_2014-05-05-16-09-40.png

結果的には、HTMLから受け渡された日本語文字列が
文字化けせずにコンソール画面にprint文で表示できました。

【テスト用プログラム実行後のBASIC!コンソール画面】
https://www.dropbox.com/s/5e6salvzhqpgnw5/Screenshot_2014-05-05-16-10-25.png

【テストに使用したプログラムとHTMLファイル】
https://www.dropbox.com/s/4x0svxl20bayhjg/t-htmtste2.bas.txt
https://www.dropbox.com/s/1yrstux26p5r1u8/testkix1.html.txt

◆◆◆最後に◆◆◆
formタグは、BASIC!では使いづらいと思います。
doDataLink関数のパラメーターにdocument.getElementById
を利用すると、BASIC!プログラム側がシンプルになり、
いいと思います。

2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

243：名無しさん：2014/06/18(水) 07:54:00
【共通】全てのディレクトリ

BASIC!のテストプログラムで一つ実験してみました。
結果として予想した通りにいきました。

実験内容は、arc7の/sdcard配下の全ディレクトリの
名前の取得です。

【テストプログラム】
https://www.dropbox.com/s/thlojl70ax108lt/t-dirall1.bas.txt

ロジック的には、繰り返しfile.dir命令を呼び出すだけ
ですが、配列に格納する仕方だけ少し試行錯誤が
ありました。

関数の再帰呼び出しができるのがBASIC!の特一つの
特徴ではありますが、ちょっと不安だったので
配列に格納しています。

【処理結果】
https://www.dropbox.com/s/g0dmlldy4uo4yqw/Screenshot_2014-05-08-22-31-43.png

実際に実行した結果、arc7の/sdcard配下には、437
個のディレクトリがあることがわかりました。

テストプログラムでは、ディレクトリ名を格納する
配列は１０００個の要素で定義していますが、
もう少し余裕をもたせた方がいいかもしれません。

とりあえず、ディレクトリ名は取得できたので
そのディレクトリにあるファイルへのアクセスも
できると思います。

今後テストしていこうかと思います。

◆◆◆最後に◆◆◆
タブレットには、思ったより多くのディレクトリが
あります。

特にアプリのディレクトリの階層はかなり深いです。

特定の拡張子があるファイルを全て調べたいという
ニーズがあれば、このテストプログラムを少し改修
すれば使えると思います。






2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

244：名無しさん：2014/06/19(木) 07:46:35
【HVC-500Z】YOUTUBEにアップ

最近、動画を撮影する機会があり、久々に三脚を
持ち出してHVC-500Zで撮影をしました。

全然内容を理解していませんでしたが、HVC-500Z
の仕様を改めて確認したところ以下となっていました。

【YASHICA 光学5倍ズーム搭載 フルハイビジョンカメラ HVC-500Z｜商品情報｜GEANEE】
http://www.geanee.jp/products/yashica_hvc-500z.html

この中でビデオカメラとしての性能をあらわすのが以下の
項目らしいです。

撮像素子：1/3.2型 503万画素CMOSイメージセンサー

【画像（イメージ）センサー・（CCD・CMOS）の大きさ比較】
http://www.antaresdigicame.org/photo_gallery/camera/camera87.html

このページをみるといかに小さい撮像素子かわかると
思います。

レンズ：F2.8-4.8　f＝5-25mm　35mmカメラ換算 38（W） 〜 190（T）mm

【ビデオカメラの選び方　JVC】
http://www3.jvckenwood.com/dvmain/point/

この記事によれば、F値も普通は１．８もあるそうですので
決して明るくはないそうです。

でも、HVC−５００Zで撮影した動画を本体とテレビをHDMI
ケーブルでつないで表示するととてもきれいです。

私自身の主観でもそうですが、いっしょに動画鑑賞した人も
同じ意見なのできれいなのだと思います、三脚必須ですが・・・

きれいに撮れているので限定公開で YOUTUBEにアップしました。

手順は以下の通りです。
１．HVC−５００ZからSDカードをはずしてWM8850にセット
２．WM8850でesエクスプローラでWZR-300HPの簡易NASにコピー
３．WZR-300HPの簡易NASからUG802のmicroSDカードにコピー
４．UG802の youtubeアプリでアップロード

アプリでのアップロードは簡単にできますがエラーがあった場合
ちゃんと表示されないので結局ブラウザーでYOUTUBE画面を
見る必要がありました。

また、15分以上の動画は、以下の作業が追加で必要です。

【15 分を超える動画のアップロード】
https://support.google.com/youtube/answer/4523193?hl=ja&amp;rd=1

電話番号の登録が求められるのでちょっと嫌でしたが、
違法な動画ではないのでまぁ仕方ないかと思っています。

◆◆◆最後に◆◆◆
・HVC−５００Zは、手ブレ補正が超弱いです。（三脚必須）
・手ブレ補正以外は、全然イケてます。
・YOUTUBEアプリでのアップロードは簡単ですが、エラー
　がわかりづらいです。






2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

245：名無しさん：2014/06/20(金) 07:46:08
【共通】ファイル検索

先日テストしていたkobo arc7のディレクトリ一覧を
作成するBASIC!のテストプログラムの発展形として
自作ツール「ファイル検索」を作成しました。

コンセプトは間違えて別のディレクトリにコピー
したり、保存場所がわからなくなったファイルを
探すためのツールとして作成しています。

機能的には、必要十分ですが、性能的にはかなり
重たいツールになりました。

ます、タブレットのディレクトリ情報を取得します。
arc7での実行では約４５０程度のディレクトリ情報
を取得するのに約３０秒程度かかります。

【ディレクトリ情報取得中の時の画面】
https://www.dropbox.com/s/ic8tt78yt001qoj/Screenshot_2014-05-10-06-20-25.png

作業の進み具合がわかるようにコンソール画面の
タイトルで進捗状況がわかるようにしました。

次にファイル種類を選択させる画面を表示します。

【ファイル種類選択画面】
https://www.dropbox.com/s/13xb9m0vif8n6zb/Screenshot_2014-05-10-06-20-44.png

ファイル種類は、写真、テキスト、PDF、動画の
４種類とシンプルな作りにしました。

次に選択した種類のファイル情報を全ディレクトリ
から取得しています。
この処理がかなり重く最も多くのファイルがある
写真の場合、約３分弱かかります。

【特定のファイル種類のファイルを取得中の画面】
https://www.dropbox.com/s/y33tyq5cvzow78u/Screenshot_2014-05-10-06-23-26.png

この部分も何も表示しないとフリーズしたと勘違い
するのでコンソール画面で進捗を表示しています。

次に取得したファイル情報を一覧化したHTML画面
を表示しています。

【ファイル種類のファイルを一覧表示する画面】
https://www.dropbox.com/s/pp5rlqtnk3mwm05/Screenshot_2014-05-10-06-24-53.png

上部にテンキーが出る一覧選択画面です。

個別のファイルについている番号をテンキーで入力
すると共有または、写真やテキストでは専用のHTML
画面で内容を表示できます。

【個別のファイルを表示する画面】
https://www.dropbox.com/s/r3bzh0ew8i4ev7a/Screenshot_2014-05-10-06-25-36.png

このツールを作成していて驚いたのは、まだ使い
始めて数ヶ月のkobo arc7の中には非常に大量の
写真ファイルが存在するということです。

全体で約１７００の写真ファイルがありました。

kobo、twitter、dropboxといったアプリの配下の
ディレクトリには、電子書籍の画像だったり、
サムネイルやキャッシュといった形で大量の画像
ファイルが残されていることがわかりました。

あとBASIC!的な話だと長大な文字列を使うと
プログラムの性能が大幅に劣化します。

このツールの用途は、どうしてもファイルが見つ
からない場合を想定しているので性能面は、
あまり意識しないのでいいですが性能重視だと
使わない方法を考えた方がいいかもしれません。

2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

246：名無しさん：2014/06/20(金) 07:47:31
前の日誌の続きです。

自作ツールのプログラムは以下です。

【BASIC!のソースプログラム・外部関数】
https://www.dropbox.com/s/1vg593mbgievb2r/a-dirall4.bas.txt
https://www.dropbox.com/s/1tm3gs00da457cj/a-htmlpnl1.bas.txt
https://www.dropbox.com/s/6kmo3kfcysdueoc/a-htmlpnla.bas.txt
https://www.dropbox.com/s/sdg5jp9nj42qu8o/a-htmlpnlf2.bas.txt
https://www.dropbox.com/s/cnpq0ijfrzxnim5/a-htmlpnlk1.bas.txt
https://www.dropbox.com/s/uvjg8fsg2fllgri/a-htmlpnll1.bas.txt

５本もの外部関数を使っていますが、他ツール
の関数を再利用している為です。

再利用で生産性は上がっていると思います。

◆◆◆最後に◆◆◆
・タブレットの中は、写真ファイルがたくさん
・長大文字列の処理には性能を注意
・外部関数を使う場合はラベルの重複に注意
・console.title文は、進捗情報を表示するのに有効







2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

247：名無しさん：2014/06/22(日) 07:52:12
【その他】ネットの記事0621

◆ITpro NOW - どうやら本当に安くなるWindowsタブレット
http://itpro.nikkeibp.co.jp/article/COLUMN/20140617/564544/

約２万円ほど安くなるようです。

◆Samsungの最新フラッグシップタブレット「Galaxy Tab S」を日本国内に投入へ！
http://news.livedoor.com/article/detail/8961033/

タブレットの世界も２極化です。

◆SamsungとAppleの覇権争いはさらに激化？ 新タブレット投入で
http://eetimes.jp/ee/articles/1406/19/news060.html

激化するに決まってます。

◆アップルの新プログラミング言語「Swift」--その目的と意味するところ
http://japan.cnet.com/news/commentary/35049422/

こんなに話題になる言語もなかなかないと思います。




2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

248：名無しさん：2014/06/23(月) 07:47:48
【共通】画像結合ツール修正

いつもの通り地味なBASIC!自作ツールの修正記事です。

今回は、画像結合ツールをHTML化しようと思い、
当初は以下の変更予定でした。

◆画像結合ツールのHTML化予定（当初）

・現在の特定のフォルダーに結合する２枚のファイルを
事前に手でコピーするやり方をファイルが選択できる形
に変更する

・２枚の画像が準備済みか確認するダイアログをHTML
に変更する。

・背景色がいいかどうか 確認するダイアログをHTML
に変更する。

・結合した、縦および横並び画像をHTML画面で表示する
（共有も使えるようにする）

しかし、面倒になり（汗）、今回は途中で修正内容を
変更しました。

◆画像結合ツールのHTML化予定（今回）

・現在の特定のフォルダーに結合する２枚のファイルを
事前に手でコピーするやり方をファイルが選択できる形
に変更する→取りやめ

・２枚の画像が準備済みか確認するダイアログをHTML
に変更する。→実施

・背景色がいいかどうか 確認するダイアログをHTML
に変更する。→実施

・結合した、縦および横並び画像をHTML画面で表示する
（共有も使えるようにする）→実施

・結合画像のサイズを少し大きくする。→追加

自作なので変更計画はあっさり変更しちゃいました。

修正前と修正後の見た目の違いは以下です。

【準備確認ダイアログの変更】
https://www.dropbox.com/s/22t2215tt7q01bc/Screenshot_2014-05-15-23-06-26.png
https://www.dropbox.com/s/divtn1pgxbobdgk/Screenshot_2014-05-15-23-09-36.png

【背景色確認ダイアログの変更】
https://www.dropbox.com/s/q0mo5vlng1ggo69/Screenshot_2014-05-15-23-07-57.png
https://www.dropbox.com/s/vmq5z2gsk91ojzx/Screenshot_2014-05-15-23-10-06.png

【結合した画像の表示と共有の呼び出し】
https://www.dropbox.com/s/mbwj002jbpqdp73/Screenshot_2014-05-15-23-11-06.png
https://www.dropbox.com/s/qkaxkfv6jgsool1/Screenshot_2014-05-15-23-11-47.png

【画像サイズを少し大きく】
https://www.dropbox.com/s/bj39lmmr1p5ippe/Kyoko20140516061030.jpg

特にダイアログにinput命令を使うことは、OKのボタンを
ミスタップすると即プログラムの実行中止になるので
今後もできるだけ避けたいと思っています。

【ミスタップ後の状態（実行中止）】
https://www.dropbox.com/s/ac9paais83e8hrm/Screenshot_2014-05-15-23-06-43.png

そのうち取りやめたものも、修正しようかなと思っています。

このツールは、私がBASIC!で最初に作成した自作ツールなので
大事にしていこうと思っています。

【画像結合ツールのソースと外部HTML関数】
https://www.dropbox.com/s/gtumldosvhc9t5t/a-gattai7.bas.txt
https://www.dropbox.com/s/086w8knua96o0ty/a-htmlpnl1.bas.txt
https://www.dropbox.com/s/pn6hoim0koz245p/a-htmlpnla.bas.txt

249：名無しさん：2014/06/23(月) 07:49:15
(前のページの続きです。)

修正中わかった細かいネタ２つ

◆グラフィック系の命令 （gr.）ではパスの指定が？？？

修正中に気付いたのですがどうもgr命令ではパスの指定が
「../../」と「/../../」が同じと思われているみたいです。

◆グラフィックと ＨＴＭＬモードの混在

以下のやり方はエラーになりませんでした。
ちょっと危険かもしれませんが…

１．グラフィックモードで処理
２．gr.front 0でコンソールモード画面に遷移（gr.closeなし）
３．html.open発行でＨＴＭＬモードで処理
４．html.close発行でコンソールモード画面に遷移
５．gr.front 1でグラフィックモードに復帰

◆◆◆最後に◆◆◆
自分がそうしていないのもありますが・・・汗
仮に他の人に聞かれたら以下のように答えると思います。

・コンソールモードでのinput命令は極力排除したほうがいい。
・モードを変更するときはちゃんとcloseしたほうがいい。
・グラフィックは位置の判定（計算）が大変。
・まずはＨＴＭＬモードで検討したほうがいい。
・どうしてもできない場合は、グラフィックモードで。





2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

250：名無しさん：2014/06/24(火) 07:47:57
【その他】コンビニエンステーブル

私は、外ではkobo arc7を使っていますが、我が家では
ほとんどAndorod TV STICK UG802をテレビに繋いで
使っています。

UG802はRK3066のデュアルコアですが、案外性能が
いいのでメールやネットの閲覧やYOUTUBEや簡単な
ゲームなどでは全く問題ありません。

普段は、UG802に無線ドングルをさして2.4GHzの無線
キーボード＋マウスセットであるバッファローの
BSKBW07膝の上に載せて使っていました。

最近ソファー用のミニテーブルがあると長文の入力が
できるといいなぁと思い始めて楽天でコンビニエンス
テーブルなる商品を見つけて購入しました。

【コンビニエンステーブル】
http://item.rakuten.co.jp/watch-me/ct002_2?scid=me_ich_conf_order_03&amp;_mpt=101&amp;_mpe=191575-20140514-0122428131

テーブルなのに2580円で税込送料込という激安商品です。
レビューの評価が良かったので買ってみました。

【コンビニエンステーブルの箱】
https://www.dropbox.com/s/jk4tli58psqspu4/20140517_155348.jpg

箱は、ほぼ天板のサイズでした。

【部品の写真】
https://www.dropbox.com/s/a33q2ycxxtox1wh/20140517_155852.jpg

部品数が５個しかないので組み立ては１０分程度でした。

【テーブルにキーボードを置いた所】
https://www.dropbox.com/s/tdtob2wcf9fd5je/20140517_161536.jpg

早速、キーボードやマウスなどを置いてみましたが
天板の表面が少しザラっとした加工になっていて
滑りにくい工夫がさているみたいです。
天板の大きさが想像以上に広くてかなりのモノを
置けると思います。

【テーブルにキーボード付きレザーケースを置いた所】
https://www.dropbox.com/s/d6bjhuri41650sh/20140517_163321.jpg

kobo arc7にキーボード付きレザーケースを付けた
状態だと膝の上では安定しづらいですが、もちろん
テーブルの上であれば問題はありません。

大型のノートパソコンなど重量のあるものだと
強度の問題が出る可能性がありますが、我が家の
使い方だとなかなかいいかなとおもっています。

◆◆◆最後に◆◆◆
・リビングPCなどソファーでキーボード、マウスを
使う人にはオススメ。
・強度や仕上げなどは値段相応ですが十分実用的です。
・天板がたたみやすい形状なので持ち運び時は脚を
持って移動した方がいいと思います。







2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

251：名無しさん：2014/06/25(水) 07:45:14
【共通】漫画ツール修正

またBASIC!の自作ツールを変更しました。

漫画ツールは、あらかじめ特定のディレクトリに
おいてある複数の吹き出し付き漫画画像ファイルを
一覧表示して選択した１枚の漫画画像の吹き出しに
好きな文字列を入力して画像ファイルとして保存
できるツールです。

このツールで作った漫画画像をブログやツイッターで
私は利用しています。

以下は吹き出しに好きな文字列を入力したあとのグラ
フィックモードのBASIC!の画面です。

【漫画ツール編集済の画面】
https://www.dropbox.com/s/0zvszme28ykzynr/Screenshot_2014-05-17-17-04-46.png

つい最近の修正で漫画ツールで作成した画像を自前
のビューワーで表示できるように修正していました。

【漫画ツールの自前の画像作成結果表示画面】
https://www.dropbox.com/s/7exh872rg81y38v/Screenshot_2014-05-17-17-05-36.png

今回、更に別の自作ツール「ファイルビューワ」と
同様に共有を使うかどうか選択できる画面を追加
しています。

【新たに追加した共有の選択の画面】
https://www.dropbox.com/s/csomfbo8fzcrem6/Screenshot_2014-05-17-17-10-33.png

上記の選択画面でyesを選択するとAndroidのアプリ
選択画面が呼び出されます。

【共有選択後のandroidのアプリ選択画面】
https://www.dropbox.com/s/win4fintc2vp3n0/Screenshot_2014-05-17-17-11-04.png

ここでギャラリーを選択すればギャラリーが起動され
保存した漫画画像が表示されます。

【ギャラリーの画面】
https://www.dropbox.com/s/qkb5smigxlzdg3v/Screenshot_2014-05-17-17-11-21.png

この機能を追加した理由は、「ツイッターと連携しや
すい」からです。

ギャラリーの画面の左上には、ツイッターのボタンが
既に登録されているのですぐに画像をツイッターに
送ることができます。

【ツイッターの画面】
https://www.dropbox.com/s/036g6iflbdd3rkb/Screenshot_2014-05-17-17-11-29.png

いままでは、漫画ツールが終了した後にESファイル
エクスプローラを開いて作成したファイルを選択して
ギャラリーを開いてツイッターに連携していました。

ここの作業手順は、確実に省力化できると思います。

【漫画ツールソースプログラムと外部関数】
https://www.dropbox.com/s/we2ykliz54t9b3c/a-manga3.bas.txt
https://www.dropbox.com/s/s019yq600afzkql/a-htmlpnl1.bas.txt
https://www.dropbox.com/s/ktoy9q3ze5w11s0/a-htmlpnla.bas.txt

外部関数は、もちろん使い回ししているので既存の
プログラムになります。

◆◆◆最後に◆◆◆
・また別の機会に書こうと思いますが共有は、
いい点と悪い点があります。
・外部関数は使い回ししやすいの便利です。
・BASIC!のプログラムを作るときは、まずHTMLモード
が使えるか検討したほうがいいと思います。





2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

252：名無しさん：2014/06/26(木) 07:53:07
【共通】クリッカブルマップ

BASIC!のHTMLモードで画像処理がどこまでできるか
テストプログラムを作成して調べてみました。

確かHTMLのイメージ画像でもたしかクリックした
時の座標が取得できる方法があったはずと思い
調べていたら以下の記事を見つけけました

【画像をクリックしてその地点の座標を変数ｘ、ｙに代入したいのですが - JavaScript - 教えて！goo】
http://oshiete.goo.ne.jp/qa/2745098.html

この記事を参考にBASIC!のテストプログラムで使用する
HTMLファイルを作り始めました。

記事にはjavascriptでクリックした位置を計算すれば取得
可能と書かれていたので更に調べて以下の記事を参考に
HTMLファイルを作成しました。

【JavaScriptプログラミング講座　ダイアログを表示する】
http://hakuhin.jp/js/dialog.htm

【javascriptのキャスト - 備忘録】
http://blog.goo.ne.jp/kori39/e/03d9ce6a3180e9a553644a763fc42542

【ウィンドウ名.alert()−JavaScriptリファレンス】
http://www.htmq.com/js/window_alert.shtml

これらの記事からダイアログの出力方法や数値型の
座標位置情報を文字型に変換する方法を確認して作成
しました。

ここまではパソコンでHTMLファイルを作成、その後
kobo arc7でテストプログラムを用意しました。

テストプログラム自体は正常に動作してHTMLファイル
をロードしてjavascript問題なく動作しましたが
一点問題があることがわかりました。

それは、ピンチインして拡大した場合、正しく座標位置
が取得できない事でした。

そこでピンチインを抑止する方法を調べるとすぐに
見つかりました。

【HTML5とCSS】
http://www33.atpages.jp/usuisq/10_clock.html

mataタグ1つを追加するだけで抑止できました。

更に表示している画像のサイズを取得する方法も調べて
見つけたので以下のサイトを参考にしてjavascriptを
修正しました。

【 [JavaScript] 画像のオリジナル サイズを取得する 最もシンプルな方法】
http://cojocco.blog113.fc2.com/blog-entry-131.html

座標位置もオリジナルサイズもgetElementByIdの情報で
取得できることがわかりました。

実際に作成したテストプログラムでの動きは以下です。

【クリッカブルマップのテストプログラム画面】
https://www.dropbox.com/s/wota7429xt518ff/Screenshot_2014-05-18-14-53-44.png

テスト用の画像上のどこかをタップすると以下のダイアログ
が表示されます。

【画像クリック時に座標を表示した位置確認ダイアログ】
https://www.dropbox.com/s/8sfd5x5n0wjwa5e/Screenshot_2014-05-18-14-53-55.png

ちゃんと座標位置やオリジナルサイズが取得できています。
このダイアログでキャンセルを押すと以下ののダイアログ
が表示されます。

【位置確認ダイアログでキャンセルを選択した時に表示するダイアログ】
https://www.dropbox.com/s/epi466fz53d4188/Screenshot_2014-05-18-14-54-47.png




2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

253：名無しさん：2014/06/26(木) 07:53:54
(前の日誌の続きです。)

Windowsのダイアログとはかなり見た目が異なりますが
想定した処理ができていました。

最後にキャンセルではなくOKを選択するとBASIC!の
コンソール画面にタップした座標位置とオリジナルの
画像サイズの情報をプリントされました。

【テストプログラム終了時のコンソール画面】
https://www.dropbox.com/s/xuqyd1cgc43app4/Screenshot_2014-05-18-14-55-31.png

この結果により、HTMLモードで実行したjavascript
が取得した座標位置、画像サイズの情報をBASIC!の
プログラム側に受け渡しできた事が確認できました。

【テストプログラムのソースとHTMLファイル】
https://www.dropbox.com/s/wa6dbhgnzr1lyax/t-htmtste3.bas.txt
https://www.dropbox.com/s/reu4lbgweu9ep0r/clickable.html

◆◆◆最後に◆◆◆
・ネット上にはHTMLやjavascriptの情報が沢山。
・うまく参考にすれば、HTMLモードで使える。
・但し、HTMLモードではjavascriptのエラーメッセージ
が出ないのでダンマリみたい状態になるので注意。
・パソコンでHTMLファイルを作るときは文字コード
はUTF-8が無難だと思います。

254：名無しさん：2014/06/27(金) 07:46:27
【共通】BASICを話しますか？

有名なガジェット情報サイトであるEngadgetでちょっと前に
「Do you speak BASIC?」という BASIC50周年的な記事
があり、そこに投票する画面がありました。

【Do you speak BASIC?】
http://www.engadget.com/2014/05/01/basic-programming-language-50th-birthday/

Do you speak BASIC?の投票の選択肢は、以下です。
時点の投票状況は％で示されています。

・Still coding in it today. 18%
・Not since I was a kid. 65%
・I ain't BASIC! 11%
・I love brunch and kale. 6%

「Still coding in it today」は今でも作ってます！という
意味だと思います。

集計の母数は３千を超えているのでその中で１８％は、
立派なもんかなと思いました。

もちろん私もその中の一人です。

日本ではなぜか昔やった、懐かしい→もうやらないけど
という人ばかりです。

タブレットでのＢＡＳＩＣ！もなかなか楽しめます。
この楽しさをうまく文章に現わせていませんが・・・







2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

255：名無しさん：2014/06/28(土) 16:47:05
【その他】ネットの記事0628

◆Android WearやIoTで注目のAndroidセンサー機能8選 (1/3)
http://www.atmarkit.co.jp/ait/articles/1406/26/news024.html

既存のセンサーがほとんどの記事

◆ 次期Android「L」の新UXデザイン「Material Design」はどのような動きでアニメーションするかがよくわかるムービー
http://gigazine.net/news/20140627-android-material-design-movie/

WEBデザインとかではよく見るデザインかな。

◆Google、テレビプラットフォーム Android TV 発表。ゲーム機としても販売
http://japanese.engadget.com/2014/06/25/google-android-tv/

テレビに重ねるのがポイントなんですね。

◆Google: Androidマルウェア漬け説に対し、iOSはこんなに後れてると反撃
http://jp.techcrunch.com/2014/06/26/20140625android-vs-ios/

混沌の帝国VS統制の帝国。でも似てきているような・・・

◆ Razer，「Android TV」ベースとなる据置型ゲーム機の開発を表明。
http://www.4gamer.net/games/023/G002318/20140627131/

ゲーミングデバイスの勇者、立ち上がる。

◆ SIM通　SIMカード徹底ガイド − いま買うならコレ！オススメSIMフリータブレット
http://sim.oshiete.goo.ne.jp/colum/20140627/

SIMフリーが当たり前の時代がもうすぐ来そうではありますが、

◆ Google I/O：3Dマッピングの「Project Tango」タブレット、2015年にLGが製品版発売へ
http://www.itmedia.co.jp/enterprise/articles/1406/27/news086.html

何につかうのだろう？

◆ この夏、買ってみたい「タブレット」
http://news.mynavi.jp/articles/2014/06/25/2014natsu-tablet/

LaVie Tab Eは気になります。ボーナス時期ですねぇ

◆軽量薄型化したヤマダ電機オリジナルタブレット第2弾7型「EveryPadII」
http://www.rbbtoday.com/article/2014/06/27/121283.html

前作の失敗？にへこたれずがんばりますね。

◆レノボ、由比ガ浜にタブレットを満喫できる海の家をオープン 〜YOGA TABLETを借りてヨガ体験も
http://pc.watch.impress.co.jp/docs/news/yajiuma/20140627_655525.html

不気味すぎるコンセプトかな？

◆保護者に期待と戸惑い　武雄・小１プログラミング教育
http://www.saga-s.co.jp/news/saga/10101/77858

多くの落ちこぼれが出て、沢山の非難があるでしょう。
でもその中から未来のジョブズが産まれるかも。

◆ 新プログラミング言語「Swift」の型と制御構文
http://codezine.jp/article/detail/7842

読み物としていいかも。




2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

256：名無しさん：2014/06/30(月) 08:08:53
【共通】クリッカブルに苦戦

何故か投稿規制されたので

以下のリンクに記載

http://kdiary1.fc2.com/cgi-bin/d.cgi/hvc-500z/?dt=20140630



2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

257：名無しさん：2014/07/01(火) 07:47:54
【共通】クリッカブルに苦戦2

苦戦した上にやっと動いたクリッカブルマップのような ＢＡＳＩＣ！の
ＨＴＭＬモードのテストプログラムの詳細です。

【最初に表示される写真の画面】
https://www.dropbox.com/s/bixkb6h1ggfvjne/Screenshot_2014-05-29-08-55-49.png

写真は、上部見切れており、スクロール済みの状態です。
この画面で写真上でタップします。
タップした位置は富士山の頂上付近でした。

【タップした画像上の位置のx,y座標表示】
https://www.dropbox.com/s/uozeasjfal7hgp0/Screenshot_2014-05-29-08-56-12.png

現段階では基本的にできることはこれだけです。ただし
スクロールしてもただしく座標が表示できています。

【タップした位置の画面上の位置のx,y座標表示】
https://www.dropbox.com/s/j78qziz9q5n32yn/Screenshot_2014-05-29-08-56-25.png
【画像のウィンドウ内の開始位置のx,y座標表示】
https://www.dropbox.com/s/cy10uo8czez136y/Screenshot_2014-05-29-08-56-35.png
【ウィンドウ内のスクロール量のx,yピクセル数表示】
https://www.dropbox.com/s/kane67ojhujepyv/Screenshot_2014-05-29-08-57-39.png

画面上のタップ位置の座標は（５１２，１１２）でウィンドウ内の画像
開始位置は、（１９０，１３３）でスクロール量は（０，１７８）なので
画像上のタップ位置は、（５１２−１９０＋０、１１２−１３３＋１７８）で
（３２２、１５７）になるというややこしい計算になっています。

【プログラム終了時のコンソール画面】
https://www.dropbox.com/s/lwr4ovisojyum9w/Screenshot_2014-05-29-08-58-07.png

画像上のタップ位置のx,y座標と画像の幅、高さをjavascriptで取得
してBASIC!のプログラムに連携できました。

【ソースプログラムと外部関数】
https://www.dropbox.com/s/ot4abso3e611qow/a-htmlpnl1.bas.txt
https://www.dropbox.com/s/lsdeztxostjuwdj/t-clmask1bk1.bas.txt
https://www.dropbox.com/s/456tjhvoivhxxll/t-htmlpnlg1.bas.txt

◆◆◆最後に◆◆◆
書いてしまうと簡単な話ですが、ここまでたどり着くには相当
かかっています。

グラフィックモードでも同じような事ができるのですが、できるだけ
グラフィックモードにしないという自分の方針に従って作ってみました。

BASIC!のＨＴＭＬモードをより活用するにはhtml,css,javascriptを
もっと勉強しないとだめかもしれません。



2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

258：名無しさん：2014/07/02(水) 08:11:05
【共通】画像のマスク

また規制にかかったのでメインの日誌のリンクのみ

http://kdiary1.fc2.com/cgi-bin/d.cgi/hvc-500z/?guid=ON&amp;dt=20140702


2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

259：名無しさん：2014/07/03(木) 07:46:33
【共通】画像のマスク２

先日、調査や事前にBASIC!でテスト確認した結果に基づいて
クリッカブルマップの画面とcanvas画面を組み合わせた
テストプログラムを作成し、テストしました。

結果は、予想通りでうまくいきました。

まず、クリッカブルマップの画面で座標を指定してから画面を
切り替えてcanvasの画面を表示する仕様です。

【写真をクリッカブルマップで表示する】
https://www.dropbox.com/s/32a9xauft69zyny/Screenshot_2014-05-29-22-36-53.png

この画面でマスクする位置を指定します。

【マスクの左上隅クリック後の画面】
https://www.dropbox.com/s/4rnxyedma2eccxc/Screenshot_2014-05-29-22-37-49.png

最初にクリッカブルマップで指定した箇所がわかるように
小さい赤い四角形を透過率５０％指定で表示しています。

この後に再度クリッカブルマップ画面が表示されます。

【マスクの右下隅クリック後の画面】
https://www.dropbox.com/s/igiv450wwttf6wx/Screenshot_2014-05-29-22-38-25.png

クリッカブルマップで2回指定が終わると指定した範囲に
赤い四角形を透過率０％で表示します。

【マスク済みの画面をピンチアウトしてスクリーンショットを保存した結果】
https://www.dropbox.com/s/j9lcf24tx6ocjkj/Screenshot_2014-05-29-22-38-57.png

先日、調査時に書いた通り ＢＡＳＩＣ！のＨＴＭＬモードでは
toDataUrlが利用できないので仕方なく、kobo arc7の
ハードウェア機能でスクリーンショットを取得しています。

【テストプログラムのソース】
https://www.dropbox.com/s/lgptclsl2qp1ulv/a-htmlpnl1.bas.txt
https://www.dropbox.com/s/v0v88akfainq2uc/t-clmask1.bas.txt
https://www.dropbox.com/s/uyh9t3uwcg0r6ny/t-htmlpnlg1.bas.txt

このテストプログラムでは、マスクする画像のパスを直書きして
いますが、ファイル選択処理を追加していこうと思います。

◆◆◆最後に◆◆◆
画像のマスク位置をタップで指定するのでどうしても
やり直ししたくなる場合が多いです。

やり直しをある程度考慮したプログラムを作ることが必要だと
思います。

arc7を持ってタップした場合は、あまりずれはありませんが
台においてタップすると画面が傾いているせいか、ずれが
出やすい傾向があるようです。



2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

260：名無しさん：2014/07/04(金) 07:45:06
【共通】画像のマスク３

先日、ほぼ主要なロジックは完成したのBASIC!の画像のマスク
プログラムを一応ツールとして完成させました。

ファイル選択画面を追加したのと、ＯＫＮＧのダイアログをいくつか
追加して多少のやり直しはできるようにしています。

【ファイル選択画面】
https://www.dropbox.com/s/d2wg9w12s1mxeqa/Screenshot_2014-05-30-08-32-03.png

この画面は、完全に自作ツール「ファイルビューワ」の流用です。
外部関数化されていたので移植は簡単でした。

【ファイル選択後マスクするかの確認画面】
https://www.dropbox.com/s/zwwh0478q7do7xo/Screenshot_2014-05-30-08-34-27.png

適当な所に確認用ダイアログを追加しています。

【マスク後の確認画面】
https://www.dropbox.com/s/zzc8e3cebpyt7hk/Screenshot_2014-05-30-08-36-33.png

マスクの結果画面です。

【マスク後の確認画面をピンチアウトしてスクリーンショットした結果】
https://www.dropbox.com/s/8kpax7omx2f7vl4/Screenshot_2014-05-30-08-37-19.png

スクリーンショットの結果も問題なしでした。

もう少しテストしたら本番用ツールとしてランチャーに登録しよう
と思います。

【ソースプログラム・外部関数】
https://www.dropbox.com/s/2b88huxm8itg6k0/t-clmask1.bas.txt
https://www.dropbox.com/s/h3r0v7tsiu97ynd/a-htmlpnl1.bas.txt
https://www.dropbox.com/s/b1llc7kk6sr5kj8/a-htmlpnla.bas.txt
https://www.dropbox.com/s/njmgx7jzo428v0a/a-htmlpnlf2.bas.txt
https://www.dropbox.com/s/gjd627z0bicq09d/t-htmlpnlg1.bas.txt


◆◆◆最後に◆◆◆
HTML,javascript,cssとBASIC!のプログラムの連携でいろいろ
できるのは便利だと思います。

うまくハイブリッドさせると思った以上のことができます。



2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

261：ヒーローゲーマー：2015/10/01(木) 17:10:33
http://narou.wicurio.com/index.php?%E3%82%B2%E3%83%BC%E3%83%A0%E5%B0%8F%E8%AA%AC%E5%9B%B3%E6%9B%B8%E9%A4%A8
私が書いた小説の全てです!
創作ヒーローもあります!
ぜひ、見てきてください!
新着レスの表示

名前： E-mail（省略可）：

※書き込む際の注意事項はこちら

※画像アップローダーはこちら

（画像を表示できるのは「画像リンクのサムネイル表示」がオンの掲示板に限ります）
掲示板管理者へ連絡 無料レンタル掲示板