Python+OpenCVでstitching パノラマ画像生成をやってみた

2018-09-06
python%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencvstiching
目次 概要 出力 ソース 他の画像でも試してみた 生成に成功した画像 失敗した画像 環境 参考 概要 PythonでOpenCVのstitchingを利用して複数の写真をつなぎ合わせる方法を紹介します。 いわゆるパノラマ画像と呼ばれるものを生成します。 OpenCV…
Read more →

Amazon Lightsailの半年間の利用料金が合計で3000円くらいで収まった。安い

2018-09-04
amazon%20awsamazon%20lightsail
目次 概要 インスタンスの詳細 月々料金の明細 概要 Amazon Lightsail…
Read more →

JavaScript + canvasで画像変換処理をするときのスニペット

2018-09-03
html5javascript
目次 概要 ソース グレイスケール 2値化 ネガポジ変換 ガンマ補正 デモ サンプルコード 関連 概要 canvasはJSによって図形などを描画する際に使われます。 canvas…
Read more →

JSでルーレットを作った。

2018-09-02
html5css3javascript
目次 概要 DEMO 追記 2019/01/20 概要 だいぶ前にJSで作ったルーレットを公開します。 特にフレームワークとか使っていません。 DEMO デモ | 別ウィンドウで開く 以上。 追記 2019/01/2…
Read more →

【JavaScript】AtCoderとかでも利用したい、ブラウザで動くエディタ + デバッグ環境を作る

2018-08-29
javascriptsemantic%20ui%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%B0atcoderaceeditor
目次 概要 デモ ソース 解説 AceEditor Semantic UI 追記 2019/05/04 背景 AtCoderとかで使いたいブラウザで動くJS用のエディタ + デバッグ環境を作りました。AceEditor とか使ってます。 来週からこれ使って頑張ります。https…
Read more →

AtCoderに3回出場してわかったこと (AtCoder ABC 107 反省会)

2018-08-26
%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
目次 最初のうちは大きくレーティングが変わらない 初心者はA・B問題をクリアすることに集中する 特にA問題は3分以内で解きたい 開始時間に遅れたら、いっそのこと出ない方が良かった 他 Aは3分でクリア! (この時点で60位くらいだった) B…
Read more →

【Apache】単一のIPに複数のVirtualHostを設定するときの記述の順番は非常に重要だった

2018-08-25
apache
目次 概要 環境 VirtualHostの設定 完全https化 概要 完全https化とドメイン移行する為に、ApacheのVirtualHost…
Read more →

semantic uiでブログカードっぽいものをたくさん作ってみる。コピペでOK

2018-08-22
html5css3semantic%20ui
目次 概要 デモ 感想 概要 最近UI周り触れる機会があったが、 今更Bootstarpに手をつけるのも嫌なのでsemantic uiを始めることにしました。 そこで、 今回はオシャレブログとかのindexページでよく見かけるカード型UIのデザインをsemantic ui…
Read more →

AWS Lightsail + bitnami に自作アプリケーションを作って共存させる + ドメイン振り分け設定

2018-08-18
amazon%20lightsailphpapachewordpressamazon%20awsbitnami
目次 はじめに 概要 環境 アプリケーションの作成 Apache - Virtual Hostの設定 ディレクトリ構成 設定ファイルの説明 certs/server.key & server.crt httpd-app.conf httpd-prefix.conf httpd…
Read more →

フランスからWordPressに悪意のあるリクエストが大量に届くので解析

2018-08-17
amazon%20awsamazon%20lightsailapache%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3
目次 概要 ログファイルの場所 アクセスログの内容 実際のアクセスログ 参考 概要 以前紹介した、AWS Lightsail + WordPressサーバに 定期的に大量のアクセスが届くのでログを調べてみました。 ↑写真はアクセスがあった時のGoogle Analytics…
Read more →

世界最悪のログイン処理のソースコードが見つかった。

2018-08-12
%E5%B0%8F%E3%83%8D%E3%82%BF
目次 ソース そして、これがソースコード。 SELECT *...が目に入った瞬間に、「おおこれは...」と思ったが、他にも酷い部分がたくさんある。 SQL文を直接投げているの時点でもうアレだが、全件取得した上でループ処理を走らせているのがとても気になる。WHERE…
Read more →

HTMLの中からaタグ・imgタグのリンクだけを抽出するツールを作った【JS】

