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

Javascript

Javascript, Ajax, HTML5 などに関する個人的な関心分野のメモです。


はじめに

一覧表

区分・フォルダ名 題名・内容
index 本サイトの分野別索引
index-graph 本サイト索引「グラフ」
index-stat 本サイト索引「統計」
oss-js javascript OSSライブラリの実例
simple-statistics simple-statistics:統計パッケージ
mathjax MathJax:数式表示のOSSライブラリ
chart.js Chart.js:棒グラフや線グラフなどの作成OSSライブラリ
google-charts Google Charts:棒グラフや線グラフなどの作成Webサービス
Javascriptの自作tips
math 数学ライブラリ
mathlib 自作数学ライブラリ(ソースコード:mathlib.js
moji 文字列関係
reg-exp 正規表現の基礎
blank-null-undefined 特殊タイプ(undefind, null, '')要素の評価
link scriptによるリンク
link-js 同上。リンク名とURLをJSファイルで与える。
link-js-hush 同上。JSファイルが連想配列。 URL("リンク名") = "xxx.html" の形式
link-para リンクでのパラメタの受け渡し
windowOpen 別ウインドウ(ポップアップ)の表示
url-encode 日本語ファイルの取扱
image 画像の取扱
get-image 画像の読込表示、拡大
get-image-css CSSによる画像の重ね合わせ、画像に文字列を挿入/td>
image-html HTML内の画像の拡大・縮小、表示・非表示などの操作/td>
image-canvas 画像ファイルのCANVASへの表示
image-local ローカル画像ファイルのCANVASへの表示
image-process 画像処理(画素色変換、フィルタなど)
tips フォルダtipsに掲載
sort ソート・順位・インデクス・ポインタ付け
template-literal テンプレートリテラル(文字列の折り返し、文字列への式の挿入、‘ ` ${ })
get-elements getElementByIdやgetElementsByClassNameなどの使用例
copy-innerhtml 自HTML内の選択場所を表示場所に表示する関数。ソース表示等に利用
web-storage Web Storageにより、他のHTMLに情報を渡す。
getColor 色見本の表示とrgba形式色名称の取得
hush-map 連想配列
undefined-check 変数や要素が存在するかのチェック方法
undefined-null undefined, null, ""(空白) の特徴と判別方法
allay-number スカラー/配列、数値/文字列の判別方法
hyouji-allay 配列のコンパクト表示(allay-numberの応用)
toggle-display 表示・非表示のスクリプト
varname 変数の名称を文字列として取り出す/文字列を変数名にする
radix-conversion 基数変換
number-precision toFixed など数値の桁数に合わせた表示
memori グラフ描画などでの、キリの良い点で軸の目盛りや補助線の位置の算出
get-form フォーム入力の取得(目次)
getform1 テキストボックスやラジオボタンなど多様な入力方式での値を取得
getform2 getform1で取得した値をリンク先HTMLにパラメタとして渡す
getform3 HTML5でのフォームの新機能
function-argument 関数への引数の受け渡し
variable-argument 引数個数の大小
polymorphism-argument 引数タイプのpolymorphism
array-argument 配列引数
named-argument 名前付引数
function-name 関数名の引数
math-expression 数式の文字列引数
  外部ファイルの読込
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への表示
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 同上:相対指定等の注意事項
map地図
exif exif(JPEG画像情報の取得と利用)(目次)
get-exif 画像URLを与えて緯度・経度、撮影日時を得る
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 の組合せ
google-search Google Search(目次)
google-search-form FormによるGoogle検索窓の作成
custom-search-elements Custom Search Elementsの実例
custom-search-control Custom Search Element Controlの実例
map-etc その他地図関連
jstat-map jSTAT MAP(総務省統計局 地図で見る統計)
canvas CANVASの基礎
index CANVASの基礎(目次)
kihon1 CANVASの基本(1)CANVASの概念とそのピクセル情報
kihon2 CANVASの基本(2)図形描画のための基本的な標準機能
clickCanvas クリックによる座標と色の取得
xycoordinate canvasの数学的利用
xycoordinate.jsCANVASの仮想XY系ライブラリ
xycoordinate-usage xycoordinate 使用解説書 基本関数
xycoordinate-usage2 同上 数式のグラフ
clickCanvasXY クリックによる座標と色の取得(xycoordinate系)
childCanvas 子キャンバスの設定
paintarea xycoordinate.jsの一機能。凸領域の塗りつぶし
cordinate-trans xycoordinate.jsを用いた発展。座標変換・3次元座標
animation1 遅延効果表示:setInterval()/clearInterval()
animation2 遅延効果表示:同上。前の画像を消す
animation3 遅延効果表示:疑似 sleep() 機能
応用編
CANVASの利用
oekaki 数式でお絵かき(数式グラフ、フラクタル、その他のまとめ)
graph 数式グラフ(陽関数、陰関数、媒介関数などのグラフ)
fractale フラクタル(マンデルブロー集合、ジュリア集合などの画像)
canvas-moire モアレ模様
canvs-etc その他(乱数、物理など)
tipsの組み合わせ
imgfile-search 一覧表ファイルによる画像ファイルの検索
tagengo 他言語
python Python 目次、利用環境の設定
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 目次、利用環境の設定
r-coding Rの基礎 基本記述規則
array Rの基礎 >配列の操作
graph-reference グラフ(リファレンス)
graph グラフ:散布図、折線グラフ、棒グラフ、数式のグラフ
ggplot ggplot:統計用グラフ作成ライブラリ
basic-statistics 統計の基礎 基本統計量、ソート、逆行列、固有値など
bayes 統計の基礎 ベイズ推論
distribution 統計分布関数
regression 回帰分析 lm(), predict()
t-test t検定 t.test、t値、P値
chi-fisher 比率検定、独立性検定 カイ2乗検定、フィッシャー検定
discriminant 判別分析 lda
clustering クラスタリング K-Means法