スポンサーリンク
JavaScript

JavaScript canvasで扇型を描画するサンプル

概要 canvasで扇型を描画するサンプルを紹介します。 解説 扇型はCanvas API の CanvasRenderingContext2D.arc()で描画することができます。 moveToメソッドで始点を与えることで扇型を描画す...
OpenCV

画像サイズを圧縮する OpenCV + Python

概要 ブログなどにアップする画像を比較的簡単に圧縮する方法がないか探していたところ、 PythonとOpenCVで簡単に実装出来そうでした。 そこで、Python + OpenCVで画像を圧縮する方法を紹介します。 環境 OpenCV 3...
HTML

回転ルーレットを作る JavaScript + canvas

概要 JavaScriptとcanvasで回転するルーレットを作りました。 Runボタンを押すと回転開始。stopボタンを押すと減速を始め、数秒後に停止します。 ライブラリとかは使っていません。 デモ まずはデモをみてください。 外...
スポンサーリンク
JavaScript

JavaScriptによる画像処理と便利なライブラリ

概要 JavaScript + canvasによって行える様々な画像処理方法について紹介します。 Canvas APIについて HTML5には画像等の処理が行える強力なAPIである「Canvas」が備わっています。 これによりJavas...
画像の拡張子を一括置換する コマンド Linux Mac WSL Linux

画像の拡張子を一括置換する コマンド Linux Mac WSL

概要 画像の拡張子を一括で置換するコマンドの紹介です。 ディレクトリ内で拡張子が大文字だったり小文字だったり統一されてない状態から全て同じ拡張子に統一することができます。 環境 Linux (Ubuntu18.04) Mac OS X ...
フラットファイルCMS「Grav」を非公開領域にインストールする…? CMS

フラットファイルCMS「Grav」を非公開領域にインストールする…?

概要 フラットファイルCMS「Grav」の公式インストール手順では公開領域(ここではドキュメントルート以下のこと)にGrav本体のファイルを置いてインストールする方法が紹介されていますが、パーミッションが正しく設定されているとしても関係...
フラットファイルCMS Grav に管理ページの追加と日本語化 CMS

フラットファイルCMS Grav に管理ページの追加と日本語化

概要 ファイルベースで動くPHPのCMS「Grav」に管理ページを追加する方法を紹介します。 gitでリポジトリをクローンしインストールした場合、admin(管理ページ)は付属していません。 このパターン以外にもadminが付属してい...
Grav CMSとは? インストールとセットアップ CMS

ファイルベースで動くPHPのCMS「Grav」の紹介とインストールとセットアップまで

概要 Flat-File CMS(RDBMSを利用せずファイルベースで管理するCMS)であるGravをインストールした時のメモです。 Gravについて Gravは早くて簡単でフレキシブルなファイルベースのCMSです。セットアップも容易で...
文字列のAAを自動生成 デモ + サンプルコード JavaScript HTML

文字列のAAを自動生成 デモ + サンプルコード JavaScript

概要 文字列から文字列のAA(アスキーアート)を自動生成するデモを紹介します。 サンプル画像 普通のアルファベット平仮名漢字を変換してみました。 ↓実際の文字列↓ (端末・ブラウザなど、環境によっては正しく表示されません) ...
3次元の回転行列(オイラー角)で画像を回転させる (roll pitch yaw)【JS】 JavaScript

3次元の回転行列(オイラー角)で画像を回転させる (roll pitch yaw)【JS】

概要 JavaScriptを用いて、3次元の回転行列で画像を回転させるサンプルを紹介します。 3次元の回転行列 任意の軸周りの回転行列は次の式で表すことができます。 各軸周りの回転行列は以下の式で表します。 回転行列 フリー百科事...
スポンサーリンク