Vue3 + TypeScript + Electronでのアプリケーションを作成する - Safie Engineers' Blog!
はじめに アプリケーションの構成 Electron Vue.js TypeScript 新規アプリケーションのハンズオン 事前準備 Vue CLIの導入 Vueプロジェクトの作成 Electronの組み込み アプリケーションの起動 preloadスクリプトの作成 メインプロセスへのipcMainモジュールの追加 preloadスクリプトの作成 住所検索画面の作成 終わりに はじめに こんにちは、開発本部第2開発部、Webフロント第2グループでフロントエンド開発をしている伊原です。 私が開発を担当しているSafie Entrance2にて、認証に用いる顔認証端末のセットアップができるアプリケーションが欲しい、という要望が上がりました。 そこでVue3とElectronを利用して簡素なアプリケーションを作成しましたので、本記事ではVue3+Electronのアプリケーション構築方法のハンズオン
[Angular][エラー] JavaScript heap out of memory(ヒープメモリ不足 )
angular# ng build --configuration production --source-map ⠏ Generating browser application bundles (phase: sealing)... <--- Last few GCs ---> [7954:0x641b0] 241863 ms: Mark-sweep 2009.7 (2085.0) -> 2005.1 (2083.0) MB, 923.9 / 0.1 ms (average mu = 0.771, current mu = 0.186) allocation failure scavenge might not succeed [7954:0x641b0] 244604 ms: Mark-sweep 2022.3 (2083.0) -> 2020.9 (2113.7) MB, 2660
![[Angular][エラー] JavaScript heap out of memory(ヒープメモリ不足 )](https://cdn-ak-scissors.b.st-hatena.com/image/square/d3d45ef786bcefeb5555e06fd7b640a7598ae166/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--F63wJaf9--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BAngular%25255D%25255B%2525E3%252582%2525A8%2525E3%252583%2525A9%2525E3%252583%2525BC%25255D%252520JavaScript%252520heap%252520out%252520of%252520memory%252528%2525E3%252583%252592%2525E3%252583%2525BC%2525E3%252583%252597%2525E3%252583%2525A1%2525E3%252583%2525A2%2525E3%252583%2525AA%2525E4%2525B8%25258D%2525E8%2525B6%2525B3%252520%252529%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Acha%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2JkY2Y3ZTM3YjIuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Node.js — Node.js 18 is now available!
We’re excited to announce that Node.js 18 was released today! Highlights include the update of the V8 JavaScript engine to 10.1, global fetch enabled by default, and a core test runner module. Initially, Node.js 18 will replace Node.js 17 as our ‘Current’ release line. As per the release schedule, Node.js 18 will be the 'Current' release for the next 6 months and then promoted to Long-term Support
Develop. Preview. Ship. For the best frontend teams – Vercel
Deploy an AI app in seconds on Vercel, using our pre-built templates. Easily stream long-running LLM responses for a better user experience with zero-config infrastructure that's always globally performant.Get a fully personalized experience by seamlessly integrating with leading headless solutions. Increase website performance by up to 90%. Support traffic spikes, even on Black Friday. We'll keep
npxコマンドとは？ 何ができるのか？
という記述があり、おなじみのinstallみたいな何かという勝手な認識だけで進めていました。 しかし、何回かプロジェクト作成を繰り返す中でnpxについて理解していないことに気づき、調べてみたところ便利だと感じたのでまとめてみます。 間違っている部分もあるかと思われますので、ご指摘いただけると幸いです。 What npx npxはnpmバージョン5.2.0より同梱されているコマンドで、ローカルインストールしたコマンドを実行するために使われます。npmのバージョン5.2.0がリリースされたのは、今から約3年ほど前になるため、今主に使われているnpmではほとんど使える状態にあります。 便利な機能を使える状態であえて使わないのはもったいないので是非使っていきたいコマンドの１つです。 もしnpxが存在しない場合は以下のコマンドでグローバルにインストールできます。
Headless CMS の Strapi を試してみた #strapi | DevelopersIO
参考 Installing from CLI インストール それでは、Strapiアプリケーションをローカル環境で実行してみたいと思います。 --quickstartオプションを指定すると SQLite データベースを利用した構成のアプリケーションがインストールされます。 yarn create strapi-app example-app --quickstart or npx create-strapi-app example-app --quickstart ご紹介したコマンド実行しアプリケーションをインストールします。正常にインストールが実行されると以下のログが表示されます。 success Installed "create-strapi-app@3.0.5" with binaries: - create-strapi-app Creating a new Strapi app
PM2でNode.jsのプログラムを自動起動させる(Amazon Linux 2) - edo1z blog
参考: PM2-スタートアップスクリプトジェネレーター インスタンスが起動したら自動的にNode.jsアプリが起動するようにする やり方 pm2 starup を実行すると、実行すべきコマンドが表示される。それを実行する。 上記を実行すると、/etc/systemd/system/pm2-ec2-user.service が作成された。 pm2 save を実行すると、~/.pm2/dump.pm2が作成（更新）された。 メモ dump.pm2 に、pm2で実行したいプログラムが記録されていた。現在pm2で実行しているプログラムを自動起動させたい場合、pm2 saveを実行したらいいらしい。 pm2 startupで表示されるコマンドは、上記のdump.pm2で記録されているプログラムをpm2で自動起動させるためのコマンド。 新しいNode.jsバージョンにアップグレードする場合は、PM2
centos7で標準のsystemdを使いnode.js製サーバーをデーモン化する - Qiita
はじめに node.jsをデーモン化するにはforever、pm2、supervisorなどいろいろありますが centos7になってから標準のスタートアップスクリプトでもとくに問題がでていないので紹介します プロセスマネージャーに一般に必要とされる機能 以下の機能は標準のsystemdで満たしています ターミナルからプロセスの切り離し マシン再起動による自動起動 プロセスダウンによる自動再起動 systemdではやってくれない機能 マルチコアスケールアウト（PM2） 設定ファイルサンプル サーバー名称:sample-server 実行ユーザー:centos ディレクトリ /etc/systemd/system/ の下に サーバー名称.serviceというファイルを作ります [Unit] Description=sample server After=syslog.target netwo
JavaScriptの非同期処理を理解する その1 〜コールバック編〜 | さくらのナレッジ
こんにちは！小田島です。コロナ第二波が来ましたが、もともと出不精気味なので個人的にはあまり影響はありません。むしろ外出しない理由ができて堂々と引きこもっていられます。 これまで、さくらのナレッジではNode.jsやDenoの話をしてきました。今回は、これらを使う上で欠かせない非同期処理について説明します。よろしくお願いします！ 対象者 本記事は、こんな人が対象です。 JavaScriptの非同期処理はコールバックとかPromiseとかasync/awaitとかあるけど、どう違うの？どう使い分ければいいの？ Node.jsのコールバックって罠が多くて使いにくい Promiseの仕組みがよくわからずになんとなく使っていた async/awaitって中でどういうことをやってるのかわからないけど便利だよね 非同期処理？async/awaitさえ覚えておけばいいんじゃない？ async/awaitっ
Node.js徹底攻略 ─ ヤフーのノウハウに学ぶ、パフォーマンス劣化やコールバック地獄との戦い方｜ハイクラス転職・求人情報サイト AMBI（アンビ）
Node.js徹底攻略 ─ ヤフーのノウハウに学ぶ、パフォーマンス劣化やコールバック地獄との戦い方 Node.jsをうまく活用できている企業は、どのような方法でベストプラクティスを習得してきたのでしょうか。ヤフー株式会社でNode.jsの社内普及に務めてきた言語サポートチームに、同社の実施を紹介してもらいました。 Node.jsは「イベントループモデルで、ノンブロッキングI/Oを使用している」「問題発生時にHTTP/TCPやPOSIX APIなど低レイヤーの知識を求められる」といった特徴を持つ言語です。開発者が習得すべき技術領域が広いため、Node.jsらしい書き方の学習難易度は高いと言えます。 それでは、Node.jsをうまく活用できている企業は、どのような方法でNode.jsのベストプラクティスを習得してきたのでしょうか。ヤフー株式会社でNode.jsの社内普及に務めてきた言語サポート
OpenCV + Node.js で画像からぬりえ用の線画をつくる - ほんじゃらねっと
画像処理で遊びたいな、と思い立ったので、 以前PythonとOpenCVで作成した画像線画化スクリプトを Node.jsで作成しなおしてみました。 blog.honjala.net OpenCVはPythonと使うのがやはり一番使いやすいのですが、 Javascript用APIも提供されているので、 Webページ上のJavascriptやNode.jsからでも利用することができます。 docs.opencv.org しかし試してみるとNode.jsから生でOpenCV.jsを使うのはcanvasを利用することを 前提にしていたりしてなかなか手強く、うまくいかなかったので、 「opencv4nodejs」というライブラリを使うことにしました。 www.npmjs.com こちらはOpenCVの関数をNode.jsからいい感じで使えるようにしてくれていて、 Pythonで書いた処理をNode.
node.js モジュール(ES Module)のimport/exportにハマる。 - かもメモ
node.jsでimport/exportで試そうとしてハマったのでメモ。 $ node -v v11.4.0 import / export を使っているファイルの拡張子は.mjsでないとエラー // moduleA.js export const hi = (name) => `Hi ${name}. `; // main.js import {hi} from './moduleA.js'; console.log( hi('星宮いちご') ); $ node main.js SyntaxError: Unexpected token ファイルが.mjsでも--experimental-modulesオプションがないとエラー // moduleA.mjs export const hi = (name) => `Hi ${name}. `; // main.mjs import {h
Yeomanで自動化！自作generatorの作り方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ フロントエンドエンジニアのほりでーです。 Web制作に関わる方であれば、「Yeoman」というツールをご存知の方も多いのではないでしょうか。Yeomanは、Googleが中心に開発しているnode.jsのツールで、よく「WebサイトやWebアプリケーションのベースを、まるっと簡単に構築してくれるツール」として紹介されていることが多いです。 僕も最近までYeomanのことを開発環境を構築するためのツールだと思っていました。しかし、Yeomanのテンプレート（通称：generator）は、簡単に自作することができるので、汎用的なひな型ツールとしての側面も持っています。 今回は、Yeomanのgenerator-generatorというテンプレートを使い、ちょっとした制作効率アップのためのテンプレートを作成してみたいと思います。 今回作りたいテンプレート 僕はWebサイトのコーディ
ECMAScript 2017、2018 の時代の開発環境 - Qiita
概要 ECMAScript 2017、2018 で導入が予定されている機能および開発ツールについて調べました。 ES モジュール 主要ブラウザー、モジュールバンドラー (Webpack、Rollup) でサポートされています。Node.js は v8.5 で実験的な機能として利用できます (--experimental-modules)。古いバージョンの Node.js のサポートのために @std/esm が公開されています。 ES モジュールを利用するメリットは従来よりも読み込む必要のあるコードを減らすことができることです。必要なクラスや関数だけをインポートできます。RxJS の場合、どれだけ変わるのかはこちらの記事をご参照ください。 import {Observable} from 'rxjs/Observable'; import 'rxjs/add/observable/inte
「サーバが出来ていない？ 俺なら3分でモックを用意できるよ。」というために。 - Qiita
はじめに フロントエンドを作っていたり他サーバと連携するバックエンドを作っていると、対向サーバが出来るまでダミーのモックサーバが欲しくなりますよね。 適当に固定のダミーデータを返すだけで良いのですが、本来の開発以外のところに工数を取られるのは嫌なものです。 探してみると色々なモックサーバがあるのですが、好みに合うものが見つからなかったので作ってみました。 欲しかった機能： レスポンスヘッダを設定できる。 レスポンスを簡単に切り替えることが出来る。 リクエスト、レスポンスの内容を確認することができる。 (あると嬉しい) リクエスト内容によってレスポンスを切り替えることが出来る。 instant-mock 使い方 作ったモックサーバはこちらです。 https://github.com/arenahito/instant-mock 細かい説明は後にして、まずは動かしてみます。 Node.js 製
Raspberry PiとテレビをHDMI接続してテレビのON/OFFを確認する - Qiita
以前にRaspberry PiとMac or Windows PCを有線で直接繋いでさくっとSSH接続するという記事を書いていて、HDMI対応ディスプレイとキーボードをセットしなくてもさくっとSSH接続してRaspberry Piで遊べることをアピールしていたのですが、今回は逆にあまり使うことのなかったRaspberry PiのHDMI端子を活用し、テレビのON/OFF(STANDBY)状況をRaspberry Piから確認してみたいと思います。 今回はHDMIのCEC(Consumer Electronics Control)という、機器間を制御するリンク機能を活用します。 SONYだとブラビアリンク、東芝だとレグザリンク、パナソニックだとビエラリンク、SHARPだとAQUOSファミリンク、などと呼ばれています。 動作環境 Raspberry Pi側 Raspberry Pi 2 Mod
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue CLIのプロジェクト新規作成時にunable to verify the first certificateで動作しなかったときの対処法
How to add custom certificate authority (CA) to nodejs
Node.jsをv12からv16へアップデートした話
AWS EC2でNode.js(Express)+Nginxアプリケーションのホスティング環境をVPC上に構築する | sagara.ink | エンジニアのまとめノート