chevron_left

メインカテゴリーを選択しなおす

cancel
かもめ
フォロー
住所
未設定
出身
高知県
ブログ村参加

2016/12/10

1件〜100件

  • Node.jsでSQLiteを使う

    sqlite3を使うとNode.jsからSQLiteを操作できます。 バージョン sqlite3 - 5.0.10 インストール npm install sqlite3 使い方 const sqlit

  • express-form-dataを使ってフォームデータを受け取る

    Node.js+Expressでのファイルアップロード方法について、 過去の記事では、multerを使う方法を紹介しました。 今回はexpress-form-dataを使ってファイルアップロードやフォ

  • SQLiteの使い方

    スタンドアローンデータベースSQLiteの使い方覚え書きです。 SQLiteのインストール Windowsへのインストール方法です。 SQLiteより最新のSQLiteをダウンロードします。 [ord

  • Expressでファイルをダウンロードさせる

    Expressのresponseでブラウザ側にファイルをダウンロードさせる方法です。 ヘッダを指定してダウンロードさせる 下記では既存のファイルからデータを読み出していますが、ファイルに無いデータなど

  • Node.jsからPythonを実行する

    python-shellを使うとNode.jsからPythonのプログラムを実行できます。 本記事のサンプル実行の前提条件は次のとおりです。 Pythonインストール済み 環境変数PATHにPytho

  • EJSの使い方

    ExpressのテンプレートエンジンEJSの使い方です。 EJSのインストール npm install ejs 使い方 サーバサイド(抜粋) viewsディレクトリにテンプレートファイルを置く場合。

  • EJSの使い方

    ExpressのテンプレートエンジンEJSの使い方です。 EJSのインストール npm install ejs 使い方 サーバサイド(抜粋) viewsディレクトリにテンプレートファイルを置く場合。

  • npm エラー(npm破損時)の対処方法

    Windowsでnpmが壊れてコマンドが使えなくなった場合の対処方法です。 コマンド実行で次のように出力される場合です。 >npm -v node:internal/modules/cjs/lo

  • JavaScriptでセレクトボックス間の項目移動を行う

    次のような選択・非選択をボックス間で移動するUIのサンプルです。 JavaScriptのみとjQueryを使ったサンプルになります。 共通のコード JavaScriptのみとjQueryを使った場合で

  • JavaScriptで子要素を追加する

    JavaScriptを使って特定の要素に子要素を動的に追加する方法です。 要素の作成にはdocument.createElement()、子要素の追加には、Node.appendChild()を利用し

  • WindowsでTCP/IPの疎通確認を行う方法

    Windows10でTCP/IPの疎通確認を行う方法です。ネットワークエラー発生時、手始めに物理的な問題がないかを確認することができます。 ping 「ping」コマンドは対象マシンと通信できるかどう

  • HTTP GETでデータを送信する方法|C#

    C#でHTTP GETを行う方法です。HttpClientクラスのGetAsync()メソッドを使用します。 C#で HTTP GET のサンプル GetProcess.cs using System

  • Node.jsでMQTTを使う

    Node.jsでMQTT通信を行う方法です。 実運用よりは、IoTデバイスとのMQTT通信を行うクライアントアプリの試験サーバとして活用できるかなと思います。 MQTTはBroker、Publishe

  • JavaScriptでゼロパディングを行う

    JavaScriptでゼロパディング(数値のゼロ埋め)した文字列を作成する方法です。 次のような書式でゼロパディングした文字列が作成できます。 ('0' + 数値).slice(-2); サンプル1:

  • 特定のブランチを別のリポジトリとして登録する方法

    過去にTortoiseGitを使った方法を書きましたが、今回はGit Bash(CUI)を使った方法です。 まず、対象のリポジトリをローカルにクローンする (今回はrepobaseにクローン) git

  • ‘bootstrap is not defined’の解決方法

    Bootstrap v5.0のモーダル(Modal)をJavaScript経由でオープン・クローズしようとした際に次のようなエラーが出る場合の対処方法。 [box]Uncaught Reference

  • 高速スタートアップの設定が表示されない場合の解決方法

    電源のシャットダウン設定で、高速スタートアップを有効にするが表示されない場合の解決方法です。 Windows10の場合、通常は以下に設定が表示されますが、パソコンによっては表示されないものもあります。

  • JavaScriptで文字列の空白を削除する方法

    JavaScriptで文字列に含まれる空白文字を削除する方法です。空白には改行文字も含まれます。 (実行結果は見づらいですが、TABの変化を見るためにこういう出力にしています) 以降の各サンプルで使用

  • jQueryを使わずにJavaScriptだけでimgタグの画像を変更する

    他の記事のサンプルなどで既に記載していましたが、imgタグのsrcを書き換えて別の画像を表示する方法です。 ここでは、jQueryを使わずに素のJavaScriptだけで実現する方法です。 HTML

  • Node.js+Expressのサーバでファイルアップロードを実装する方法

    ExpressのWebサーバで、クライアントからアップロードされたファイルを受信するには、multerを使います。 インストール npm install multer 単一ファイル サーバ側 mult

  • exportsのプロパティに直接定義した関数を利用する方法

    モジュール化(exports)を使い、プロパティに直接定義した関数を同じファイル内の関数から利用する方法です。 this.<exportsのプロパティ名>またはmodule.exports

  • 画像ファイルをアップロードせずにブラウザのimgタグに表示する

    JavaScriptとHTMLだけでローカルにある画像ファイルをサーバを介さずにブラウザ上のimgタグに表示することができます。 HTML <input type=

  • opencv4nodejsのインストールが失敗する時の解決方法

    Ubuntuにopencv4nodejsをインストールしようとしてうまくいかなかったので、その時の解決方法になります。 環境は次のとおり。(2022.02.15) Ubuntu - 20.04.2 L

  • Node.jsのサーバサイドでDOMを使う

    jsdomを利用して、Node.js上でDOM(Document Object Model)を使う方法です。 インストール npm install jsdom 使い方 基本的な使い方です。次のようにJ

  • Gitの使い方|履歴表示

    履歴を表示する基本コマンド。カレントのブランチの履歴が表示されます。 git log 各コミットを1行で表示する git log --oneline カレントのブランチ以外の履歴を表示 全てのローカル

  • JavaScriptでキャンバスの内容を画像にする

    JavaScriptを使って、キャンバスの内容を画像として表示したり、保存する方法です。 次のようなHTMLがあるとします。 <div> <canvas id=

  • JavaScriptのスプレッド構文

    スプレッド構文(...)は配列やオブジェクトを展開したり、結合を容易にします。 配列に適用 const arr = [10,20,30,40,50]; console.log(...arr); //

  • SVNのリポジトリをGitリポジトリとして登録する

    下記の記事では、TortoiseGitを使ってSVNのリポジトリをGitリポジトリとする方法を紹介しました。本記事ではGit Bashを使ってSVNのリポジトリをGitリポジトリにする方法を紹介します

  • JavaScriptを使ったSAP(Single Page Application)の実装

    クライアント側でJavaScriptを使い、SAP(Single Page Application)を実装する方法です。 サーバ側 本サンプルではサーバ側をNode.js+Expressで作成します。

  • ピンチイン・ピンチアウトによるブラウザのズームを無効にする

    JavaScriptを使って、スマートデバイスのブラウザでピンチイン・ピンチアウトを使ったズームを無効にする方法です。 2022.02.01時点で、次の内容でズームが無効になることを確認しています。

  • BLEスキャンの実装|Android開発

    AndroidアプリでBLE(Bluetooth Low Energy)をスキャンする方法です。 事前準備 import import android.bluetooth.*; import andr

  • Socket.IOで画像ファイルを転送する

    Socket.IOを使ってBase64形式の画像データを転送し、クライアント側で表示する方法です。 サーバ Node.js-Expressでのサンプルです。以下の配置で画像があるとします。 index

  • Expressで画像ファイルを転送する

    Node.js-Expressで画像データを転送する方法です。 サーバ 以下の配置で画像があるとします。 index.js public/img/sample1.jpg app.post('/get-

  • タイマを使う|Java

    Javaでのタイマ利用方法。 定義 クラスのメンバ変数として、Timerインスタンスを保持する場合です。 import java.util.Timer; import java.util.TimerT

  • Cleartext HTTP traffic to ~ not permitted の解決方法

    APIレベル28以降をターゲットとしているAndroidアプリの場合にhttp通信を行うと、次のような例外が発生します。 [box]java.io.IOException: Cleartext HTT

  • android studio で Release Build の apk 作成手順

    自作アプリをインストールする際に、デバッグビルドしたapkはadbコマンドやSDカードからインストールできなくなってたんですね。(いつから?) 本記事はストアに公開しない、非公式アプリのリリース版ap

  • Javaでfloatをバイナリ(4byte)変換する

    Javaでfloat値を4byteで表現する方法と、4byteで表現したfloat値の取得方法です。 float を 4byte のデータに変換する Float.floatToIntBits()メソッ

  • 位置情報を取得する|Android開発

    作成したアプリケーションで位置情報を取得するための手順です。 なお、本サンプルのActivity名はMainActivityとなっています。 権限の追加 AndroidManifest.xmlに次の権

  • JavaScriptでJSONからクエリパラメータを生成する

    URLSearchParamsを使うと、JSONからクエリパラメータが生成できます。 const params = new URLSearchParams({ x: 100, y: 50 }); co

  • JavaScriptでElementのクラスを変更する

    特定のElementに対してクラス属性を追加したり、削除する方法です。 クラスを直接指定する場合 classNameを変更します。 単一のクラスを指定 document.getElementById(

  • Bootstrapでモーダル表示時にエラーが発生する場合の解決方法

    Bootstrap5でモーダル表示しようとした時に次のようなエラーが発生する場合の解決方法。 [box]main.js:2 Uncaught TypeError: BACKDROP: Option

  • Expressのルーティングでパラメータを取得する方法

    Expressのroute メソッドでパラメータを取得する方法の覚え書き。 get メソッド パラメータはrequest.queryに格納されています。 分割代入 変数名は変更できません。 const

  • WSLのUbuntuでgit clone時にエラーが発生する場合の解決方法

    Windows10 WSL上のUbuntuでgit cloneしたときに次のようなエラーが発生しました。この時の解決方法。 [box] Cloning into 'クローン先フォルダ'... fata

  • コミット操作 | Git

    基本の構文。 git commit -m 'コミットログ' 直前のコミットに変更を追加する git commit --amend # 例 git commit -m 'initial commit'

  • ブランチ操作 | Git

    よく使うbranch操作コマンドまとめ。 ブランチ一覧を確認する git branch -a ブランチを作成する git branch <ブランチ名> カレントのブランチを切り替える gi

  • ブランチをマージする | Git

    現在のブランチに指定したブランチの内容をマージする場合には、git mergeを使います。 git merge <ブランチ名> コンフリクト発生時 コンフリクト発生時は次のようなメッセージ

  • JavaScriptでチェックボックスやラジオボタンの値を取得する方法

    JavaScriptでフォームのチェックボックスやラジオボタンの選択値を取得する方法です。 下記サンプルでは、ボタンが押された場合に値を判定しています。 フォームのサンプル <main clas

  • Gitの使い方 | remoteコマンド

    リモートリポジトリの管理にはremoteコマンドを使用します。 リモートリポジトリのURLを確認する git remote -v リモートリポジトリのURLを変更する git remote set-u

  • ローカルリポジトリをリモートリポジトリに登録する | Git

    ローカルで作成したリポジトリをベアリポジトリに登録する方法です。 Windowsの場合、コマンドラインの操作は全てGit Bashで行います。 コマンドはローカルのリポジトリ内で実行するため、まずロー

  • リポジトリのインポート

    リポジトリを他のサーバなどにインポートするための手順です。 Windowsの場合、コマンドラインの操作はサーバ側・クライアント側共に全てGit Bashで行います。 既存のリポジトリからなベアリポジト

  • Windows上にGitサーバを立てる | Smart HTTP編

    社内など、ローカルエリアネットワーク上にあるWindowsマシンにGitのリモートサーバを構築する手順です。今回はHTTP(HTTPS)通信を使う方法です。 前提条件 Gitサーバ - Windows

  • Windows上にGitサーバを構築する | SSH編

    社内など、ローカルエリアネットワーク上にあるWindowsマシンにGitのリモートサーバを構築する手順です。 条件 Gitサーバ - Windows10 クライアント - Windows10 Gitサ

  • NGINXを使ってSSL通信でLaravelにアクセスする方法

    Windows10で開発時にLaravelをSSL通信(https)したい場合、NGINXを使うと簡単です。 バージョン Laravel - 8.x NGINX - 1.20.1 NGINXのインスト

  • UbuntuへのMariaDBインストール手順と設定

    UbuntuにMariaDBをインストールして利用する手順です。 コマンドなど、基本的にはMySQLと同じものが利用できます。 バージョン Ubuntu(WSL) - 20.04.2 LTS MySQ

  • Androidアプリでhttps通信した際にCertPathValidatorExceptionが発生する場合の対処方法

    端末の信頼できる認証情報に証明書をインストールしているにも関わらず、AndroidアプリでHttpsURLConnectionを使いWebAPIにアクセスすると、次のような例外(java.securi

  • Gitの使い方 | 差分表示

    差分表示(git diff)コマンドの覚え書きです。 コミット間の差分を確認する git diff <コミットID1> <コミットID2> コミットIDはgit logなどで確

  • Gitの使い方 | 基本編

    1年程個人でGit(git for windows)を使ってみて、基本的な使い方はできるようになってきた。なので、ここらで纏めておこうと思います。 設定 Gitインストール後、最低限、以下の設定を行い

  • Bootstrapバリデーション機能の使い方

    HTML5標準のバリデーション機能ではなく、Bootstrapのバリデーションを使う方法です。 <form novalidate>を指定し、独自のバリデーションを行います。 Bootstr

  • Hogan.jsの使い方

    ExpressのテンプレートエンジンHogan.jsの使い方。 テンプレートエンジンを使用すると、静的なテンプレートファイルの変数を実際の値に置き換え、クライアントへ送信できます。 Hogan.jsの

  • Node.jsでMySQLにアクセスする

    mysql - https://www.npmjs.com/package/mysql、または mysql2 - https://www.npmjs.com/package/mysql2を使うことでN

  • UbuntuへのMySQLインストール手順と設定

    UbuntuにMySQLをインストールして利用する手順です。少しだけCentOSの手順も記載します。 バージョン Ubuntu(WSL) - 20.04.2 LTS MySQL - 8.0.23 My

  • windows-build-toolsが終らない場合の対処方法

    https://moewe-net.com/nodejs/node-java 上記の記事に書いてある、windows-build-toolsのインストール(npm install --global -

  • undefinedやnullなどの一致判定について

    JavaScriptにおける等価(==)演算子や論理否定(!)演算子でのundefined/null/false/空文字('')の判定結果についてまとめてみました。まとめたというか実行結果ですね(笑)

  • LocalでサクッとWordPressのローカル開発環境を構築する

    Local(Local by Flywheel)を使うとWordPressのローカル開発環境が簡単に構築できます。 本記事はLocalのインストールからサイトの作成までの手順になります。 ダウンロード

  • Node.jsでrequire()元の変数を操作する

    呼び出し元(require()するソース)にある変数を呼び出された側(require()されるソース)で参照する方法です。 module.exportsとrequire.main.exportsを使う

  • Node.jsでCSVの読み込みや保存をする

    Node.jsでCSVファイルを読み込んだり、保存したりする方法です。自前で文字列を操作しなくてもライブラリを使うことで自動でオブジェクトとの変換を行ってくれます。 また、Expressで直接ダウンロ

  • Node.jsでQRコードを生成する

    node-qrcodeを使用すると、Node.js上で簡単にQRコードを生成できます! インストール npm install qrcode QRコードを画像ファイルで保存する toFile()を使うと

  • async-lockを使った排他制御

    async-lockを使ってサーバサイドで排他制御させる方法です。排他制御を使えば同時アクセスよるデータの不整合を防げます。本記事のバージョンは次のとおりです。 Node.js - 14.16.0 e

  • gulpを使ったJavaScriptやスタイルシートの結合と圧縮方法

    Node.js上で動作するgulpを使った、フロントエンドのJavaScriptやスタイルシートの結合や圧縮を自動化する方法です。 本記事作成時のバージョンは次のとおりです。 gulp 4.0.2 g

  • GracefulShutdownManagerを使ってExpressサーバーを正常に終了させる

    Node.jsのパッケージ、GracefulShutdownManagerを使って、コマンドプロントなどから強制終了した際にExpressサーバーを正常に終了させる方法です。 インストール 次のコマン

  • OpenSSLを使って自己署名証明書を作成する

    OpenSSLを使って自己署名証明書を作成する手順です。サーバ証明書やルート証明書、Chromeで信頼させる場合などで少しづつ手順が異なるので覚え書き。 本記事の環境は次のとおりです。 Ubuntu

  • keytoolコマンド覚え書き

    OpenJDKに付属するkeytoolコマンドの覚え書き。 keytoolは%JAVA_HOME%\bin\にあります。 自己署名証明書を作成する 各コマンドのtomcatは<エイリアス名>

  • Apache Tomcat覚え書き(SSL化など)

    Apache Tomcatのインストールから設定方法のメモ。 利用したバージョン Tomcat 9 JDK11 Google Chrome 89.0.4389.90 インストール インストールは次のサ

  • Node.jsのファイルを難読化する

    javascript-obfuscatorを使ってNode.jsのファイルを難読化する方法です。 環境作成 javascript-obfuscatorのインストール npm install javas

  • webpackを使ってNode.jsの実行ファイルをまとめる

    Node.jsで開発を行う時はモジュール化を使ってコードを理解しやすくしたいですが、外部に提供となると、簡単にソースコードを変更できない状態にしておきたいものです。 ここでは、webpackを使ってN

  • ユーザー認証機能でユーザー名を使ってログインさせる

    Laravelのユーザー認証機能(ログイン機能)をそのまま使った場合、ログインIDはメールアドレスになります。これをユーザー名に変更する方法です。 \{Laravelプロジェクト}\app\Http\

  • webpackでBootstrapをまとめる

    Bootstrapを使う場合、複数のファイルを読み込んだり、jQueryを別で読み込んだりと依存関係が面倒です。(僕だけ?)webpackを使えばこれらを1ファイルにまとめることができます。 本記事作

  • Node.jsからJavaのAPIを使う

    node-javaを使って、Node.jsからJavaでコンパイルされたAPIを利用する方法です。 事前準備 OpenJDK(11以上)をインストールする 環境変数JAVA_HOMEを追加する Ope

  • OpenJDKのインストールと実行方法

    WindowsでのOpenJDKのインストールと、コマンドライン上でJavaを実行する方法です。 OpenJDKのインストール OpenJDKから任意のバージョンのファイルをダウンロードする (本記事

  • Laravel 7でユーザー認証機能を追加する

    Laravel 7でユーザー認証機能を追加する方法です。Windowsの場合は、前提条件としてマシンにNode.jsとnpmがインストールされている必要があります。 プロジェクトで次のコマンドを実行す

  • Passportを使ってログイン後に要求されたページを表示する方法

    Node.js+Expressの環境でPassportを使って認証処理を行った後、固定のページではなく、要求されたページにリダイレクトさせる方法です。 例えば、「ログイン画面」から「トップ画面」に遷移

  • Passportを使ってログイン後に要求されたページを表示する方法

    Node.js+Expressの環境でPassportを使って認証処理を行った後、固定のページではなく、要求されたページにリダイレクトさせる方法です。 例えば、「ログイン画面」から「トップ画面」に遷移

  • Node.js+Expressの環境で認証機能を実装する

    Passportを使うと、Node.js+Expressの環境に認証機能を実装できます。 本記事はNode.js+Express+Passportの基本的な使い方になります。 インストール まず、必要

  • Node.js+Expressの環境で認証機能を実装する

    Passportを使うと、Node.js+Expressの環境に認証機能を実装できます。 本記事はNode.js+Express+Passportの基本的な使い方になります。 インストール まず、必要

  • Node.jsのモジュール化を使って、別ファイルにあるプログラムをコールする

    Node.jsではモジュール化(exports)を使ってファイルを分割することができます。使い方を色々試してみたのでメモ。 なお、本記事のサンプルは全てapp.jsからexports.jsを利用する場

  • Node.jsのモジュール化を使って、別ファイルにあるプログラムをコールする

    Node.jsではモジュール化(exports)を使ってファイルを分割することができます。使い方を色々試してみたのでメモ。 なお、本記事のサンプルは全てapp.jsからexports.jsを利用する場

  • Kurentoを使ってWebRTC MCUサーバを作成する

    Kurentoのデモを参考に、WebRTC MCUを構築していくためのメモです。 初期設定 作業フォルダを作成します。(今回はmcu-serverとしました) mkdir mcu-server cd

  • Socket.IOの使い方

    WebRTCの開発でも使うNode.jsのライブラリSocket.IO。その使い方をまとめてみました。 インストール Node.js+Expressで動かす場合になります。 $ npm install

  • bindメソッドを使ってthisを指定する

    変数にオブジェクトのメソッドを代入した場合、thisキーワードがあると正しく動作しません。 正しく動作するケース 次のようなソースコードの場合は問題なく動作します。 const object = {

  • Kurentoを使ったWebRTC MCUの動かし方

    WebRTC MCUを自前で実装しようとするとなかなか難しいですが、Kurentoというオープンソースを使えば簡単にMCU機能が実装できます。 本記事はKurentoのNode.js版デモを動かすまで

  • 分割代入

    JavaScriptの分割代入について動作をまとめてみました。分割代入は配列やオブジェクトの中身を複数の変数に代入できる構文です。 配列の場合 順番に代入されます。 const arr = [

  • アンカータグをクリックしても動作させない方法

    クリックしても何も起こらないリンク(無効なアンカータグ)をHTMLだけで作成する方法です。 アンカー(<a>)タグでページ移動したくない場合、次のようにhref=

  • アンカータグをクリックで何も動作させない方法

    <a>タグでページ移動したくない場合、次のようにhref=

  • アンカータグをクリックで何も動作させない方法

    <a>タグでページ移動したくない場合、次のようにhref=

  • アンカータグをクリックで何も動作させない方法

    <a>タグでページ移動したくない場合、次のようにhref=

  • WSLでネットワークドライブにアクセスする方法

    Windows10のネットワークドライブにWSLのUbuntuからアクセスしたい場合は、ネットワークドライブをマウントすることでアクセスします。 まず、マウント先ディレクトリを作成します。/mnt配下

  • Windows10でファイアウォール設定ができない場合の対処方法

    Windows10のファイアウォール設定画面で以下のように詳細設定がグレーアウトして実行できない場合の対処方法です。 個人よりはオフィスのパソコンでよくある現象かと。 特にWindows10ではpin

  • Windows10でエクスプローラーからコマンドプロンプトを素早く起動する方法

    Windows10のエクスプローラーで開いているフォルダを、コマンドプロンプトで起動する方法です。 以前はShiftキーを押しながらの右クリックメニューで「コマンドウィンドウをここで開く」があったんで

  • パワーポイントを使ってデスクトップを録画する方法

    Windos10ではゲームバーを使ってブラウザなどの録画はできますが、デスクトップの録画ができません。しかし、Microsoft PowerPointを使って録画することができるんです! 特別なソフト

  • WebRTC P2Pを使って3つ以上のマシンで双方向通信を行う

    前回はWebRTC P2Pで2つのマシンを接続するところまでを紹介しました。今回はWebRTC P2Pで3つ以上のマシンを接続する方法です。本サンプルの環境は次のとおりです。 シグナリングサーバ、We

ブログリーダー」を活用して、かもめさんをフォローしませんか?

ハンドル名
かもめさん
ブログタイトル
IT底辺脱却ブログ
フォロー
IT底辺脱却ブログ

にほんブログ村 カテゴリー一覧

商用