MENU

JavaScript

ローカル環境でストリーミングをとりあえず試したい

こんにちは、虎の穴ラボのおっくんです。 これまで虎の穴開発室ブログで、AWS Elemental MediaConvert を使った動画ストリーミングについての記事を2件公開しています。 toranoana-lab.hatenablog.com toranoana-lab.hatenablog.com 今回は、もっと手軽にお…

Googleスプレッドシートに書き込まれたらSlackに通知する

こんにちは、最近はサウナにハマってるS.Sです。今回は、Googleスプレッドシートに書き込みがったあった時に、Google Apps Script (以降、GAS)を使って、Slackに通知する方法をご紹介します。 サンプルで用意しました以下のスプレッドシートを使って説明し…

Tone.jsとp5.jsで音の発生を可視化する

こんにちは、年末年始に新しくWindows10の自作PCを組んだ虎の穴ラボのおっくんです。 昨年から、Web audioを取り扱うライブラリとしてTone.jsを使って、 ブラウザで音を鳴らしたりということをしていたのですが、一歩進んで再生する音を可視化したいと思いま…

Chart.jsでいい感じの色を自動で割り当てる!

こんにちは、虎の穴ラボのH.Kです。 今回はChart.jsで可変の表示要素に対していい感じの色を割り当てる方法をご紹介します。 この記事で解決する課題 取得したデータによって比較対象に当たる要素数が可変になるようなグラフ(Chart.js)に綺麗に色をつける …

WebAssemblyで遊んでみるその4〜WebAssemblyで非同期通信して脱衣(仮)ブロック崩しにする〜

皆さんこんにちは。虎の穴ラボのY.Fです。 前回は番外編として、WebWorkerを使ったCanvas描画について書きました。 (前回の記事) toranoana-lab.hatenablog.com

WebAssemblyで遊んでみる番外編〜Web Workerを使う〜

こんにちは、Y.Fです。 前回までは、Rustを使ったWebAssemblyの作成と、JavaScript側との協調などについて書いてきました。 前回の記事はこちら toranoana-lab.hatenablog.com 今回は、少しWebAssemblyから離れて、Web WorkerによるCanvas描画及び、Worker内…

WebAssemblyで遊んでみるその3〜RustとTypeScriptの分業〜

こんにちは、Y.Fです。 (前回の記事はこちら) toranoana-lab.hatenablog.com 前回はweb_sysを使ってDOM操作までRustで行っていましたが、以下の理由から分離したいと思います。 web_sys に OffscreenCanvasRenderingContext2d のラッパーが無い WebWorkerで…

WebAssemblyで遊んでみるその2〜web_sysでブロック崩し〜

こんにちは。とらのあなラボ所属のY.Fです。 前回のWebAssemblyの記事ではチュートリアルを通して環境構築&JavaScriptとWebAssemblyを連携する方向でアプリケーションを作成しました。 (前回の記事はこちら) toranoana-lab.hatenablog.com 今回は、web_sysと…

WebAssemblyで遊んでみる〜Rust+wasm-pack環境構築編〜

こんにちは。とらのあなラボ所属のY.Fです。 最近情報収集していると俄にWebAssemblyの盛り上がりを感じます。 私はフロントエンドベースにして、Web周りを何でもやるエンジニアとして働いているのですが、 フロントエンドやるにあたってWebAssemblyについて…

Ionicでアニメ情報を取得するスマホアプリを作ってみた

こんにちは、虎の穴ラボのS.Sです。普段は、WEBエンジニアをやっている私ですが、 今回は、Ionicを使って、簡単にスマホアプリを作ってみましたので、 その内容をご紹介させていただきます。 Ionicとは Ionicとは、Google社のAngularというアプリケーション…

AWS CloudFront API を使ったキャッシュ削除ツール

こんにちは、虎の穴ラボのS.Sです。季節の変わり目でもあり、最近は朝晩が少し肌寒くなりましたね。さて弊社の通販サイトでは、画像のキャッシュサーバーにAWS CloudFrontを利用していますが、 キャッシュしている画像をリンクはそのままに、今すぐに新しい…