Electron

はじめに 使用した技術 制作の経緯 Electronプロジェクト作成 背景を透過させる マウスのクリックを無効化する フレームを非表示にする フレームにあるボタン群の代わりを作成 アプリの終了ボタンを自作 アプリの移動ボタンを自作 用意したアニメーション画像を画面上に出す アイコンを作成&アプリをパッケージング おわりに はじめに こんにちは、筆者です。 今季の冬アニメシーズンも終わりかけ…今季推しは何個ほどあったでしょうか。 筆者的には今季冬アニメ当たり度は大きかったです。なんせ『SK∞(エスケーエイト)』に『アズールレーン びそくぜんしんっ!』、更には『呪術廻戦』の2期までありましたからね…

3日フルで悩んだ 背景 結論 環境 はじまり アプリパッケージ後にモジュールが見つからない preloadを配置する場所 微妙な方法 ベストな方法 3日フルで悩んだ もうほんとに泣きそうだった。 完璧な解決かは分からないけど記録しておく。 背景 昨年から業務をサポートするアプリを開発する際にElectronを使用することが多くなった。 qiita.comなんと言っても画面のデザインがしやすい。htmlとcssでサクッと、Vue+Vuetifyも合わせればきれいな画面が作れる。 しかし、当初使用したElectronV6.0.0はレンダラープロセスでもrequireできていたのが、アップデートで非…

はじめに Electronの概要 最小構成のElectronプロジェクトを動かしてみた Electronのインストール〜サンプルプログラム起動 パッケージング化のテスト TypeScript化 準備 コードのTypeScript化 ボイラープレートを使用したTypeScript-Electronプログラム起動 おわりに 余談:Electronのパッケージ化ツールについて 余談:electron-forgeの設定について はじめに こんにちは、筆者です。 最近またもやお仕事に余裕が出てきだし、ようやく趣味プログラミングに精を出せる様になりました。 そんなわけで、何か1つ新しい技術に手を出そうかな…

普段はMacで開発をしているのですが、MacBookPro13インチの画面が小さく、自宅ではもっと大きな画面で作業したいと思い、 49インチ4Kモニターに繋がっているゲーム専用のWindows10で初歩の開発環境としてElectronの開発環境構築と、 簡単なハイブリッドアプリを作ってみました。 まず、WindowsでElectronの開発環境を構築する手順です。 Windows10には、PythonもNode.jsもプリインストールされていないので、 何はなくともそこからです。 １．WindowsStoreからPython3.9をインストール Windows10の「Microsoft Sto…

はじめに こんにちは！エンジニアの呉です！ 今回は社内で開発している電話アプリについて、Chrome拡張機能からElectronへリプレースした話をご紹介します。 リプレースしたきっかけ ■問題点 社内で開発している電話アプリでは、いくつかの問題が顕在化していました。 コードの見通し 電話という特異的な機能に加えて、Chrome拡張機能独自のお作法によりコードの見通しが悪くなっていた 手動リリース ウェブストアのダッシュボードから審査の申請をする必要がある リリースコントロールがしにくい Chrome拡張機能の自動更新が最大5hのタイムラグが生じる(chroniumの対象コード) ウェブストア…

ElectronはVSCode, Slack, Atomにも使われている技術でWebアプリをネイティブアプリとして出力できるパッケージです。 例えば、Angularアプリをお手軽にクロスプラットフォームにネイティブアプリ化ができます。 先日、実際に試してみたのでパッケージングまでの手順を記録しておきます。 動作環境 Angularプロジェクトを準備 Electronをインストール Electron用の設定ファイルを作成 ElectronでWebアプリを起動してみる Electronでパッケージングする あとがき 動作環境 Windows10 20H2 $ node -v v10.22.0 $ …

Ubuntu 20.4にまるっきり1からelectron-react-boilerplate(ERB)の環境構築をしたので、せっかくなのでメモしておく やることリスト Node.jsのインストール curlのインストール yarnのインストール gitのインストール ERBのクローン 動くか確認 さっそくやってみる Node.jsのインストール ローカルパッケージインデックスの更新 sudo apt update Node.jsのインストール sudo apt install nodejs インストールできたか確認する nodejs -v ついでにnpmもインストールしておく sudo apt…

こんにちは。最近90年代後半のレトロゲームにハマっているソーシャルメディアマーケティング事業部の @chanyou0311 です。ここ数日はパラッパラッパーを実機で遊んでいます。 さて、今年はちょっと長めなゴールデンウィークでしたが、みなさんいかがお過ごしでしたか？？ 自分はどこか外出したっけと思って Google マップのタイムラインを確認してみましたが、自宅にしかログが残ってませんでした。 …それもそのはず、今年のゴールデンウィークは、ガイアックスのエンジニアの結束力を高めるべく 社内ハッカソン をオンラインで開催していたのでした！！ この記事では、2021年のゴールデンウィークに開催した…

こんにちは．マンガチームの id:mangano-ito です．最近は GraphQL API の開発を担当しており，GraphQL に関することを勉強したり実践したりしています．今回は開発ツールについてのお話です． GraphiQL とは GitHub API での使用例 GraphiQL を導入してみよう ツールバーをカスタマイズしてみよう ヘッダーやクエリをカスタマイズしてみよう 実際に開発ではどう使っているか GraphiQL とは graphql/graphiql: GraphiQL & the GraphQL LSP Reference Ecosystem for building…

