Javascript

1/5ページ

Electron IPC通信を行う方法まとめ

IPCとは Electronは、アプリケーション本体を管理している メインプロセス と、画面(html)を表示している レンダラプロセス の2種類のプロセスから構成されます。 基本的に、レンダラプロセスはブラウザなので通常の Javascript が使え、メインプロセスでは Node.js が使えます。したがってユーザーの操作をUIで受け取り、OSネイティブの機能を利用しようとすると、プロセス間で […]

[NodeJS] log4js でログをいい感じに出力する方法

log4js とは log4js-node/log4js-node: A port of log4js to node.js log4js というログ出力用のフレームワークがあります。これを使うとNodeJS上からログをいい感じに出力できるようになります。 console.log() を使うよりも見やすくコンソールに出力できるほか、以下のような機能をサポートしています。 stdout, stder […]

CircleCI で Firebase Hosting, CloudFunctions をビルド&デプロイする方法

CircleCI に Firebase のデプロイしたい Firebase(Hosting, CloudFunctions) へのデプロイを CircleCI を通じて行う方法をまとめます。 GitHub の master ブランチへプッシュが行われると自動的にビルドとデプロイを行えるようにします。 前提 本記事で紹介する手順では以下の環境を前提とします。 npm を使用 Firebase Hot […]

[Firebase] Cloud Functions を開発デプロイする方法入門

Firebase Cloud Functions とは Cloud Functions for Firebase | Firebase Cloud Functions for Firebase を使用すると、Firebase 機能や HTTPS リクエストによってトリガーされたイベントに応じて、バックエンド コードを自動的に実行できます。 要するに何かしらのイベントをトリガーにして任意のコード(J […]

[Javascript] Service Worker 初心者入門、概要から使い方まで

Service Worker とは Service Worker とは、Webページとは別にバックグラウンド(別スレッド)で動作するJavascript環境のことです。Javascriptは言語仕様として単一スレッドでしか動作することができませんが、Service Worker を使うことでこれを実現できます。 Service Worker を使用することでプッシュ通知やバックグラウンドでのデータ […]

[Javascript] Mapクラスを使った連想配列の定義方法

Javascriptで連想配列を定義 連想配列(あるいは辞書型やハッシュテーブル)は、従来のJavascriptの機能として直接的には提供されていませんでした。代わりに、Javascriptでは連想配列の機能を実現するためにObjectを使っていました。 上記の通り、一通りデータの操作は可能ですが、若干無理しているところはあります。特にデータの削除は delete を使ってオブジェクトのプロパティ […]

Javascriptでファイル選択した画像を表示する方法

<input type="file">で選択した画像を表示したい <input type="file">を使って選択した画像を、ファイルをサーバーにsubmit(アップロード)することなくブラウザ上にJavascriptで表示する方法をまとめます。 ファイルをアップロードする前にブラウザ上で選択された画像が確認できるので、プレビュー表 […]

Hashids で短いユニークUUIDを生成する方法

短いけどユニークなIDを生成したい アプリやサービスを開発していると、ユニークなIDが必要になる局面に出くわすことがあります。ユニークなIDというと、UUID が使えると思いますが、これは16進数表記の文字列で非常に長い(例: 550e8400-e29b-41d4-a716-446655440000) です。 長いIDになっても問題ない場面であればUUIDを使うのがよいと思いますが、できるだけ短く […]

[Javascript] Webページからの離脱時に確認メッセージを表示する方法

Web画面上でのよくある誤動作 Webページでデータを入力している最中に、誤ってリロードしたり別ページに遷移してしまうことがあります。場合によっては入力内容がすべて消えたり入力途中のデータが破棄されて最初からやり直しになってしまいます。 そのようなことがないように、対策としてページから離脱する場合に確認のメッセージを表示するとよいでしょう。 以下、その方法をまとめます。 Webページのアンロード時 […]

1 5