Posts with tag: #javascript

canvas上のマウス座標を取得する。【JS】

2018-12-26  html5javascript
目次 概要 考え方 サンプルコード デモ ソース 参考 概要 HTMLのcanvasの上でマウスを動かした時の座標の取得方法を紹介します。 考え方 ** canvas上のマウス座標 = window上のマウス座標 - canvas…

深さ優先探索アルゴリズムを実装 部分和問題を解く

2018-12-25  javascript%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0%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
目次 深さ優先探索について 部分和問題を解いてみる 問題 サンプルコード デバッグ 例題: AtCoder ABC015 C 解説 ソースコード おまけ : 2進数を利用して 深さ優先探索について 深さ優先探索(depth-first search)は探索手法の一つです。 DFS…

素因数分解を行うプログラム サンプルコード JS/PHP

2018-12-24  javascriptphp%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0atcoder
目次 概要 サンプルコード JavaScript PHP 概要 ある任意の正の整数の素因数を配列で返すサンプルコードを紹介します。 サンプルコード JavaScript パターン1 : 純粋な素因数分解 デバッグ パターン2 : 指数部と仮数部に分ける デバッグ PHP

【JS】画像のリアルタイム物体検出 数行で実装 デモ有 TensorFlow.js coco-ssd

2018-12-18  javascript%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86TensorFlow
目次 概要 オブジェクト検出 試す サンプルコードと解説 scriptタグで始める coco-ssd API デモ デモのサンプルコード 参考 概要 TensorFlow.js+coco-ssdを用いて、…

JavaScript + canvasで砂嵐を描画する サンプルコード

2018-12-12  html5javascript%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86
目次 概要 動作環境 デモ サンプルコード canvasの各ピクセルへの参照方法 おまけ 概要 JSとcanvasで砂嵐を描画するサンプルコード紹介します。 動作環境 chrome 61~ デモ 外部ウィンドウで開く サンプルコード ちょっとだけ解説。 canvas…

10進数からN進数に変換するプログラム

2018-12-06  javascript%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0
目次 概要 N進数を求めるプログラム ソース 実行すると... 参考 概要 ある任意の10進数からN進数に変換するプログラム(JavaScript)を紹介します。 N進数を求めるプログラム ソース ある任意の10進数xをn…

iOSかAndroidかの判定 UserAgentを利用する 【JavaScript】

2018-11-18  javascript
目次 概要 サンプルソース UAのサンプル 参考 概要 JSでiOSかAndroidかの判定を行う方法。 サンプルソース やっていることは、UAに特定の文字列が含まれているかどうかという方法で端末を判断しています。 で返り値が1以上であれば、iPhone…

csvをmarkdownのテーブル & HTMLに変換するスクリプト

2018-11-18  html5javascript
目次 概要 デモ ソース 概要 VueJSとmarkedJSでcsv形式のデータをmarkdownのテーブルもしくはHTMLのテーブルに変換するスクリプトを作りました。 デモ 新しいタブで開く ソース

複数キーでソートするサンプルコード JavaScript

2018-11-05  javascript%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0%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%B0node.js
目次 概要 サンプルソースとソートのパターン 2列目と3列目で昇順ソートする 概要 JavaScriptでの複数キーでソートするサンプルソースの例。 サンプルソースとソートのパターン 以下のような配列があるとする。 2列目と3列目で昇順ソートする ソース 結果

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

2018-10-14  html5css3javascript
目次 概要 mavonEditor セットアップ カスタマイズ デモ コード APIの紹介 プロパティ ツールバー イベントメソッド おまけ : mavonEditorのサイズの固定 概要 mavonEditor https://github.com/hinesboy…

3つ以上の整数の最大公約数・最小公倍数を求める JavaScript

2018-10-14  javascript%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0
目次 概要 最大公約数 2つの整数の最大公約数を求める 3つ以上の整数の最大公約数を求める 最小公倍数 2つの整数の最小公倍数を求める 3つ以上の整数の最小公倍数を求める 概要 JavaScriptで…

NodeJSでsitemapをパースしてURLを抽出する。

2018-09-25  javascript%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0node.jssitemap
目次 概要 環境 + 利用したもの 実装 実装で気をつけたポイント シンプルに配列を返すパターン 非同期実行にする場合 出力 概要 NodeJSでsitemap.xmlからURLを抽出する方法のメモ。 ちょっとググるとsitemap-stream-parser…

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

2018-09-23  javascriptatcodermonaco%20editor
目次 概要 デモ 他のJavaScript製エディタと比べて 追記 2019/05/04 参考 概要 https://tech-blog.s-yoshiki.com/2018/08/435/ 以前書いた「【JavaScript】AtCoder…

WebAssemblyのデモ。特に注目すべきデモを集めてみた。

2018-09-21  javascriptwebassemblygoogle%20chrome
目次 概要 SLコマンド Qt Vim OpenCV + knn matchデモ Unity 概要 WebAssemblyのデモ。特に注目すべきデモを集めてみました。 基本的にはChromeかFireFox、safariでしか動かないものだと思います。 SLコマンド http…

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

2018-09-16  javascript%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86opencvwebassemblynode.js
目次 概要 環境 使用するもの OpenCV4.0.0(pre) Emscripten LLVM OpenCV.jsの紹介 About LLVMとEmscripten チュートリアル OpenCV.jsのビルド 環境のセットアップ Emscripten OpenCV…

JS + Canvasで画像をプルプルふるわせる。

2018-09-13  javascript
目次 概要 デモ ソース その他 概要 canvas + JSで画像をプルプル震わせる。 デモ ソース その他 setTimeout使ってるあたりがダサいですね。Promiseが使えるよう勉強します。

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

最新の投稿

Node.js で作成した REST API を Docker化
Node.jsでREST APIを作成 コンテナ化 コンテナ化定義 コンテナ化作業 参考 Node.js で作成した REST API を Docker化した際のメモです。 Node.jsでREST APIを作成 まずはNode.js…

JavaScriptで優先度付きキューを実装する
優先度付きキューについて ソース 参考 JavaScriptで優先度付きキュー (プライオリティキュー) を実装する 優先度付きキューについて 具体的には次のような機能があります。 キューに対して要素を優先度付きで追加 (push…

AWS Amplify で コンテナベースのデプロイを行い REST API を構築
検証した環境 やってみる 初期準備 パイプラインを確認 終了処理 参考 AWS Amplify で コンテナベースのデプロイを行い REST API を構築した際のメモです。 検証した環境 amplify 5.1.…

Pythonでソケット通信を実装しメッセージの送受信を行う
ソース server.py client.py 動かしてみる 参考 Pythonでソケット通信を実現する方法です。 ソース server.py サーバ側のソースです。 client.py…

next_permutationをJSで実装する
ソース 使い方 参考 C++で提供されている順列を生成する next_permutation のJS実装です。 ソース 順列が存在する場合はtrueを返し、そうでなければfalse…

応用情報技術者試験の合格体験記
受験時のステータス 受験結果 対策 スケジュール 午前問題 午後問題 参考書等 令和…

[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を利用して自分自身のクラス名を取得する際のメモ。 コード このコードの結果は次のようになります。

Tags

Dates

© 2021   404 motivation not found