HOME»応用情報技術者試験掲示板»午後問題のページにマーカー機能を追加しました。
投稿する

[1016] 午後問題のページにマーカー機能を追加しました。

 管理人(No.1) 
みなさま、お世話になっております。管理人です。

先程、午後問題のページの"問題文中"に薄い赤色(半透明)で線を引ける機能を追加してみました。とりあえず、簡易的に作ってみたため現在この機能で出来ることは次の3つです。

1) マウスの左クリック→ドラッグで任意の線を引ける
2) 問題文中の2点を2秒以内にクリックすることで、その間を結ぶ直線を引ける
3) 2)の2点目のクリックの際に、Shiftボタンを押しながらマウスアップすることで直線が長方形になる

まだ線の色や透明度、線の太さ等は設定できませんのでご注意ください。
好評であれば、機能拡張や使い方のヘルプ機能を作成していきたいと思います。
2018.03.24 15:06
 管理人(No.2) 
タイトルとは別件ですが、掲示板への投稿についても1つ改善をいたしました。
これまではURLを含む投稿は全て禁止しておりましたが、【当サイト内のページ】である場合に限りURLを含む投稿をできるようになりました。

この変更により、質問や修正依頼の際に該当ページを参照しやすくなることを期待しています。ぜひご利用ください。

例) http://www.ap-siken.com/kakomon/25_haru/q17.html
2018.03.24 16:18
吉田吉男さん(No.3) 
いつもお世話になります。

午後問題演習中に急に線が弾けるようになっていたのに驚きました。
線が弾けるようになった反面、マウスでドラッグしてコピーし、問題の回答に貼り付けが
できなくなったので便利な反面少し不便です。
元々大事であろう箇所は1箇所しかできませんが、マウスでドラッグしておりました。

今回の機能も使い方によれば便利かと存じますが、まずは使う・使わないの選択機能が欲しいです。
2018.03.24 16:34
 管理人(No.4) 
感想をくださり誠にありがとうございます。

確かにそのような場面では支障がありそうです。
切替ボタンを左側のフローティングメニューに付けてもいいのですが、わざわざクリックをするために移動するのも面倒なので、描画機能はShiftなどの特定キーを押下時のみ行うように変更したいと思います。
機能を更新しましたらこちらで報告させていただきます。
2018.03.24 16:44
ゆいなんさん(No.5) 
もしかして要望に投稿したものが直接反映して頂いたのですか!?
とても嬉しく思います。
今後ともこのサイトがより良くなるよう案があれば投稿するのでよろしくお願い致します。
2018.03.25 21:19
 管理人(No.6) 
マーカー機能を少し改善してみました。
当初公開したバージョンでは、マーカーを描画する全面のコンテンツがその下の問題文へのマウスクリックを遮り、文字列の選択ができないようになっていましたが、今回のバージョンではShiftキー押下時のみに限り画面描画を有効化するようにしてみました。

このため操作方法が以下のように変わります。

1) 【Shiftキー押下】+マウスの左クリック→ドラッグで任意の線を引ける
2) 【Shiftキー押下】+問題文中の2点を2秒以内にクリックすることで、その間を結ぶ直線を引ける
3) 2)の2点目のクリックの際に、"Ctrlボタン"を押しながらマウスアップすることで直線が長方形になる

なお、テキストを選択できる機能はCSS3の実装具合によりIE10以下のブラウザでは効きません。IE10以下ではShift押下+操作で描画可能ですが下のテキストは選択できなくなっています。

ただ、このままでは知っている人だけしか利用できない機能になってしまうので、何かしらのアフォーダンスを加える必要がありそうです。
2018.03.26 11:33
 管理人(No.7) 
ゆいなんさん

ご提案ありがとうございました。私の知識や技術力が及ばず直ぐには実現できないアイデアもたくさんあるのですが、実現できることは積極的に試していきたいと考えております。このサイトは、日頃ご利用くださっている皆さまのお力添えで成り立っています。どうか今後とも当サイトをよろしくお願い申し上げます。
2018.03.26 11:42
 管理人(No.8) 
マーカー機能に任意の文字列を描画できる機能を追加しました。

【Shiftキー押下】+マウスのダブルクリック→ダイアログに文字列を入力→画面上に描画
2018.03.26 12:01

返信投稿用フォーム

スパム防止のためにスレッド作成日から30日経過したスレッドへの書込みはできません。
© 2010-2024 応用情報技術者試験ドットコム All Rights Reserved.

Pagetop