Web & Programming

スポンサーリンク
JavaScript

vue-cli3のセットアップと開発サーバ起動からバンドルファイル生成まで

概要 Vue.jsで作ったアプリをGitHub Pagesで公開する方法について。 検証環境 nodejs 11.10.0 npm 6.7.0 vue@cli 3.4.0 nodejsとnpmの導入については省略します。 vue@cl...
PHP

PHPで簡単ページング処理を実装する サンプルコード

概要 PHPで簡単なページング処理を書いてみました。 環境 PHP 7.1.19 Smarty 3.1.33 作るもの 簡単なページング処理を作ります。 具体的には、ある取得したデータ(サンプルソースでは51件)に対し1ページに10件まで表...
PHP

PHPにSmartyをセットアップ

概要 PHPにSmartyをセットアップをするメモ 試した環境 PHP 7.1.19 Smarty 3.1.33 Smartyについて 古くからあるPHPのテンプレートエンジンです。 trends.embed.renderExpl...
スポンサーリンク
PHP

PHP + Smartyで超簡単なページング処理とサンプルコード

概要 PHPで簡単なページング処理を書いてみました。 環境 PHP 7.1.19 Smarty 3.1.33 Smartyのセットアップ GitHubから適当なバージョンの物を落としてきます。 PHPのインクルードディレクトリに配置すれば完...
HTML

画像にモザイクをかける JavaScript canvas デモあり

概要 JavaScript + canvasでブラウザでアップロードした画像にモザイクをかけるデモを作成しました。 デモ画像 スライダーを動かし、モザイクの粒度を決めます。 例えば、10と選択した場合は 10ピクセル x 10ピクセル でモ...
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...
文字列のAAを自動生成 デモ + サンプルコード JavaScript HTML

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

概要 文字列から文字列のAA(アスキーアート)を自動生成するデモを紹介します。 サンプル画像 普通のアルファベット平仮名漢字を変換してみました。 ↓実際の文字列↓ (端末・ブラウザなど、環境によっては正しく表示されません) ...
スポンサーリンク