BLOG
2020.11.24Jestを使ってwindow.locationやwindow.navigatorなどのwindow直下の変数(グローバル変数)にアクセスする関数のテストをする 💯
BLOG
2020.11.19A-FrameでARマーカーが回転したことを検知する 🔁
BLOG
2020.11.18VoxelでThree.jsに読み込み可能な3Dモデルをつくってアニメーションさせる 🏃♂️
BLOG
2020.11.17A-FrameでARマーカーが動いたことを検知する 🚗
BLOG
2020.11.16iOS12以前のmobile Safariではwindow、document、bodyにclickイベントを設定しても発火しない 🖱
BLOG
2020.11.15Canvasのピクセルデータを編集して動画をモノクロにする 🖼
BLOG
2020.11.14動的に生成したvideoタグを自動再生するときはmuted属性ではなくプロパティを変更する 🎥
BLOG
2020.11.12A-FrameでARマーカーを認識した時、認識が切れた時にコールバックイベントを設定する 💣
BLOG
2020.11.11A-Frameを使ってobjファイルをARで表示する 🐄
BLOG
2020.11.10A-Frameをつかって影とスポットライトをつくる 🔦
BLOG
2020.11.6A-Frameを使って、ARでボクセルのモデルを表示する 📦
BLOG
2020.11.5VoxelでThree.jsに読み込み可能な3Dモデルをつくる 📦
BLOG
2020.11.4Nuxt.js + TypeScript(+ nuxt-property-decorator) + SCSSでプロジェクトを作る ✌️
BLOG
2020.11.3A-Frameを使って爆速でつくったWebARにアニメーションを付ける 🥊
BLOG
2020.11.2YouTube IFrame Player APIで読み込んだ動画を自動で再生してループさせる 🎥
BLOG
2020.10.30TypeScriptでスクリプトファイルをimportする際に拡張子を省略する為のwebpack.config.jsの設定 📦
BLOG
2020.10.29Macのsayコマンドを使ってText to Speechの音声ファイルをつくる 💻
BLOG
2020.10.28A-Frameを使って爆速でWebARをつくる 💻
BLOG
2020.10.26jQueryを使ってページ内リンクのスクロールを実装する 🖱
BLOG
2020.10.23JavaScriptを1行も書くことなくドロワーメニューをつくる 💻
BLOG
2020.10.22Gitで削除してしまったファイルのログを確認する 🐱
BLOG
2020.10.21metaタグを使ってGoogleの検索結果に引っかからないようにする 🔍
BLOG
2020.10.20Vimeoにホスティングしたビデオをiframeからしか呼び出せなくする(vimeo.com上で非表示にする) 🎥
BLOG
2020.10.19Sublime Text 3でスニペットを登録・編集する 💻
BLOG
2020.10.16マイク入力をFFTで解析しながらwebkitSpeechRecognitionを使ってブラウザで音声認識する 🎙
BLOG
2020.10.15マイク入力をFFTで解析してビジュアライズする 🎙
BLOG
2020.10.14webkitSpeechRecognitionを使ってブラウザで音声認識を試す 🎙
BLOG
2020.10.13ElectronでPush通知を送るMacアプリをつくる 👀
BLOG
2020.10.12iOSでvideoタグのposter属性を省略するとサムネイルが表示されない 🎥
BLOG
2020.10.9iOSでダウンロード属性を試して動画のダウンロードを試みる 📱
ar-fox
AFrameでWebARを試しました
ar-motion-detection
WebARのマーカーの動体検知を試しました
arena
Arenaの表示確認用
arupin
ルパンっぽいWebARをつくりました
attr
data属性の値をCSS内で取得してみました
audio/autoplay
audioタグのautoplay属性確認用
autocapitalize
autocapitalize属性確認用
bom
canvasで動画の緑の部分を透過させてみました
canvas-monochro
canvasで動画をモノクロにしてみました
car
Cのマーカーに車を出現させるARです
chartist
Chartist.jsを使って円グラフを描画してみました
cow
WebARで牛を表示してみました
cube
Three.jsでcubeをレンダリングしてみました
data-attribute
data属性を動的に変更してスタイルが反映されるかを確認しました
devicemotion
加速度センサへのアクセスを試みました
deviceorientation
ジャイロセンサへのアクセスを試みました
distortion-image
Canvasで画像を歪ませてみました
download
download属性確認用
fft
FFTテスト用
file-upload
inputタグを使ったファイルアップローダー
fixed
position:fixedが無効になる組み合わせを調査
font-weight
font-weight確認用
googleform
GoogleForm確認用
input-inputmode
input-inputmode属性確認用
input-type
input-type属性確認用
katazukue
ARマーカーの認識が切れた秒数をカウント
keyboard-scroll
スマホでキーボード出現時にその分だけスクロールするテスト
likelikelike
世界のいいねボタン
mic
マイク入力確認用
overflow-scroll
-webkit-overflow-scrolling: touch 不要説
post-message
post-message確認用
scroll-snap
CSSでスクロールスナップ
smallchat
smallchat確認用
speech-recognition
音声認識
togetherjs
TogetherJS確認用
vibration
バイブレーションAPI
video
単純なvideoタグ
window-click
windowへのclickイベント確認用
window-click/bubbling
windowへのclickイベント確認用(バブリング)
youtube/autoplay
YouTube iFrame APIでの自動再生