ライブコーディング用 Webアプリ試作（20年2月）

 2020年2月1日
製作記
 JavaScript
 LiveCoding
 Tone.js
 Vue.js

Processing（p5.js）を使った音楽づくりページを、サブドメインに移植しました。

https://livecoding-example.hiroshi-nagayama.com/

今後は、ここで使用している仕組みを「Tone.js」「Vue.js」で置き換えて、再度作り直す予定です。

Google Chromeだけでなく、EdgeやSafariでしっかりと動くようになれば良いですね。

 新しい記事へ 古い記事へ

 記事一覧へ

投稿に関連する記事抜粋

投稿記事のカテゴリやタグと同じ記事をランダム表示します。

 PHPエラー：libicuio.66.dylib
（2020年6月15日）
製作記
 Homebrew
 PHP
 phpenv
 Tec-Mu を更新
（2020年12月22日）
テクミュ（Tec-Mu）
製作記
 iPad
 WebAudioAPI
 テクミュ（Tec-Mu）
 Mac の Command Line Tools が見つからない
（2020年2月6日）
製作記
 npm
 XCode
 コマンドライン・ツール
 Vue.js 苦戦中
（2020年4月9日）
Vue.js
製作記
 ESLint
 npm
 Vue.js
 [WebAudioAPI] localhostで実行時，Safariで音が鳴らない場合
（2022年6月23日）
JavaScript（JS）
テクミュ（Tec-Mu）
製作記
 JavaScript
 WebAudioAPI
 テクミュ（Tec-Mu）

直近の記事一覧

 成田経由盛岡入 （2023年3月31日）
 学位取得 （2023年3月23日）
 「転生」したら「広電」 （2022年9月5日）
 [Word] テキストボックスでの段組は不可能。 （2022年8月23日）
 [Word] Mac 版のWordはスタイルの並び替えができない （2022年8月20日）

カテゴリ一覧

 雑談（166）
 アニメ（19）
 ゲーム（12）
 ドラマ（3）
 パソコン（33）
 小説（3）
 広島東洋カープ（16）
 映画（11）
 漫画（31）
 音楽（58）
 製作記（82）
 CakePHP（3）
 CentOS（4）
 JavaScript（JS）（8）
 Nuxt.js（4）
 Vue.js（18）
 WordPress（22）
 料理（10）
 テクミュ（Tec-Mu）（18）

月別一覧

