ZawaWorks’s diary

プログラミング技術メモ

JavaScript

p5js:スマホのブラウザ上でmouseX,mouseYが使えない問題と解決法

はじめに p5jsを使って簡単なお絵描きツールを作ろうとしたのですが、PC上ではマウスで線を描画できたのに、スマホ上ではタッチで線を描画することができませんでした。今回はその問題の解決法を紹介します。 環境設定 スマホ Xperia XZ スマホのブラウザ Go…

Node.jsでサーバーを立ててngrokで外部公開

はじめに Node.jsでサーバーを立てて、htmlファイルを読み込むとき、ローカルホストではなく外部からURLを開くと自分のPCのIPアドレスがバレバレになってしまいます。今回は、それを防ぐために、ngrokというサービスを使った話をします。 Node.jsでサーバを…

標高からきんモザのアリスちゃんを探してみた

はじめに 今回は大学のプログラミング授業で「APIを使ってWebサービスを作ろう」という課題で自分が提出した作品について語ろります。 Webサービスの説明 左にある地図をタップするとそこの標高が取得され、その標高に合わせてアニメ「きんいろモザイク」の…

GIFMAGAZINE APIをJavaScript/Node.jsで叩いてみた

はじめに プログラミングの授業で「Web APIを使ってWebサービスを作ろう」という課題が出たためいろいろとWeb APIを探していたときにこの「Gifmagazine-API」見つけました。ただリファレンスを読むとサンプルコードが書いていなかったためこの記事でJavaScri…

JavaScript:コード画像をテキストファイルに変換する

はじめに 僕が通っている大学ではCMP実習という授業があり、そこでHTMLやCSS、JavaScriptを教えてもらいます。その課題で「JavaScriptのライブラリを使ったプログラムを作ってきてね」と言われたので僕はTESSERACT.jsという文字認識ライブラリを使いコード画…