1. クリップボードコピーのページ
    クリップボードにコピーする文を複数件用意して、ワンクリックで入れ変える
    入力した文がローカルストレージに登録できる
    サーバーには送信されません
    ※入力欄はTextAreaなので chrome なら右下を摘まんで表示サイズ変更できる
  2. Excelサンプルのダウンロードページ
    フォルダ内の資料一覧を作成するマクロや
    万年カレンダーなど、あると便利なExcelBookのダウンロードページ
  3. Scalable Vector Graphics (SVG)

    二次元グラフィックスを XML で記述するための言語である、ＳＶＧ サンプル

  4. Window サイズ（横・縦）チェック(svg)
  5. flexboxのプロパティ設定の組合せ確認 script
  6. svgの時計

    ・svg内にJavaScriptを持ったsvg

    ・時計の文字盤と針をsvgで定義して、JavaScriptで動かす

  7. svgのタイマー時計

    ・svg内にJavaScriptを持ったsvg

    ・タイマー設定してbeep音を鳴らす

    ・タイマーは、30秒,1.5分,2.5分,3分,5分 の5種類から選択

    ・slimウィンドウはここをクリック

  8. svgのダイヤモンドリング(選択)

    ・多角形の対角線をJavaScriptで、svgを生成して引く

    ・多角形の画数を選択してダイヤモンドリングを描く

    ・73角形用にLineを細くしたバージョンはこちら

  9. svgのダイヤモンドリング(auto)

    ・svg内にJavaScriptを持ったsvg

    ・多角形の対角線をJavaScriptで、svgを生成して引く

    ・角数はサーバーのTimerから取得した秒数と同期して多角形の3～63までのダイヤモンドリングを描く

    ・0秒は3角形で30秒は63角形31秒からは画数が秒2角減っていくので60秒で一巡する

  10. svgのフラクタルの木

    ・svg内にJavaScriptを持ったsvg

    ・木の枝はJavaScriptの再帰処理で、svgを生成して引く

    ・枝の角度はサーバーのTimerから取得した秒数と同期して描く

    ・1分間毎に毎秒１°（0°～58°）と毎秒６°（0℃～360°）を交互に繰り返す（2nd）

    ・左右の枝の再帰縮小率を1分毎に(0.7:0.7)、(0.6:0.7)、(0.7:0.6)と変化させている

  11. svgのフラクタルの木 ２（シンプル版）

    ・svg内にJavaScriptを持ったsvg

    ・木の枝はJavaScriptの再帰処理で、svgを生成して引く

    ・枝の毎秒、角度0から5度づつ増えて描く

    ・左右の枝の再帰縮小率は(0.7:0.7)

  12. svgのフラクタル図形　コッホ島（コッホ雪片）

    ・svg内にJavaScriptを持ったsvg

    ・１辺を３等分し、中央に正三角形を追加して４本の辺にする。これを各辺に繰返す

    ・枝の角度はサーバーのTimerから取得した秒数と同期して描く

    ・1分間毎に第１～５層を順に表示し、これを繰り返す

  13. svgの泡

    ・svg内にJavaScriptを持ったsvg

    ・svgアニメーションをJavaScriptで生成する

  14. iframe mapping

    iframe で 以下を1ページに配置する

    • svgの時計
    • svgの泡
    • svgのダイヤモンドリング(選択)
    • svgのダイヤモンドリング(auto)
    • svgのフラクタルの木
    • svgのフラクタル図形　コッホ島（コッホ雪片）
  15. slim化Mapのhtml

    ・背景画像にsvgを使う時の設定確認

    ・svgアニメーションをJavaScriptでと背景画像では使えない

    ・JavaScriptで生成したsvgのpathを直書きしてCSSアニメーションにするなら背景化可能

  16. gMapで大きさ比較１：関東と北方四島

    ・北に行くほど経度間距離が小さくなるのでgoogle mapも描画上拡大して表示される

    ・関東と北海道の緯度差で経度が約1対1.16になるので、関東のiframeのサイズを1.16倍した（縦横共）

  17. textAreaに入力したテキストを表示する

    ・携帯でちょっとテキストを印刷したいときに、良いツールが無かったのでHTMLで作ってみた

    ・テキストエリアに入力したデータを「印刷用 表示」ボタンで表示して、「印刷」ボタン（ブラウザ機能）で印刷する

    ・テキスト修正は「編集に戻る」ボタンで戻って修正後、「印刷用 表示」ボタンで表示して「印刷」ボタンで印刷する

    ・「印刷用 表示」処理でローカルストレージに出力しているので、reloadしてもローカルストレージから表示する

    ・編集エリアは「全クリア」ボタンで全クリアできる

  18. svgViewer

    ・svgを携帯のスクリーン幅いっぱいに表示するビューア

    ・☞ファイル名：

  19. T.B.D