スタートページ>( Web教材主張歴史

Javascript

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 マッピング
svgsvg ベクター画面
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 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などの使用例
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 同上。文字列の取扱と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)その他、新テーブルの作成など