スポンサーリンク
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次元の回転行列 任意の軸周りの回転行列は次の式で表すことができます。 各軸周りの回転行列は以下の式で表します。 回転行列 フリー百科事...
HTML

全角かな or カナを半角カナに変換する【JS】

概要 全角かなもしくは全角カナを半角カナに変換するサンプルコードとデモを紹介します。 デモ 外部リンクで開く サンプルコード HTML <div> <div> <div> ...
HTML

canvas上のマウス座標を取得する。【JS】

概要 HTMLのcanvasの上でマウスを動かした時の座標の取得方法を紹介します。 考え方 canvas上のマウス座標 = window上のマウス座標 - canvasの左上の座標 という考え方で取得します。 サンプルコード 以下のよう...
深さ優先探索アルゴリズムを実装 部分和問題を解く JavaScript

深さ優先探索アルゴリズムを実装 部分和問題を解く

深さ優先探索について 深さ優先探索(depth-first search)は探索手法の一つです。 DFS、バックトラック法とも呼ばれます。 探索する木の1番目のノードから、「目的のノードに着く」もしくは「子のないノードに着く」まで、縦に伸び...
スポンサーリンク