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

2018-09-12
nginxunit
目次 概要 環境 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 →

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

最新の投稿

SQL整形ツールを作成した
特徴 使い方 FW/ライブラリ等 nuxt sql-formatter-plus Monaco Editor おまけ ソース SQL整形ツールを作成しました。 URLはこちらです。 SQL…

ファイルの1行目を表示 Linuxコマンド head
head コマンド例 headコマンドでファイルの 1行目もしくは指定した行数だけ表示する方法。 head 利用できるオプション コマンド例 の 1行目だけを表示 の 5行目までを表示 カレントディレクトリ以下の全てのtxtファイルの1行目を表示

Amazon S3 と ローカルファイルのチェックサムの比較
s3apiでEtagを取得 検証 マルチアップロード時の注意点 Amazon S3 の Etagを使ってファイルの整合性チェックをする。 s3apiでEtagを取得 S3 APIを利用するとEtagを取得します。この値はmd5のハッシュ値になります。 検証 MD…

github.io / gitlab.ioで公開されている質の高い技術ドキュメント
AWSによるクラウド入門 Pythonプログラミング入門 普通の人が資産運用で99点をとる方法とその考え方 2018年の段階で私が知らないこと github.io / gitlab.io で無料で公開されている興味深いドキュメントのmemo AWS…

10進数から2進数 2進数から10進数への変換 JavaScript
10進数から2進数 2進数から10進数 テスト 10進数から2進数、2進数から10進数への変換を行うJavaScriptのコードの紹介。 JSの場合、10進数から2進数への変換はメソッド。2進数から1…

JavaScriptの配列ショートハンド (AtCoder用)

JavaScriptでワーシャルフロイド法を実装
AtCoder ABC012 D問題 D - バスと避けられない運命 解説 実装 AtCoder ABC012 の D問題でワーシャルフロイド法が利用できる問題が出てきたので、 JavaScriptで実装しました。 AtCoder ABC012 D問題 D…

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

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

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

Tags

Dates

© 2020   404 motivation not found