スポンサーリンク
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のインクルードディレクトリに配置すれば完...
スポンサーリンク
AWS

S3 で静的サイトをホスティングする

概要 S3でバケットに置いたHTMLなどを静的サイトとしてホスティングする方法を紹介します。 バケットの作成と公開設定 S3バケットの作成と公開設定はここを参考にしてください。 静的ホスティングの設定 AWSのコンソールからバケット...
AWS

S3にパブリック公開バケットを作成する

概要 AWSのS3に公開用の設定をしたバケットを作成する方法について(ざっくり)紹介します。 なお、AWSのコンソールのインタフェースは早いスピードで変わるので、 キャプチャ画像が古くなっているかもしれませんが、ご容赦ください。 S3バケッ...
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...
スポンサーリンク