JavaScript

スポンサーリンク
Monaco Editorを使ってブラウザ上で動くAtCoder用のデバッグアプリを作る【JS】 JavaScript

Monaco Editorを使ってブラウザ上で動くAtCoder用のデバッグアプリを作る【JS】

概要 以前書いた「【JavaScript】AtCoderとかでも利用したい、ブラウザで動くエディタ + デバッグ環境を作る」を流用して、エディタ機能に「Monaco Editor」を利用した、AtCoder用のデバッグ環境を作りました...
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

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

概要 与えられたある角度を16方位に変換する。 よくありがちな処理としてこんなものがあります。 var dname = ; var dindex = Math.round( degree / 22.5 ) alert("方角は" + ...
JavaScript + canvasで画像変換処理をするときのスニペット HTML

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

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

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

概要 だいぶ前にJSで作ったルーレットを公開します。 特にフレームワークとか使っていません。 DEMO デモ | 別ウィンドウで開く 以上。
初めて参加したAtCoderで惨敗した話 競技プログラミング

初めて参加したAtCoderで惨敗した話

7/21についに初めてatcoderに軽いノリで参戦した。で、惨敗した。敗因と対策を書きます。 <ul> <li>標準入出力に手間取りロジックを考える時間が奪われてしまったこと。</li> <li>綺麗に書くことは捨てる</li> <li>3の問題が時間オーバしてしまう</li> <li>配列操作に手こずった</li> </ul> pup push shift map などの機能を完璧に押さえておけばググる時間を省くことができたんじゃないかな...と思った
【Python】顔画像をPOST 、 顔検出 、 canvasで顔にお絵かき【JS】 JavaScript

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

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

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

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