2018-08-04
html5javascriptdomparser
目次 概要 デモ DomParserの紹介 DOMParser の生成 aタグLinkの取得 ソース HTML JS 参考 概要 HTMLの中からaタグ・imgタグのリンクを抽出するツールを作りました。 a href抽出 img src抽出 HTMLテキストをコピペするとa…
Read more →

WordPress開設で、自分のサーバを持ちたいけど手間はかけたくないとき【AWS Lightsail】

2018-07-29
amazon%20awsamazon%20lightsailwordpress
目次 概要 AWS Lightsail 料金 インスタンス作成 その他便利機能 スナップショット DNS ロードバランサ 注意 他 まとめ 概要 手っ取り早くWordPressでブログを開設するなら、bluehost…
Read more →

ナイーブベイズで文字化けの種別を判定する。

2018-07-28
python%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92scikit%20learn%E3%83%99%E3%82%A4%E3%82%BA%E3%83%8A%E3%82%A4%E3%83%BC%E3%83%96%E3%83%99%E3%82%A4%E3%82%BA
目次 背景 概要 対象とする文字化け 学習データ 分類するデータ 結果 ソース 参考 背景 古い構成のシステムとかだとソースコード、HTMLの雛形、DB、内部処理のエンコード形式など文字コードがバラバラなんて言うことがある。 euc-jpとshift-jis…
Read more →

【Python】3分でOCR環境を立ち上げ Google Colaboratory

2018-07-23
python%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92%E5%8F%AF%E8%A6%96%E5%8C%96%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencv
目次 概要 Google Colaboratory pyocr ファイルアップロード OCR実行 参考 概要 3分くらいでOCRができる環境を立ち上ます。 Google Colaboratoryを使います。もちろんpython。 Google Colaboratory…
Read more →

【Python】任意のキーワードのニュース一覧を取得。Google検索を使って【スクレイピング】

2018-07-21
python%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0
目次 概要 環境 実装 モジュール リクエストURL クエリ作成 ニュース情報抽出 実行 他 概要 スクレイピングで任意のキーワードのニュース一覧を取得する方法を紹介します。 例えば「キーワード = apple」だとしたら、apple…
Read more →

【Python】顔画像をPOST 、 顔検出 、 canvasで顔にお絵かき【JS】

2018-07-11
javascriptcanvaspython%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencv
目次 概要 環境 フロント サーバ アプリケーション フロント サーバ 参考 概要 「顔検出をして、顔に絵を描く」というもの。 具体的には、 顔写真の画像をAPIサーバへアップロードし、顔検出を行う。 サーバは顔座標を返し、それを元にcanvas…
Read more →

自分用に情報収集に役立ちそうなサイトをまとめた

2018-07-01
%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92
目次 概要 リスト 勉強スライド系 概要 タイトルの通り。 まとめサイト中心。 随時更新中。 リスト Create with AI AIによる表現に興味のあるクリエイター、アーティスト、あるいはAI…
Read more →

【JavaScript】K-meansを使って画像を減色する。全てフルスクラッチ【canvas】

2018-07-01
html5javascript%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92%E5%8F%AF%E8%A6%96%E5%8C%96
目次 概要 K-means 結果 処理のフロー デモ 参考 概要 K-menasで画像を減色してみた。 JavaScript + canvasを使用。 OpenCVとかライブラリは使わず全てフルスクラッチ K-means…
Read more →

【JavaScript】K近傍法を可視化してみた【canvas】

2018-06-24
javascriptcanvas%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92%E5%8F%AF%E8%A6%96%E5%8C%96k%20meansk%E8%BF%91%E5%82%8D%E6%B3%95knn
目次 概要 処理のフロー デモ 入力フィールド 概要 機械学習とかで用いられるK近傍法を JavaScriptで実装しCanvasで可視化してみた。 あらかじめクラスタ化されたデータが必要となるので、 以前作成した、K-menas…
Read more →

【JavaScript】凸包(グラハムスキャン)を可視化・アニメーション【Canvas】

2018-06-21
html5css3javascriptcanvas%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0%E5%8F%AF%E8%A6%96%E5%8C%96%E5%87%B8%E5%8C%85
目次 概要 凸包 DEMO 参考 概要 前回に引き続き 凸包(グラハムスキャン)のスキャンする様子をアニメーションにして可視化してみた。 ライブラリとかは使わず、Canvasにそのまま描画する。 凸包 凸包 - WikiPedia…
Read more →