エディタを選ぶ際のポイント パソコンとネット環境が揃ったら、後はテキストエディタがあればとりあえずプログラミングの勉強が始められます。 テキストエディタとは、文字通りテキストファイルの作成やテキストファイルの編集を行うためのアプリケーションのことです。 簡単に言えば、プログラミングを書き込むためのアプリケーションですね。 標準テキストエディタとして、Windowsだと「メモ帳」、Unix/Linuxだと「Vi」、Macだと「テキストエディット」が標準でインストールされています。 しかし、これらの標準テキストエディタは「機能が少ない」「初心者には使いにくい」という共通点があるので、今回はより多機…

CLINICAL PRACTICE Adrenal Incidentaloma List of authors. Electron Kebebew, M.D. 内分泌内科にもっとも多いコンサルト内容の１つがこの「副腎偶発腫」です！ 悩むのは、フォロー仕方やどこまで精査すればいいのかということではないでしょうか。フォロー方法に関して、これまでにRCTが少ないために明確な指針がないことや、ホルモン産生性腫瘍の評価法も各論が複雑なため、非専門医の先生にとって非常にわかりにくい部分だと感じます。 一応欧州から発表された副腎偶発腫のGLもありますが、そもそも長くて専門としなければ読む気にはなれないと思い…

デンキバリブラシとは？ デンキバリブラシとは、低周波を用いた美容機器です。 全国の美容サロンで取り扱われている商品であり、ヘアメイクさんや女優さんなど多くの著名な方々がＴＶやＳＮＳ、雑誌などで紹介されたことをきっかけに、金額を超える効果の高さから口コミで話題になった人気商品です。 見たことある方もいるんじゃないでしょうか。 確かにかなりの金額ですよねｗ なかなか購入に踏み切るには勇気がいりますね。 「確実に効果があるなら購入したい」 と思う方も多いと思います。 でもこういう商品は、実際に使ってみないとわからないです。 自分に合うかどうかは口コミを見ても分かりません。 私もそうですが、ほとんどの…

The Dirac-Hestenes Equation and its Relation with the Relativistic de Broglie-Bohm Theory A. M. Moya(∗), W. A. Rodrigues Abstract クリフォード束とスピンクリフォード束の形式と伸筋微積分理論のいくつかの結果を使用して、ディラック-ヘステン方程式（DHE）の構造から生じる確率電流、エネルギー運動量、および全角運動量伸筋場の保存則を導き出します。ラグランジアン形式を使用せずに電磁場と相互作用するディラック-ヘステネススピノル場（DHSF）によって満たされます1。 DHSF…

R言語を使った、RNA-seq解析チュートリアルを作成してみた。 データは、RNA-seqのカウント済みのデータを使用している。 本記事は、以下のArticleの日本語訳記事 + α である。 # HGEN 473 - Genomics # Spring 2017 # Tuesday, May 9 & Thursday, May 11 # RNA-seq analysis with R/Bioconductor # John Blischak # Last updated: 2020-04-08 # https://gist.github.com/jdblischak/fdb174561292…

Windows で Electron を立ち上げると、「縺」とかがたくさん出てきて文字化け… 解決法は、package.json のelectron . を chcp 65001 && electron . に変更すること。 "scripts": { "start": "chcp 65001 && electron ." } 無事、治ってくれた。

［Titan's Strange Atmosphere タイタンの奇妙な大気］ ――――――― Jan 20, 2005 タイタンの大気圏は科学者たちを困惑させました。他のすべての大きな月衛星とは異なり、それは大気圏を持っています。そして、その大気は金星に次ぐ地球型惑星の中で最も密度が高いです。また、金星よりもはるかに広大で、約880kmまで伸びています。上の画像に見られるこのヘイズレイヤー（かすみの層）は、タイタンから400kmの高さに達します。たくさんのパズルは、科学者からの答えに対する反対の推測を呼び起こします。ジェット推進研究所の主任科学者であるトビー・オーエンスは、次のように推測しま…

私の場合は、５連休だったので、あっという間に終わってしまいました。 そして、週明けからは新しい仕事が始まります。 今回が初めての仕事で、連休前の直前まで決まらなかったので、連休中は、技術面のトレーニングばかりすることになりました。 その仕事は、ReactNativeという技術を使ってスマートフォン（iPhone、Android）のアプリを開発したり、 Electronという技術を使ってデスクトップ（Windows、Mac、Linux）向けのアプリを開発するというものです。 すこし真面目な話をすると、Skype、Slack、GoogleMeet、インスタグラムなどのアプリは、 この技術を使って作…

スクリーンショット これはなに 会社で「PR用の文章を人力でチェックする工数が重くて、めっちゃ残業が発生している。なんとか自動化できないか」との依頼を受け、Word等のファイルをGUIでそのままtextlintできるツールをちゃちゃっと作って社内公開しました。その結果、いい感じに社内で有効利用してもらうことができたので、外部公開に踏み切ることにしました。 github.com インストール＆設定 1. インストーラーでツールをインストールする GitHub上で配布しています。 https://github.com/gecko655/proofreading-tool/releases Mac版…