So Byon Chol物理教育とプログラミング:JavaScript, Python, Android, Unity, C

徒然想

科学的教育知

「ソフトウェアが世界を飲み込む」マーク・アンドリーセン(2011年)

「The Age of AI Has Begun」Bill Gates(2023年)

徐 丙鉄(so.byonchol [at] gmail.com)

JavaScript

UI

  1. drag and drop list サンプル
  2. drag and drop img サンプル
  3. drag and drop 解説(pdf)

p5js

  1. p5js解説(pdf)
  2. p5.js ビギナー向けシートシート

Web Audio API

  1. スペクトログラム(声紋)

Web Speach API

  1. search Wikipedia
  2. search Wikipedia and read aloud
  3. search Wikipedia and Fliker
  4. 2017年5月20日公開講座「JavaScript基礎講座:キーワードを音声認識で入力し、Wikipediaを検索する」資料

Milkcocoa:リアルタイムデータ通信クラウドサービス

  1. スマホの加速度を送信

Web API

  1. docomo雑談対話API:基本
  2. docomo雑談対話API:音声認識
  3. Wikipedia
  4. Fliker
  5. Google Books

WebRTC

  1. WebRTCのまとめ

AR

  1. マーカー型ARのサンプル

WebGL,Three.jsを活用した3Dシミュレーション

  1. 自転しながら公転する地球
  2. 地形

Box2DWebを活用した力学シミュレーション

  1. ブロック崩し

加速度センサー

  1. 加速度のグラフ表示
  2. フラクタルツリー加速度計

Leap Motion

  1. 解説:Leap Motion JS
  2. Leap Earth:ThressJS+LeapMotion
  3. 指先にTekutama
  4. 5本の指先にTekutama
  5. Leap Fractal
  6. Leap Camera Control

Fractal

  1. Fractal Tree

Google Maps

  1. 参考:逆引きGoogle Maps APIリファレンス ver 3
  2. google maps 基本
  3. 現在地の地図とストリートビュウ:ポートレイトディスプレイ向け
  4. 現在地の地図とストリートビュウ:ラウンドディスプレイ向け
  5. 指定した住所の地図

その他

  1. 3つのアラーム付きストップウォッチ
  2. クリック楽譜:五線譜上をクリックすると音符が追加される
  3. ピアノ:クリックすると鍵盤が動き音が鳴る
  4. 自動演奏ピアノ 音源ファイル:sounds.zip
  5. ベクトルの合成:平行四辺形の規則
    解説
  6. ダーツ解説
  7. slide show:写真パラパラ
  8. ジャンピング・マリオ

HTML

layout viewportの指定<meta name="viewport" content="device-width.initial-scale=1">

CSS

Machine Learning

  1. アヤメの分類(Python)
  2. 手書き数字認識(Python)
  3. 手書き数字認識(JavaScript), TesorFlow.js
  4. 仮想眼鏡(PoseNet in ml5.js)
  5. 姿勢認識(PoseNet in ml5.js)
  6. 画像識別(JavaScript) ml5.js[基本]
  7. 画像識別(JavaScript) ml5.js[拡張]
  8. カメラで画像識別(JavaScript) clarifai general model
  9. 解説:face-api.js/README.md
  10. カメラで顔:検出、Land mark抽出,表情推定,年齢・性別推定(JavaScript)face-api.js
  11. 写真で顔認識:(JavaScript)face-api.js
  12. カメラで顔認識:(JavaScript)face-api.js
  13. 参考:表情分析(http://microexpression.jp/)
  14. 参考:物理屋のための深層学習(日本物理学会)
  15. YOLO物体検知:Web上の画像で物体検知(Colab)
  16. YOLO物体検知:Web cameraの画像で物体検知(Colab)

Web application

  1. cgi 処理系の指定: #! (shebang)
  2. [PHP] WebAPI:weather.livedoor.com

Python

  1. 変数は値のラベル(値の参照)
  2. pip(Pip installs Packages)Pythonパッケージ管理ツール
  3. Python入門 by Jupyterノートブック
  4. tkinter:摂氏・華氏変換アプリ[解説]
  5. cgi解説

Python参考

Ruby

  1. Ruby on Rails解説

Android

New

  1. Android Studio 2.1.1 WebView sample2[2016.7.7]
  2. Bluetooth Low Energy解説スライド
  3. Bluetooth Low Energy
  4. 画面の構成法
  5. ガワアプリの作り方
  6. dp(density-independent pixels)

解説

  1. Android SDK Version
  2. Androidプログラミングのスキーム
  3. Cacoo:Web上で図の作成&コラボ(Androidの雛型有)
  4. Intentの解説(pdf)
  5. AlarmManagerの解説(pdf)
  6. 解説ファイル(pdf) フラクタル・ツリー Fractal Tree apkファイル
  7. てくたま水準器(pdf);  Activity, ImageView
  8. CameraのpreviewをSurfaceViewに表示する(pdf)
  9. 学習時間記録:StudyTimeRecorder(pdf)
  10. SQLite(pdf)
  11. SQLiteサンプル(pdf)

参考

Java

  1. 錯視
  2. 正規分布
  3. 素数分布

Unity

  1. Unity解説(pdf)
  2. scriptで回転
  3. Textで時刻と速度表示

C

解説

  1. scanf とprintfの変換指定について
  2. printf解説
  3. pointer解説

参考

  1. 初心者のためのポイント学習 C言語
  2. C reference card
  3. JIS X3010:2003 C プログラミング言語(閲覧のみ)