Javascript, Ajax, HTML5 などに関する個人的な関心分野のメモです。
区分・フォルダ名 | 題名・内容 |
---|---|
index | 本サイトの分野別索引 |
index-graph | 本サイト索引「グラフ」 |
index-stat | 本サイト索引「統計」 |
oss-js | javascript OSSライブラリの実例 |
mathjs | math.jsの概要 JavaScript組込関数群 Math の拡張 |
simple-statistics | simple-statistics:統計パッケージ |
mathjax | MathJax:数式表示のOSSライブラリ |
chart.js | Chart.js:棒グラフや線グラフなどの作成OSSライブラリ |
google-charts | Google Charts:棒グラフや線グラフなどの作成Webサービス |
自作ライブラリ(使用解説書) | |
library | library.js 数学・統計・経営数学関連 |
utility | utility.js Web作成用。ファイルや配列など |
canvasxy | canvasxy.js CANVAS を通常のX=Y座標系で操作する関数群 |
maplib | 地図関連ライブラリ |
tools | tools.js 上の分類に属さない小規模な関数 |
library | library 数学・統計・経営数学関連 |
na | 数値解析 代数系、多点系、連立方程式、逆行列、固有値 |
cpx | 複素数 四則演算、累乗、累乗根などの関数 | geo | 幾何 三角形の5心など |
mtx | 行列式・行列 行列式の値、行列のソート |
stat | 確率統計 確率の基礎、共分散行列・相関行列、ベイズの定理 |
dist | 確率統計分布 確率密度、累積確率、累積確率の逆関数 |
rand | 乱数発生 一様分布、正規分布、三角分布、指数分布、ポアソン分布 |
test | 検定・信頼区間 t検定、χ2検定、F検定 |
ma | 多変量解析 重回帰分析、判別分析、主成分分析、クラスタリング |
game | ゲームの理論 ミニマックス、期待値、二人零和ゲーム、二人非零和ゲーム |
mp | 数理計画法 線形計画法、輸送問題、最適資金配分問題、ナップザック問題 |
graph | グラフ理論 PERT、制限緩和入力方式、最短経路問題、全ルート列挙 |
queue | 待ち行列理論 M/M/1(∞、1、S)、M/G/1、M/M/S(∞、S) |
ee | 経済性工学 複利計算基本量、現在価値法、年価法、内部収益率 |
ent | エントロピーモデル 1因子情報路による銘柄選択、固定層と流動層 |
canvas | CANVAS・グラフ |
index | CANVASの基礎(目次) |
kihon1 | CANVASの基本(1)CANVASの概念とそのピクセル情報 |
kihon2 | CANVASの基本(2)図形描画のための基本的な標準機能 |
ImageData | get/putImageData ピクセル領域の保存・読込 |
composite | globalCompositeOperation 画像の重なり |
clip | clip 画像の切り抜き |
clickCanvas | クリックによる座標と色の取得 |
clickDraw | クリックによる図形追加 |
clickZoom | 画像をキャンバスに取り込みズームやドラッグ |
illusion | 画像をキャンバスに取り込みズームやドラッグ |
canvas-animation | CANVAS アニメーション |
setInterval | アニメーション:setInterval()/clearInterval() |
setInterval2 | アニメーション:同上。前の画像を消す |
AsyncAwaitPromise | アニメーション:async, await, Promise |
requestAnimationFrame | アニメーション:requestAnimationFrame |
canvasxy | canvasxyの利用 グラフ・図形 |
oekaki | 数式でお絵かき(数式グラフ、フラクタル、その他のまとめ) |
graph | 数式グラフ 一覧表 |
graph#exp | 陽関数 y=f(x) |
graph#imp | 陰関数 f(x,y)=0 |
graph#par | 媒介変数 x=f(t), y=g(t) |
graph#pol | 極座標表示 r=f(t): x=r*cos(t), y=r*sin(t) |
graph#uvw | 3次元(u,v,w)のグラフ |
graph#com | 複素数のグラフ |
graph#dif | 微分方程式・差分方程式 |
chaos-fractale-moire | 幻想的な図形 モアレ、カオス、フラクタル |
canvas-moire | モアレ模様 |
recurrence | カオス リカレンスプロット |
logistic | カオス ロジスティック方程式 |
lorenz | カオス ローレンツ方程式 |
fractale | フラクタルの基礎 |
mandelbrot | マンデルブロー集合 |
julia | ジュリア集合 |
julia2 | ジュリア集合 3次式 |
canvas-physics | 物理法則のシミュレーション |
canvs-random | 乱数・ゲーム |
webgl | WebGL Three.js CANVASを用いた3次元アニメーション |
intro | 概要 THREE.js による単純な描画の手段鳥瞰 |
ichi | THREE.js 座標系の説明 |
camera | canera: カメラの位置と撮影方向 |
geometry | geometry: object(被写体)の形状(直方体、球体など) |
material | materia:l object(被写体)の表面特性(色、受光など) |
light | light: 光源と影 |
affine | オブジェクトの平行移動と回転移動 |
multiobj | 複数のオブジェクト |
group | オブジェクトのグループ化 |
mapping | マッピング |
svg | svg ベクター画面 |
intro | SVG イントロダクション |
inline | SVG 図形のインライン記述 |
svgJavascript | JavaScriptでsvg要素の動的編集 |
d3-intro | D3.js 概要 全体の構成 |
d3-line-bar | D3.js 折線グラフと棒グラフ |
snap-intro | Snap.svg 概要 アニメーション(仕掛中) |
map | 地図 |
exif | exif(JPEG画像情報の取得と利用)(目次) |
get-exif | 画像URLを与えて緯度・経度、撮影日時を得る |
get-exif-local-files | ローカル画像を指定し、緯度・経度、撮影日時を得る |
filereader-exif-map | 画像ファイルを指定し、その画像、地図情報を表示 |
fileApiExif | 画像ファイルを指定し、その画像、地図情報をjsとして得る |
地図部品 | |
marker-sample | マーカーのサンプル |
leaflet | Leaflet(地図作成) |
leaflet-kihon | Leaflet による国土地理院地図の二次加工 |
leaflet-app1 | 応用例1:場所データを外部jsで与え、マーカークリックによる処理を行う |
leaflet-exif | 写真(jpegファイル)のGPS情報を取得しleafletで地図に表示基礎 |
google-maps | Google Maps(目次) |
static-maps | Google Static Maps V2の実例と簡単な説明 |
google-maps | Google Maps V3の基本 |
google-maps-kinou | Google Maps V3の機能 |
google-maps-icon | Google Maps V3 マーカーアイコンの変更 |
google-maps-gazou | 画像の地図表示:Google Maps V3 と EXIF の組合せ |
map-etc | その他地図関連 |
jstat-map | jSTAT MAP(総務省統計局 地図で見る統計) |
fuken-color | 日本地図に府県別に色を塗る |
gov-geo | 都道府県、市区町村などの「コード→名称」の変換関数 |
rev-geo-gsi0 | 逆ジオコーディング 国土地理院 最も単純 |
google-search | Google Search(目次) |
google-search-form | FormによるGoogle検索窓の作成 |
custom-search-elements | Custom Search Elementsの実例 |
custom-search-control | Custom Search Element Controlの実例 |
外部ファイルの読込 | |
gaibu-file-test | 外部ファイルの読込での留意事項。相対指定、スタイル・スクリプトの反映 |
get-file | 外部ファイルの読込(全体、領域指定)と表示、windowOpen |
index-iframe | iframeによる外部ファイルの読込 |
gaibu-file | Ajaxによる外部ファイルの読込(目次) |
index-ajax | Ajax(XMLHttpRequest)による非同期読込の基礎 |
html-test | 同上:相対指定等の注意事項 |
plain | 配列データの読込み(プレーンテキスト) |
csv-array | csv形式配列データの読込み関数群 |
json | 配列データの読込み(JSONファイル) |
xml | 配列データの読込み(XMLファイル) |
script | 配列データの読込(スクリプトファイル) |
file-api | File APIのテスト。ローカルファイルの読込み(目次) |
file-list | ファイルの属性の取得(ダイアログボックス、ドラッグ&ドロップによる指定) |
directory | ファイルの属性の取得(フォルダ指定、パスの表示)Chrone専用 |
get-file-list | ローカルファイルの一覧表示と選択等 |
file-reader | ファイルの内容の取得(readAsText, readAsDataURL) |
image-local | ローカル画像ファイルのCANVASへの表示 |
tips | Javascriptの自作tips |
css | CSS |
css-selector | CSSのセレクタ |
css-list | リスト要素の〇番目の色 |
css-display | div要素の表示・非表示 |
link | リンク関係 |
link | scriptによるリンク |
link-js | 同上。リンク名とURLをJSファイルで与える。 |
link-js-hush | 同上。JSファイルが連想配列。 URL("リンク名") = "xxx.html" の形式 |
link-para | リンクでのパラメタの受け渡し |
windowOpen | 別ウインドウ(ポップアップ)の表示 |
url-encode | 日本語ファイルの取扱 |
function-argument | 関数への引数の受け渡し |
variable-argument | 引数個数の大小 |
polymorphism-argument | 引数タイプのpolymorphism |
array-argument | 配列引数 |
named-argument | 名前付引数 |
function-name | 関数名の引数 |
math-expression | 数式の文字列引数 |
get-form | フォーム入力の取得(目次) |
getform1 | テキストボックスやラジオボタンなど多様な入力方式での値を取得 |
textbox-array | form のテキストボックスに複数の数値要素を与える |
getform2 | getform1で取得した値をリンク先HTMLにパラメタとして渡す |
getform3 | HTML5でのフォームの新機能 |
image | 画像の取扱 |
get-image | 画像の読込表示、拡大 |
get-image-transform | transform CSSによる画像読込時の回転・反転 |
get-image-css | CSSによる画像の重ね合わせ、画像に文字列を挿入 |
image-html | HTML内の画像の拡大・縮小、表示・非表示などの操作 |
image-canvas | 画像ファイルのCANVASへの表示 |
drawImageZPR.html | 画像ファイルをズームや回転をしてCANVASに表示 |
image-local | ローカル画像ファイルのCANVASへの表示 |
image-process | 画像処理(画素色変換、フィルタなど) |
moji | 文字列関係 |
reg-exp | 正規表現の基礎 |
blank-null-undefined | 特殊タイプ(undefind, null, '')要素の評価 |
array-arrow | 配列関係、Array関数,アロー関数、Obj配列、Map配列 |
array-arrow | 配列操作記述の簡素化 Arrayメソッド、アロー関数 |
refer | Obj配列、Map配列の定義方法と参照方法 |
trans-rce | 通常配列(行名・列名・要素)⇔ Obj配列・Map配列 変換 |
tips | フォルダtipsに掲載 |
literal-varname | 変数名をリテラルで指定 |
varname | 変数の名称を文字列として取り出す/文字列を変数名にする |
sort | ソート・順位・インデクス・ポインタ付け |
template-literal | テンプレートリテラル(文字列の折り返し、文字列への式の挿入、‘ ` ${ }) |
get-elements | getElementByIdやgetElementsByClassNameなどの使用例 |
querySelector | querySelector:getElementByIdなどの進化 |
copy-innerhtml | 自HTML内の選択場所を表示場所に表示する関数。ソース表示等に利用 |
web-storage | Web Storageにより、他のHTMLに情報を渡す。 |
getColor | 色見本の表示とrgba形式色名称の取得 |
hush-object | 連想配列(Object) |
obj-json | JSON.Stringify / JSON.parse(連想配列 ⇔ JSONデータ) |
undefined-check | 変数や要素が存在するかのチェック方法 |
undefined-null | undefined, null, ""(空白) の特徴と判別方法 |
allay-number | スカラー/配列、数値/文字列の判別方法 |
for-foreach | 配列とfor.forEachループ |
hyouji-allay | 配列のコンパクト表示(allay-numberの応用) |
toggle-display | 表示・非表示のスクリプト |
radix-conversion | 基数変換 |
number-precision | toFixed など数値の桁数に合わせた表示 |
memori | グラフ描画などでの、キリの良い点で軸の目盛りや補助線の位置の算出 |
JavaSctipt AddOn | JavaScriptの拡張 |
CoffeeScript | CoffeeScript(JavaScript記述の簡素化) |
coffeescript | 目次、概要、環境設定 |
kihon1 | 文法の基礎(1)変数の指定 |
kihon2 | (2)制御命令 |
kihon3 | (3)関数 |
kihon4 | (4)クラス |
TypeScript | TypeScript(型指定による静的チェック) |
typescript | 目次、概要、環境設定 |
kihon1 | 型指定の基本(1) |
kihon2 | (2)tuple, interface, function |
class | (3)class, constructor, method, inheritance |
generics | (4)generics |
React | React(ページ作成を支援するJavaScript拡張言語) |
react | 目次、環境設定、概要 |
kihon1 | 文法の基本(1) |
jquery | jQuery |
jquery | jQueryの基礎(目次) |
selector | セレクタの指定方法 |
trigger | jQuery関数の起動形式 |
include | 実例:jQueryによる外部HTMLファイルの読込・表示(基本) |
gaibu-file.html | 実例:jQueryによる外部HTMLファイルの読込・表示(多例) |
iframe | 同上。iframeへの読込・表示、iframeの高さ自動設定 |
toggle | 実例:toggleメソッド。表示・非表示 |
hover | 実例:hoverメソッド。マウスのon/offによる操作 |
prototype | Prototype.js(Ajax.UpdaterとAjax.Request) |
prototype | Ajax.Updater/Ajax.Requestによる外部ファイルの読込 |
prototype/test | 同上:相対指定等の注意事項 |
tagengo | 他言語 |
Java | Java(paiza.ioの利用) |
Javaの概要 | 目次、Java 利用環境の設定、paiza.io、Javaプログラムの構成概要 |
kihon1 | Javaの文法(1)文字列の表示と加工 |
kihon2 | Javaの文法(2)型指定、配列、構造体 |
kihon3 | Javaの文法(3)基本文法とクラスの体系 |
kihon4 | Javaの文法(4)引数と戻り値 |
kihon5 | Javaの文法(5)クラス・メソッドの詳細 |
kihon6 | Javaの文法(6)オーバーロード、オーバーライド、継承。多様化 |
kihon7 | Javaの文法(7)クラスの入れ子 |
php | PHP(paiza.ioの利用) |
php | PHPの利用環境設定(paiza.io) |
kihon1 | PHP文法の事本(1)paiza.io での入力コードの形式 |
kihon2 | PHP文法の事本(2)PHPの文法 |
kihon3 | PHP文法の事本(3)いくつかの例 |
python | Python 目次、Colab利用環境の設定 |
python | 基本編:Python単体の文法 |
同上。文字列の取扱とprint関数 | |
array-create | 基本編:配列の取扱 配列の生成と要素表現 |
array-select | 同上 配列の部分指定と行・列の追加 |
array-keisan | 同上 配列の計算 |
dataframe-sql | 同上 DataFrame のSQLライクな操作 |
graph-bar-plot | 応用編:グラフ 棒グラフ・折線グラフ |
graph-hist | 同上 ヒストグラム |
graph-scatter | 同上 散布図 |
regression | 統計・機械学習:相関・回帰直線・信頼区間・重相関 |
distribution | 同上 確率分布関数 scipy |
scikit-learn | 同上 scikit-learn(sklearn)の紹介 |
pca | 同上 主成分分析 |
discriminant | 同上 判別分析 |
logistic | 同上 ロジスティック回帰 |
clustering | 同上 クラスター分析 |
naive-bayes | 同上 ナイーブベイズ分類器 |
neuro-bin-class | 機械学習・ニューロ:二値分類モデル |
neuro-patterns | 同上 パターン認識 |
R言語 | R 目次、Colab利用環境の設定 |
r-coding | Rの基礎 基本記述規則 |
array | Rの基礎 配列の操作 |
apply | Rの基礎 配列内の計算 |
pipeline | Rの基礎 %>& パイプ演算子、ドット演算子 |
graph-reference | グラフ(リファレンス) |
graph | グラフ:散布図、折線グラフ、棒グラフ、数式のグラフ |
ggplot | ggplot:統計用グラフ作成ライブラリ |
basic-statistics | 統計の基礎 基本統計量、ソート、逆行列、固有値など |
bayes | 統計の基礎 ベイズ推論 |
distribution | 統計分布関数 |
regression | 回帰分析 lm(), predict() |
t-test | t検定 t.test、t値、P値 |
f-test | F検定 var.test、t値、分散比の信頼区間 |
chi-fisher | 比率検定、独立性検定 カイ2乗検定、フィッシャー検定 |
pca | 主成分分析 prcomp |
discriminant | 判別分析 lda |
clustering | クラスタリング K-Means法 |
mysql | MySQL |
mysql | MySQLの概要。利用環境の設定 |
kihon1 | 文法の基本(1)テーブルの生成・更新 | kihon2 | 文法の基本(2)SELECT 一般形、基本操作(射影、選択。結合) | kihon3 | 文法の基本(3)SELECT 集計、ソート | kihon4 | 文法の基本(4)その他、新テーブルの作成など |