JavaScript

スポンサーリンク
CSS

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

概要 だいぶ前にJSで作ったルーレットを公開します。 特にフレームワークとか使っていません。 DEMO デモ | 別ウィンドウで開く 以上。 追記 2019/01/20 ↑これだと流石にお粗末すぎるので、回転するルーレットを作りました...
【AtCoder】自分用のブラウザで動くテストコード環境を作る【JavaScript】 JavaScript

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

AtCoderとかで使いたいブラウザで動くJS用のエディタ + デバッグ環境を作りました。AceEditor とか使ってます。 来週からこれ使って頑張ります。 pic.twitter.com/xPXAV38YKk — s-yoshik...
HTML

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

概要 HTMLの中からaタグ・imgタグのリンクを抽出するツールを作りました。 a href抽出 img src抽出 HTMLテキストをコピペするとaタグ・imgタグのリンクを抽出します。 pythonのスクレイピング関連ツール(bs...
【Python】顔画像をPOST 、 顔検出 、 canvasで顔にお絵かき【JS】 JavaScript

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

概要 「顔検出をして、顔に絵を描く」というもの。 具体的には、 顔写真の画像をAPIサーバへアップロードし、顔検出を行う。 サーバは顔座標を返し、それを元にcanvasでお絵かきする。 環境 フロント html + JS + canvas...
HTML

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

概要 K-menasで画像を減色してみた。 JavaScript + canvasを使用。 OpenCVとかライブラリは使わず全てフルスクラッチ K-means クラスタリングなどを行う際の定番なアルゴリズムです。 Wikipedia...
JavaScript

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

機械学習とかで用いられるK近傍法を JavaScriptで実装しCanvasで可視化してみた。 あらかじめクラスタ化されたデータが必要となるので、 以前作成した、K-menasを用いて元となるデータを作成する。
CSS

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

凸包(グラハムスキャン)のスキャンする様子をアニメーションにして可視化してみた。 凸包を解くためのアルゴリズムは様々なものが存在し、 代表的なものを上げると、 グラハムスキャン,分割統治法,ギフト包装法などがあるが、このうちのグラハムスキャンを実装した。 ライブラリとかは使わず、Canvasにそのまま描画する。
HTML

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

凸包(ギフト包装法)のスキャンする様子をアニメーションにして可視化してみた。 ライブラリとかは使わず、Canvasにそのまま描画する。 凸包の中でもパフォーマンスが優れているのは、グラハムスキャンだが、 比較的にわかりやすいギフト包装法を可視化してみることにした。
HTML

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

概要 「【JavaScript】K-meansを可視化したら蜘蛛みたいな動きをした|その2」に引き続き、JavaScriptでK-menasを可視化をしてみた。 デモ 重心から各ノードまでの距離のみを描画するとこんな感じ。 デモ1 Li...
JavaScript

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

概要 「【JavaScript】K-meansを描画・可視化したら蜘蛛みたいな動きをした」を弄ったら、思ったよりもたくさんのバリエーションを作れた。 K-meansについてはこちら デモ カラフルなウニみたいなやつ、バージョン デモ...
CSS

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

K-meansをアニメーション・可視化したら蜘蛛みたいな動きをした|その1 + canavsの勉強も兼ねて機械学習とかで使われるk-meansによるクラスタリングを可視化してみたそしたら、ちょっと気持ち悪い蜘蛛みたいな動きをするようになっ...
HTML

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

概要 以前、地球上の2地点間の距離を計算する実装を行なった際に「ヒュベニの公式」と「球面三角法」を比較したことがあります。 ここでは改めて2つのアルゴリズムを実装して比較してみようと思います。 ヒュベニの公式 ヒュベニの式を用いた、緯度...
HTML

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

概要 highlightJS + markedJS でマークダウンエディタを作りました。 アプリケーション リンク ソース highlight.js 軽量で動くエディタ。 marke...
HTML

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

タブとカンマの相互変換ツールを作りました。 (Tsv ←→ Csv) 以下、リンク 環境 HTML JS
CSS

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

概要 「FileAPIを使って画像を読み込み、イベント終了と同時に自動的にcanvasに描画したい!」 FileAPIを使って読み込んだ画像を、imgタグを使って画像を表示をすることは容易であったが、 canvasに描画するのに少々手間...
スポンサーリンク
タイトルとURLをコピーしました