JS 動画から静止画を作成 カメラから動画を表示し、その動画から画像を作成するサンプルです。 動画を表示するの続きになります。 動画から静止画を作成するサンプルです。 まず、動画を写すカメラを選択。 自分側のカメラの映像を表示 向こう側の... 2020-02-24 10:11:29
SVG 円柱のサンプル SVGとdivを組み合わせて円柱を作るサンプルです。 SVGのellipseを使って楕円を作り、円柱を表現してみます。 CSSの角丸(border-radius)で頑張って作ることもできますが、個人的にはこの方が簡単に円柱を作れ... 2020-02-17 22:20:09
htaccess リライトとリダイレクト 絶対使うときがあるけど、いつも忘れてしまう「RewriteRule」のでメモしときます。 まず、RewriteEngineは必須で記述。 [[RewriteEngine On]] まずは、リライト [[RewriteRule ^sitemap.xml$ /sitemap/xml/]] 完全一致したらリ... 2020-02-16 22:49:09
python Anacondaのインストール Anaconda(アナコンダ)のインストールのメモ書きです。 データサイエンスでPythonを使う時のポピュラーなプラットフォームなので、勉強がてらインストールしました。 データサイエンスでPythonを使う時のポピュラ... 2020-02-16 15:37:17
JS カメラの映像を表示させる カメラの映像をブラウザに表示させるサンプルです。 このサンプルではパソコンやスマホの画面側についているカメラの映像を取得して、ブラウザに表示します。 以下のボタンを押すとブラウザがカメラにアクセスし... 2020-02-11 22:38:25
JS ブラウザでQRコード読み込み ブラウザのページのボタンからカメラを起動し、ページに戻ってQRコードから取得した値を表示するサンプルです。 近年QRコードはだいぶ広まってきました。 URLを筆頭に長い文字や数字を打ち込むのが面倒なときの入力補助ツールになっています。 そこで今回はブラウザか... 2020-02-04 21:28:21
python インストール pythonでグラフを描画することをゴールとしてまずインストールからやってみた備忘録です。 サーバーはすでに準備してあるものとしてインストールの手順のメモです。 pythonのサイトからwgetする例です。 [[ mkdir -p ~/work/py3 cd ~/work/py3... 2020-02-02 23:58:17
JS アナログ時計を作る 今回は時間のデータを使ってアナログの時計を作ってみたサンプルです。 JSで時間を扱うことはよくあります。 そんなときMoment.jsというライブラリを使うと年月日のフォーマットや時差の扱いなどが簡単にできます。 時間を数値... 2020-02-02 12:54:04
jQuery 狭いエリアに文字をアニメで格納する 文字列を動的に埋め込むとき、デザインの都合上、どうしても横幅に 制限あるときがよくある。そんな時に使ってほしいサンプルがこちら。 スマホなどの横幅が狭い画面で、人の名前や地名など動的に入ってくる文字を設置したいことがあります。 そんなときサーバーサイドで文字を切って「…... 2020-01-27 00:36:08
JS 値の型について 代表的な値の型について、型を検出するtypeof関数を使って表示したサンプルを紹介します。 変数の中にはいろんな型があって型によって処理を分けないと思った通りに動いてくれないことがあります。 typeof関数を使うと型を調べることができます。... 2020-01-19 23:29:07