develop.kimizuka.org

  1. BLOG

    2020.11.24

    Jestを使ってwindow.locationやwindow.navigatorなどのwindow直下の変数(グローバル変数)にアクセスする関数のテストをする 💯

  2. BLOG

    2020.11.19

    A-FrameでARマーカーが回転したことを検知する 🔁

  3. BLOG

    2020.11.18

    VoxelでThree.jsに読み込み可能な3Dモデルをつくってアニメーションさせる 🏃‍♂️

  4. BLOG

    2020.11.17

    A-FrameでARマーカーが動いたことを検知する 🚗

  5. BLOG

    2020.11.16

    iOS12以前のmobile Safariではwindow、document、bodyにclickイベントを設定しても発火しない 🖱

  6. BLOG

    2020.11.15

    Canvasのピクセルデータを編集して動画をモノクロにする 🖼

  7. BLOG

    2020.11.14

    動的に生成したvideoタグを自動再生するときはmuted属性ではなくプロパティを変更する 🎥

  8. BLOG

    2020.11.12

    A-FrameでARマーカーを認識した時、認識が切れた時にコールバックイベントを設定する 💣

  9. BLOG

    2020.11.11

    A-Frameを使ってobjファイルをARで表示する 🐄

  10. BLOG

    2020.11.10

    A-Frameをつかって影とスポットライトをつくる 🔦

  11. BLOG

    2020.11.6

    A-Frameを使って、ARでボクセルのモデルを表示する 📦

  12. BLOG

    2020.11.5

    VoxelでThree.jsに読み込み可能な3Dモデルをつくる 📦

  13. BLOG

    2020.11.4

    Nuxt.js + TypeScript(+ nuxt-property-decorator) + SCSSでプロジェクトを作る ✌️

  14. BLOG

    2020.11.3

    A-Frameを使って爆速でつくったWebARにアニメーションを付ける 🥊

  15. BLOG

    2020.11.2

    YouTube IFrame Player APIで読み込んだ動画を自動で再生してループさせる 🎥

  16. BLOG

    2020.10.30

    TypeScriptでスクリプトファイルをimportする際に拡張子を省略する為のwebpack.config.jsの設定 📦

  17. BLOG

    2020.10.29

    Macのsayコマンドを使ってText to Speechの音声ファイルをつくる 💻

  18. BLOG

    2020.10.28

    A-Frameを使って爆速でWebARをつくる 💻

  19. BLOG

    2020.10.26

    jQueryを使ってページ内リンクのスクロールを実装する 🖱

  20. BLOG

    2020.10.23

    JavaScriptを1行も書くことなくドロワーメニューをつくる 💻

  21. BLOG

    2020.10.22

    Gitで削除してしまったファイルのログを確認する 🐱

  22. BLOG

    2020.10.21

    metaタグを使ってGoogleの検索結果に引っかからないようにする 🔍

  23. BLOG

    2020.10.20

    Vimeoにホスティングしたビデオをiframeからしか呼び出せなくする(vimeo.com上で非表示にする) 🎥

  24. BLOG

    2020.10.19

    Sublime Text 3でスニペットを登録・編集する 💻

  25. BLOG

    2020.10.16

    マイク入力をFFTで解析しながらwebkitSpeechRecognitionを使ってブラウザで音声認識する 🎙

  26. BLOG

    2020.10.15

    マイク入力をFFTで解析してビジュアライズする 🎙

  27. BLOG

    2020.10.14

    webkitSpeechRecognitionを使ってブラウザで音声認識を試す 🎙

  28. BLOG

    2020.10.13

    ElectronでPush通知を送るMacアプリをつくる 👀

  29. BLOG

    2020.10.12

    iOSでvideoタグのposter属性を省略するとサムネイルが表示されない 🎥

  30. BLOG

    2020.10.9

    iOSでダウンロード属性を試して動画のダウンロードを試みる 📱

  1. ar-fox

    AFrameでWebARを試しました

  2. ar-motion-detection

    WebARのマーカーの動体検知を試しました

  3. arena

    Arenaの表示確認用

  4. arupin

    ルパンっぽいWebARをつくりました

  5. attr

    data属性の値をCSS内で取得してみました

  6. audio/autoplay

    audioタグのautoplay属性確認用

  7. autocapitalize

    autocapitalize属性確認用

  8. bom

    canvasで動画の緑の部分を透過させてみました

  9. canvas-monochro

    canvasで動画をモノクロにしてみました

  10. car

    Cのマーカーに車を出現させるARです

  11. chartist

    Chartist.jsを使って円グラフを描画してみました

  12. cow

    WebARで牛を表示してみました

  13. cube

    Three.jsでcubeをレンダリングしてみました

  14. data-attribute

    data属性を動的に変更してスタイルが反映されるかを確認しました

  15. devicemotion

    加速度センサへのアクセスを試みました

  16. deviceorientation

    ジャイロセンサへのアクセスを試みました

  17. distortion-image

    Canvasで画像を歪ませてみました

  18. download

    download属性確認用

  19. fft

    FFTテスト用

  20. file-upload

    inputタグを使ったファイルアップローダー

  21. fixed

    position:fixedが無効になる組み合わせを調査

  22. font-weight

    font-weight確認用

  23. googleform

    GoogleForm確認用

  24. input-inputmode

    input-inputmode属性確認用

  25. input-type

    input-type属性確認用

  26. katazukue

    ARマーカーの認識が切れた秒数をカウント

  27. keyboard-scroll

    スマホでキーボード出現時にその分だけスクロールするテスト

  28. likelikelike

    世界のいいねボタン

  29. mic

    マイク入力確認用

  30. overflow-scroll

    -webkit-overflow-scrolling: touch 不要説

  31. post-message

    post-message確認用

  32. scroll-snap

    CSSでスクロールスナップ

  33. smallchat

    smallchat確認用

  34. speech-recognition

    音声認識

  35. togetherjs

    TogetherJS確認用

  36. vibration

    バイブレーションAPI

  37. video

    単純なvideoタグ

  38. window-click

    windowへのclickイベント確認用

  39. window-click/bubbling

    windowへのclickイベント確認用(バブリング)

  40. youtube/autoplay

    YouTube iFrame APIでの自動再生