無精・短気・傲慢

perlの事 いろいろ

JavaScriptで選択したファイルを背景画像にする

HTMLのinputで選択した画像ファイルをJavaScriptでページの背景画像に設定したいより サンプル GitHub <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"> <title>JavaScriptで選択したファイルを背景画像にする</title> </head> <body> <script> window.addEven…</body></html>

入力できるプルダウンボックス（セレクトボックス）

入力できるプルダウンボックス（セレクトボックス） $('.free_dropdown').on('click focus', function () { //「input」要素の「data-options」をカンマで分割し、配列にする。 var options = $(this).data("options").split(','); $(this).autocomplete({ s…

ブラウザでQRコードを書いたり読んだり

ブラウザだけでQRコードを読んだり書いたり出来ます。 QRコードを作成し表示する jquery-qrcode.jsを使いQRコードを作成し表示する。 <script src="js/jquery-qrcode-0.18.0.min.js"></script> <div id="qrcode"></div> <script> $('#qrcode').qrcode({width: 64, height: 64, text: "information"}); </script> QRコードを読む jsQR.jsを使いスマートホン等…

wslのvimでクリップボードを書いたり読んだり

以前、「WSL2のvimでクリップボードを使う」でクリップボードを使えるvimとVcXsrvをインストールする方法を紹介したが、何もインストールすることなくwindows標準のコマンドだけで行う方法を紹介します。 クリックボードに書き込む clip.exe [.vimrc] augrou…

ブラウザでQRコードを読み取る

ブラウザでQRコードを読み取る ブラウザからカメラを起動してQRコードを読み込めるようにするJavaScriptライブラリjsQRを使用しQRコードを読み込む。 https://github.com/cozmo/jsQR 参照：1分でできるjsQRによるブラウザのQRコード読み込みアクセス ソース …

レスポンシブデザイン

レスポンシブデザインとは レスポンシブデザインとは、Webサイトのデザインを「閲覧ユーザーが使用するデバイスの画面サイズに応じて表示を最適化するデザイン」を指します。 メニュー修正 tableタグで横並びのデザインをしていたが、divタグにて横並びにし…

スワイプしてカレンダーを切り替える

スケジュール帳 スケジュール帳のカレンダーを表示しているとスワイプで月を切り替えたくなる。スケジュール帳に実装してみた。タッチ操作のできる端末かブラウザのシミュレーターでアクセスしてくみてください。（ログインIDをお持ちでない方はそのままGUES…

Matrix 行列固定テーブルの実装

入力できるテーブル 実装してみた ソース css position: sticky; 好きな場所に貼り付けられるステキなプロパティーsticky 行列固定テーブルのCSS 上に固定させる(top) .fixed00{ position: sticky; top: 0; left: 10; } 下に固定させる(bottom) .fixed91{ po…

行列固定テーブルのCSS

position: sticky; position: sticky;とは、ヘッダやナビゲーション、サイドバーなど指定した要素をスクロールした際にぴたっと指定した位置に貼り付ける（スティッキー）便利なプロパティです。CSSのpotion: sticky;は多くのブラウザにサポートされるように…

perl memo

フリップフロップ演算子 あるファイルの20行目～30行目まで抜き出すときは $ perl -ne ‘print if (20 .. 30);’ file ファイルからタイトルを抜き出そうとしたとき $ perl -ne 'print if (/<title>/.. /<\/title>/);' a.html 開始条件と終了条件が同時にtrueになった</title>…

WSL2のvimでクリップボードを使う

基本的にはWSLのvimでクリップボードを使うと同じだがDISPLAYにlocalhostでは駄目でwindows10のIPを設定する 1.vimを再インストール クリップボードを使えるvimをインストールする。 vim --version|grep clipboard で -clipoardの場合はvimをインストールす…

位置情報を取得(Geolocation API)

JavaScriptで位置情報を取得 Webブラウザのgeolocationオブジェクトを使うと、JavaScriptで現在位置（緯度／経度／高度と移動中なら速度／方向）を取得することができます。サンプルを作ってみました。最初に位置情報を取得する許可を求められます。 geoloca…

schedule book

スケジュール帳 スケジュール帳を追加(github) 実装してみた

WSLのvimでクリップボードを使う

windowsではXserverが無い為？にWSLのvimではクリップボードを共有する事が出来ません。Xserverを導入することでクリップボードを共有できる事を『WSL上のvimでクリップボードを共有する方法』で教えてもらいました。 windowsにXserverを導入する ここ（VcXs…

カレンダー表示

カレンダー表示を追加(github) 実装してみた SOURCE menu.pm sub panel_content{ my $s = shift; my $m = $s->app->model; my $text = <<END_SCRIPT <pre> @{[`date +"%a %b %d %Y"`]} @{[$m->make_cal($m->today())]} </pre> END_SCRIPT } model.pm sub make_days{ my ($s,$y,$m,$d…

ツェラーの公式（Zeller's congruence）：曜日計算

ツェラーの公式（ツェラーのこうしき、英: Zeller's congruence）とは西暦（グレゴリオ暦またはユリウス暦）の年・月・日から、その日が何曜日であるかを算出する公式である。クリスティアン・ツェラー (Christian Zeller) が考案した。ユリウス通日を求め、…

春分の日・秋分の日

春分の日・秋分の日は前年に決まる 「春分の日」及び「秋分の日」については、国立天文台が、毎年2月に翌年の「春分の日」、「秋分の日」を官報で公表しています。 春分の日・秋分の日を求める 公転時の誤差によって日にちの確定ができない春分の日ですが、…

閉じれる半透明のパネル

半透明のパネルを追加 [html] <div id="overlay" class="content"> <div class="inner"> @{[$s->panel_content()]} <div id="panel" class="panel hide"></div> </div> </div> [css] .content{ position:absolute; top: 375px; left:0px; width:60%; min-width:315px; display:none; z-index:100; } .inner{ padding:10px; background…

rwt - 作表検索条件入力画面を追加

作表検索条件入力画面を追加 メニュー登録時に帳票作成時の範囲指定の入力を設定できる機能を追加 github 条件入力画面 メニュー登録 条件入力画面 メニューメンテ メニュー区分に"select"を設定 memoに検索項目を設定

パスフレーズの入力内容を確認出来る様にする

パスワードからパスフレーズへ あのパスワード規則、実は失敗作だった数字・記号・大文字の組み合わせ、2003年に考案した人物が後悔しているらしい。 パスワードのルールは間違いだった 「NISTスペシャルパブリケーション800-63」は今年2017年6月に全面改定 …

セッションとユーザー紐づけ

mojoliciusでセッションとユーザーを紐づけしてみた セッションとユーザーを紐づけ (github) LOGIN画面で認証したユーザーをセッションと紐づけてDBに登録しクッキーに保存したセッションにて以降の画面でユーザーを認識する。 セッションが有効で無い時は認…

中置記法から抽象構文木(AST)変換し後置記法（逆ポーランド記法）の計算

吉祥寺.pm #20 へ行ってきた 東京に出張に来ていたので2019/11/22吉祥寺.pm #20へ行ってきた。色々と刺激を受けた。発表のなかで、めもりー（@m3m0r7）さんの『PHP で AST 解析して Java の中間コードを生成する』に刺激を受けて、中置記法から抽象構文木(AS…

mojoliciousでユーザー認証

LOGIN画面を追加 ログイン画面 https://github.com/john-smith-7701/mmt mmt.pm Router認証処理を追加する。underで各処理の前に認証済みの確認処理を追加。認証を必要としない処理は元々のRouterを使う。 --- a/toolmmt/lib/Tool/mmt.pm +++ b/toolmmt/lib/…

じゃんけん判定

じゃんけん勝敗判定アルゴリズム 二人でじゃんけん ($a - $b + 3) % 3 複数人でじゃんけん $r |= 1 << $a じゃんけんの勝敗なんて考えた事なかった。二人でじゃんけんを行った時の「グー」、「チョキ」、「パー」の9通りの組み合わせで、「勝ち」、「負け」…

perl de Heptagon (七角形)

七角形を描画 編集 とりあえず描画してみる #!/usr/bin/env perl use Mojolicious::Lite; app->types->type(data => 'application/octet-stream'); app->types->type(mem => 'application/octet-stream'); app->types->type(wasm => 'application/wasm'); ge…

WebPerl

Welcome to WebPerl! 欲しかったやつ！！javascriptをperlで置き換えられる。 https://webperl.zero-g.net/ WebPerl uses the power of WebAssembly and Emscripten to let you run Perl 5 in the browser! WebPerl does not translate your Perl code to Ja…

B-TREE

B-TREEの考察 B-TREEを理解する為にviz3/btree.c(c)をperlに写経してみた。とりえず動く物を作ってから考えようと。【デモ】←クリック sub btree{ my $s = shift; $s->M(int(rand(8)+2)); $s->debugtext($s->debugtext . " (M:" . $s->M . ")"); $s->insert(…

B-TREE

B-TREEの考察 B-TREEを理解する為にviz3/btree.c(c)をperlに写経してみた。とりえず動く物を作ってから考えようと。【デモ】←クリック sub btree{ my $s = shift; $s->M(int(rand(8)+2)); $s->debugtext($s->debugtext . " (M:" . $s->M . ")"); $s->insert(…

chabo - AI(Artificial incompetence)

リファクタ 編集 cgiのチャボをmojoliciousのモジュールに作り直した。サーバーサイドとフロントエンドを完全に分離しコードをスッキリ？させた。 旧 新 チャボは入力文字列より単語を抽出しその単語よりマルコフ連鎖で文章を作成し出力する。 mecab 編集 日…

JSONP

JSONP JSONは情報をやり取りする際のフォーマットとして頻繁に使われるようになりました。 ただ、外部サービスと通信する際に、AjaxでJSONをやり取りするには「クロスドメイン」という壁があります。つまり、他ドメインに属するファイルはAjaxでは基本的に取…