Posts with tag: #javascript

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 →

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 →

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

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

地球上の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 →

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

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

タブとカンマの相互変換ツールを作成してみた

2018-01-22
html5javascriptcsvtsv
タブとカンマの相互変換ツールを作りました。 (Tsv ←→ Csv) 以下、リンク http://s-yoshiki.com/products/tsv_csv/index.html 環境 HTML JS
Read more →

FileAPIで画像を読み込み canvasに描画

2018-01-22
html5css3javascriptcanvas
目次 概要 流れ Image.onloadを使う方法 追記 概要 「FileAPIを使って画像を読み込み、イベント終了と同時に自動的にcanvasに描画したい!」 FileAPIを使って読み込んだ画像を、imgタグを使って画像を表示をすることは容易であったが、 canvas…
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