Javascript React.jsを入れてMaterial-UIでダッシュボード的な画面を作るところまで
プロジェクト用フォルダを用意して、必要なパッケージをインストールする
# npx create-react-app react-materialui1
# cd react-materialui1
# npm install @mat...
Javascript
Javascript Javascript React.js コンポーネント(class)サンプル
ひとまず簡単な雛形(CDSを使ってHTML単体で起動可能)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title...
Javascript アロー関数
IE4の頃からHTMLやってる親父プログラマーとしては、jQueryとBootstrapの使いこなしで精一杯だったところ、ここ最近のJS界隈の進化スピードに完全についていけなくなっている。しかし愚痴ったところで仕方ないので少しづつモダン開...
Javascript React Developer Tools
ReactのデバッグツールのChrom版
react.js React.js 相対パスにする方法
# npx create-react-app hogehoge
# cd hogehoge
# npm run build
これで build フォルダに公開用のファイルが出力されるが、index.html に記載されているcss,j...
FOSS4G OpenLayers6でレイヤー一覧を取得する
OpenLayersというのは2005年に誕生した地図表示JSライブラリの代表格である。バージョン3からは劇的進化を遂げ、WEB上でヌルサクの使い勝手を提供している素晴らしいプロジェクトである。最近は利用しやすいLeaflet/Ma...
FOSS4G OpenLayers4にラベルの重複避け機能が実装された
OpenLayers Examples
いつの間にか ol.style.Textクラスに
overflow: true
というプロパティが追加されていた。これを有効にする事でラベルが重なったときにどれかひとつだけ表示する制御が入り、注記が大...
FOSS4G Openlayers3/4で緯度経度とズームレベルをURL にくっつける方法
こちらを利用すると地図を移動させるごとにhashに緯度経度とズームレベルを設定してくれて、地理院地図みたいな動きにすることが可能。
作者に感謝
Javascript JavaScriptでExifタグを読み込み
Javascript 【Ring UI】JetBrainsが提供するWeb UIコンポートをオープンソースで提供開始
JetBrains社といえばIntelliJやAndroid Studio,Webstormなどの情報優れたIDEを開発している事で有名だがWebUIコンポートをオープンソースで提供している事を知った。
WebUIといえばbootstra...
Javascript Firefoxにおいて「WebExtensionsが利用可能に」
WebExtensionsはGoogle Chromeの拡張機能用APIとの互換性を意識しつつ実装されているAPIです。2016年5月にはMozilla、マイクロソフト、Operaの3社がW3CのBrowser Extension Com...
Javascript JavaScript split not a functionエラー
JavaScriptで、split関数を実行したところ以下のエラー
JavaScript split not a function
123.split() とコーディングしており、splitはStringクラスの関数であるため、123という...
Javascript WebGLを手軽に実行
three.js
Javascript DOM要素をCanvasにする
Javascript OpenLayersでEsri Shapeファイルを読み込む
Javascript jQueryを使ってHTMLエスケープ
JavaScriptを使ってHTMLエスケープ。
ネットで調べるとjQueryを使った例ばかりだった。自前だと面倒なのかもしれない。
function escapeHTML(val) {
return $(';').text(val).h...