end0tknr's kipple - web写経開発

太宰府天満宮の狛犬って、妙にカワイイ

hands-on three.js - display 3d models - obj形式

今回は、 STEP 1 - blend 形式の3D モデルを blender で、obj 形式に変換 STEP 2 - obj形式のファイルを three.js で表示 します。 前回のentryまで、 Three.js – しめじのネタ帳 を写経していましたが、 今回は、説明が分かりやすい以下を、写経しています…

install Greenbone Vulnerability Manager 21 (GVM, 旧OpenVAS) from source to ubuntu20

以前の上記entryの ver.21版です。 前回同様、 Install and Setup GVM 20.08 on Ubuntu 20.04 - kifarunix.com を参考に進めようとしましたが、 インストールできたものの、OpenVASが起動せず断念しました。 なので、 Building GVM 21.04 — Greenbone Docume…

ms edgeに登録したエンタープライズモードサイトリストを確認

edgeのアドレスバーへ、以下を入力することで、起動 edge://compat/enterprise

hands-on three.js

hands-on three.js + cannon.js - end0tknr's kipple - web写経開発 の更に前段です。 目次 1. cubeのグルーピング 2. 様々な形状の表示 3. 音声の可視化 4. 音声の可視化 その2 1. cubeのグルーピング 以下の実際の動作は、github pagesをご覧ください。 ht…

ibisPaint , gimp , inkscape の練習

として、ラスターデータ (jpg) を下絵に、ベクターデータ(svg)にしてみた。以下

hands-on three.js + cannon.js

本来、 hands-on three.js + cannon.js - 3D迷路 (like fps ?) - end0tknr's kipple - web写経開発 より前に、記載すべき入門的なものですが、今更、post。 目次 three.js + cannon.js 1 - 物体の落下 three.js + cannon.js 2 - ビリヤード ゲーム three.js …

hands-on three.js + cannon.js - 3D迷路 (like fps ?)

以下は、 Three.jsとCANNON.jsで作る「VR3D脱出迷路アプリ」作成(その2) - Qiita の写経 + 少々、リファクタリングです。 実際の動作は、github pages の以下でお試し下さい。 https://end0tknr.github.io/sandbox/threejs_cannonjs_3d_maze <html> <head> <title>Three.js +</title></head></html>…

aws s3 の 静的ウェブサイトホスティング に 独自domain + via cloud front

独自domain & aws s3 の 静的ウェブサイトホスティング に対し、 httpsを有効にするには、cloud front 経由とする必要がありますが、 cloud frontの構成は、自身で構築実績がなかった為、hands-on 。 ▲以下に順を記載していますが、細かい点で理解できていな…

lenovo thinkpad x1 carbon のタッチパッド ゼスチャにブラウザの戻るを割り当てる

設定 > デバイス から、タッチパッド の設定画面を表示し、 そのタッチパッド設定画面下部にある「ジェスチャの詳細な構成」で 「後方ナビゲーション」を選択すれば、OK 「タッチパッド」設定画面下部にある「ジェスチャの詳細な構成」リンク 「ジェスチャの…

reset.css ≒ normalize.css ≒ sanitize.css

メモ。 この手のcssは、昔から、名前を変えながら、同様のものがいくつもあります。 CDNで利用できるもののうち、例えば、以下のようなものがあります。 https://cdnjs.com/libraries/sanitize.css/1.0.0 https://cdnjs.com/libraries/10up-sanitize.css/1.0…

re: RDS ファーストタッチペナルティに関して

ほ~ 初回はそんなに遅くなるんですね。 techblog.recochoku.jp

cookieチケットを要するサイトに対しての wget による crawl

STEP 1 - cookie file の準備 wgetの --save-cookies オプション により、以下のようなタブ区切りファイルで cookieが保存されますが、同様の書式で cookies.txt を準備します。 # HTTP Cookie File # Generated by Wget on 2021-07-29 13:22:10. # Edit at …

install mysql5.7 to rhel8

install java6 to rhel8 , use via alternatimes - end0tknr's kipple - web写経開発 install tomcat6 to rhel8 - end0tknr's kipple - web写経開発 更?に、上記2 entryの続きです。 mysql5.7 をsrcからinstall - end0tknr's kipple - web写経開発 内容は、…

install tomcat6 to rhel8

install java6 to rhel8 , use via alternatimes - end0tknr's kipple - web写経開発 上記エントリの続きです。 Step1 - インストール と言っても、apache-tomcat-6.0.53.tar.gz のダウンロード & 解凍のみ。 $ sudo su - # cd /usr/local # mkdir tomcat # …

install java6 to rhel8 , use via alternatimes

Step 0 - インストール先 $ cat /etc/redhat-release Red Hat Enterprise Linux release 8.4 (Ootpa) $ uname --all Linux rhel8.a5.jp 4.18.0-305.el8.x86_64 #1 SMP Thu Apr 29 08:54:30 EDT 2021 x86_64 x86_64 x86_64 GNU/Linux Step 1 - ダウンロード d…

