SSHポートフォワーディングでリモートサーバ上のMySQLに安全にアクセスする。

2018-09-17
linux%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9mysqlssh%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AF%E3%83%BC%E3%83%89
目次 概要 背景 SSHポートフォワード 参考 概要 Amazon LightsailのlocalhostのMySQLに対して安全に作業を行う手段の一つとして SSHのポートフォワード機能を紹介します。 背景 Lightsailにwordpress…
Read more →

【新人教育】「Webサービスってなに?」って聞かれたら...新人教育に使えそうな資料を集めた。

2018-09-16
%E9%9B%91%E8%AB%87%E3%82%AD%E3%83%A3%E3%83%AA%E3%82%A2
目次 概要 大規模Perl初心者研修を支える技術 - DeNA 技術基礎研修「クックパッドを支える仕組み」 / Introduction to the Internet…
Read more →

OpenCVをEmscriptenでwasmにビルドする!Webブラウザから呼び出す。OpenCV.js

2018-09-16
javascript%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencvwebassemblynode.js
目次 概要 環境 使用するもの OpenCV4.0.0(pre) Emscripten LLVM OpenCV.jsの紹介 About LLVMとEmscripten チュートリアル OpenCV.jsのビルド 環境のセットアップ Emscripten OpenCV…
Read more →

JS + Canvasで画像をプルプルふるわせる。

2018-09-13
javascript
目次 概要 デモ ソース その他 概要 canvas + JSで画像をプルプル震わせる。 デモ ソース その他 setTimeout使ってるあたりがダサいですね。Promiseが使えるよう勉強します。
Read more →

NGINX UnitをUbuntuに導入。PHPを動かす

2018-09-12
nginxunitphp
目次 概要 環境 NGINX Unitについて about 言語 結論 セットアップ NGINXサインインキーの登録 リポジトリ取得の設定 Unitの開始 アプリケーションの準備と設定 他 参考 概要 Ubuntu 18.04にNGINX Unitを導入し、PHP…
Read more →

【JavaScript】角度を16方位に変換するソースコード

2018-09-11
javascript%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A016%E6%96%B9%E4%BD%8D
目次 概要 ソース 概要 与えられたある角度を16方位に変換する。 よくありがちな処理としてこんなものがあります。 JSの場合、 IEEE75…
Read more →

aptで取得したNginx Unitを利用すると「Memory allocation failed」が発生する on Ubuntu 14.04

2018-09-10
linuxubuntunginxunit
目次 概要 事象 原因 概要 今年の春に正式リリースされたNginx Unitを試してみたくWebに落ちてる情報を頼りにセットアップしたところMemory allocation failedが発生した。 https://unit.nginx.org…
Read more →

curlでunix-socketに失敗するのでcurlのアップデートを行った。

2018-09-10
linuxubuntucurl
目次 概要 環境 curlのインストール 概要 Ngix Unitを試していた時の作業です。 コマンドを実行すると と表示されエラーとなった。 これはcurlのバージョンが低かったため起こったようである。unix-socketを利用できるのが7.50〜であったのに対し、curl…
Read more →

tesseract.js + canvasを組み合わせてOCRを行う

2018-09-09
javascript
目次 概要 実装 imageDataオブジェクト DEMO 概要 tesseract.jsはWebブラウザで動くOCRエンジンです。オフィシャルサイトからデモをみることができると思います。 フロントのjsで動かす場合、canvas…
Read more →

だらだらとブログを半年運用してみた。どのくらいアクセスが来たのか!? 実績報告

2018-09-09
wordpress
目次 概要 考察 月/週/日 別のアクセス数の推移 アクセス数と流入元との関連 Google検索での状況 クエリとクリック数と表示回数 打ち立てた施策 Google Analytics Google Search対策 SNSからの流入 SEO…
Read more →

AtCoder 109反省会。C問題が比較的に楽だったのに落としてしまった。あぁレート落ちるわ。

2018-09-09
%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
目次 概要 C問題 C -Skip 例 引用 問題の考察:最小公倍数 提出ソース 今回おぼえたこと 他 ブラウザで動くエディタ + デバッグ環境 概要 ABはいつも通り通過。Dはまあいいや。問題はC。 今日こそ落とすような問題ではなかったのにも関わらず…
Read more →

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 →
s-yoshiki
s-yoshiki
githubtwitterqiita
Web作ってますが、インタラクティブなプログラミングも好きです。
JavaScript / Vue / node.js / PHP / AWS / OpenCV

最新の投稿

[JS]ラジアンから度数に度数からラジアンに変換する
コード 度数からラジアンへ ラジアンから度数へ サンプル ラジアンから度数に度数からラジアンに変換する際のスニペット。 コード 度数からラジアンへ ラジアンから度数へ サンプル

CentOS8 に Python + OpenCV をインストール
インストール テスト CentOS8 で標準で提供されているパッケージで Python + OpenCV 環境を構築する方法です。 検証した環境は CentOS8.3 (Docker) です。 インストール まず opencv…

[Perl] CentOS8 に plenv をインストール
インストール Step1 事前準備 Step2 PATHを通す (README通りにインストール) Step2 PATHを通す ($HOME以外にplenvをインストール) Step3 Perlインストール Step4 cpanmインストール CentOS…

JS/TSのclassでclass名を取得する
コード JS/TSのconstructorを利用して自分自身のクラス名を取得する際のメモ。 コード このコードの結果は次のようになります。

CentOS6(Docker)でyum update できなくなった
エラー内容 対応 CentOS6.10 で yum update しようとしたところエラーが出てアップデートできなかったので対応した時の記録 エラー内容 以下のようなエラーが出ました。 対応 を以下のように変更したところ解決しました。

PostfixでメールリレーしてMailHogで受信する開発用Dockerコンテナの構築
環境 Dockerイメージ作成 コンテナの起動 telnetで送信テスト phpで送信テスト Postfixのリレーを介して送信されたメールをMailHog(開発用SMTPサーバ)でキャッチするDocker開発環境を構築した際のメモです。 環境 Docker…

GitLab.com のコンテナレジストリで1つのプロジェクトに複数のDockerイメージをpushする
手順 GitLab.com のコンテナレジストリで1つのプロジェクトに複数のDockerイメージをpushする方法についてのメモです。 手順 まず、gitlab.comにて適当なリポジトリを…

Python poetryでパッケージ開発 PyPIで公開 Pytestでテスト CIをGitHub Actionsで回す
Poetry でパッケージ開発 pytest でユニットテストを実施しカバレッジを算出する パッケージをビルドし PyPI で公開する 検証環境にデプロイする 本番環境にデプロイする GitHub Actions で CI を回す codecovの設定 GitHub…

Perlでconstant(定数)をhashのキーに使う
ハマった事象 解決方法 1 括弧をつける 2 & をつける 参考にしたサイト Perlでconstant(定数)をhash…

php-fpmのステータスページを表示 Apache & htaccess
試した環境 php-fpm の pm.status_path について php-fpmのconfの設定 .htaccess の設定 アクセスしてみる 参考にしたサイト Apache環境で php-fpm のステータスページを htaccess…

Tags

Dates

© 2021   404 motivation not found