スポンサーリンク
JavaScript

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

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

Proxy環境下で快適に作業する設定メモ

概要 社内Proxy(プロキシ)環境でネットワークに依存したアプリケーションを動かすためにはプロキシの設定を正しく適用する必要があります。 とりあえず、使用頻度が高いアプリケーションの設定メモを書き出します。 なお、この記事ではproxy...
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...
スポンサーリンク