フロントエンド

スポンサーリンク
github-markdown-cssを無理やりWordPressにねじ込んだ話 CSS

github-markdown-cssを無理やりWordPressにねじ込んだ話

概要 github-markdown-cssを既存のWordpressのテーマに組み込んだ話。 CSSとかあんまりわかってないけど、とりあえずキレイに動きました。 github-markdown-cssについて github-markdow...
複数キーでソートするサンプルコード JavaScript JavaScript

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

概要 JavaScriptでの複数キーでソートするサンプルソースの例。 サンプルソースとソートのパターン 以下のような配列があるとする。 [ , , , , , ] 2列目と3列目で昇順ソートする ソース arr.sort(...
mavonEditor と Vue.js で作るMarkdownエディタのデモ + APIの紹介 CSS

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

概要 mavonEditor + Vue.js で作るMarkdownエディタについての紹介です。 また、用意されているAPIなどについて少し紹介します。 mavonEditor 中国語と英語のドキュメントが用意されています。 またデ...
3つ以上の整数の最大公約数・最小公倍数を求める JavaScript JavaScript

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

概要 JavaScriptで3つ以上の整数の最大公約数・最小公倍数を求める時のメモ。スニペット。 どちらもユークリッド互除法を利用しています。 AtCoderとかで役に立ちます。 最大公約数 2つの整数の最大公約数を求める functio...
WordPressに貼り付けたコードが等幅フォントで表示されないのでcssを適用して修正する。highlight.js CSS

WordPressに貼り付けたコードが等幅フォントで表示されないのでcssを適用して修正する。highlight.js

概要 WordPressのコードハイライトにhighlight.jsを利用してますが、 なぜかフォントが等幅で表示されなかったので、カスタマイズ機能からcssを適用した話。 highlight.jsに関しては利用しているテーマ:cocoo...
NodeJSでsitemapをパースしてURLを抽出する。 JavaScript

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

概要 NodeJSでsitemap.xmlからURLを抽出する方法のメモ。 ちょっとググるとsitemap-stream-parserなんてものがありましたが、正直イケてませんでした。 PythonならBeautifulSoupという強力...
Monaco Editorを使ってブラウザ上で動くAtCoder用のデバッグアプリを作る【JS】 JavaScript

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

概要 以前書いた「【JavaScript】AtCoderとかでも利用したい、ブラウザで動くエディタ + デバッグ環境を作る」を流用して、エディタ機能に「Monaco Editor」を利用した、AtCoder用のデバッグ環境を作りました...
WebAssemblyのデモ。特に注目すべきデモを集めてみた。 JavaScript

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

概要 WebAssemblyのデモ。特に注目すべきデモを集めてみました。 基本的にはChromeかFireFox、safariでしか動かないものだと思います。 SLコマンド デモを開くと見慣れたアイツが走ってきます。 解説 ...
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

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

概要 canvas + JSで画像をプルプル震わせる。 デモ 外部ウィンドウで開く ソース (function(){ var image_url = "/path/to/image_url.png" var ...
スポンサーリンク