コンピュータ 自作スプライトエディタで作ったJSONをCanvasで再生する最小サンプル
サンプルコードの概要何をするコードか 8×8スプライト × 4フレームのアニメーションを表示する最小サンプル スプライトデータは JSONをコードに直接貼り付け HTML5 Canvas + JavaScriptのみで動作 ゲームループ +...
javascript
コンピュータ 
コンピュータ Firebase FirestoreをJavaScriptから使うチュートリアル
Firebase Firestore は、Web やアプリから 直接アクセスできるクラウド型の NoSQL データベースです。リアルタイム同期と柔軟なデータ構造により、サーバーを書かずに動的なアプリを作れます。認証（Firebase Aut...
コンピュータ Firebase Authentication を JavaScript から使うチュートリアル
Firebase Authentication は、Web やアプリに ログイン機能を簡単に追加できる認証サービスです。メール／パスワードや Google などの 外部アカウント認証を安全に扱えます。発行される ユーザーID（uid）を使っ...
コンピュータ Pixabay API を使って検索文字列から画像を取得できる Node.js の CLI スクリプト
Pixabay（ピクサベイ）は、写真・イラスト・動画を無料で利用できる素材サイトです。すべての画像は商用利用可能で、クレジット表記も不要という扱いやすさが特徴です。また公式 API が公開されており、キーワード検索で画像情報を取得できるため...
コンピュータ HTML+CSS+JavaScriptで作るサウンドノベル
分岐の無いサウンドノベルの雛形を作成してみました。ファイル構成J:\GIT\MY-DEMO-APP\SOUND_NOVEL| game.js| index.html| MakeVoice.ps1| style.css|+---images|...
コンピュータ Flutter × Firebase：Shared Clipboard Webアプリを作成・公開する話
Flutter と Firebase を組み合わせると、Web・Android・iOS に対応したアプリを、ほぼ同じコードで作成できます。今回はその学習テーマとして「Shared Clipboard（共有クリップボード）」という単純なアプリ...
コンピュータ Node.js + TypeScript で動かす最小の Hello World
最近はJavaScriptを直書きせずに、TypeScriptから生成するのが主流という話を聞きました。Node.jsを導入したことでもありますしTypeScriptも試してみたいと思います。TypeScript のインストールNode.j...
コンピュータ Dart 入門：WiFi接続情報QR生成ツール（Dart Web版）
WiFi接続のためのQRコードを生成するアプリをDart Webで作成します。プロジェクトの作成dart create -t web-simple wifi_qrcd wifi_qrcode .ソースコードファイル名:index.html<...
コンピュータ Dart 入門：言語概要（Web向け）
Webページを作成するために必要そうな機能を調べてみました。変数宣言var型推論あり、再代入OK(JS/TS ... let)final型再代入不可、ただし値自体が変更可能な場合あり(JS/TS ... cosnt)constコンパイル時定...
コンピュータ Dart 入門：Dart Web入門
Dart Web アプリを作成し、GitHub Pages で公開してみます。Dart言語とはDart は TypeScript と同じく、最終的には JavaScript を生成して動作するタイプの言語です。現在では JavaScript...
コンピュータ Dart 入門：Windows11で開発環境を構築した話
Dart は Google が開発したモダン言語で、素直な文法ネイティブ実行JavaScript へのコンパイル静的型付けシングルバイナリ配布などが魅力のシンプルなプログラミング言語です。手元にあるWindows11PCでvscodeを軸と...
コンピュータ JavaScriptの使い方 – Node.js編
JavaScriptの学習の一環で、node.jsを使いコンソールで動くスクリプト言語としての使い方を学びたいと思います。はじめにかつてJavaScriptは、Webブラウザ上でHTMLのDOM操作を行うためのスクリプト言語でした。しかし、...
コンピュータ WebブラウザでJavaScriptを使いクリップボード経由で画像を貼り付けることは出来ますか？
画像を Ctrl+V で貼り付けてください。※このページは実際動作します。画像はサーバーにアップロードはされません。ソースコード・HTML<div id="drop" contenteditable="true">画像を Ctrl+V で貼...
コンピュータ JavaScriptで作る！間違い探しのチートツール「ブラウザで画像の違いを検出」
2枚の画像を比較し差分を表示するWebツールです。画像はサーバーにアップロードされません。Webブラウザ内でJavaScriptで画像を比較しています。画像ファイルをドロップしてください画像ファイルをドロップしてください差分を表示・ソースコ...