rhel8試用に伴う Red Hat サブスクリプションの有効化

Red Hat Enterprise Linux 8 を試用しますが、今後もきっと、忘れるので、メモ rhel8の初期状態では、repositoryを参照できず、yum を使用できません $ cat /etc/redhat-release Red Hat Enterprise Linux release 8.4 (Ootpa) $ sudo yum install samba Upd…

urlの変化なしに画面遷移する場合において google analytics の UA(Universal Analytics) で Conversion通知

世の中、GA4への移行が進みつつありますが、 以下は前バージョンである UA(Universal Analytics analytics.js)の 内容です。 google analytics の UA(Universal Analytics) において コンバージョンの目標(到達ページ)を次のように指定した場合、 ブラウザで…

php で csvな文字列を作成

GA4 (Google Analytics 4)で、旧 Universal Analytics も使用する

Google Analytics 4 は、2019年のβ版公開後、2020年10月に正式リリースされました。 2021年7月現在、 GA4による gtag.js と、旧 Universal Analytics による analytics.js の両方を 利用できるようですが、それぞれ別プロパティとなる仕様のようです。 ちな…

responsive html の template

といっても、dotinstallのコピペ html <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>My Site</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <section> <div class="image">image</div> </section></body></html>

sql select の結果を縦に表示 - mysqlはsql文末に「\G」postgresは実行前に「\x」

mysqlの「\G」は使用したことがありましたが、 postgresの「\x」は使用したことがなかった為、メモ mysqlの場合 mysql> select kyoten_id, reg_name, reg_date from user_mst limit 3; +-----------+-----------+---------------------+ | kyoten_id | reg_n…

GitHub Pages の はじめ方

githubによる 以下の GitHub Pages 説明ページはありますが、文字ばかりですので、入門的にメモ。 docs.github.com 【目次】 User Site と Project Site の url例 User Site の はじめ方 STEP1 - $username.github.io のリポジトリ作成 STEP2 - html等のfile…

find の -regextype -regex による正規表現利用

例えば、.log , .bak で終わらないファイル名を検索する場合、以下 $ find /path/to/dir/ -type f ! -regex '.*\.\(log\|bak\|~\)' ↑こう or ↓こう $ find /path/to/dir/ \ -type f -regextype posix-basic ! -regex ".*.log$" ! -regex ".*.bak$"

python or php におけるビルトインwebサーバ起動 - build-in httpd server

忘れるので、メモ。 お手軽に利用できるのは、pythonとphp。 perlの場合、「moduleインストール要」や「コマンドが長い点」から、今回パス python $ python3 -m http.server 8080 php $ php -S 192.168.56.101:8080

diff & find & ssh & cat for linux で、サーバ間のファイル差分を確認

↓こんな感じかと思います #!/bin/bash target_dirs=( "/export/prj/prj0X/conf/" "/export/prj/prj0X/lib/" ) for target_dir in "${target_dirs[@]}" ; do echo "######## ${target_dir}" for p in `find ${target_dir} -type f -print` ; \ do echo "#### …

wget --spider --mirror と grep --perl-regexp --only-matching でサイトにあるurlの一覧作成

↓こんな感じかと思います #!/bin/bash sites=( "ないしょ.com" "ないしょ.jp" ) for site in "${sites[@]}" ; do echo "${site}" wget --spider --mirror --accept-regex=htm http://${site} 2>&1 | \ grep --perl-regexp "\-\-\d\d\d\d\-\d\d\-\d\d \d\d:\d…

ssh -i の鍵付きで remote host へ rsync

以下の通りで、ポイントは rsync用userを作成し、かつ、rsync は、NOPASSWD とする 通常のrsyncに加え、オプションをゴニョゴニョ追加する ポイント1 - rsync用userを作成し、かつ、rsync は、NOPASSWD とする $ ssh -i ~/.ssh/end0tknr_202008.pem ec2-user…

pythonで、urlの死活監視を行い、NGであれば、sendmail を外部コマンドで通知

以下の通りで、ポイントは urllib.request による HTTP GET 「/usr/sbin/sendmail -t」によるmail送信 subprocess による標準入力渡し python3 の標準moduleで実現OK かと思います。 #!/usr/bin/python3 # -*- coding: utf-8 -*- import json import os impo…

情報システム部門の役割・機能

改訂版 情報システム部 (図解でわかる部門の仕事) | 修一, 小野, 憲司, 松枝, 実, 鈴木, 和宣, 渡辺 |本 | 通販 | Amazon インターネットで検索すると、様々ありますが、上記によれば、以下の通り。 # 項目 説明 1 情報戦略策定 経営目的達成の為のIT活用を…

JNSA (日本ネットワークセキュリティ協会)による SecBoK (セキュリティ知識分野人材スキルマップ)

SecBoK 以外にも、様々、公開されています セキュリティ知識分野(SecBoK)人材スキルマップ2021年版 今回の件と直接の関係はありませんが、 JNSAと、プライバシーマークのJIPDEC(日本情報経済社会推進協会)をよく混同します。 プライバシーマーク制度|一般…