タグ一覧

 平沢進（25）
 WordPress（22）
 新型コロナウイルス（20）
 JavaScript（19）
 Vue.js（18）
 広島東洋カープ（17）
 テクミュ（Tec-Mu）（15）
 PHP（12）
 Windows（11）
 TypeScript（10）
 node.js（10）
 MacBookPro（10）
 TSUTAYA（10）
 TYPE-MOON（10）
 macOS（9）
 Apple（9）
 Webpack（8）
 Mac（8）
 ウクライナ危機（8）
 npm（7）
 Office（7）
 ZCON（7）
 魔法使いの夜（7）
 ロシア（7）
 Bootstrap（6）
 桜（6）
 Amazon（6）
 ダーティペア（6）
 伊集院光（6）
 ウクライナ（6）
 モーニング（5）
 ハコヅメ～交番女子の逆襲～（5）
 サウンドトラック（5）
 iPad（5）
 Amazon Prime（5）
 紛争でしたら八田まで（5）
 EndNote（5）
 竹箒（5）
 .htaccess（4）
 Atom（4）
 iCloud（4）
 phpenv（4）
 Kindle（4）
 CentOS（4）
 WebAudioAPI（4）
 Search Replace DB（4）
 Homebrew（4）
 福間創（4）
 AppleCare+（4）
 ラーメン（4）
 月姫（4）
 月曜日のたわわ（4）
 ジャガイモ（4）
 人参（4）
 ピーマン（4）
 Microsoft（4）
 Adobe（3）
 MySQL（3）
 山田祥寛（3）
 キンモクセイ（3）
 コマンドライン・ツール（3）
 奈須きのこ（3）
 梶浦由記（3）
 マスク（3）
 Catalina（3）
 Vuex（3）
 鶴田浩二（3）
 ESLint（3）
 iPhone（3）
 仲代達矢（3）
 VirtualBox（3）
 BEACON（3）
 NHK（3）
 P-MODEL（3）
 由紀さおり（3）
 FILTER（3）
 鎌倉殿の１３人（3）
 特撮（3）
 Kalafina（3）
 機動警察パトレイバー 2 the Movie（3）
 Twitter（3）
 TSUTAYAディスカス（3）
 SDGs（3）
 タマネギ（3）
 XCode（2）
 Angular（2）
 cakephp（2）
 スタンリー・キューブリック（2）
 認証（2）
 Auth（2）
 Nuxt.js（2）
 河合克敏（2）
 モンキーターン（2）
 競艇（2）
 Webフォント（2）
 フタバ図書（2）
 100日後に死ぬワニ（2）
 YouTube（2）
 Gutenberg（2）
 秦三子（2）
 菅野よう子（2）
 竹中直人（2）
 Docker（2）
 Ubuntu（2）
 夢みる機械（2）
 フルメタル・ジャケット（2）
 ハートマン軍曹（2）
 空の境界（2）
 ロキソニン（2）
 rbenv（2）
 OpenSSL（2）
 GitHub（2）
 XAMPP（2）
 ATOK（2）
 菅原文太（2）
 OneDrive（2）
 Backblaze（2）
 ロリポップ（2）
 ZARD（2）
 Amazon Music（2）
 Apple Music（2）
 Netflix（2）
 中井貴一（2）
 電気グルーヴ（2）
 石野卓球（2）
 FileMaker（2）
 React（2）
 斉藤由貴（2）
 Let's Encrypt（2）
 SSL（2）
 certbot（2）
 ガソリン（2）
 GIGAスクール構想（2）
 ラクウル（2）
 Apple Trade In（2）
 幸せカナコの殺し屋生活（2）
 ジーンブライド（2）
 卑弥呼 －真説・邪馬台国伝－（2）
 乾と巽―ザバイカル戦記―（2）
 インビンシブル（2）
 M1（2）
 MAX（2）
 CrossOver（2）
 Intel（2）
 ヤクルトスワローズ（2）
 CSS（2）
 映像の世紀プレミアム（2）
 映像の世紀（2）
 すぎやまこういち（2）
 若林稔弥（2）
 Google Analytics（2）
 大友克洋（2）
 ヒストリエ（2）
 アフタヌーン（2）
 supercell（2）
 ダークダックス（2）
 日本郵便（2）
 LogicPro（2）
 センゴク権兵衛（2）
 ヤングマガジン（2）
 TBSラジオ（2）
 MLB（2）
 鈴木誠也（2）
 radiko（2）
 Googleレンズ（2）
 ニチレイ（2）
 卵（2）
 やくしまるえつこ（2）
 夏至（2）
 テキストマイニング（2）
 KH Coder（2）
 テロリズム（2）
 安倍晋三（2）
 Word（2）
 au（2）
 高野ひと深（1）
 ミートイン成田（1）
 XQuartz（1）
 あいまいみー（1）
 ぼのぼの（1）
 Sculpture（1）
 転生したらスライムだった件（1）
 広島電鉄（1）
 エクセルサーガ（1）
 ニーノ・ロータ（1）
 日曜討論（1）
 村上宗隆（1）
 輻輳（1）
 マクブルーム（1）
 ロバート・マクナマラ（1）
 Safari（1）
 ワーテルロー（1）
 チャイコフスキー（1）
 ピアノ協奏曲（1）
 盛岡駅（1）
 LiveCoding（1）
 session（1）
 PDF（1）
 時計じかけのオレンジ（1）
 この世界の（さらにいくつもの）片隅に（1）
 日本のいちばん長い日（1）
 沖縄決戦（1）
 高岡亜衣（1）
 FontAwesome（1）
 Google Fonts（1）
 鉄人28号（1）
 ディストピア（1）
 監視カメラ（1）
 クレーンゲーム（1）
 24曼荼羅（不死MANDALA）（1）
 Jetpack（1）
 oEmbed（1）
 中国女（1）
 ハコヅメ別章（1）
 ぷよぷよ（1）
 プログラミング（1）
 ライブ・コーディング（1）
 ベーシック・マガジン（1）
 GHOST IN THE SHELL（1）
 攻殻機動隊（1）
 押井守（1）
 神山健治（1）
 士郎正宗（1）
 Wayvern（1）
 Flashback Memory Plug（1）
 RHEL（1）
 Apache（1）
 heroku（1）
 VPS（1）
 Canvas（1）
 Adobe Animate（1）
 Unity（1）
 Edge Animate（1）
 Flash（1）
 fibers（1）
 Visual Studio Code（1）
 SimplePasswordHasher（1）
 BlowfishPasswordHasher（1）
 パーミッション（1）
 FUJI ROCK FESTIVAL（1）
 会然TREK 2K20（1）
 フ・ル・ヘッ・ヘッ・ヘッ（1）
 SkiFree（1）
 窓の杜（1）
 FM-TOWNS（1）
 イエティ（1）
 Abominable Snow Monster（1）
 レトロゲーム（1）
 Google Search Console（1）
 突撃（1）
 スパルタカス（1）
 カーク・ダグラス（1）
 赤狩り（1）
 トランボ—ハリウッドに最も嫌われた男（1）
 トランボ（1）
 ロリータ（1）
 ナボコフ（1）
 博士の異常な愛情（1）
 2001年宇宙の旅（1）
 ハル9000（1）
 デイジー・ベル（1）
 CG（1）
 装甲騎兵ボトムズ（1）
 シャイニング（1）
 ミッキーマウス・マーチ（1）
 バリー・リンドン（1）
 アイズ・ワイド・シャット（1）
 ウォルター・カルロス（ウェンディ・カルロス）（1）
 レーザー・ディスク（1）
 雨に唄えば（1）
 Sing in the rain（雨に唄えば）（1）
 山崎豊子（1）
 ビブリア古書堂の事件手帖（1）
 アニマル連邦（1）
 あべまん（1）
 堺屋太一（1）
 歴史からの発想（1）
 .gitignore（1）
 cURL（1）
 MariaDB（1）
 DBeaver（1）
 Adobe Acrobat Reader（1）
 Laravel（1）
 Rails（1）
 Zsh（1）
 php-build（1）
 pkg-config（1）
 krb5（1）
 .zshenv（1）
 BZip2（1）
 libiconv（1）
 zlib（1）
 icu4c（1）
 oniguruma（1）
 LibTidy（1）
 libzip（1）
 libxml2（1）
 XDebug（1）
 .zshrc（1）
 ext-intl（1）
 ElementUI（1）
 Gulp（1）
 ユニバーサル・デザイン（UD）（1）
 信号機（1）
 夕焼け小焼け（1）
 あゝ決戦航空隊（1）
 FAT32（1）
 NTFS（1）
 exFAT（1）
 BunBackup（1）
 Backup（1）
 phpMyAdmin（1）
 ソフマップ（1）
 MacBook（1）
 メガネ（1）
 アオイホノオ（1）
 ウルフルズ（1）
 王立宇宙軍 オネアミスの翼（1）
 庵野秀明（1）
 北村一輝（1）
 日本の悲劇（1）
 日本の黒い夏（1）
 ピエール瀧（1）
 File Maker（1）
 Tone.js（1）
 優駿（1）
 三枝成彰（1）
 A（1）
 森達也（1）
 snapd（1）
 Bravura（1）
 Bravura Text（1）
 ダンチョネ節（1）
 ありがとうさようなら（1）
 川谷拓三（1）
 太宰治（1）
 人間失格（1）
 名犬ラッシー（1）
 日曜名作座（1）
 新日曜名作座（1）
 西田敏行（1）
 竹下景子（1）
 古関裕而（1）
 森繁久弥（1）
 加藤道子（1）
 紅萌ゆる丘の花（1）
 伊藤久男（1）
 光村図書（1）
 国語（1）
 指導書（1）
 お手紙（1）
 古谷徹（1）
 ふきのとう（1）
 P-45（1）
 YAMAHA（1）
 水素（1）
 MIRAI（1）
 トヨタ（1）
 ディーゼル（1）
 軽油（1）
 ガソリン代（1）
 ICT（1）
 AudioHijack（1）
 webpack-dev-server（1）
 ソフトバンク（1）
 IPv4（1）
 IPv6（1）
 頭上の敵機（1）
 オナモミ（1）
 刷ったもんだ！（1）
 キングダム（1）
 出禁のモグラ（1）
 望郷太郎（1）
 バトルスタディーズ（1）
 アンメット（1）
 昭和のグラゼニ（1）
 ボールパークでつかまえて！（1）
 チェーザレ（1）
 Final Cut（1）
 EDIUS（1）
 Chrome（1）
 銀河英雄伝説（1）
 ボーステック（1）
 らいとすたっふ（1）
 Hackintosh（1）
 Google（1）
 DDR5（1）
 PCI Express（1）
 NVIDIA（1）
 ベルセルク（1）
 三浦建太郎（1）
 Aria（1）
 BERSERK 〜Forces〜（1）
 灰よ（1）
 Ash Crow（1）
 SPA（1）
 中原めいこ（1）
 ロ・ロ・ロ・ロシアン・ルーレット（1）
 宇宙恋愛（1）
 鏡の中のアクトレス（1）
 サンライズ（1）
 スタジオぬえ（1）
 木森敏之（1）
 99Harmony（1）
 君は何かができる（1）
 ありがとう（1）
 インタラクティブ・ライブ（1）
 WORLD CELL 2015（1）
 ホログラムを登る男（1）
 九条の大罪（1）
 真鍋昌平（1）
 カバチタレ！（1）
 闇金ウシジマくん（1）
 五等分の花嫁（1）
 金田一少年の事件簿（1）
 異人館村殺人事件（1）
 かってに改造（1）
 久米田康治（1）
 ラブひな（1）
 銀河万丈（1）
 Display Audio（1）
 ドラゴンクエスト（1）
 堀井雄二（1）
 点と線（1）
 松本清張（1）
 桃井はるこ（1）
 Another Day（1）
 突弦変異（1）
 ANOTHER GAME（1）
 テコンダー朴（1）
 Lab=01（1）
 ことぶき光（1）
 阿佐ヶ谷姉妹（1）
 細かすぎて伝わらないモノマネ選手権（1）
 安田祥子（1）
 水牛（1）
 小川貴之（1）
 青天を衝け（1）
 渋沢栄一（1）
 ボートレース（1）
 賞金王決定戦（1）
 ボートレースグランプリ（1）
 モンキーターンV（1）
 瓜生正義（1）
 峰竜太（1）
 Alma Linux（1）
 Rocky Linux（1）
 ブライアン・イーノ（1）
 Amiga（1）
 KAGOYA（1）
 Vultr（1）
 CentOS Stream（1）
 ぱちん娘。（1）
 極悪がんぼ（1）
 Tape MELLO-FI（1）
 Plugin Boutique（1）
 Arturia（1）
 DTM（1）
 AKIRA（1）
 芸能山城組（1）
 沙村広明（1）
 波よ聞いてくれ（1）
 四季童子（1）
 フルメタル・パニック！（1）
 下川みくに（1）
 武本康弘（1）
 ジーザス（1）
 七月鏡一（1）
 藤原芳秀（1）
 皆川亮二（1）
 こやまひろかず（1）
 武内崇（1）
 星が瞬くこんな夜に（1）
 デヴィッド・ボウイ（1）
 ヒューイ・ルイス（1）
 ミワさんなりすます（1）
 青木U平（1）
 ビッグコミックオリジナル（1）
 魔改造の夜（1）
 NHKオンデマンド（1）
 田中敦子（1）
 ドンケツ（1）
 美山薫子（1）
 偽装カレシに愛されてしまいました（1）
 沢田のアニキ（1）
 Apple Lossless（1）
 Air Pods Pro（1）
 MP3（1）
 AAC（1）
 Bluetooth（1）
 太陽の下で—真実の北朝鮮—（1）
 金日成（1）
 金正日（1）
 金正恩（1）
 マッドハウス（1）
 ユースケース図（1）
 ソフトウェア構成図（1）
 ハードウェア構成図（1）
 システム基盤（1）
 滝廉太郎（1）
 雪（1）
 草燃える（1）
 真田丸（1）
 三谷幸喜（1）
 黄金の日日（1）
 草刈正雄（1）
 石坂浩二（1）
 麒麟がくる（1）
 池辺晋一郎（1）
 仮想通貨（1）
 マイニング（1）
 ノートン（1）
 Winny（1）
 WinMX（1）
 ターンAガンダム（1）
 ちょきんぎょ（1）
 日本郵政（1）
 シーランド王国（1）
 大学入学共通テスト（1）
 TBS（1）
 大沢悠里（1）
 佐々木望（1）
 福井晴敏（1）
 富野由悠季（1）
 月の珊瑚（1）
 浦沢直樹（1）
 Mendeley（1）
 XitStick（1）
 XitMobile（1）
 筑波山麓合唱団（1）
 デュークエイセス（1）
 ボニージャックス（1）
 仙石秀久（1）
 COBOL（1）
 平野歩夢（1）
 羽生結弦（1）
 メビウス荒野（1）
 Magia（1）
 大槻ケンヂ（1）
 ライブアライブ（1）
 なれる！SE（1）
 夏海公司（1）
 ヒカシュー（1）
 巻上公一（1）
 機動戦士ガンダムF91（1）
 MS-IME（1）
 日本語入力（1）
 キーボードレイアウトの切り替え（1）
 ハイブリッド戦争（1）
 石崎汽船（1）
 キヤノン（1）
 PosterArtist（1）
 NATO（1）
 アメリカ（1）
 中国共産党（1）
 ディアスポリス（1）
 高貴な城（1）
 森本毅郎（1）
 森本毅郎・スタンバイ！（1）
 CoCo（1）
 らんま1/2（1）
 EQUALロマンス（1）
 思い出がいっぱい（1）
 郵便局（1）
 郵便ポスト（1）
 真実の口（1）
 ローマの休日（1）
 フェイク・ニュース（1）
 小林よしのり（1）
 西村博之（1）
 松本サリン事件（1）
 鮎川麻弥（1）
 萩田光雄（1）
 久保田早紀（1）
 異邦人（1）
 ロックアウト（1）
 国際ドラフト（1）
 チェチェン（1）
 小野大輔（1）
 渡辺雅史（1）
 ガーベラ（1）
 その時私はTAXIを停めた（1）
 天馬ルミ子（1）
 アラセイトウ（1）
 sprinter（1）
 新井貴浩（1）
 金本知憲（1）
 北山亘基（1）
 新庄剛志（1）
 日本ハムファイターズ（1）
 オープナー（1）
 東京ガーデンシアター（1）
 ASHURA CLOCK（1）
 Zoom（1）
 Suica（1）
 Apple Watch（1）
 抗原検査（1）
 Parallel Desktop（1）
 宮下英樹（1）
 センゴク外伝 桶狭間戦記（1）
 DAZN（1）
 DAZN for docomo（1）
 MELTY BLOOD（1）
 蒼崎青子（1）
 八代亜紀（1）
 八神純子（1）
 みずいろの雨（1）
 山谷ブルース（1）
 残酷な天使のテーゼ（1）
 新世紀エヴァンゲリオン（1）
 岡林信康（1）
 川井憲次（1）
 MagicKeyboard（1）
 電気自動車（1）
 エクスプレス交換（1）
 富士通（1）
 FMV Prime（1）
 フィッシング詐欺（1）
 給付金（1）
 小室哲哉（1）
 TM Network（1）
 Be Together（1）
 カレー（1）
 冷蔵庫（1）
 森林公園（1）
 ツツジ（1）
 吊り橋（1）
 展望台（1）
 餃子（1）
 冷凍食品（1）
 冷凍餃子（1）
 目玉焼き（1）
 ゆっくり茶番劇（1）
 のまネコ（1）
 nginx（1）
 カルロス・ゴーン（1）
 機動戦士ガンダム（1）
 ククルス・ドアンの島（1）
 InternetExplorer（1）
 Edge（1）
 Microsoft Edge Surf（1）
 本格炒め炒飯®（1）
 ネギ（1）
 相対性理論（1）
 米倉千尋（1）