【JavaScript】凸包(ギフト包装法)を可視化・アニメーション【Canvas】

2018-06-16
html5javascriptcanvas%E5%8F%AF%E8%A6%96%E5%8C%96%E5%87%B8%E5%8C%85
目次 概要 凸包 DEMO 参考 概要 凸包(ギフト包装法)のスキャンする様子をアニメーションにして可視化してみた。 ライブラリとかは使わず、Canvasにそのまま描画する。 凸包 凸包 - WikiPedia…
Read more →

【JavaScript】K-meansをアニメーション・可視化したら蜘蛛みたいな動きをした|その3

2018-06-11
html5javascript%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92
目次 概要 デモ 他 概要 「【JavaScript】K-meansを可視化したら蜘蛛みたいな動きをした|その2」に引き続き、JavaScriptでK-menas…
Read more →

【JavaScript】K-meansをアニメーション・可視化したら蜘蛛みたいな動きをした|その2

2018-06-11
javascript%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92%E5%8F%AF%E8%A6%96%E5%8C%96
目次 概要 デモ 他 概要 「【JavaScript】K-meansを描画・可視化したら蜘蛛みたいな動きをした」を弄ったら、思ったよりもたくさんのバリエーションを作れた。 K-meansについてはこちら デモ カラフルなウニみたいなやつ、バージョン デモ1 Link…
Read more →

【JavaScript】K-meansをアニメーション・可視化したら蜘蛛みたいな動きをした|その1

2018-06-10
html5css3javascriptcanvas%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92%E5%8F%AF%E8%A6%96%E5%8C%96k%20means
目次 概要 デモ 他 概要 canavsの勉強も兼ねて、機械学習とかで使われるk-meansによるクラスタリングを可視化してみた。 そしたら、ちょっと気持ち悪い蜘蛛みたいな動きをするようになった。 環境は、 JavaScript Canvas API…
Read more →

【Python】Django2.0 + Python3 + ApacheでWebアプリケーション構築

2018-05-19
pythondjangoapache
目次 概要 環境 インストール Djangoプロジェクト作成 Apacheの設定 参考 概要 Django + Python3 + Apache + wsgi でWebサーバを構築した。 VirtualHost…
Read more →

【Python】Apache + WSGI + Flask でWebアプリケーション構築

2018-05-13
html5pythonflaskapache
目次 概要 環境 mod_wsgiの導入 apacheの設定 構成 ソース 概要 Apache + WSGI + Flask の構成でWebサーバを構築した時のメモ 環境 Ubuntu 16.04 Apache 2.4* Python 3.4 mod_wsgiの導入 Flask…
Read more →

地球上の2地点間の距離を取得するアルゴリズム(ヒュベニ or 球面三角法)比較【JavaScript】

2018-05-06
html5javascript%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0GeoLocationAPI
目次 概要 ヒュベニの公式 球面三角法 ソース GeoLocationAPIとの組み合わせ 結果 東京-川崎 東京-名古屋 東京-ギニア湾 まとめ 参考 概要 以前、地球上の…
Read more →

seleniumの環境構築 Ubuntu + Python3で構築

2018-04-09
linuxubuntuseleniumpythonchromedrivervagrant
目次 概要 仮想環境構築 Selenium導入 実行 概要 Ubuntu上でSeleniumを動かした時のメモ・備忘録。ネット上でサンプルコードが見つかりやすいpythonでやることにした。 環境は、 Selenium + Chromedriver + Ubuntu1…
Read more →

highlightJS + markedJS でMarkdownエディタを作ってみました

2018-02-11
html5javascriptmarkedjshighlight.js
目次 概要 アプリケーション ソース highlight.js marked.js 概要 highlightJS + markedJS でマークダウンエディタを作りました。 アプリケーション リンク ソース highlight.js 軽量で動くエディタ。 https…
Read more →

【WordPress】ソースコードから編集してhttps対応URLに変更

2018-02-10
amazon%20awsamazon%20lightsailwordpressphp
目次 概要 ソース 環境 概要 SSL対応化の際に設定ページからURLを設定を変更できなかったので、ソースコードから編集してhttps対応URLに変更した。 ソース 以下のように編集した。 編集前 編集後 環境 WordPress 4.9.4 Amazon Lightsail…
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