miku3.net
FirebaseやHTML5のサンプルを掲載したお試しサイトです
Firebase
認証
/auth/mail/
- メール認証
/auth/mail2/
- メール認証(存在確認付き)
/auth/logout/
- ログアウト
/auth/anonymously1/
- 匿名認証
/auth/twitter/
- Twitterログイン
/auth/facebook/
- Facebookログイン
/auth/google/
- Googleログイン
/auth/github/
- GitHubログイン
/auth/sms/
- 電話番号ログイン
/auth/multi/
- 全部入り
/auth/multi2/
- 全部入り(紐付け)
データベース
/db/firestore1/
- CRUD
/db/firestore2/
- チャット その1
/db/firestore3/
- チャット その2 (ログイン対応)
/db/firestore4/
- チャット その3 (削除対応)
/db/firestore5/
- チャット その4 (NGワード対応)
HTML5
Fetch API
GET
POST(ファイルのアップロード)
Canvas
文字
テキスト(塗りつぶし)
テキスト(輪郭)
色
フォント
画像
貼り付け
拡大/縮小
切り抜き
図形の描画
四角形
四角形(クリア)
円(輪郭)
円(塗りつぶし)
円(一部が欠けた円)
直線
円弧
曲線(2次ベジュ曲線)
曲線(3次ベジュ曲線)
三角形
アニメーション
setInterval()
requestAnimationFrame()
Canvas合体
Canvasダウンロード
Canvasをサーバへ送信
Web Animation
フェードイン/フェードアウト
(
setInterval版
)
データベース
WebStorage
カウンター
IndexedDB
画像ファイルをキャッシュ
音声
audioタグ
再生と停止
事前ダウンロード
フェードイン・フェードアウト
howler.js
再生と停止
現在の再生時間を表示(timeupdate相当の処理)
AudioSprite
ステレオ操作(パン)
デバイス
フルスクリーン
端末の向き
カメラ
カメラ(前後交代)
カメラ(フレーム付き)
カメラ(QRコードリーダー)
並列処理
文字列を反転する
- Dedicated Workers版
文字列を反転する
- Shared Workers版
その他
Sign In with Apple JS
JavaScript
キーボード入力