HTML

スポンサーリンク
mavonEditor と Vue.js で作るMarkdownエディタのデモ + APIの紹介 CSS

mavonEditor と Vue.js で作るMarkdownエディタのデモ + APIの紹介

概要 mavonEditor + Vue.js で作るMarkdownエディタについての紹介です。 また、用意されているAPIなどについて少し紹介します。 mavonEditor 中国語と英語のドキュメントが用意されています。 またデ...
OpenCVをEmscriptenでwasmにビルドする!Webブラウザから呼び出す。 HTML

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

概要 OpenCVをLLVM→EmscriptenでWebAssembly(以下、wasm)をビルドする。 JavaScriptからOpenCVを呼び出す。 環境 使用するもの OpenCV4.0.0(pre) Emscripten L...
JavaScript + canvasで画像変換処理をするときのスニペット HTML

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

概要 canvasはJSによって図形などを描画する際に使われます。 canvasに描画された画像はピクセルに対して参照・操作することが可能なので、 これを用いて画像変換処理を行うことができます。 デモ画像 この記事では自分がよく使うスニペ...
CSS

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

概要 だいぶ前にJSで作ったルーレットを公開します。 特にフレームワークとか使っていません。 DEMO デモ | 別ウィンドウで開く 以上。
semantic uiでブログカードっぽいものをたくさん作ってみる。コピペでOK CSS

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

概要 最近UI周り触れる機会があったが、 今更Bootstarpに手をつけるのも嫌なのでsemantic uiを始めることにしました。 そこで、 今回はオシャレブログとかのindexページでよく見かけるカード型UIのデザインをseman...
HTML

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

概要 HTMLの中からaタグ・imgタグのリンクを抽出するツールを作りました。 a href抽出 img src抽出 HTMLテキストをコピペするとaタグ・imgタグのリンクを抽出します。 pythonのスクレイピング関連ツール(bs...
HTML

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

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

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

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

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

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

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

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