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

2019-01-20
javascriptcanvas
目次 概要 解説 デモ 概要 canvasで扇型を描画するサンプルを紹介します。 解説 https://developer.mozilla.org/ja/docs/Web/API/CanvasRenderingContext2D/arc 扇型はCanvas API…
Read more →

JPG画像を圧縮する OpenCV + Python

2019-01-20
python%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencv
目次 概要 環境 説明 ソース セットアップ 実験 概要 ブログなどにアップする画像を比較的簡単に圧縮する方法がないか探していたところ、 PythonとOpenCVで簡単に実装出来そうでした。 そこで、Python + OpenCV…
Read more →

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

2019-01-17
html5javascriptcanvas%E3%83%AB%E3%83%BC%E3%83%AC%E3%83%83%E3%83%88
目次 概要 デモ 簡単な解説 扇型の描画 減速 ソース 概要 JavaScriptとcanvasで回転するルーレットを作りました。 Runボタンを押すと回転開始。stop…
Read more →

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

2019-01-14
javascriptcanvas%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencvwebassemblyfabric.jsclmtrackrpico.js
目次 概要 Canvas APIについて ImageDataについて 基本的な画像変換 物体検出 顔検出 顔検出 + フィッティング OpenCV と WebAssembly fabric.js 概要 JavaScript + canvas…
Read more →

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

2019-01-09
linuxmacmime%20type
目次 概要 環境 前提条件 コマンド 概要 画像の拡張子を一括で置換するコマンドの紹介です。 ディレクトリ内で拡張子が大文字だったり小文字だったり統一されてない状態から全て同じ拡張子に統一することができます。 環境 Linux (Ubuntu18.04) Mac OS X…
Read more →

フラットファイルCMS「Grav」をドキュメントールート外にインストールする

2019-01-07
cmsgrav
目次 概要 Gravのインストール Gravのクローン 公開領域の設定 概要 https://tech-blog.s-yoshiki.com/2019/01/984/ フラットファイルCMS「Grav…
Read more →

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

2019-01-04
cmsgrav
目次 概要 検証環境 管理機能の導入 Gravのアップデート adminのインストール 日本語化 概要 https://tech-blog.s-yoshiki.com/2019/01/984/ ファイルベースで動くPHPのCMS「Grav…
Read more →

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

2019-01-04
markdownphpcmsgrav
目次 概要 Gravについて 他のCMSの比較 環境 インストール Gitでのインストール PHPビルトインサーバで起動する Apache + Linuxで起動する Apache パーミッションの設定 トラブルシューティング 概要 Flat-File CMS(RDBMS…
Read more →

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

2019-01-03
html5javascript%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86
目次 概要 サンプル画像 デモ デモ解説 ソース HTML JavaScript 解説 概要 文字列から文字列のAA…
Read more →

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

2019-01-02
javascript%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86
目次 概要 3次元の回転行列 回転行列のサンプルコード 画像を回転させるデモ 結果 参考 概要 JavaScriptを用いて、3次元の回転行列で画像を回転させるサンプルを紹介します。…
Read more →

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

2018-12-28
html5javascript
目次 概要 デモ サンプルコード HTML JS 概要 全角かなもしくは全角カナを半角カナに変換するサンプルコードとデモを紹介します。 デモ サンプルコード HTML JS
Read more →

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

2018-12-26
html5javascript
目次 概要 考え方 サンプルコード デモ ソース 参考 概要 HTMLのcanvasの上でマウスを動かした時の座標の取得方法を紹介します。 考え方 ** canvas上のマウス座標 = window上のマウス座標 - canvas…
Read more →

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

2018-12-25
javascript%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0%E7%AB%B6%E6%8A%80%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0atcoder
目次 深さ優先探索について 部分和問題を解いてみる 問題 サンプルコード デバッグ おまけ : 2進数を利用して 深さ優先探索について 深さ優先探索(depth-first search)は探索手法の一つです。 DFS、バックトラック法とも呼ばれます。 探索する木の…
Read more →

素因数分解を行うプログラム サンプルコード JS/PHP

2018-12-24
javascriptphp%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0atcoder
目次 概要 サンプルコード JavaScript PHP 概要 ある任意の正の整数の素因数を配列で返すサンプルコードを紹介します。 サンプルコード JavaScript パターン1 : 純粋な素因数分解 デバッグ パターン2 : 指数部と仮数部に分ける デバッグ PHP
Read more →

【JS】画像のリアルタイム物体検出 数行で実装 デモ有 TensorFlow.js coco-ssd

2018-12-18
javascript%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86TensorFlow
目次 概要 オブジェクト検出 試す サンプルコードと解説 scriptタグで始める coco-ssd API デモ デモのサンプルコード 参考 概要 TensorFlow.js+coco-ssdを用いて、…
Read more →

Python + OpenCVで顕著性 (saliecy) マップを実装

2018-12-14
python%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencv
目次 概要 顕著性マップ OpenCVに用意されている3つの顕著性検出アルゴリズム Static saliency StaticSaliencySpectralResidual_create() StaticSaliencyFineGrained_create…
Read more →

JavaScript + canvasで砂嵐を描画する サンプルコード

2018-12-12
html5javascript%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86
目次 概要 動作環境 デモ サンプルコード canvasの各ピクセルへの参照方法 おまけ 概要 JSとcanvasで砂嵐を描画するサンプルコード紹介します。 動作環境 chrome 61~ デモ 外部ウィンドウで開く サンプルコード ちょっとだけ解説。 canvas…
Read more →

Macでターミナルからポートスキャンを行う方法。

2018-12-09
linuxmacapple
目次 概要 nmap nmapのインストール コマンドを叩く 概要 Macでターミナルからポートスキャンを行う方法を紹介します。 nmap ターミナルからポートスキャンを行うにはnmapコマンドを使います。 しかしながら、mac…
Read more →

10進数からN進数に変換するプログラム

2018-12-06
javascript%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0
目次 概要 N進数を求めるプログラム ソース 実行すると... 参考 概要 ある任意の10進数からN進数に変換するプログラム(JavaScript)を紹介します。 N進数を求めるプログラム ソース ある任意の10進数xをn…
Read more →

【AtCoder】ABCで初めてC問題が解けました。【ABC114】

2018-12-03
%E7%AB%B6%E6%8A%80%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0
目次 はじめに AtCoderについて はじめてC問題が解けました C問題を解いた時のパフォーマンス おまけ:解いた問題 C - 755 問題 計算例 回答ソース JavaScript おまけ2 はじめに AtCoderについて http://osrehun…
Read more →

カスみたいな技術ブログが1日100PVを超えてしまいました。

2018-11-30
%E9%9B%91%E8%AB%87%E3%83%96%E3%83%AD%E3%82%B0
目次 現時点でのブログのステータス 最近の1日あたりのアクセス数の推移 記事数は78 月間アクセス数は約1500 ブログのポリシー 些細なことを書き続ける ニッチなネタを書く 開設からここまで 思いつきで始めたようなカスみたいな技術ブログが1日100PV…
Read more →

カスみたいな技術ブログが1日150PVを超えてしまいました。

2018-11-30
%E9%9B%91%E8%AB%87%E3%83%96%E3%83%AD%E3%82%B0
目次 現時点でのブログのステータス 最近の1日あたりのアクセス数の推移 記事数は79 月間アクセス数は約1500 開始からのアクセス数 ブログのポリシー 些細なことを書き続ける ニッチなネタを書く 開設からここまで https://tech-blog.s-yoshiki.com…
Read more →

Python + OpenCVのfillConvexPolyで複雑なポリゴンを描画する

2018-11-27
python%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencv
目次 概要 サンプル fillPolyと何が違うのか 参考 概要 Python + OpenCVのfillConvexPoly…
Read more →

Python+OpenCVで任意の画像領域:ROIのみに処理 マスク画像を使って

2018-11-25
python%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencv
目次 概要 やりたいこと(やったこと) 実装方法 概要 Python + OpenCVで任意の画像領域のみに処理を加えるサンプルを1つ紹介します。 やりたいこと(やったこと) こんな感じで、任意の画像領域(矩形でなくてもよい)のみをグレースケール、…
Read more →

OpenCVのチャンネルエラー対処: (-215:Assertion failed) (mtype == CV_8U || mtype == CV_8S) && _mask.sameSize(*psrc1) in function 'binary_op'

2018-11-25
python%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencv
目次 概要 詳細 参考 概要 Python + OpenCVのスクリプトを書いていたところ、タイトルにあるようなエラーが出現しました。 結果的にはnumpyの配列のサイズが異なるのが原因だったようです。 詳細 下記のソースはPython…
Read more →

OpenCVのMatのタイプ一覧表

2018-11-25
%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencv
目次 概要 型一覧表 参考 概要 OpenCVを触っているとよく出てくるCV8UC3とかCV8UC1。 どんなものがあるか一覧にしました。 型一覧表 という感じなんでしょうか。 参考 http://opencv.jp/cookbook/opencv_mat.html http…
Read more →

AtCoderで初めて色がつくまでの話(茶色) レートが中々上がらなかった原因

2018-11-25
%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0%E7%AB%B6%E6%8A%80%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E9%9B%91%E8%AB%87
目次 はじめに 初めての参加 3回目くらいで雰囲気を掴む 苦戦した原因 レートの上がり方について 各問題の内容と必要になる思った知識 - ABCの場合 ツール レート感の話 — s-yoshiki | スクリプトカス (@syoshikidev) 2018年11月2…
Read more →

途中return禁止、goto禁止の時のdo~while(0)

2018-11-18
php%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0%E9%9B%91%E8%AB%87
目次 はじめに 構造化 参考 goto do~while(0)を使う try ~ catchを使う その他 環境 はじめに 細かいロジックが多い手続き型のプログラムを書こうと思った時のメモ。…
Read more →

iOSかAndroidかの判定 UserAgentを利用する 【JavaScript】

2018-11-18
javascript
目次 概要 サンプルソース UAのサンプル 参考 概要 JSでiOSかAndroidかの判定を行う方法。 サンプルソース やっていることは、UAに特定の文字列が含まれているかどうかという方法で端末を判断しています。 で返り値が1以上であれば、iPhone…
Read more →

csvをmarkdownのテーブル & HTMLに変換するスクリプト

2018-11-18
html5javascript
目次 概要 デモ ソース 概要 VueJSとmarkedJSでcsv形式のデータをmarkdownのテーブルもしくはHTMLのテーブルに変換するスクリプトを作りました。 デモ 新しいタブで開く ソース
Read more →

顔のランドマーク検出とドロネー分割 Python + OpenCV + dlib

2018-11-17
python%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencv
目次 概要 環境 デモ サンプルソース 実行結果 リアルタイムでカメラ画像を利用する場合 説明 dlib Subdiv2D 参考 概要 Python + OpenCV + dlib…
Read more →

ドロネー図を描画 Python + OpenCV

2018-11-17
python%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencv
目次 概要 環境 Subdiv2D デモ サンプルソース 説明 実行結果 N = 100 N = 500 N = 1000 N = 5000 参考 概要 タイトルにもあるようにPython + OpenCV…
Read more →
s-yoshiki
s-yoshiki
githubtwitterqiita
Web作ってますが、インタラクティブなプログラミングも好きです。
JavaScript / Vue / node.js / PHP / AWS / OpenCV

最新の投稿

GitHub Actions で Gatsby をビルドし Amazon S3 にデプロイする
GitHub Actions について あらかじめ準備しておくもの AWS IAM ユーザを環境変数にセットする workflowの記述 ビルド バッジを利用する 終わりに 参考にしたところ Gatsbyで作った静的サイトを、GitHub Actions…

cloudinaryによる画像ファイルの管理 はじめてみる
目的 cloudinary について 他のサービスとの比較 料金プラン アカウントの登録 利用してみる ダッシュボード 画像の編集 APIベースでのアクセス 感想 参考 画像の管理や配信、さらには加工といった事ができるsaas型のcloud…

JavaScriptによる2分探索(バイナリサーチ) のサンプルコード
2分探索について ソース 参考 JavaScriptで2分探索(バイナリサーチ)を実装してみました。…

Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス
UIコンポーネント VueSocial CKEditor 5 Vue.Draggable Vuetable 2 vuejs-datepicker Kalendar Vue Apexcharts Vue.js Google Charts vue-cart WebIDE…

GitHubのリポジトリをGitLabに同期する GitLabのミラーリング機能
GitLabのミラーリングについて GitHubのリポジトリをGitLabに反映する その他 参考 GitLabのミラーリング機能によりGitHubなどの外部のリポジトリとのミラーリングを行うことができます。 これを使ってGitHub…

WordPressやめます Gatsbyに移行しました
これまでのWordPress運用 なぜWordPressを捨てるのか? なぜGatsbyを利用するのか? gatsbyについて WordPressから記事の救出 移行対象記事の抽出 記事の置換 Gatsbyテーマの作成 Gatsby…

WordPressのDBから記事データを抽出する
WordPressのDB関連図 公開記事一覧の取得 タグ・カテゴリの取得 サムネイルの取得 おまけ: PHPスクリプト化しました 参考にしたところ WordPressにため込んだデータMarkdown化しGatsby…

ハイフンとかマイナスとかダッシュとか

Firebase + Nuxt で認証付きページを作るときに参考にしたいところ
Webアプリケーションのセッション管理にJWT導入を検討する際の考え方 Service Worker によるセッション管理 ユーザー セッションの管理 Nuxt.jsとFirebaseでSPA×SSR×PWA×サーバーレスを実現する CookieとセッションとJWT SSR…

GolangをCGIとして実行する
環境 golang パッケージ ソースと実行 ビルドとサーバ実行 標準ライブラリのみ Golang を CGIとして実行する際のメモ 環境 golang パッケージ 以下のモジュールを利用しています。 github.com/gorilla/mux…

Tags

Dates

© 2020   404 motivation not found